:root{--brand-green:#07373d;--landing-green:#051f20;--landing-dark:#0b2b26;--landing-deep:#051f20;--landing-mid:#235347;--landing-soft:#8eb69b;--landing-cream:#daf1de}
[hidden]{display:none!important}
html{background:#fff}
body[data-page=landing]{background:var(--landing-green)}
.landing{min-height:100svh;background:var(--landing-green);color:var(--landing-cream);display:grid;grid-template-rows:auto 1fr auto;padding:42px clamp(24px,5vw,86px) 25px;position:relative;isolation:isolate;overflow:hidden}
.landing::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/landing-green-fabric.svg') center/cover no-repeat;pointer-events:none}
.landing::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--landing-deep);opacity:0;clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);transition:opacity .7s,clip-path .7s;pointer-events:none}
.landing:has([data-collection-entry=men]:hover)::after{opacity:.16}
.landing:has([data-collection-entry=women]:hover)::after{opacity:.16;clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}
.landing-header{display:flex;direction:ltr;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:1}
.landing-brand{font:400 clamp(14px,1.4vw,20px)/1.5 Georgia,serif;letter-spacing:.15em;text-decoration:none;color:var(--landing-cream)}
.landing-language{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:400;color:var(--landing-cream)}
.landing-language select{width:auto;min-height:40px;border:1px solid #8eb69b55;border-radius:0;color:var(--landing-cream);background:transparent;padding:6px 26px 6px 10px;font-size:12px}
.landing-language option{background:var(--landing-green);color:var(--landing-cream)}
.landing-choices{display:grid;direction:ltr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(25px,8vw,140px);width:min(1240px,100%);margin:auto;min-height:54svh;position:relative}
.landing-choices::after{content:"";position:absolute;left:50%;top:15%;bottom:15%;width:1px;background:#8eb69b30;pointer-events:none}
.landing-entry{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;width:100%;padding:35px 0 10px;color:var(--landing-cream);background:none;border:0;border-radius:0;box-shadow:none;text-decoration:none;isolation:isolate;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.landing-entry-label{font:400 clamp(48px,8vw,112px)/1 Georgia,'Times New Roman',serif;letter-spacing:.035em;text-indent:.035em;white-space:nowrap;transition:letter-spacing .55s,color .4s;text-shadow:0 2px 24px #051f2026}
.landing-entry-arrow{display:flex;justify-content:center;align-items:center;margin-top:35px;width:46px;height:40px;font:300 25px/1 Arial,sans-serif;color:var(--landing-soft);position:relative;transition:color .4s,transform .4s}
.landing-entry-arrow::after{content:"";position:absolute;bottom:-3px;left:50%;width:28px;height:1px;background:var(--landing-soft);transform:translateX(-50%);transition:width .5s}
.landing-entry:hover .landing-entry-label,.landing-entry:focus-visible .landing-entry-label{letter-spacing:.065em;color:#eef8ef}
.landing-entry:hover .landing-entry-arrow,.landing-entry:focus-visible .landing-entry-arrow{color:var(--landing-cream);transform:translate(3px,-3px)}
.landing-entry:hover .landing-entry-arrow::after,.landing-entry:focus-visible .landing-entry-arrow::after{width:62px}
.landing-footer{position:relative;display:flex;justify-content:center;align-items:center;gap:22px;font-size:11px;min-height:70px;color:var(--landing-cream)}
.landing-utilities{display:flex;flex-wrap:wrap;gap:12px 25px;align-items:center;justify-content:center;text-align:center}
.landing-utilities a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;opacity:.76;font-size:12px}
.landing-utilities a:hover{opacity:1;text-decoration:underline;text-underline-offset:5px}
.landing-edition{position:absolute;right:0;bottom:0;font:10px/2 Arial,sans-serif;letter-spacing:.28em;opacity:.55}
.landing-status{position:absolute;bottom:92px;inset-inline:20px;text-align:center;font-size:12px;min-height:24px;pointer-events:none}
.landing [aria-busy=true]{cursor:progress}
.landing a:focus-visible,.landing select:focus-visible{outline:1px solid var(--landing-soft);outline-offset:8px}
.collection-surface{background:#fff;min-height:100svh}
.collection-surface.is-preparing{position:fixed;inset:0;z-index:-1;visibility:hidden;pointer-events:none;overflow:hidden}
.collection-return{background:var(--landing-green);color:var(--landing-cream);padding:9px 4%;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px}
.collection-return a{min-height:30px;display:inline-flex;align-items:center;text-decoration:none}.collection-return strong{font-weight:400}
.diagonal-panel{position:fixed;inset:0;z-index:2000;background:var(--landing-green);pointer-events:auto;overflow:hidden;contain:paint}
.diagonal-panel::after{content:"";position:absolute;inset:0;background:var(--landing-soft);opacity:.1;clip-path:polygon(85% 0,86% 0,61% 100%,60% 100%)}
.diagonal-panel[data-direction=women]{background:var(--landing-dark)}
@media(max-width:650px){.landing{padding:26px 22px 18px}.landing-header{gap:12px}.landing-brand{font-size:11px;letter-spacing:.1em}.landing-language>span{display:none}.landing-language select{font-size:11px;min-height:38px;padding-left:8px}.landing-choices{gap:18px;min-height:44svh}.landing-choices::after{top:19%;bottom:19%}.landing-entry{min-height:180px;padding:28px 0 10px}.landing-entry-label{font-size:clamp(29px,8.1vw,49px);letter-spacing:.015em}.landing-entry:hover .landing-entry-label{letter-spacing:.025em}.landing-entry-arrow{font-size:20px;margin-top:27px}.landing-footer{min-height:90px}.landing-utilities{gap:4px 16px}.landing-utilities a{font-size:10px}.landing-edition{left:0;right:0;text-align:center;bottom:-3px;font-size:8px}.landing-status{bottom:98px}}
@media(prefers-reduced-motion:reduce){.landing::after,.landing-entry-label,.landing-entry-arrow,.landing-entry-arrow::after{transition:none}.diagonal-panel{display:none!important}html{scroll-behavior:auto}}

/* Customer sign-in belongs in the central composition, below MEN / WOMEN. */
.landing-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:20px 0 35px}
.landing-center .landing-choices{margin:0 auto;min-height:43svh}
.landing-auth{display:flex;justify-content:center;width:100%;position:relative;z-index:1;margin-top:10px}
.landing-customer-login{display:inline-flex;align-items:center;justify-content:center;min-height:50px;max-width:100%;padding:12px 34px;border:1px solid #8eb69b80;background:#23534738;color:var(--landing-cream);text-decoration:none;font-size:14px;line-height:1.8;transition:background .3s,border-color .3s}
.landing-customer-login:hover{background:#23534788;border-color:var(--landing-soft)}
.landing-footer{min-height:50px}
@media(max-width:650px){.landing-center{padding:10px 0 20px}.landing-center .landing-choices{min-height:34svh}.landing-auth{margin-top:25px}.landing-customer-login{min-height:50px;padding:11px 25px;font-size:13px}.landing-footer{min-height:65px}}
@media(prefers-reduced-motion:reduce){.landing-customer-login{transition:none}}

/* Two review directions share the same approved navigation and central sign-in. */
.hero-treatment{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-denim-panel{position:absolute;left:-9%;top:-5%;width:53%;height:115%;background:url('/assets/hero-denim-detail.svg') center/cover;opacity:.23;transform:rotate(-13deg);mask-image:linear-gradient(90deg,#000 0%,#000 40%,transparent 100%)}
.hero-wordmark{display:none;position:absolute;top:22%;left:50%;transform:translateX(-50%);font:400 clamp(100px,19vw,310px)/1 Georgia,serif;letter-spacing:-.045em;color:#8eb69b;opacity:.105;white-space:nowrap}
.hero-stitch{position:absolute;right:9%;top:-10%;height:120%;width:5px;border-left:1px dashed #8eb69b45;border-right:1px dashed #8eb69b45;transform:rotate(17deg);opacity:.35}
.landing[data-hero-style=type] .hero-denim-panel{display:none}.landing[data-hero-style=type] .hero-wordmark{display:block}.landing[data-hero-style=type] .hero-stitch{transform:rotate(-23deg);right:16%;opacity:.6}
.hero-video-discover{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;margin-top:14px;text-decoration:none;font-size:11px;color:var(--landing-soft);text-underline-offset:6px}.hero-video-discover:hover{text-decoration:underline}
.landing-videos{background:#071f20;color:#daf1de;padding:75px clamp(22px,6vw,90px) 85px;border-top:1px solid #8eb69b2b;min-height:290px;scroll-margin-top:20px}
.video-section-heading{max-width:730px;margin:0 auto 34px;text-align:center}.video-edition{font:10px/1.5 Arial,sans-serif;letter-spacing:.25em;color:#8eb69b}.video-section-heading h2{font-size:clamp(23px,3vw,38px);font-weight:400;line-height:1.8;margin:12px 0}.video-section-heading>p:last-child{font-size:13px;color:#a5beb0;line-height:1.9}
.video-showcase-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:28px;max-width:1200px;margin:0 auto}.collection-video{min-width:0}.collection-video-frame{aspect-ratio:16/10;position:relative;background:#0b2b26;border:1px solid #8eb69b33;display:grid;place-items:center;overflow:hidden}.collection-video-frame>img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;opacity:1}.collection-video-play{z-index:1;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;background:transparent;border:0;color:#daf1de;position:absolute;inset:0;box-shadow:none;border-radius:0;font-size:12px}.collection-video-play:hover .video-play-icon{background:#051f20cc}.video-play-icon{width:52px;height:52px;border:1px solid #daf1de99;border-radius:50%;display:grid;place-items:center}.video-play-icon::after{content:'';border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #daf1de;margin-left:3px}.collection-video video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#051f20}.collection-video h3{font-size:13px;line-height:1.9;font-weight:400;margin:13px 0}.video-empty{color:#8eb69b;text-align:center;font-size:13px;line-height:1.9}.video-play-error{z-index:2;background:#051f20;padding:15px;font-size:12px;line-height:1.9;position:absolute;bottom:0;margin:0}
.landing-videos button:focus-visible{outline:2px solid #daf1de;outline-offset:-5px}
@media(max-width:650px){.hero-denim-panel{width:95%;left:-35%;opacity:.18}.hero-wordmark{font-size:25vw;top:25%;opacity:.11}.hero-stitch{right:12%}.hero-video-discover{font-size:10px;margin-top:9px}.landing-videos{padding:45px 22px 50px}.video-section-heading>p:last-child{font-size:12px}}

.collection-video-play .video-play-icon{background:#051f20aa}.collection-video-play>span:last-child{padding:6px 12px;background:#051f20dd}