.shop-navbar{position:absolute;z-index:30;top:0;left:5%;right:5%;height:76px;border-bottom:1px solid #e9e1d22b;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(#101010eb,#101010d9);backdrop-filter:blur(8px)}
.shop-navbar button{cursor:pointer}.shop-wordmark{background:none;border:0;padding:0;text-align:left;font-family:'Archivo Black',sans-serif;font-size:23px;line-height:1;color:var(--paper);letter-spacing:-1px;white-space:nowrap}.shop-wordmark span{display:block;font-family:Arial,sans-serif;letter-spacing:2px;font-size:7px;font-weight:400;margin-top:7px;text-transform:uppercase;color:#b5aea2}
.desktop-shop-links{display:flex;align-items:center;gap:26px}.desktop-shop-links button{position:relative;background:none;border:0;padding:12px 0;font-size:10px;text-transform:uppercase;color:#b4aea4}.desktop-shop-links button[aria-current]{color:var(--paper)}.desktop-shop-links .nav-ink{position:absolute;left:-9px;bottom:1px;width:calc(100% + 18px);height:14px;color:var(--red);pointer-events:none}.desktop-shop-links button:disabled{cursor:default}.navbar-book{display:flex;gap:28px;align-items:center;padding:9px 12px;border:1px solid #e9e1d266;font-size:9px;white-space:nowrap}.navbar-book>span:last-child{font-size:24px;line-height:1}.navbar-book:hover{background:var(--red)}
.menu-toggle,.site-menu{display:none}.fade-experience .masthead{top:98px;font-size:11px}.fade-experience .wordmark{top:12%}.scene-current{display:flex;gap:12px;align-items:center;padding:0 12px;min-width:160px;justify-content:center;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--paper)}.scene-current small{font-size:8px;color:#ae7779;white-space:nowrap}
.fade-experience .walkin.city-badge{width:116px;height:116px;padding:0;border:0;margin-top:15px}.fade-experience .walkin.city-badge .city-signature{display:block;width:116px;height:116px;margin:0;stroke:var(--paper);color:var(--paper)}.fade-experience .walkin.city-badge .badge-underline{width:123px;bottom:-8px;left:9px}.scene-letter{display:inline-block}
@media(max-width:1100px){.shop-navbar{gap:15px}.desktop-shop-links{gap:17px}.desktop-shop-links button{font-size:9px}.shop-wordmark{font-size:21px}.navbar-book{gap:15px;padding:8px 9px;font-size:8px}}
@media(max-width:1100px){.shop-navbar{height:64px;left:6%;right:6%;gap:16px}.shop-wordmark{font-size:20px}.shop-wordmark span{font-size:6px;letter-spacing:1.2px}.desktop-shop-links,.navbar-book{display:none}.menu-toggle{width:44px;height:44px;background:none;border:1px solid #e9e1d247;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px}.menu-toggle span{height:1px;width:19px;background:var(--paper);transition:transform .25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-menu{display:flex;position:absolute;top:64px;left:-7%;right:-7%;padding:18px 7% 30px;flex-direction:column;background:#101010f8;border-bottom:1px solid #e9e1d240;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}.site-menu.is-open{visibility:visible;opacity:1;transform:none}.site-menu button{display:flex;align-items:center;gap:15px;background:none;border:0;border-bottom:1px solid #e9e1d21f;font-family:'Barlow Condensed',sans-serif;text-align:left;font-size:27px;text-transform:uppercase;min-height:55px;padding:8px 0}.site-menu button small{font:8px Arial,sans-serif;color:#a3988a}.site-menu button span{margin-left:auto;color:var(--red)}.site-menu button[aria-current]{color:#dc7b72}.menu-book{font-size:12px;letter-spacing:1px;margin-top:28px;padding:15px;border:1px solid #aaa18e}.site-menu p{font-size:8px;text-transform:uppercase;letter-spacing:1px;margin:25px 0 0;color:#aaa18e}.scene-current{font-size:9px;min-width:145px}.fade-experience .walkin.city-badge,.fade-experience .walkin.city-badge .city-signature{width:110px;height:110px}}
@media(prefers-reduced-motion:reduce){.site-menu,.menu-toggle span{transition:none}}
.fade-experience .walkin.city-badge .city-badge-image{display:block;width:100%;height:100%;object-fit:contain}
.scene-navigation .scene-back,.scene-navigation .scene-next{min-height:44px;min-width:44px}
.fade-experience:has(.modal-backdrop) .shop-navbar,.fade-experience:has(.modal-backdrop) .scene-navigation{visibility:hidden}
@media(min-width:701px){.studio-story{order:1}.studio-portrait{order:2}}


/* Navigation motion preserves the native double-brush SVG and a fixed-width status. */
.desktop-shop-links .nav-ink{visibility:hidden;overflow:visible}
.desktop-shop-links .nav-ink path{transform-box:fill-box;transform-origin:left center}
.shop-navbar button:disabled{cursor:default}
.navbar-book>span:last-child{display:block;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.navbar-book:hover>span:last-child{transform:translateX(3px)}
.scene-navigation-motion .scene-current-motion{display:block;width:174px;min-width:174px;padding:0 8px}
.scene-control-window{position:relative;overflow:hidden;width:100%;height:22px}
.scene-control-row{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;visibility:hidden}
.scene-control-row>small{flex:0 0 auto;font-variant-numeric:tabular-nums}
.scene-control-row>span{flex:0 0 auto}
.scene-control-arrow{display:block;line-height:1;pointer-events:none}
.scene-navigation-motion button{transition:color .18s,opacity .18s,background-color .18s}
.scene-navigation-motion button:not(:disabled):hover{background:#e9e1d20a}
.scene-navigation-motion button:disabled{opacity:.24}
@media(max-width:1100px){
 .site-menu{transition:none;pointer-events:none;max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5c5146 transparent;padding-bottom:max(30px,env(safe-area-inset-bottom))}
 .site-menu.is-open{pointer-events:auto}
 .site-menu button{transition:color .18s,background-color .18s}
 .site-menu button[aria-current]{background:#b80d1b0b}
 .site-menu button:focus-visible,.menu-book:focus-visible{outline-offset:-3px}
 .menu-toggle:disabled{opacity:.45}
 .scene-navigation-motion .scene-current-motion{width:160px;min-width:160px;padding-inline:5px}
 .scene-control-row{gap:10px}
}
@media(max-width:350px){.scene-navigation-motion .scene-current-motion{width:146px;min-width:146px}.scene-control-row{font-size:8px;gap:8px}}
@media(prefers-reduced-motion:reduce){.navbar-book>span:last-child,.scene-navigation-motion button,.site-menu button{transition:none}}


/* Products are a booking/catalog action, separate from the six section indicators. */
.navbar-actions{display:flex;align-items:center;gap:20px;flex:0 0 auto}
.navbar-products{display:flex;align-items:center;gap:8px;min-height:44px;font-size:9px;letter-spacing:.7px;white-space:nowrap;color:#b4aea4;transition:color .2s}
.navbar-products>span:last-child{font-size:16px;color:#c65a57;transition:transform .24s}
.navbar-products:hover{color:var(--paper)}
.navbar-products:hover>span:last-child{transform:translate(2px,-2px)}
@media(min-width:761px) and (max-width:1100px){.navbar-actions{gap:14px}.navbar-products{font-size:8px;gap:5px;letter-spacing:.3px}}
@media(min-width:761px) and (max-width:900px){.shop-navbar{gap:12px}.shop-wordmark{font-size:19px}.desktop-shop-links{gap:11px}.desktop-shop-links button{font-size:8px}.navbar-actions{gap:12px}.navbar-book{gap:8px;padding:8px;font-size:8px}}
@media(max-width:1100px){
 .navbar-actions{display:none}
 .site-menu .menu-products{display:flex;align-items:center;gap:15px;border-bottom:1px solid #e9e1d21f;font-family:'Barlow Condensed',sans-serif;font-size:27px;line-height:1.2;min-height:55px;padding:8px 0;color:var(--paper)}
 .menu-products>small{font:8px Arial,sans-serif;letter-spacing:.7px;color:#a3988a}
 .menu-products>span{margin-left:auto;color:var(--red)}
 .menu-products:focus-visible{outline-offset:-3px}
 .site-menu .menu-book{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){.navbar-products,.navbar-products>span:last-child{transition:none}}

/* Customer account shares the existing quiet utility navigation. */
.navbar-account{display:flex;align-items:center;gap:7px;min-height:44px;font-size:9px;letter-spacing:.4px;white-space:nowrap;color:#b4aea4;text-decoration:none}
.navbar-account>span:first-child{font-size:17px;color:#b76462}.navbar-account:hover{color:var(--paper)}
@media(min-width:1101px) and (max-width:1450px){.shop-navbar{gap:18px}.desktop-shop-links{gap:16px}.desktop-shop-links button{font-size:9px}.navbar-actions{gap:14px}.navbar-account,.navbar-products{font-size:8px}.navbar-book{gap:14px;font-size:8px}.shop-wordmark{font-size:21px}}
@media(max-width:1100px){.navbar-actions{display:none}.site-menu .menu-account{display:flex;align-items:center;gap:15px;min-height:55px;padding:8px 0;border-bottom:1px solid #e9e1d21f;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:27px;color:var(--paper)}.site-menu .menu-account small{font:8px Arial,sans-serif;color:#a3988a}.site-menu .menu-account>span:last-child{margin-left:auto;color:var(--red)}}

/* Original shop emblem, shared by the main, booking and customer headers. */
.shop-logo-mark{display:block;width:42px;height:42px;overflow:hidden;mix-blend-mode:screen;pointer-events:none}
.shop-wordmark>strong{font:inherit}
.shop-wordmark.has-brand-logo{display:grid;grid-template-columns:42px auto;column-gap:11px;row-gap:7px;align-items:center;flex:0 0 auto}
.shop-wordmark.has-brand-logo>.shop-logo-mark{grid-column:1;grid-row:1/3}
.shop-wordmark.has-brand-logo>strong{grid-column:2;grid-row:1}
.shop-wordmark.has-brand-logo>span{grid-column:2;grid-row:2;margin-top:0}
.booking-topbar>.shop-brand-lockup,.customer-topbar>.shop-brand-lockup{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:11px;row-gap:7px;align-items:center}
.shop-brand-lockup>.shop-logo-mark{grid-column:1;grid-row:1/3}
.shop-brand-lockup>strong,.shop-brand-lockup>span{grid-column:2}
@media(min-width:1101px) and (max-width:1250px){.shop-navbar{gap:12px}.desktop-shop-links{gap:12px}.navbar-actions{gap:10px}.navbar-book{gap:9px;padding-inline:9px}.shop-wordmark.has-brand-logo{font-size:19px;column-gap:8px;grid-template-columns:36px auto}.shop-wordmark.has-brand-logo>.shop-logo-mark{width:36px;height:36px}}
@media(max-width:1100px){.shop-wordmark.has-brand-logo{grid-template-columns:36px auto;column-gap:9px}.shop-wordmark.has-brand-logo>.shop-logo-mark{width:36px;height:36px}}
@media(max-width:600px){.booking-topbar>.shop-brand-lockup,.customer-topbar>.shop-brand-lockup{grid-template-columns:32px minmax(0,1fr);column-gap:8px;row-gap:6px}.shop-brand-lockup>.shop-logo-mark{width:32px;height:32px}}
@media(max-width:350px){.booking-topbar>.shop-brand-lockup>strong,.customer-topbar>.shop-brand-lockup>strong{font-size:16px}.shop-brand-lockup>span{letter-spacing:1px}}