body{scrollbar-color:var(--blue) var(--chalk)}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:var(--chalk)}body::-webkit-scrollbar-thumb{background:var(--blue);border:3px solid var(--chalk)}
.collection-head h1,.fit h2,.proof h2,.garment-sheet h2,.proportion h2,.movement h2,.material-archive h2,.construction h2,.layers h2,.studio-grid h2,.care-lab h2,.size-truth h2,.questions h2{font-size:clamp(3.5rem,7vw,6rem);line-height:.86;letter-spacing:-.04em;text-wrap:balance}
.hero-word,.editorial-word{letter-spacing:-.04em}
.proportion,.movement,.material-archive,.construction,.layers,.care-lab,.size-truth,.questions{padding:clamp(90px,10vw,150px) clamp(18px,4vw,60px)}
.proportion{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;background:var(--carbon);color:var(--white)}.proportion-copy p{max-width:65ch;color:#c9c9c5}.pattern-map{position:relative;min-height:680px;background:var(--chalk);color:var(--carbon);overflow:hidden}.pattern-body{position:absolute;inset:11% 16% 8%;display:grid;place-items:center;border:1px solid var(--carbon);clip-path:polygon(22% 0,78% 0,100% 16%,90% 100%,10% 100%,0 16%);font:400 clamp(2rem,4vw,4rem)/1 var(--display)}.pattern-map .line{position:absolute;display:block;border-color:var(--blue);color:var(--blue);font:500 .58rem var(--mono);font-style:normal}.pattern-map .line b{position:absolute;background:var(--chalk);padding:4px;white-space:nowrap}.pattern-map .shoulder{left:18%;right:18%;top:23%;border-top:1px solid}.pattern-map .shoulder b{left:50%;transform:translate(-50%,-50%)}.pattern-map .chest{left:11%;right:11%;top:42%;border-top:1px solid}.pattern-map .chest b{right:0;transform:translateY(-50%)}.pattern-map .length{top:12%;bottom:9%;right:9%;border-left:1px solid}.pattern-map .length b{top:50%;transform:translate(-50%,-50%) rotate(-90deg)}.pattern-map .ease{left:24%;right:24%;bottom:17%;border-top:1px solid}.pattern-map .ease b{left:50%;transform:translate(-50%,-50%)}.pattern-map>small{position:absolute;left:18px;bottom:15px;font:500 .56rem var(--mono);text-transform:uppercase}
.movement{background:var(--silver)}.movement>div:first-child{display:grid;grid-template-columns:1.25fr .55fr;gap:8vw;align-items:end}.movement>div:first-child p{max-width:62ch}.movement-strip{display:grid;grid-template-columns:1.1fr .8fr 1.1fr;gap:12px;margin-top:55px}.movement figure{margin:0;position:relative;min-height:640px;overflow:hidden;background:#a4a5a7}.movement figure:nth-child(2){min-height:500px;align-self:center}.movement img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}.movement figcaption{position:absolute;left:10px;bottom:10px;background:var(--blue);color:white;padding:6px 8px;font:500 .56rem var(--mono)}
.material-archive{display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw;background:var(--chalk)}.material-archive>div:first-child p{max-width:60ch}.material-ledger{border-top:1px solid}.material-ledger article{display:grid;grid-template-columns:.65fr .45fr 1fr;gap:22px;padding:22px 0;border-bottom:1px solid;align-items:baseline}.material-ledger span,.material-ledger>small{font:500 .58rem var(--mono);text-transform:uppercase}.material-ledger strong{font:400 1.8rem var(--display)}.material-ledger p{margin:0}.material-ledger>small{display:block;margin-top:17px;color:var(--muted)}
.construction{padding:0;display:grid;grid-template-columns:1.05fr .95fr;background:var(--white)}.construction-image{position:relative;min-height:830px}.construction-image img{width:100%;height:100%;object-fit:cover}.construction-image span{position:absolute;left:15px;bottom:15px;background:var(--carbon);color:white;padding:6px 8px;font:500 .56rem var(--mono)}.construction>div:last-child{padding:clamp(75px,8vw,120px)}.construction dl{margin:45px 0 0;border-top:1px solid}.construction dl div{display:grid;grid-template-columns:110px 1fr;gap:22px;padding:19px 0;border-bottom:1px solid}.construction dt{font:500 .58rem var(--mono);text-transform:uppercase;color:var(--blue)}.construction dd{margin:0}
.layers{background:var(--blue);color:white}.layers h2{max-width:12ch;margin-left:auto}.layer-sequence{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid rgba(255,255,255,.55)}.layer-sequence article{min-height:330px;padding:22px 26px 30px 0;border-right:1px solid rgba(255,255,255,.55);display:flex;flex-direction:column}.layer-sequence article+article{padding-left:26px}.layer-sequence article:last-child{border-right:0}.layer-sequence span{font:500 .58rem var(--mono)}.layer-sequence strong{margin-top:auto;font:400 clamp(1.8rem,2.8vw,3rem)/.95 var(--display);text-transform:uppercase}.layer-sequence p{max-width:42ch}
.studio-grid{display:grid;grid-template-columns:repeat(3,1fr);background:var(--carbon);color:white}.studio-grid>div{grid-column:span 2;padding:clamp(70px,8vw,120px) clamp(18px,4vw,60px)}.studio-grid>div p{max-width:60ch;color:#bfc0c0}.studio-grid figure{margin:0;aspect-ratio:4/5;overflow:hidden}.studio-grid figure:nth-of-type(2),.studio-grid figure:nth-of-type(5){aspect-ratio:1/1}.studio-grid img{width:100%;height:100%;object-fit:cover;filter:grayscale(.55)}
.care-lab{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:var(--silver)}.care-lab>div p{max-width:58ch}.care-lab ol{margin:0;padding:0;list-style:none;counter-reset:care;border-top:1px solid}.care-lab li{counter-increment:care;display:grid;grid-template-columns:42px .45fr 1fr;gap:18px;padding:21px 0;border-bottom:1px solid;align-items:baseline}.care-lab li::before{content:counter(care,decimal-leading-zero);font:500 .58rem var(--mono);color:var(--blue)}.care-lab li b{font:400 1.5rem var(--display);text-transform:uppercase}.care-lab li span{max-width:52ch}
.size-truth{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;background:var(--chalk)}.size-truth>div{border-top:1px solid}.size-truth p{display:grid;grid-template-columns:40px 1fr;gap:20px;margin:0;padding:19px 0;border-bottom:1px solid}.size-truth span{font:500 .65rem var(--mono);color:var(--blue)}
.questions{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:var(--white)}.questions>div:first-child p{max-width:50ch}.questions>div:last-child{border-top:1px solid}.questions details{border-bottom:1px solid}.questions summary{cursor:pointer;list-style:none;padding:23px 44px 23px 0;position:relative;font:600 1.15rem var(--body)}.questions summary::-webkit-details-marker{display:none}.questions summary::after{content:'+';position:absolute;right:8px;color:var(--blue);font:400 1.5rem var(--display)}.questions details[open] summary::after{content:'−'}.questions details p{max-width:65ch;margin:0;padding:0 44px 24px 0;color:#45474a}
@media(max-width:850px){.proportion,.material-archive,.construction,.care-lab,.size-truth,.questions{grid-template-columns:1fr}.pattern-map{min-height:580px}.movement>div:first-child{grid-template-columns:1fr}.movement-strip{grid-template-columns:1fr 1fr}.movement figure:last-child{grid-column:1/-1;min-height:680px}.construction-image{min-height:700px}.layer-sequence{grid-template-columns:1fr}.layer-sequence article{border-right:0;border-bottom:1px solid rgba(255,255,255,.55);min-height:260px;padding-left:0!important}.studio-grid{grid-template-columns:repeat(2,1fr)}.studio-grid>div{grid-column:1/-1}.care-lab{gap:55px}}
@media(max-width:620px){.collection-head h1,.fit h2,.proof h2,.garment-sheet h2,.proportion h2,.movement h2,.material-archive h2,.construction h2,.layers h2,.studio-grid h2,.care-lab h2,.size-truth h2,.questions h2{font-size:clamp(3rem,14vw,4.4rem)}.proportion,.movement,.material-archive,.layers,.care-lab,.size-truth,.questions{padding-inline:14px}.pattern-map{min-height:500px}.pattern-body{inset:13% 9% 10%;font-size:2rem}.pattern-map .chest{left:5%;right:5%}.movement-strip{grid-template-columns:1fr}.movement figure,.movement figure:nth-child(2),.movement figure:last-child{grid-column:auto;min-height:520px}.material-ledger article{grid-template-columns:1fr;gap:5px}.construction-image{min-height:560px}.construction>div:last-child{padding:65px 14px}.construction dl div{grid-template-columns:1fr;gap:5px}.studio-grid{grid-template-columns:1fr}.studio-grid>div{padding-inline:14px}.care-lab li{grid-template-columns:38px 1fr}.care-lab li span{grid-column:2}.size-truth{gap:45px}.questions{gap:45px}}

/* Hero wordmark: from 621px up the fit rail occupies the right edge, so the
   wordmark gets its own column instead of sliding underneath the panel. */
.hero{--rail-w:min(320px,28vw);--rail-gap:clamp(16px,3vw,44px)}
@media(min-width:621px) and (max-width:850px){.hero{--rail-w:min(300px,33vw)}.fit-rail{width:var(--rail-w)}}
@media(min-width:621px){
  .hero-word{inset:0 calc(var(--rail-w) + var(--rail-gap) + clamp(20px,3vw,56px)) 0 var(--rail-gap);font-size:min(17vw,calc((100vw - var(--rail-w) - var(--rail-gap) * 2 - clamp(20px,3vw,56px)) / 3.86));line-height:.78}
  .hero-word span:first-child{align-self:flex-start}
}
/* Below 621px the rail drops to the bottom of the hero, so the wordmark moves
   up into the free upper band instead of hiding its second line behind it. */
@media(max-width:620px){.hero-word{justify-content:flex-start;padding-top:clamp(64px,15vh,150px)}}

/* Garment sheet: the fields that wrap to a different number of lines per
   garment reserve their tallest line count, so switching tabs never resizes
   the sheet under the reader's cursor. */
[data-name]{min-height:2lh}
[data-desc]{min-height:2lh}
[data-material],[data-movement],[data-care]{min-height:1lh}
@media(max-width:1300px){[data-desc]{min-height:3lh}[data-movement],[data-care],[data-material]{min-height:2lh}}
@media(min-width:851px) and (max-width:930px){[data-desc]{min-height:4lh}}

/* Long Polish display words (INFORMACJA.) overran the viewport at the old
   mobile step; smaller cap plus a break fallback keeps them inside the page. */
@media(max-width:620px){.collection-head h1,.fit h2,.proof h2,.garment-sheet h2,.proportion h2,.movement h2,.material-archive h2,.construction h2,.layers h2,.studio-grid h2,.care-lab h2,.size-truth h2,.questions h2{font-size:clamp(2.6rem,12vw,4.4rem);overflow-wrap:anywhere}.proof,.proof>div,.collection-head,.collection-head>*{min-width:0}}

/* The bar was translucent enough that page text read through the wordmark
   while scrolling. Solid background so content passes cleanly behind it. */
body header,body header[class]{background-color:rgb(238,237,232)}
/* Garment names are two words; at the mobile display step they wrapped to two
   or four lines depending on the name, which resized the sheet between tabs.
   A step where every name fits two lines removes the variance at the source. */
@media(max-width:620px){.garment-sheet h2{font-size:clamp(1.85rem,8.6vw,3rem);line-height:1}}
@media(max-width:380px){[data-desc]{min-height:4lh}}