/* Public palette and left drawer at every viewport size. */
.header.public-drawer-header{--menu-surface:#202124;--menu-border:#414246;--menu-muted:#c4c5cb;--menu-accent:#ff802e;--menu-ink:#191a1d}
.header.public-drawer-header,.header.public-drawer-header.menu-layout{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;height:var(--header-height,88px);min-height:0;padding:0 clamp(16px,3vw,48px);background:#191a1df5;border-bottom:1px solid #ffffff20;overflow:visible}
.header.public-drawer-header>.brand{grid-column:1;grid-row:1;padding-left:60px;justify-self:start;gap:10px}
.header.public-drawer-header>.header-actions{grid-column:2;grid-row:1;gap:12px}
.header.public-drawer-header .header-actions>.button{background:var(--menu-accent);color:var(--menu-ink);border:1px solid var(--menu-accent);border-radius:12px;min-height:44px;padding:10px 20px;font-weight:750;box-shadow:none}
.header.public-drawer-header .header-actions>.button:hover{background:#ff9c5c;border-color:#ff9c5c}
.header.public-drawer-header .menu-toggle{position:absolute;left:clamp(16px,3vw,48px);top:calc((var(--header-height,88px) - 44px)/2);z-index:3;display:grid;place-content:center;gap:5px;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid #66676d;border-radius:12px;background:#303136;color:#fff;cursor:pointer}
.header.public-drawer-header .menu-toggle span{display:block;width:20px;height:2px;margin:0;border-radius:2px;background:currentColor;transition:transform .22s ease,opacity .15s ease}
.header.public-drawer-header .menu-toggle[aria-expanded=true]{background:var(--menu-accent);border-color:var(--menu-accent);color:var(--menu-ink)}
.header.public-drawer-header .menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.header.public-drawer-header .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.header.public-drawer-header .menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.header.public-drawer-header>.nav{box-sizing:border-box;position:fixed;inset:var(--public-header-height,var(--header-height,88px)) auto 0 0;z-index:2;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:8px;width:min(360px,calc(100vw - 24px));height:calc(100dvh - var(--public-header-height,var(--header-height,88px)));margin:0;padding:28px 20px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:var(--menu-surface);border:0;border-right:1px solid var(--menu-border);box-shadow:18px 0 48px #0004;visibility:hidden;transform:translateX(-105%);transition:transform .28s cubic-bezier(.22,1,.36,1),visibility .28s;pointer-events:none}
.header.public-drawer-header>.nav.is-open{visibility:visible;transform:translateX(0);pointer-events:auto}
.public-menu-heading{display:flex;flex-direction:column;gap:8px;margin:0 4px 18px;color:#fff}
.public-menu-heading span{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--menu-accent)}
.public-menu-heading strong{font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.5px}
.header.public-drawer-header>.nav>a{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;min-height:48px;margin:0;padding:12px 16px;border:1px solid var(--menu-border);border-radius:12px;background:#2a2b30;color:#f5f5f7;font-size:16px;line-height:1.4;font-weight:550;text-decoration:none;box-sizing:border-box}
.header.public-drawer-header>.nav>a:after{content:'\203a';font-size:24px;line-height:1;color:var(--menu-muted)}
.header.public-drawer-header>.nav>a:hover,.header.public-drawer-header>.nav>a[aria-current]{background:#38302a;border-color:var(--menu-accent);color:#ffb784}
.header.public-drawer-header>.nav>a.public-menu-primary{background:var(--menu-accent);border-color:var(--menu-accent);color:var(--menu-ink);font-weight:750}
.header.public-drawer-header>.nav>a.public-menu-primary:after{color:inherit}
.header.public-drawer-header .public-menu-backdrop{position:fixed;inset:var(--public-header-height,var(--header-height,88px)) 0 0;z-index:1;width:100%;height:auto;border:0;border-radius:0;background:#0009;cursor:pointer;backdrop-filter:blur(3px)}
.public-menu-backdrop[hidden]{display:none!important}
.public-menu-open{overflow:hidden!important}
.header.public-drawer-header :focus-visible{outline:3px solid #ffc59f;outline-offset:3px}
#inizio.hero{padding-top:var(--header-height)!important}
@media(max-width:480px){.header.public-drawer-header>.brand{padding-left:54px;font-size:21px;gap:8px}.header.public-drawer-header>.brand img{width:32px;height:32px}.header.public-drawer-header .header-actions>.button{padding:10px 13px;font-size:14px}.header.public-drawer-header .header-actions>.button svg{display:none}}
@media(prefers-reduced-motion:reduce){.header.public-drawer-header>.nav,.header.public-drawer-header .menu-toggle span{transition:none}}
