:root{--surface:var(--bw-surface,#09090c);--ink:var(--bw-text,#f1ede4);--accent:var(--bw-accent,#ef443d);--muted:var(--bw-muted,#a5a0a0);--safe:var(--bw-accent-safe,var(--accent));--on:var(--bw-on-accent,#fff);--line:color-mix(in srgb,var(--ink) 23%,transparent);--paper:#e7dfd0;--cobalt:#2434b8;--panel:color-mix(in srgb,var(--surface) 91%,var(--ink));--mono:"SFMono-Regular",Consolas,monospace;--serif:Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--surface);color:var(--ink);overflow-x:clip}body{background:var(--surface);color:var(--ink);margin:0;font-family:Arial Narrow,Arial,sans-serif;overflow-x:clip}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}button,a{touch-action:manipulation}:focus-visible{outline:3px solid var(--safe);outline-offset:3px}.header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding:0 2vw;display:grid}.header>a:first-child{font-weight:900;text-decoration:none}.header>a span{font:600 .5rem var(--mono);color:var(--muted);margin-left:1rem}.header nav{gap:2rem;display:flex}.header nav a,.header>a:last-child{font:700 .55rem var(--mono);text-transform:uppercase;text-decoration:none}.header>a:last-child{justify-self:end}.pattern-table{height:340vh}.pattern-sticky{color:#f1ede4;background:#09090c;height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden}.table-grid{background-color:#0000;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:5vw 5vw;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.pattern-view{position:absolute;inset:0 14% 0 25%}.pattern-svg{width:100%;height:100%;overflow:visible}.form ellipse,.form path{fill:#27262b;stroke:#a7a2a5;stroke-width:2px}.form line{stroke:#a7a2a5;stroke-dasharray:6 8}.paper{fill:var(--paper);stroke:#101010;stroke-width:2px;color:#101010}.fabric{filter:drop-shadow(0 20px 20px #0008)}.seam{fill:none;stroke:#f1ede4;stroke-width:2px;stroke-dasharray:6 6}.notations text{fill:#f1ede4;font:700 12px var(--mono)}.notations path{stroke:#ffffff50}.title{z-index:3;position:absolute;top:11vh;left:2vw}.title p,.runway header p,.textiles header p,.construction>div>p:first-child,.compose header p,.fitting>div>p{font:700 .56rem var(--mono);letter-spacing:.11em;color:#ef443d}.title h1{letter-spacing:-.075em;margin:1rem 0;font-size:clamp(4.3rem,7.4vw,8.5rem);line-height:.75}.title h1 em{font-family:var(--serif);font-weight:400}.assembly{z-index:4;background:#09090cdd;border:1px solid #ffffff40;width:260px;padding:1rem;position:absolute;top:12vh;right:2vw}.assembly span{font:700 .52rem var(--mono)}.assembly strong{color:#ef443d;margin:1rem 0;font-size:1.3rem;display:block}.assembly p{color:#b8b1b4;line-height:1.5}.assembly-controls{z-index:5;border:1px solid #ffffff40;grid-template-columns:repeat(3,1fr);width:min(46vw,620px);display:grid;position:absolute;bottom:4vh;left:2vw}.assembly-controls button{color:#f1ede4;text-align:left;min-height:68px;font:700 .57rem var(--mono);background:#09090cdd;border:0;border-right:1px solid #ffffff40;padding:.7rem;display:grid}.assembly-controls button:last-child{border:0}.assembly-controls button span{color:#a5a0a0}.cut-ruler{display:grid;position:absolute;top:8%;bottom:8%;right:1vw}.cut-ruler i{border-top:1px solid #ffffff45;width:24px;position:relative}.cut-ruler i:nth-child(odd){width:40px}.cut-ruler span{font:600 .46rem var(--mono);position:absolute;top:-.3rem;right:48px}.runway{padding:9rem 2vw}.runway header{grid-template-columns:.5fr 1.5fr;display:grid}.runway h2,.textiles h2,.construction h2,.compose h2,.fitting h2{letter-spacing:-.07em;margin:0;font-size:clamp(3.2rem,6.2vw,7rem);line-height:.8}.runway-stage{background:#111118;height:680px;margin-top:5rem;position:relative;overflow:hidden}.spotlight{background:conic-gradient(from 170deg at 50% 0,transparent 0 35%,#fff2 43% 57%,transparent 65%);filter:blur(10px);width:50%;height:120%;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.runway-figure{width:220px;height:580px;position:absolute;top:10%;left:48%;transform:translate(-50%)}.runway-figure i{background:#aea8a0;border-radius:50%;width:48px;height:58px;position:absolute;top:0;left:86px}.runway-figure b{background:var(--cobalt);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%,20% 40%);width:150px;height:500px;position:absolute;top:55px;left:35px}.look-1 .runway-figure b{clip-path:polygon(30% 0,70% 0,82% 40%,100% 100%,0 100%,18% 40%);background:#c7372f}.look-2 .runway-figure b{clip-path:polygon(24% 0,76% 0,90% 44%,72% 100%,28% 100%,10% 44%);background:#e7dfd0}.runway-stage>div:last-child{position:absolute;bottom:2rem;left:2rem}.runway-stage>div:last-child span{font:700 .55rem var(--mono)}.runway-stage>div:last-child strong{color:#fff;margin:.5rem 0;font-size:3.5rem;display:block}.runway-stage>div:last-child p{color:#c4bdbe}.look-strip{border:1px solid var(--line);grid-template-columns:54px repeat(3,1fr) 54px;display:grid}.look-strip button{border:0;border-right:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:32px 1fr;min-height:82px;padding:.7rem;display:grid}.look-strip button:last-child{border:0}.look-strip button small{font:.5rem var(--mono);grid-column:2}.look-strip button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.textiles{background:var(--ink);color:var(--surface);padding:9rem 2vw}.textiles header{grid-template-columns:.5fr 1.5fr;display:grid}.textiles>div{border:1px solid color-mix(in srgb,var(--surface) 30%,transparent);grid-template-columns:repeat(3,1fr);margin-top:5rem;display:grid}.textiles>div button{border:0;border-right:1px solid color-mix(in srgb,var(--surface) 30%,transparent);min-height:650px;color:inherit;text-align:left;background:0 0;flex-direction:column;padding:1rem;display:flex}.textiles button>span,.textiles button>small{font:700 .55rem var(--mono)}.cloth{background:linear-gradient(90deg,#18268e,#4152db,#17217d);height:390px;margin:1rem -1rem 2rem;display:block;transform:skewY(-2deg);box-shadow:inset 0 0 40px #fff2}.cloth-1{background:linear-gradient(90deg,#8e1d1b,#d54b3d,#771616)}.cloth-2{background:linear-gradient(90deg,#c7bead,#f0e8d8,#afa596)}.textiles button>strong{font-size:1.5rem}.textiles button>p{margin-top:auto}.textiles button[aria-pressed=true]{box-shadow:inset 0 -8px var(--surface)}.construction{grid-template-columns:.7fr 1fr .45fr;min-height:900px;display:grid}.construction>div:first-child{padding:7rem 3vw}.construction>div>p:not(:first-child){line-height:1.7}.seam-map{border-left:1px solid var(--line);border-right:1px solid var(--line);place-items:center;display:grid;position:relative}.seam-map svg{width:70%;height:78%}.seam-map svg path{fill:none;stroke:var(--safe);stroke-width:2px}.seam-map>span{font:700 .52rem var(--mono);position:absolute}.seam-map>span:first-of-type{top:20%;left:5%}.seam-map>span:nth-of-type(2){top:40%;right:5%}.seam-map>span:nth-of-type(3){bottom:30%;left:5%}.seam-map>span:nth-of-type(4){bottom:10%;right:5%}.seam-map span b{display:block}.construction aside{flex-direction:column;padding:2rem;display:flex}.construction aside>strong{font:300 5rem var(--mono)}.construction aside>span{font:700 .5rem var(--mono)}.construction aside dl{margin:auto 0 0}.construction aside dl div{border-top:1px solid var(--line);padding:1rem 0}.construction dt{font:700 .52rem var(--mono)}.construction dd{margin:.3rem 0}.compose{background:var(--panel);grid-template-columns:.8fr 1.2fr;gap:5vw;padding:9rem 2vw;display:grid}.compose header{grid-column:1/3;grid-template-columns:.5fr 1.5fr;display:grid}.selectors{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.selectors fieldset{border:1px solid var(--line);margin:0;padding:1rem}.selectors legend{font:700 .54rem var(--mono);padding:.5rem}.selectors button{border:0;border-bottom:1px solid var(--line);background:0 0;width:100%;min-height:68px}.selectors button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.look-board{border:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:620px;padding:1.5rem;display:flex}.look-board header{font:700 .54rem var(--mono);border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:1rem;display:flex}.board-figure{width:180px;height:260px;margin:auto;position:relative}.board-figure i{background:#999;border-radius:50%;width:40px;height:48px;position:absolute;left:70px}.board-figure b{clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);background:#2434b8;width:140px;height:210px;position:absolute;top:46px;left:20px}.board-figure.vermilion b{background:#c7372f}.board-figure.ivory b{background:#e7dfd0}.look-board dl{margin:0}.look-board dl div{border-top:1px solid var(--line);grid-template-columns:140px 1fr;padding:.8rem 0;display:grid}.look-board dt{font:700 .52rem var(--mono)}.look-board dd{margin:0}.fitting{grid-template-columns:1fr 1fr;gap:7vw;padding:9rem 2vw;display:grid}.fitting aside{border-left:5px solid var(--safe);margin-top:3rem;padding:1rem}.fitting aside span{font:700 .52rem var(--mono)}.fitting aside strong{font:700 1.3rem var(--mono);margin:1rem 0;display:block}.fitting form{align-content:center;gap:1rem;display:grid}.fitting label{font:700 .52rem var(--mono);text-transform:uppercase}.fitting input,.fitting select{border:0;border-bottom:1px solid var(--line);background:0 0;width:100%;min-height:48px;display:block}.fitting .check{text-transform:none;gap:.8rem;line-height:1.5;display:flex}.fitting .check input{flex:none;width:44px;height:44px}.fitting .error{color:var(--safe);font-weight:700}.fitting form>button{background:var(--accent);min-height:54px;color:var(--on);font:800 .58rem var(--mono);border:0}.fitting-success{border-left:1px solid var(--safe);flex-direction:column;justify-content:center;padding:2rem;display:flex}.fitting-success span{font:700 .54rem var(--mono)}.fitting-success>strong{font:700 1.3rem var(--mono);color:var(--safe);margin:1rem 0}.fitting-success h3{font:400 clamp(3rem,6vw,6rem)/.88 var(--serif);margin:3rem 0 1rem}footer{border-top:1px solid var(--line);min-height:180px;font:.54rem/1.5 var(--mono);grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:2rem;padding:3rem 2vw;display:grid}footer>a:first-child{font:900 1rem Arial;text-decoration:none}@media (width<=900px){main,section,.header>*,.pattern-sticky>*,.runway>*,.textiles>*,.construction>*,.compose>*,.fitting>*{min-width:0}h1,h2,h3{overflow-wrap:anywhere}.header{grid-template-columns:1fr auto;height:62px;padding:0 16px}.header nav,.header>a span{display:none}.pattern-table{height:auto}.pattern-sticky{flex-direction:column;height:auto;min-height:0;display:flex;position:relative}.pattern-view{order:1;height:68svh;min-height:500px;position:relative;inset:auto}.title{order:2;padding:3rem 16px;position:relative;top:auto;left:auto}.title h1{font-size:clamp(3.5rem,14vw,5.4rem)}.assembly{order:3;width:auto;margin:0 16px;position:relative;top:auto;right:auto}.assembly-controls{order:4;width:auto;margin:1rem 16px 5rem;position:relative;bottom:auto;left:auto}.cut-ruler{display:none}.runway{padding:6rem 16px}.runway header{grid-template-columns:1fr}.runway h2,.textiles h2,.construction h2,.compose h2,.fitting h2{font-size:clamp(3rem,13vw,5rem)}.runway-stage{height:640px}.look-strip{grid-template-columns:52px 1fr 52px}.look-strip button:not(:first-child):not(:last-child){display:none}.look-strip button[aria-pressed=true]{display:grid!important}.textiles{padding:6rem 16px}.textiles header,.textiles>div{grid-template-columns:1fr}.textiles>div button{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--surface) 30%,transparent);min-height:530px}.cloth{height:300px}.construction{grid-template-columns:1fr}.construction>div:first-child{padding:6rem 16px}.seam-map{border-left:0;min-height:700px}.construction aside{min-height:450px}.compose{grid-template-columns:1fr;padding:6rem 16px}.compose header{grid-column:1;grid-template-columns:1fr}.selectors{grid-template-columns:1fr}.look-board{min-height:570px}.fitting{grid-template-columns:1fr;gap:4rem;padding:6rem 16px}footer{grid-template-columns:1fr 1fr;padding:3rem 16px}}@media (width<=420px){.header>a:last-child{font-size:0}.header>a:last-child:after{content:"TOILE ↘";font-size:.54rem}.pattern-view{height:60svh;min-height:430px}.assembly-controls{grid-template-columns:1fr}.runway-stage>div:last-child strong{font-size:2.2rem}.look-board dl div{grid-template-columns:1fr;gap:.3rem}footer{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pattern-table{height:auto}.pattern-sticky{position:relative}.fitting-success{transition:none!important;transform:none!important}}html{scroll-behavior:auto}.assembly-controls button[aria-pressed=true]{color:#fff;background:#7b1722}.assembly-controls button[aria-pressed=true] span,.runway header p,.textiles header p,.construction>div>p:first-child,.compose header p,.fitting>div>p{color:inherit}.fitting form>button{background:var(--ink);color:var(--surface)}.fitting-success>span,.fitting-success>strong,.fitting-success>p,.look-strip button small,.look-strip button span{color:inherit}@media (prefers-reduced-motion:reduce){.pattern-view svg g{opacity:1!important}}.runway-stage>div:last-child span,.runway-stage>div:last-child p{color:#fff}.fitting-success{opacity:1!important;transform:none!important}.runway-stage>img,.atelier-proof img{object-fit:cover;width:100%;height:100%;display:block}.runway-stage>img{object-position:center 20%;opacity:.78;position:absolute;inset:0}.runway-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#11111866,#0000 48%,#11111833);position:absolute;inset:0}.runway-stage>.spotlight,.runway-stage>.runway-figure,.runway-stage>div:last-child{z-index:2}.atelier-proof{grid-area:1/2/auto/4;height:680px;margin:0;position:relative;overflow:hidden}.atelier-proof figcaption{color:#fff;font:700 .54rem var(--mono);background:#111118;padding:.8rem;position:absolute;bottom:1rem;left:1rem}.construction>.seam-map{grid-area:2/1/auto/3}.construction>aside{grid-area:2/3}@media (width<=900px){.runway-stage>img{object-position:center top}.atelier-proof,.construction>.seam-map,.construction>aside{grid-area:auto/1}.atelier-proof{height:62svh;min-height:460px}.atelier-proof img{object-position:center}}