/* Navegação Ateliê: peça flutuante clara → dock compacto na rolagem.
   Estados: padrão, aria-current, hover/foco, is-scrolled, is-menu-open.
   Somente transform/cores/transições curtas; sem mouse loop ou scroll-jacking. */
:root{--nav-surface:rgba(255,250,242,.95);--nav-ink:#4a1a2d;--nav-edge:rgba(97,36,59,.22);--nav-radius:25px}
#header.header--atelier{inset:18px 24px auto;width:calc(100% - 48px);max-width:1440px;margin-inline:auto;height:88px;padding:12px 18px;gap:clamp(14px,1.6vw,28px);border:1px solid var(--nav-edge);border-radius:var(--nav-radius);background:var(--nav-surface);color:var(--nav-ink);box-shadow:0 8px 32px rgba(59,20,35,.08),inset 0 1px 0 #fff;isolation:isolate;transition:height .3s var(--ease),padding .3s var(--ease),border-radius .3s var(--ease),background-color .3s,box-shadow .3s,top .3s;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#header.header--atelier::before{background:none;opacity:0;pointer-events:none}
#header.header--atelier .brand{gap:12px;min-height:48px}
#header.header--atelier .brand img{width:52px;height:52px;flex-shrink:0;border-radius:15px;box-shadow:0 0 0 1px rgba(97,36,59,.22);transition:width .3s,height .3s,border-radius .3s}
#header.header--atelier .brand>span{font:400 1.65rem/1 var(--serif);letter-spacing:-.02em;white-space:nowrap}
#header.header--atelier .brand small{font:600 .51rem/1.2 var(--sans);letter-spacing:.16em;color:#7a4937;opacity:1;margin-top:7px}
#header.header--atelier .desktop-nav{margin-left:auto;align-items:center;gap:4px;border-radius:18px;padding:4px;background:rgba(97,36,59,.045);border:1px solid rgba(97,36,59,.06)}
#header.header--atelier .desktop-nav a{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 clamp(9px,1vw,15px);min-height:46px;opacity:1;border-radius:13px;color:var(--nav-ink);font:500 .77rem/1.4 var(--sans);letter-spacing:0;text-transform:none;transition:background-color .2s,color .2s,box-shadow .2s}
#header.header--atelier .desktop-nav a::after{display:none}
#header.header--atelier .nav-index{font:500 .53rem/1 var(--sans);color:#956d5a;font-variant-numeric:tabular-nums;letter-spacing:.02em}
#header.header--atelier .desktop-nav a[aria-current]{background:var(--wine-900);color:var(--cream);box-shadow:0 3px 8px rgba(59,20,35,.1)}
#header.header--atelier .desktop-nav a[aria-current] .nav-index{color:var(--gold-lt)}
#header.header--atelier .desktop-nav a:hover:not([aria-current]),#header.header--atelier .desktop-nav a:focus-visible:not([aria-current]){background:#eadacb;color:var(--wine-950)}
#header.header--atelier .header-utilities{gap:12px}
#header.header--atelier .professional-access{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;border:0;padding:3px 5px;min-width:54px;min-height:48px;border-radius:12px;color:var(--nav-ink);font-size:.54rem;letter-spacing:.01em;transition:background-color .2s}
#header.header--atelier .professional-access:hover{background:#eadacb}
#header.header--atelier .professional-access svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#header.header--atelier .header-cta{gap:15px;min-height:48px;padding:4px 5px 4px 19px;font-size:.68rem;letter-spacing:.05em;box-shadow:none;overflow:visible;white-space:nowrap}
#header.header--atelier .header-cta i{display:grid;place-items:center;width:36px;height:36px;flex:none;background:var(--wine-900);color:var(--cream);border-radius:50%;font:400 1.3rem/1 var(--sans);transition:transform .25s var(--ease)}
#header.header--atelier .header-cta:hover{transform:none;box-shadow:0 4px 16px rgba(97,36,59,.12)}
#header.header--atelier .header-cta:hover i{transform:rotate(45deg)}
#header.header--atelier.is-scrolled{top:10px;height:72px;padding:8px 15px;border-radius:999px;background:rgba(255,250,242,.93);box-shadow:0 10px 32px rgba(59,20,35,.12),inset 0 1px 0 #fff}
#header.header--atelier.is-scrolled .brand img{width:44px;height:44px;border-radius:50%}
#header.header--atelier.is-scrolled .desktop-nav{background:transparent;border-color:transparent}
#header.header--atelier.is-scrolled .desktop-nav a{min-height:42px;border-radius:999px}
#header.header--atelier a:focus-visible,#header.header--atelier button:focus-visible{outline:3px solid #a14b65;outline-offset:4px}
.public-page main{padding-top:120px}
.hero.hero--centerpiece{padding-top:150px}
#header.header--atelier .menu-btn{color:var(--cream);background:var(--wine-900);border:0;width:auto;min-width:92px;min-height:44px;height:44px;grid-auto-flow:column;align-items:center;gap:12px;padding:0 14px;border-radius:999px}
#header.header--atelier .menu-btn small{font:500 .78rem/1 var(--sans)}
#header.header--atelier .menu-btn i{display:grid;gap:5px;width:18px;font-style:normal}
#header.header--atelier .menu-btn span{width:18px;background:var(--cream)}
#header.header--atelier .menu-btn.open span:first-child{transform:translateY(3px) rotate(45deg)}
#header.header--atelier .menu-btn.open span:last-child{transform:translateY(-3px) rotate(-45deg)}
.mobile-menu-intro{display:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#header.header--atelier,#header.header--atelier.is-scrolled{background:#fffaf2}}
@media(min-width:1101px) and (max-width:1250px){#header.header--atelier{inset-inline:16px;width:calc(100% - 32px);gap:10px;padding-inline:12px}#header.header--atelier .desktop-nav a{font-size:.71rem;padding-inline:9px;gap:5px}#header.header--atelier .brand>span{font-size:1.45rem}#header.header--atelier .brand img{width:46px;height:46px}#header.header--atelier .header-utilities{gap:6px}#header.header--atelier .header-cta{padding-left:14px;gap:10px}}
@media(max-width:1100px){
 #header.header--atelier{inset:12px 16px auto;width:calc(100% - 32px);height:76px;padding:10px 12px;gap:12px;border-radius:22px}
 #header.header--atelier .brand img{width:46px;height:46px;border-radius:13px}
 #header.header--atelier .brand>span{font-size:1.5rem}
 #header.header--atelier .brand small{font-size:.47rem;letter-spacing:.14em;margin-top:6px}
 #header.header--atelier.is-scrolled{top:8px;height:66px;padding:8px 12px}
 #header.header--atelier.is-scrolled .brand img{width:40px;height:40px}
 #header.header--atelier .desktop-nav,#header.header--atelier .header-utilities{display:none}
 #header.header--atelier .menu-btn{margin-left:auto}
 .public-page main{padding-top:106px}
 .hero.hero--centerpiece{padding-top:120px}
 #mobile-menu{inset:100px 16px 16px;display:flex;flex-direction:column;justify-content:flex-start;align-content:normal;align-items:stretch;padding:26px;border-radius:26px;border:1px solid var(--nav-edge);background:var(--paper);color:var(--nav-ink);box-shadow:0 25px 80px rgba(59,20,35,.2);transform:translateY(-10px);transition:opacity .25s,visibility .25s,transform .25s;overscroll-behavior:contain}
 #mobile-menu.open{transform:none}
 #mobile-menu .mobile-menu-intro{display:block;position:relative;margin-bottom:20px;padding-right:40px}
 #mobile-menu .mobile-menu-intro .eyebrow{font-size:.56rem;letter-spacing:.14em;color:var(--wine-800);margin-bottom:13px}
 #mobile-menu .mobile-menu-intro h2{font:400 2.8rem/.97 var(--serif);letter-spacing:-.03em;color:var(--wine-900)}
 #mobile-menu .mobile-menu-intro h2 em{background:none;color:#a14b65;font-style:normal}
 #mobile-menu [data-menu-close]{position:absolute;right:-6px;top:2px;border:1px solid #ad8d92;border-radius:50%;width:44px;height:44px;background:transparent;color:var(--nav-ink);font-size:1.5rem}
 #mobile-menu nav{display:grid;gap:0;text-align:left}
 #mobile-menu nav a{display:flex;justify-content:flex-start;align-items:center;gap:15px;min-height:58px;padding:9px 5px;border-top:1px solid rgba(97,36,59,.14);font:400 1.7rem/1.2 var(--serif);color:var(--nav-ink);border-radius:0;text-decoration:none}
 #mobile-menu nav a:last-child{border-bottom:1px solid rgba(97,36,59,.14)}
 #mobile-menu nav a b{font:500 .6rem var(--sans);color:#7a4937}
 #mobile-menu nav a i{font:400 1.1rem var(--sans);font-style:normal;margin-left:auto;opacity:.65}
 #mobile-menu nav a[aria-current]{color:#fffaf2;background:var(--wine-900);border-color:transparent;border-radius:12px;padding-inline:13px;text-decoration:none}
 #mobile-menu nav a[aria-current] b,#mobile-menu nav a[aria-current] i{color:var(--gold-lt);opacity:1}
 #mobile-menu .mobile-menu-utilities{gap:12px;margin-top:22px;padding-bottom:8px}
 #mobile-menu .mobile-menu-utilities .text-link{color:var(--wine-800);font-size:.85rem;min-height:44px;display:inline-flex;align-items:center}
 #mobile-menu .mobile-menu-utilities .btn{font-size:.68rem;width:100%;min-height:52px}
 #mobile-menu a:focus-visible,#mobile-menu button:focus-visible{outline:3px solid #a14b65;outline-offset:3px}
 body:has(#mobile-menu.open)::after{content:"";position:fixed;inset:0;z-index:94;background:rgba(31,9,21,.5);pointer-events:none}
 .public-nojs-nav{top:27px;right:30px;color:var(--wine-900)}
 .public-nojs-nav summary{border-color:#ad8d92;background:var(--paper)}
 .public-nojs-nav nav{color:var(--cream)}
}
@media(max-width:380px){#header.header--atelier{inset-inline:10px;width:calc(100% - 20px);padding-inline:10px}#header.header--atelier .brand{gap:8px}#header.header--atelier .brand>span{font-size:1.35rem}#header.header--atelier .brand small{font-size:.43rem}#header.header--atelier .menu-btn{min-width:82px;gap:8px;padding-inline:12px}#mobile-menu{inset-inline:10px;padding:22px}#mobile-menu nav a{font-size:1.6rem;min-height:54px}}
@media(prefers-reduced-motion:reduce){#header.header--atelier,#header.header--atelier *,#mobile-menu{transition:none!important;animation:none!important}}