/* This variant uses explicit pages, never a scroll-driven journey. */
html,body{height:100%;overflow:hidden!important;overscroll-behavior:none;scrollbar-gutter:auto}
main{height:100%;overflow:hidden}
#home{height:100dvh;min-height:0}
#home:not(.open):not(.closing){visibility:hidden}
#categories.showroom-stage,.contacts-scene{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;z-index:20;background:var(--paper);overflow:hidden;visibility:hidden;clip-path:inset(0 0 0 100%);transition:clip-path .85s var(--ease),visibility 0s .85s}
#categories.showroom-stage.open,.contacts-scene.open{visibility:visible;clip-path:inset(0);transition:clip-path .85s var(--ease),visibility 0s}
#categories.showroom-stage.closing,.contacts-scene.closing,.menu-scene.closing{visibility:visible;z-index:19}
.menu-scene.open{z-index:20}
.showroom-stage .category-nav{top:150px}
.showroom-stage .category-caption{bottom:65px}
.showroom-stage .gallery{top:125px;bottom:65px}
.showroom-stage .gallery-footer{bottom:49px}
.showroom-stage .look,.showroom-stage .editorial-layer{animation-name:showroom-image-in;clip-path:inset(0 100% 0 0)}
.showroom-stage .editorial-layer{overflow-y:auto;overscroll-behavior:contain;pointer-events:auto}
.showroom-bottom{position:absolute;bottom:0;left:0;right:0;z-index:5;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-top:1px solid #19283726;background:var(--paper);font:9px 'Courier New',monospace;letter-spacing:.04em}
.showroom-bottom button{height:100%;font-size:11px;text-transform:uppercase}
.showroom-bottom button:hover{color:var(--blue)}
.contacts-content{position:absolute;inset:135px 7% 65px;overflow:auto;overscroll-behavior:contain}
.contacts-content h1{font:600 clamp(65px,9vw,145px)/.95 var(--display);letter-spacing:-.05em;margin:26px 0}
.contacts-content h1 em{font:italic 400 .65em/1.1 Georgia,serif;display:inline-block;margin-left:.25em}
.contacts-intro{font:14px/1.8 Arial,sans-serif}
.contact-details{display:grid;grid-template-columns:repeat(3,1fr);margin:45px 0 30px;border-top:1px solid #19283740;padding-top:20px;gap:20px}
.contact-details dt{font:24px var(--display);text-transform:uppercase;margin-bottom:12px}.contact-details dd{margin:0;font:12px Arial;color:#667078}
.contacts-notes{display:flex;justify-content:space-between;gap:18px;padding-top:20px;border-top:1px solid #19283730;font:10px 'Courier New',monospace}
.contacts-notes button:hover{color:var(--blue)}
@keyframes showroom-image-in{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-25px)}to{opacity:1;clip-path:inset(0);transform:translateX(0)}}
@media(max-width:700px){
 .showroom-stage .portrait{bottom:41%;width:100%}
 .showroom-stage .category-nav{top:125px;left:18px;gap:9px}
 .showroom-stage .category-name{font-size:23px}
 .showroom-stage .category-caption{bottom:42%;left:18px;gap:6px}
 .showroom-stage .category-caption h2{font-size:32px}
 .showroom-stage .category-caption span{font-size:11px}
 .showroom-stage .gallery{top:60%;bottom:58px;left:0}
 .showroom-stage .gallery-footer{bottom:44px;font-size:7px}
 .showroom-stage .editorial{min-height:100%;padding:14px 18px}
 .showroom-stage .editorial-title{font-size:44px}
 .showroom-stage .editorial-main{padding:16px 0}
 .showroom-stage .editorial-kicker{margin-bottom:12px}
 .showroom-bottom{padding:0 18px;gap:12px}
 .showroom-bottom span{font-size:7px;text-align:right;max-width:65%}
 .menu-scene{height:100dvh;overflow:hidden}
 .brand-menu-film{height:59%;width:100%}
 .menu-scene .brand-menu-nav{top:120px;gap:3px}
 .menu-scene .brand-menu-nav button{min-height:32px}
 .menu-scene .brand-menu-nav button>span{font-size:24px}
 .brand-menu-signature{top:auto;bottom:43%;font-size:28px}
 .brand-menu-preview{position:absolute;inset:60% 0 62px;margin:0;height:auto}
 .brand-menu-card{padding:12px 20px;justify-content:flex-start}
 .brand-menu-card h2{font-size:38px;margin-bottom:16px}
 .brand-menu-card .eyebrow{margin-bottom:12px}
 .brand-menu-card p:not(.eyebrow){font-size:11px;line-height:1.6;margin-bottom:12px}
 .brand-preview-layer{overflow:auto;overscroll-behavior:contain}
 .brand-menu-footnote{position:absolute;inset:auto 18px 44px;padding:0;font-size:7px}
 .brand-menu-bottom{top:auto;bottom:0;left:0;width:100%;height:38px;padding:0 18px;background:var(--paper);color:var(--ink);mix-blend-mode:normal;z-index:5;justify-content:space-between;border-top:1px solid #19283726;gap:12px}
 .contacts-content{inset:120px 20px 60px}
 .contacts-content h1{font-size:66px;margin:20px 0}.contacts-content h1 em{display:block;margin:8px 0 0 12%}
 .contacts-intro{font-size:12px}.contact-details{grid-template-columns:1fr;margin:25px 0;gap:18px;padding-top:16px}
 .contact-details>div{display:flex;align-items:baseline;justify-content:space-between}.contact-details dt{margin:0;font-size:21px}
 .contacts-notes{flex-wrap:wrap;font-size:9px}
}
@media(prefers-reduced-motion:reduce){#categories.showroom-stage,.contacts-scene{transition:none}.showroom-stage .look,.showroom-stage .editorial-layer{animation-duration:.01ms;animation-delay:0s}}

/* Size the complete editorial to the available panel, including its footer. */
.showroom-stage .gallery{container-type:size}
.showroom-stage .editorial{min-height:100%;padding:12px 5%;gap:0}
.showroom-stage .editorial-main{min-height:0;padding:clamp(10px,3cqh,24px) 0;flex:1}
.showroom-stage .editorial-title{font-size:clamp(48px,14cqh,96px)}
.showroom-stage .editorial-script{font-size:clamp(35px,10cqh,68px);margin-bottom:clamp(10px,2.5cqh,18px)}
.showroom-stage .editorial-kicker{margin-bottom:clamp(8px,2cqh,16px)}
.showroom-stage .editorial-copy{font-size:12px;line-height:1.65}
.showroom-stage .editorial-interaction{margin-top:clamp(10px,2.5cqh,18px);gap:8px 20px}
.showroom-stage .editorial-bottom{padding-top:12px;flex-shrink:0}
.showroom-stage .layer-study{height:clamp(66px,14cqh,94px);margin-top:12px;flex-shrink:0}
.showroom-stage .layer-study span{height:calc(100% - 24px);padding:8px 14px;font-size:21px}
.showroom-stage .route-study svg{height:clamp(40px,11cqh,75px)}
@media(max-width:700px){
 .showroom-stage .portrait{bottom:56%}
 .showroom-stage .category-caption{bottom:57%}
 .showroom-stage .gallery{top:44%}
 .showroom-stage .editorial{padding:8px 18px}
 .showroom-stage .editorial-meta{padding-top:7px}
 .showroom-stage .editorial-kicker{font-size:8px;max-width:100%}
 .showroom-stage .editorial-title{font-size:clamp(36px,12cqh,58px)}
 .showroom-stage .editorial-script{font-size:clamp(28px,9cqh,43px)}
 .showroom-stage .editorial-copy{font-size:10px;line-height:1.6}
 .showroom-stage .editorial-interaction{gap:4px 12px;margin-top:8px}
 .showroom-stage .editorial-switch{font-size:10px;min-height:32px;padding-bottom:4px}
 .showroom-stage .interaction-note{font-size:8px}
 .showroom-stage .editorial-bottom{padding-top:8px;gap:10px}
 .showroom-stage .editorial-handwritten{font-size:13px}
 .showroom-stage .editorial-bottom p{font-size:8px}
 .showroom-stage .layer-study{height:58px;margin-top:8px}
 .showroom-stage .layer-study span{font-size:16px;padding:5px 10px;width:62%}
.showroom-stage .route-study svg{height:38px}
}

/* One product, styled five ways: an editorial introduction to the outfit gallery. */
.lookbook-looks{position:absolute;inset:0}
.lookbook-intro{position:absolute;left:5%;top:51%;width:25%;z-index:2;pointer-events:none}
.lookbook-eyebrow{font:9px/1.5 'Courier New',monospace;letter-spacing:.06em;margin:0 0 14px}
.lookbook-intro h2{margin:0;font:650 clamp(17px,2.05vw,33px)/.98 var(--display);letter-spacing:-.045em}
.lookbook-heading{display:block}
.lookbook-script{display:block;margin:2px 0 10px 12%;font:italic 400 clamp(16.5px,2.15vw,33.5px)/1.1 Georgia,serif;letter-spacing:-.065em;color:var(--blue);white-space:nowrap}
.lookbook-script>span{display:inline-block;animation:lookbook-letter .9s cubic-bezier(.2,.65,.25,1) both;animation-delay:calc(.45s + var(--letter)*.065s)}
.lookbook-looks .look:nth-child(1){left:11%;top:5%;width:19%;height:37%}
.lookbook-looks .look:nth-child(2){left:52%;top:21%;width:13%;height:21%}
.lookbook-looks .look:nth-child(3){left:auto;right:4%;top:0;width:26%;height:42%}
.lookbook-looks .look:nth-child(4){left:31%;top:44%;width:29%;height:41%}
.lookbook-looks .look:nth-child(5){left:auto;right:4%;top:44%;width:34%;height:55%}
.lookbook-looks .outfit-look{background:transparent;padding-bottom:31px}
.lookbook-looks .look .look-label{display:block;transform:none;opacity:1;left:0;right:0;bottom:0;padding:5px 3px;background:var(--paper);font-size:9px;text-align:center;text-transform:none}
.lookbook-looks .look-label strong{font-weight:400;display:block}
.lookbook-looks .look-label small{display:block;font:8px/1.5 'Courier New',monospace;color:var(--blue);max-height:0;opacity:0;transition:max-height .3s,opacity .3s}
.lookbook-looks .look:hover .look-label small,.lookbook-looks .look:focus-visible .look-label small{max-height:20px;opacity:1}
@keyframes lookbook-letter{from{opacity:0;transform:translateY(12px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(min-width:701px) and (max-height:700px){
 .lookbook-eyebrow{margin-bottom:9px;font-size:8px}
 .lookbook-intro h2{font-size:19px}.lookbook-script{font-size:19.5px;margin-bottom:7px}
}
@media(max-width:700px){
 .lookbook-intro{left:18px;right:auto;top:4px;width:60%}
 .lookbook-eyebrow{font-size:7px;margin-bottom:5px}
 .lookbook-intro h2{font-size:12.5px}
 .lookbook-script{font-size:16px;margin:0 0 0 8%}
 .lookbook-looks{inset:62px 0 0}
 .lookbook-looks .look:nth-child(1){left:4%;top:3%;width:21%;height:75%}
 .lookbook-looks .look:nth-child(2){left:28%;top:24%;width:15%;height:55%}
 .lookbook-looks .look:nth-child(3){right:30%;top:0;width:24%;height:60%}
 .lookbook-looks .look:nth-child(4){left:47%;top:63%;width:23%;height:36%}
 .lookbook-looks .look:nth-child(5){right:3%;top:13%;width:24%;height:86%}
 .lookbook-looks .outfit-look{padding-bottom:0}
 .lookbook-looks .look .look-label{display:none}
}
@media(prefers-reduced-motion:reduce){.lookbook-script>span{animation:none;opacity:1;transform:none;filter:none}}

/* One mobile grid for menu, categories and contacts. */
.contacts-close{position:absolute;z-index:6;right:32px;top:128px;font:300 36px/.8 Arial,sans-serif}
@media(max-width:700px){
 .showroom-stage .category-nav{top:104px;left:18px}
 .menu-scene .brand-menu-nav{top:92px;left:18px;width:calc(100% - 36px);gap:3px}
 .menu-scene .brand-menu-nav button{width:100%;max-width:none;min-height:32px}
 .menu-scene .brand-menu-nav button>span{font-size:22px}
 .contacts-close{right:18px;top:98px;font-size:34px}
 .contacts-content{inset:98px 18px 46px;overflow:hidden}
 .contacts-content h1{font-size:clamp(48px,15vw,58px);line-height:.9;margin:12px 0}
 .contacts-content h1 em{display:block;margin:5px 0 0 10%}
 .contacts-intro{font-size:11px;line-height:1.5}
 .contact-details{grid-template-columns:1fr;margin:16px 0 14px;gap:11px;padding-top:12px}
 .contact-details>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
 .contact-details dt{margin:0;font-size:19px}
 .contact-details dd{font-size:10px;text-align:right}
 .contacts-notes{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;padding-top:12px;font-size:8px}
 .contacts-notes button:last-of-type{text-align:right}
 .contacts-notes span{grid-column:1/-1}
}