:root{--chalk:#eeede8;--white:#fbfaf6;--carbon:#101112;--silver:#b9bcc1;--blue:#2447ff;--muted:#686b70;--display:'Archivo Black',Arial,sans-serif;--body:'Archivo',Arial,sans-serif;--mono:'IBM Plex Mono',Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;background:var(--chalk);color:var(--carbon);font:16px/1.5 var(--body)}::selection{background:var(--blue);color:white}a{color:inherit;text-underline-offset:.2em}button,input{font:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.skip{position:fixed;z-index:100;top:10px;left:10px;transform:translateY(-150%);padding:10px;background:white}.skip:focus{transform:none}header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:64px;padding:10px clamp(18px,4vw,60px);background:rgba(238,237,232,.96);border-bottom:1px solid}.logo{font:400 1.15rem var(--display);text-decoration:none}header nav{display:flex;gap:26px}header nav a{font-size:.68rem;text-transform:uppercase;text-decoration:none}.bag-button{justify-self:end;border:0;background:none;cursor:pointer;text-transform:uppercase;font-size:.68rem}.bag-button span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:7px;background:var(--carbon);color:white}
.hero{position:relative;height:calc(100svh - 64px);min-height:680px;overflow:hidden;background:var(--carbon)}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 37%;filter:grayscale(.15) contrast(1.04)}.hero-word{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;color:var(--white);mix-blend-mode:difference;font:400 clamp(7rem,19vw,19rem)/.69 var(--display);letter-spacing:-.075em;pointer-events:none}.hero-word span:last-child{align-self:flex-end}.fit-rail{position:absolute;right:clamp(16px,3vw,44px);top:40px;bottom:40px;width:min(320px,28vw);display:flex;flex-direction:column;padding:20px;background:rgba(238,237,232,.9);backdrop-filter:blur(12px);color:var(--carbon);border:1px solid}.fit-rail>p{margin:0 0 auto;font:500 .58rem var(--mono);text-transform:uppercase}.fit-rail>div{display:grid;gap:4px;padding:13px 0;border-bottom:1px solid}.fit-rail span,.fit-rail small{font:500 .56rem var(--mono);text-transform:uppercase}.fit-rail strong{font-size:.78rem}.fit-rail>a{margin-top:18px;padding:12px;background:var(--blue);color:white;text-align:center;text-decoration:none;font-weight:700;text-transform:uppercase;font-size:.7rem}
.statement{display:grid;grid-template-columns:.55fr 1.45fr;background:var(--blue);color:white}.statement p{margin:0;padding:36px clamp(20px,4vw,60px);border-right:1px solid rgba(255,255,255,.5);font:400 clamp(1.8rem,3vw,3.5rem)/.95 var(--display);text-transform:uppercase}.collection{padding:clamp(90px,10vw,150px) clamp(18px,4vw,60px);background:var(--chalk)}.collection-head{display:grid;grid-template-columns:1.15fr .6fr;gap:9vw;align-items:end;margin-bottom:50px}.collection-head h1,.fit h2,.proof h2{margin:0;font:400 clamp(3.8rem,8vw,8rem)/.8 var(--display);letter-spacing:-.065em;text-transform:uppercase}.collection-head p{max-width:55ch}.garment-stage{display:grid;grid-template-columns:1.2fr .8fr;min-height:760px;background:var(--white);border:1px solid}.garment-image{position:relative;min-width:0;overflow:hidden;background:#d4d2cc}.garment-image figure{position:absolute;inset:0;margin:0;transition:clip-path .75s cubic-bezier(.16,1,.3,1),filter .75s}.garment-image figure.changing{clip-path:inset(0 100% 0 0);filter:blur(8px)}.garment-image img{width:100%;height:100%;object-fit:cover}.garment-image figcaption{position:absolute;left:14px;bottom:14px;padding:5px 7px;background:var(--carbon);color:white;font:500 .55rem var(--mono)}.measure{position:absolute;z-index:2;color:var(--blue);font:500 .6rem var(--mono)}.measure::before{content:'';position:absolute;background:var(--blue)}.measure-v{top:8%;bottom:8%;right:18px;border-top:1px solid;border-bottom:1px solid}.measure-v::before{top:0;bottom:0;left:50%;width:1px}.measure-v span{position:absolute;top:50%;left:0;transform:translate(-100%,-50%) rotate(-90deg);background:var(--white);padding:4px}.measure-h{left:8%;right:8%;bottom:24px;border-left:1px solid;border-right:1px solid}.measure-h::before{left:0;right:0;top:50%;height:1px}.measure-h span{position:absolute;left:50%;transform:translate(-50%,-50%);background:var(--white);padding:4px}.garment-sheet{padding:30px;align-self:stretch}.sheet-id{display:flex;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid;font:500 .6rem var(--mono)}.garment-sheet h2{margin:50px 0 20px;font:400 clamp(3.4rem,5vw,6rem)/.82 var(--display);letter-spacing:-.06em;text-transform:uppercase}.garment-sheet>p{max-width:50ch}.garment-sheet dl{margin:35px 0}.garment-sheet dl div{padding:14px 0;border-top:1px solid}.garment-sheet dt{font:500 .57rem var(--mono);text-transform:uppercase;color:var(--muted)}.garment-sheet dd{margin:5px 0 0}.size-form fieldset{display:grid;grid-template-columns:repeat(4,1fr);padding:0;border:0}.size-form legend{margin-bottom:10px;font:500 .58rem var(--mono);text-transform:uppercase}.size-form input{position:absolute;opacity:0}.size-form label span{display:block;padding:12px;border:1px solid;border-right:0;text-align:center;cursor:pointer}.size-form label:last-child span{border-right:1px solid}.size-form input:checked+span{background:var(--carbon);color:white}.size-form button{width:100%;margin-top:10px;padding:14px;background:var(--blue);color:white;border:0;font-weight:700;cursor:pointer}.size-form button:hover{background:var(--carbon)}.size-form p{min-height:1.4em;font:500 .58rem var(--mono)}.size-form p.error{color:#a11b1b}.size-form p.success{color:var(--blue)}.garment-tabs{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid;border-top:0}.garment-tabs button{min-height:58px;border:0;border-right:1px solid;background:transparent;font:500 .58rem var(--mono);cursor:pointer}.garment-tabs button:last-child{border:0}.garment-tabs button.active{background:var(--carbon);color:white}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:clamp(90px,10vw,150px) clamp(18px,4vw,60px);background:var(--silver)}.fit>div p{max-width:55ch}.fit form{display:grid;align-content:center}.fit label{display:grid;grid-template-columns:20px 1fr;gap:4px 12px;padding:15px 0;border-bottom:1px solid;cursor:pointer}.fit label input{grid-row:1/3;accent-color:var(--blue)}.fit label span{font-weight:700}.fit label small{color:#4b4d51}.fit aside{grid-column:2;padding:22px;background:var(--blue);color:white}.fit aside span,.fit aside small{display:block;font:500 .58rem var(--mono);text-transform:uppercase}.fit aside strong{display:block;margin:20px 0;font-size:1.4rem}.editorial{position:relative;min-height:850px;display:grid;grid-template-columns:1fr 1fr;background:var(--carbon);overflow:hidden}.editorial img{width:100%;height:100%;object-fit:cover}.editorial img:nth-of-type(2){height:48%;align-self:end}.editorial-word{position:absolute;z-index:2;left:3vw;top:5vw;color:white;font:400 clamp(5rem,13vw,14rem)/.72 var(--display);letter-spacing:-.075em;mix-blend-mode:difference}.editorial p{position:absolute;z-index:2;right:3vw;top:3vw;padding:12px;background:var(--chalk);font:500 .6rem/1.6 var(--mono);text-transform:uppercase}.proof{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:clamp(90px,10vw,150px) clamp(18px,4vw,60px)}.proof div{border-top:1px solid}.proof p{display:grid;grid-template-columns:45px 1fr;gap:18px;margin:0;padding:18px 0;border-bottom:1px solid}.proof span{font:500 .6rem var(--mono);color:var(--blue)}
.bag{position:fixed;z-index:70;right:0;top:0;bottom:0;width:min(440px,100%);transform:translateX(105%);background:var(--white);padding:24px;transition:transform .45s cubic-bezier(.16,1,.3,1)}.bag.open{transform:none}.bag-head{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid}.bag-head h2{font:400 2rem var(--display);text-transform:uppercase}.bag-head button{border:0;background:none;font-size:2rem;cursor:pointer}.bag-note{font:500 .6rem var(--mono);text-transform:uppercase;color:var(--muted)}.bag-item{display:grid;grid-template-columns:70px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid}.bag-item img{width:70px;height:90px;object-fit:cover}.bag-item strong,.bag-item small{display:block}.bag-item small{font:500 .58rem var(--mono)}.bag-item button{align-self:start;border:0;background:none;text-decoration:underline;cursor:pointer}.bag-checkout{position:absolute;left:24px;right:24px;bottom:24px;padding:14px;border:0}.bag-backdrop{position:fixed;z-index:60;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .3s}.bag-backdrop.open{opacity:1;pointer-events:auto}footer{display:grid;grid-template-columns:auto 1fr auto;gap:28px;padding:28px clamp(18px,4vw,60px);background:var(--carbon);color:white;font:500 .58rem var(--mono);text-transform:uppercase}footer p{margin:0;color:#a7a9ae}
@media(max-width:850px){.garment-stage{grid-template-columns:1fr}.garment-image{min-height:700px}.fit,.proof{grid-template-columns:1fr}.fit aside{grid-column:auto}.editorial{min-height:650px}.collection-head{grid-template-columns:1fr}.fit-rail{width:38vw}.garment-tabs{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){header{grid-template-columns:1fr auto}header nav{display:none}.hero{min-height:820px}.hero-word{font-size:23vw}.fit-rail{left:14px;right:14px;top:auto;bottom:16px;width:auto;height:auto}.fit-rail>p{margin-bottom:15px}.statement{grid-template-columns:1fr}.statement p{border-right:0;border-bottom:1px solid}.collection,.fit,.proof{padding-inline:14px}.collection-head h1,.fit h2,.proof h2{font-size:3.4rem}.garment-stage{min-height:0}.garment-image{min-height:570px}.garment-sheet{padding:20px}.garment-sheet h2{font-size:3.7rem}.garment-tabs{grid-template-columns:1fr 1fr}.garment-tabs button{border-bottom:1px solid}.editorial{display:block;min-height:780px}.editorial img{position:absolute;inset:0;height:100%}.editorial img:nth-of-type(2){display:none}.editorial-word{font-size:20vw}.editorial p{top:auto;bottom:20px;left:20px;right:auto}.proof{gap:40px}footer{grid-template-columns:1fr;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
