.home-menu header.atelier-nav{position:fixed;inset:0 0 auto;margin:0;height:96px;padding:12px 5%;display:flex;gap:32px;background:transparent;z-index:50;border:0;border-radius:0;box-shadow:none;transition:background .25s}
.home-menu header.atelier-nav>.brand{margin-right:auto;flex-shrink:0}
.home-menu header.atelier-nav .brand-logo{width:68px;height:68px}
.home-menu header.atelier-nav>nav{display:flex;gap:clamp(16px,2.2vw,34px);align-items:center}
.home-menu header.atelier-nav>nav a{display:block;position:relative;font-size:13px;font-weight:400;white-space:nowrap;padding:13px 0;color:#e7f5ed}
.atelier-nav nav a:after{content:'';position:absolute;bottom:7px;left:0;right:0;height:1px;background:#1a8a90;transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.16,1,.3,1)}
.atelier-nav nav a:hover:after,.atelier-nav nav a:focus-visible:after{transform:scaleX(1)}
.atelier-request,.atelier-menu-toggle{font:inherit;cursor:pointer}
.atelier-request{display:flex;align-items:center;gap:22px;min-height:46px;padding:0 0 0 25px;border:0;border-left:1px solid #c4e4df30;background:none;color:#e7f5ed;font-size:12px}
.atelier-request svg{width:28px;height:28px;padding:5px;border-radius:50%;background:#2cbcc420;transition:background .25s,transform .25s}
.atelier-request:hover svg{background:#1a8a90;transform:translateX(3px)}
.atelier-menu-toggle{display:none}
@media(max-width:1050px){.home-menu header.atelier-nav{gap:20px;margin:0;padding:12px 5%}
.home-menu header.atelier-nav>nav{gap:15px}
.home-menu header.atelier-nav>nav a{font-size:11px}
.atelier-request{padding-left:16px;gap:10px;font-size:11px}}
@media(max-width:760px){.home-menu header.atelier-nav{height:82px;top:0;padding:8px 6%;margin:0;gap:15px}
.home-menu header.atelier-nav .brand-logo{width:59px;height:59px}
.atelier-request{padding-left:0;border:0;font-size:11px;gap:8px}
.atelier-request svg{width:26px;height:26px}
.atelier-menu-toggle{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0 10px 8px;min-height:44px;border:0;background:none;color:#e7f5ed;font-size:12px}
.atelier-menu-toggle svg{width:22px;height:22px}
.home-menu header.atelier-nav>nav{display:none;position:absolute;left:0;right:0;top:82px;background:#081e23;padding:12px 6% 24px;box-shadow:none;border-radius:0;align-items:stretch;gap:0}
.home-menu header.atelier-nav>nav.is-open{display:flex;flex-direction:column}
.home-menu header.atelier-nav>nav a{font-size:16px;padding:15px 0;display:block}}
@media(prefers-reduced-motion:reduce){.atelier-nav,.atelier-nav *{transition:none!important;animation:none!important}}
.home-menu .skip{z-index:100}
.atelier-nav svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.atelier-nav :focus-visible{outline:2px solid #1a8a90;outline-offset:5px}

/* The header overlays the original hero so its background is genuinely continuous. */
.home-menu header.atelier-nav.is-scrolled,.home-menu header.atelier-nav.is-expanded{background:#081e23}
.home-menu .hands-hero{height:100svh;min-height:736px}
.home-menu .hands-heading{top:125px}
.home-menu .hands-sculpture{top:51%}
.home-menu :is(#brands,#vault,#sourcing,#about,#journal){scroll-margin-top:110px}
@media(max-width:760px){.home-menu .hands-hero{min-height:722px}.home-menu .hands-heading{top:110px}.home-menu .hands-sculpture{top:49%}.home-menu :is(#brands,#vault,#sourcing,#about,#journal){scroll-margin-top:94px}}