:root{--ink:#08090b;--paper:#f2efe8;--indigo:#18273f;--electric:#5d7fa7;--gold:#c6a86b;--line:rgba(242,239,232,.18);--pad:clamp(20px,4.5vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Segoe UI",Arial,sans-serif;overflow-x:hidden}body.locked{overflow:hidden}button,input,select,textarea{font:inherit}button,a{color:inherit}a{text-decoration:none}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{position:fixed;z-index:60;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px var(--pad);mix-blend-mode:difference}.wordmark{font-family:Georgia,serif;font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:700;letter-spacing:.18em}.desktop-nav{justify-self:end;display:flex;gap:30px;text-transform:uppercase;font-size:.7rem;letter-spacing:.14em}.menu-button{display:none}.bag-button{justify-self:end;border:0;background:transparent;text-transform:uppercase;font-size:.72rem;letter-spacing:.13em;cursor:pointer}.bag-button span{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:6px;border:1px solid currentColor;border-radius:50%}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:130px var(--pad) 8vh;overflow:hidden}.hero>img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero>img{object-fit:cover;filter:saturate(.55) contrast(1.14) brightness(.62)}.hero-shade{background:linear-gradient(90deg,rgba(4,6,10,.75),rgba(4,6,10,.05) 65%),linear-gradient(0deg,rgba(4,6,10,.6),transparent 55%)}.hero-kicker{position:absolute;top:120px;left:var(--pad);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}.hero-copy{position:relative;z-index:2}.hero-copy>p,.section-index{text-transform:uppercase;font-size:.68rem;letter-spacing:.18em;color:rgba(242,239,232,.62)}h1,h2,.lead{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:0}h1{margin:12px 0 0;font-size:clamp(4.8rem,12vw,11rem);line-height:.76}em{font-weight:400;color:var(--gold)}.scroll-cue{position:absolute;z-index:2;right:var(--pad);bottom:8vh;display:flex;align-items:center;gap:16px;text-transform:uppercase;font-size:.65rem;letter-spacing:.15em}.scroll-cue i{display:block;width:66px;height:1px;background:currentColor}.manifesto{display:grid;grid-template-columns:1fr 3fr;gap:30px;padding:15vh var(--pad);background:var(--paper);color:var(--ink)}.manifesto .section-index,.collection .section-index{color:rgba(8,9,11,.5)}.lead{font-size:clamp(3.2rem,8vw,8rem);line-height:.9;margin:0}.lead span{color:#536c8e}.body-copy{max-width:570px;margin:60px 0 0 auto;font-size:1.05rem;line-height:1.8;color:#4a4a4a}.collection{padding:14vh var(--pad);background:var(--paper);color:var(--ink)}.section-title{display:grid;grid-template-columns:1fr 2.2fr 1fr;align-items:end;gap:25px;margin-bottom:55px}.section-title h2,.craft h2,.bespoke h2{font-size:clamp(4rem,9vw,9.5rem);line-height:.8;margin:0}.filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.filter{border:1px solid rgba(8,9,11,.22);border-radius:99px;background:transparent;padding:9px 14px;font-size:.72rem;cursor:pointer}.filter.active{background:var(--ink);color:var(--paper)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 20px}.product-card.is-hidden{display:none}.product-open{display:block;width:100%;border:0;padding:0;background:none;cursor:pointer}.product-visual{position:relative;min-height:72vh;background-image:linear-gradient(0deg,rgba(8,9,11,.22),transparent),url("assets/hero-fashion.png");background-size:cover;filter:saturate(.45) contrast(1.1);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s}.product-open:hover .product-visual{transform:scale(.985);filter:saturate(.8) contrast(1.05)}.product-visual span{position:absolute;top:18px;left:18px;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#fff;font-size:.7rem}.crop-one{background-position:24% center}.crop-two{background-position:55% center}.crop-three{background-position:78% center}.crop-four{background-position:96% center}.product-meta{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-top:16px;border-top:1px solid rgba(8,9,11,.16);margin-top:12px}.product-meta h3{font-family:Georgia,serif;font-size:1.5rem;font-weight:400;margin:0 0 5px}.product-meta p{margin:0;color:#6b6b6b;font-size:.82rem}.product-meta strong{font-weight:500;font-size:.88rem}.craft{display:grid;grid-template-columns:1.15fr 1fr;min-height:100vh}.craft-image{min-height:100vh;overflow:hidden}.craft-image img{width:100%;height:100%;object-fit:cover;object-position:75% center;filter:grayscale(.5) contrast(1.15) brightness(.7)}.craft-copy{display:flex;flex-direction:column;justify-content:center;padding:10vh var(--pad);background:var(--indigo)}.craft-copy h2{font-size:clamp(3.5rem,6.5vw,7rem)}.craft-copy>p:not(.section-index){max-width:520px;line-height:1.8;color:rgba(242,239,232,.7);margin:45px 0}.craft dl{margin:0}.craft dl div{display:grid;grid-template-columns:55px 1fr;padding:15px 0;border-top:1px solid var(--line)}.craft dt{color:var(--gold)}.craft dd{margin:0}.bespoke{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12vh var(--pad);background:var(--paper);color:var(--ink)}.bespoke .section-index{color:rgba(8,9,11,.5)}.bespoke>p:not(.section-index){max-width:540px;line-height:1.7;color:#555;margin:35px 0}.outline-button{border:1px solid var(--ink);border-radius:99px;background:transparent;padding:16px 22px;cursor:pointer}.outline-button span{margin-left:40px}.visit{display:grid;grid-template-columns:1.5fr 1fr;padding:13vh var(--pad);background:#0d1015}.visit h2{margin:15px 0 0;font-size:clamp(5rem,14vw,13rem)}.visit>div:last-child{display:grid;grid-template-columns:1fr 1fr;align-content:end;gap:30px;color:rgba(242,239,232,.65);line-height:1.7}.visit a{color:var(--paper);text-decoration:underline;text-underline-offset:5px}footer{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:45px var(--pad);border-top:1px solid var(--line);background:#0d1015}footer p{margin:0;color:rgba(242,239,232,.55);font-size:.75rem;line-height:1.6}.mobile-menu{position:fixed;z-index:80;inset:0;display:flex;flex-direction:column;padding:30px var(--pad);background:var(--indigo);transform:translateY(-105%);transition:transform .6s cubic-bezier(.7,0,.2,1)}.mobile-menu.open{transform:none}.mobile-menu a{font-family:Georgia,serif;font-size:clamp(3rem,12vw,6rem);border-bottom:1px solid var(--line)}.mobile-menu p{margin-top:auto;color:rgba(242,239,232,.6)}.menu-close{align-self:flex-end;margin-bottom:40px;border:0;background:transparent;cursor:pointer}.drawer{position:fixed;z-index:90;top:0;right:0;width:min(470px,100%);height:100%;display:flex;flex-direction:column;padding:28px;background:var(--paper);color:var(--ink);transform:translateX(105%);transition:transform .55s cubic-bezier(.7,0,.2,1)}.drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid rgba(8,9,11,.18)}.drawer h2{font-size:2.3rem;margin:0}.drawer-close,.dialog-close{border:0;background:transparent;cursor:pointer}.cart-items{overflow:auto}.cart-line{display:grid;grid-template-columns:68px 1fr auto;gap:14px;padding:18px 0;border-bottom:1px solid rgba(8,9,11,.12)}.cart-thumb{background:url("assets/hero-fashion.png") center/cover}.cart-line h3{font-size:1rem;margin:3px 0}.cart-line p{font-size:.75rem;color:#666;margin:0}.cart-line button{border:0;background:none;text-decoration:underline;cursor:pointer;font-size:.72rem}.cart-empty{margin:auto;text-align:center;color:#666}.cart-empty a{text-decoration:underline}.cart-footer{display:none;margin-top:auto;border-top:1px solid rgba(8,9,11,.18);padding-top:20px}.cart-footer.visible{display:block}.cart-footer>div{display:flex;justify-content:space-between}.checkout-button,.add-button{width:100%;border:0;background:var(--ink);color:var(--paper);padding:16px;margin:20px 0 12px;cursor:pointer}.cart-footer small{color:#777;line-height:1.5}.backdrop{position:fixed;z-index:70;inset:0;background:rgba(0,0,0,.65)}dialog{width:min(1000px,92vw);max-height:90vh;padding:0;border:0;background:var(--paper);color:var(--ink);overflow:auto}dialog::backdrop{background:rgba(0,0,0,.78)}.product-dialog[open]{display:grid;grid-template-columns:1.05fr 1fr}.dialog-image{min-height:650px}.dialog-image img{width:100%;height:100%;object-fit:cover;object-position:70%;filter:saturate(.5) contrast(1.08)}.dialog-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,6vw,70px)}.dialog-copy .section-index,.appointment-dialog .section-index{color:#777}.dialog-copy h2,.appointment-dialog h2{font-size:clamp(3rem,6vw,6rem);line-height:.85;margin:15px 0 30px}.dialog-copy>p:not(.section-index){line-height:1.7;color:#666}.dialog-copy>strong{font-size:1.25rem;margin:15px 0 35px}.dialog-close{position:absolute;z-index:3;top:18px;right:18px;font-size:1.4rem}.dialog-copy fieldset{border:0;padding:0;margin:0}.dialog-copy legend{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.size-options{display:flex;gap:7px;margin-top:12px}.size-options button{flex:1;border:1px solid rgba(8,9,11,.25);background:transparent;padding:12px;cursor:pointer}.size-options button.selected{background:var(--ink);color:var(--paper)}.appointment-dialog[open]{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:clamp(35px,7vw,80px)}.appointment-dialog form{display:grid;gap:18px}.appointment-dialog label{display:grid;gap:7px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.appointment-dialog input,.appointment-dialog select,.appointment-dialog textarea{width:100%;border:0;border-bottom:1px solid #aaa;background:transparent;padding:10px 0;outline:none;text-transform:none;letter-spacing:0}.toast{position:fixed;z-index:120;left:50%;bottom:25px;transform:translate(-50%,130px);background:var(--gold);color:var(--ink);padding:12px 20px;transition:transform .4s}.toast.show{transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.desktop-nav{display:none}.menu-button{display:grid;gap:5px;justify-self:start;width:36px;border:0;background:transparent;padding:0;cursor:pointer}.menu-button span{display:block;width:26px;height:1px;background:currentColor}.manifesto,.section-title{grid-template-columns:1fr}.manifesto{gap:55px}.body-copy{margin-left:0}.filters{justify-content:flex-start}.product-visual{min-height:55vh}.craft{grid-template-columns:1fr}.craft-image{min-height:70vh}.visit{grid-template-columns:1fr;gap:70px}.product-dialog[open]{grid-template-columns:1fr}.dialog-image{min-height:50vh}.appointment-dialog[open]{grid-template-columns:1fr}.appointment-dialog h2{font-size:3.5rem}}
@media(max-width:620px){.site-header{padding-top:18px}.hero{padding-bottom:12vh}.hero-copy h1{font-size:clamp(4.2rem,22vw,7rem)}.hero-kicker{top:92px}.scroll-cue span{display:none}.manifesto,.collection{padding-top:11vh;padding-bottom:11vh}.product-grid{grid-template-columns:1fr;gap:48px}.product-visual{min-height:68vh}.section-title h2,.craft h2,.bespoke h2{font-size:3.9rem}.visit>div:last-child{grid-template-columns:1fr}.visit h2{font-size:5rem}footer{align-items:flex-start;flex-direction:column}.product-dialog[open]{width:100%;max-height:100vh;height:100%}.dialog-image{min-height:42vh}.dialog-copy{padding:30px}.appointment-dialog[open]{width:100%;max-height:100vh;height:100%;padding:50px 24px 30px}.appointment-dialog h2{font-size:3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.product-visual,.drawer,.mobile-menu{transition:none}}

/* Cinematic campaign layer */
.loader{position:fixed;z-index:150;inset:0;display:grid;place-items:center;background:#07090c;transition:opacity .9s,visibility .9s}.loader span{font-family:Georgia,serif;font-size:clamp(2.5rem,8vw,7rem);letter-spacing:.22em;animation:loaderPulse 1.5s infinite alternate}.loader i{position:absolute;bottom:12vh;width:min(240px,55vw);height:1px;background:rgba(255,255,255,.18);overflow:hidden}.loader i:after{content:"";display:block;width:45%;height:100%;background:var(--gold);animation:loaderLine 1.15s infinite ease-in-out}.loader.done{opacity:0;visibility:hidden}.progress-rail{position:fixed;z-index:65;right:16px;top:18vh;width:1px;height:64vh;background:rgba(255,255,255,.2);mix-blend-mode:difference}.progress-rail span{display:block;width:100%;height:calc(var(--page-progress,0)*100%);background:#fff}.hero{isolation:isolate}.hero-film{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.12) brightness(.72);transform:scale(calc(1.04 + var(--hero-scroll,0)*.08)) translateY(calc(var(--hero-scroll,0)*4%));will-change:transform}.hero-shade{z-index:-1}.hero-copy{transform:translateY(calc(var(--hero-scroll,0)*-9vh));opacity:calc(1 - var(--hero-scroll,0)*.72);will-change:transform,opacity}.hero-copy h1 span,.hero-copy h1 em{display:inline-block;animation:titleRise 1.25s .4s both cubic-bezier(.2,.75,.15,1)}.hero-copy h1 em{animation-delay:.55s}.reveal{transform:translateY(70px);clip-path:inset(0 0 18% 0);transition:opacity 1.1s,transform 1.1s,clip-path 1.1s;transition-timing-function:cubic-bezier(.2,.75,.15,1)}.reveal.visible{clip-path:inset(0)}@keyframes titleRise{from{opacity:0;transform:translateY(90px);clip-path:inset(0 0 100%)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes loaderPulse{from{opacity:.35}to{opacity:1}}@keyframes loaderLine{from{transform:translateX(-110%)}to{transform:translateX(250%)}}
@media(max-width:620px){.progress-rail{display:none}.hero-film{object-position:58% center}}
@media(prefers-reduced-motion:reduce){.loader{display:none}.hero-film,.hero-copy{transform:none!important}.hero-copy{opacity:1!important}.hero-copy h1 span,.hero-copy h1 em{animation:none}}

/* Multi-angle product viewer */
.turnaround-preview{background-image:url("assets/indigo-architect-turnaround.png")!important}
.turnaround-preview{background-image:url("https://cdn.openart.ai/openart-ai/production/2026-06/create-image/fmsQR7G1ZufQqlxCGY3E/image_1782598318830_f8ca9d11_1782598319832_69a1afd1.png");background-size:400% 100%;background-position:0 center;background-repeat:no-repeat;filter:none}.turnaround-preview small{position:absolute;right:18px;bottom:18px;padding:8px 10px;background:rgba(8,9,11,.82);color:#fff;font-size:.65rem;letter-spacing:.12em}.turntable-stage{position:relative;width:100%;height:100%;min-height:650px;overflow:hidden;background:#0b0d12;--zoom-x:50%;--zoom-y:50%}.turntable-strip{width:400%;height:100%;transform:translateX(calc(var(--frame,0)*-25%));transition:transform .55s cubic-bezier(.2,.75,.15,1)}.turntable-strip img{display:block;width:100%;height:100%;object-fit:fill;transform-origin:var(--zoom-x) var(--zoom-y);transition:transform .25s ease}.turntable-stage:hover .turntable-strip img{transform:scale(1.7)}.turntable-controls{position:absolute;z-index:3;left:18px;right:18px;bottom:48px;display:flex;align-items:center;justify-content:space-between;background:rgba(7,9,12,.82);color:#fff;border:1px solid rgba(255,255,255,.35)}.turntable-controls button{width:52px;height:48px;border:0;background:transparent;color:#fff;cursor:pointer;font-size:1.25rem}.turntable-controls span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.turntable-stage>p{position:absolute;z-index:3;bottom:16px;left:0;right:0;margin:0;text-align:center;color:rgba(255,255,255,.7);font-size:.65rem;letter-spacing:.08em}.dialog-fallback{display:none!important}.product-dialog:not(.has-turnaround) .turntable-stage{display:none}.product-dialog:not(.has-turnaround) .dialog-fallback{display:block!important}.product-dialog:not(.has-turnaround) .dialog-image{min-height:650px}.product-dialog:not(.has-turnaround) .dialog-fallback{width:100%;height:100%;object-fit:cover}.product-dialog.has-turnaround .dialog-image{background:#0b0d12}@media(max-width:900px){.turntable-stage{min-height:72vh}.product-dialog.has-turnaround .dialog-image{min-height:72vh}}@media(max-width:620px){.turntable-stage{min-height:58vh}.product-dialog.has-turnaround .dialog-image{min-height:58vh}.turntable-stage:hover .turntable-strip img{transform:none}}

/* Tactile garment response */
.crop-two{background-image:linear-gradient(0deg,rgba(8,9,11,.12),transparent),url("assets/bulux-locked-outfit-editorial.png");background-position:center 32%;filter:saturate(.9) contrast(1.04)}
.product-card{position:relative;transition:opacity .45s ease,filter .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.product-grid:has(.product-card:hover) .product-card:not(:hover){opacity:.38;filter:grayscale(1) blur(1.5px);transform:scale(.985)}.product-card .product-visual{transform:perspective(1100px) translate3d(var(--touch-x,0),var(--touch-y,0),0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--touch-scale,1));transform-origin:var(--origin-x,50%) var(--origin-y,50%);transition:transform .55s cubic-bezier(.2,.85,.2,1),filter .5s ease;will-change:transform}.product-card:hover{z-index:3}.product-card:hover .product-visual{--touch-scale:1.075;filter:saturate(.82) contrast(1.08);box-shadow:0 34px 65px rgba(8,9,11,.24)}.product-card.touching .product-visual{transition-duration:.12s}.product-card:after{content:"VIEW LOOK";position:absolute;right:24px;top:24px;z-index:5;padding:9px 12px;border-radius:99px;background:#08090b;color:#fff;font-size:.62rem;letter-spacing:.13em;opacity:0;transform:translateY(8px);transition:.35s}.product-card:hover:after{opacity:1;transform:none}.turntable-stage{cursor:grab;touch-action:pan-y;user-select:none}.turntable-stage.dragging{cursor:grabbing}.turntable-stage.dragging .turntable-strip{transition:none}.turntable-stage.dragging .turntable-strip img{transform:scale(1.04)}.touch-orbit{position:absolute;z-index:2;width:120px;height:120px;border:1px solid rgba(255,255,255,.55);border-radius:50%;left:var(--orbit-x,50%);top:var(--orbit-y,50%);transform:translate(-50%,-50%) scale(.65);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.turntable-stage:hover .touch-orbit{opacity:1;transform:translate(-50%,-50%) scale(1)}.turntable-stage.dragging .touch-orbit{transform:translate(-50%,-50%) scale(.55);background:rgba(255,255,255,.08)}@media(max-width:620px){.product-grid:has(.product-card:hover) .product-card:not(:hover){opacity:1;filter:none}.touch-orbit{display:none}}
