:root{ --c-bg:#120C0E; --c-surface:#1E1316; --c-text:#F6EDEF; --c-primary:#761825; --c-secondary:#E1263C; --c-accent:#C7798A; --c-dark-bg:#0B0708; --c-dark-text:#F6EDEF; --c-line:#2A1A1E; --c-line-soft:rgba(199,121,138,.28); --c-mute:rgba(246,237,239,.72); --c-mute-2:rgba(246,237,239,.55); --ff-display:"Anton","Arial Narrow",Impact,sans-serif; --ff-body:"Chivo","Helvetica Neue",Helvetica,Arial,sans-serif; --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem; --sp-6:2rem; --sp-7:2.75rem; --sp-8:3.5rem; --sp-9:5rem; --sp-10:7rem; --radius:8px; --radius-sm:4px; --container:1200px; --gutter:clamp(1.25rem, 0.9rem + 2.2vw, 3rem); --header-h:80px; --mo-dur:420ms; --mo-ease:cubic-bezier(0.16, 1, 0.3, 1); --mo-dist:16px; --mo-stagger:70ms; --mo-fast:120ms; } @media (min-width:900px){ :root{ --header-h:96px; } } *,*::before,*::after{box-sizing:border-box} html,body{overflow-x:hidden} html{-webkit-text-size-adjust:100%} @media (prefers-reduced-motion: no-preference){ html{scroll-behavior:smooth} } body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--ff-body);font-size:1.0625rem;line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} img,svg,video,canvas{display:block;max-width:100%;height:auto} h1,h2,h3,h4,h5,h6{margin:0 0 var(--sp-4);font-family:var(--ff-display);font-weight:400;letter-spacing:.005em;line-height:1.02;color:var(--c-text)} p{margin:0 0 var(--sp-4)} p:last-child{margin-bottom:0} ul,ol{margin:0 0 var(--sp-4);padding-left:1.15rem} a{color:var(--c-accent);text-decoration:none} a:hover{color:var(--c-text)} strong,b{font-weight:700} small{font-size:.9375rem} hr{border:0;height:1px;background:var(--c-line);margin:var(--sp-6) 0} :focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:2px} ::selection{background:var(--c-secondary);color:#FFFFFF} .container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)} .container--narrow{max-width:860px} .section{padding-block:clamp(3.5rem, 2.4rem + 4.4vw, 7rem)} .section > .container{position:relative} .section--tight{padding-block:clamp(2.5rem, 1.9rem + 2.6vw, 4.5rem)} .section--surface{background:var(--c-surface)} .section--dark{background:var(--c-dark-bg)} .bleed{padding-inline:var(--gutter)} .measure{max-width:62ch} .stack > * + *{margin-top:var(--sp-4)} .stack-lg > * + *{margin-top:var(--sp-6)} .text-center{text-align:center} .mt-0{margin-top:0} .mb-0{margin-bottom:0} .visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0} section[id],div[id],article[id],main [id]{scroll-margin-top:calc(var(--header-h) + 1rem)} .h-hero{font-size:clamp(2.6rem, 1.9rem + 3.6vw, 5rem);line-height:.94;letter-spacing:.005em;margin-bottom:var(--sp-5)} .h-section{font-size:clamp(1.9rem, 1.4rem + 2.4vw, 3.25rem);line-height:1;margin-bottom:var(--sp-4)} .h-sub{font-size:clamp(1.25rem, 1.05rem + 0.7vw, 1.75rem);line-height:1.06} .h-hl{line-height:1.3} .highlight{background:var(--c-primary);color:var(--c-text);padding:.06em .26em;box-decoration-break:clone;-webkit-box-decoration-break:clone} .lede{font-size:clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);line-height:1.6;color:var(--c-mute)} .caption{font-size:.9375rem;line-height:1.5;color:var(--c-mute-2)} .kicker{display:inline-block;font-family:var(--ff-body);font-weight:700;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--c-accent);margin:0 0 var(--sp-3)} .kicker-rule{display:block;width:clamp(104px, 90px + 4vw, 148px);height:2px;border:0;margin:0 0 var(--sp-3);background:linear-gradient(90deg, var(--c-accent) 0 62%, var(--c-secondary) 62% 100%)} .kicker-rule--center{margin-inline:auto} .hero__copy{max-width:min(92vw, 860px)} .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.85rem 1.6rem;font-family:var(--ff-body);font-weight:700;font-size:1rem;letter-spacing:.03em;line-height:1.1;text-decoration:none;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;background:var(--c-primary);color:#FFFFFF;transition:background-color var(--mo-fast) var(--mo-ease), color var(--mo-fast) var(--mo-ease), border-color var(--mo-fast) var(--mo-ease), transform var(--mo-dur) var(--mo-ease)} .btn:hover,.btn:focus-visible{color:#FFFFFF} .btn--primary{background:var(--c-primary);color:#FFFFFF;border-color:var(--c-primary)} .btn--primary:hover,.btn--primary:focus-visible{background:var(--c-secondary);border-color:var(--c-secondary);color:#FFFFFF} .btn--ghost{background:transparent;color:var(--c-text);border-color:var(--c-accent)} .btn--ghost:hover,.btn--ghost:focus-visible{background:var(--c-accent);color:#120C0E;border-color:var(--c-accent)} .btn--block{width:100%} .link-draw{position:relative;color:var(--c-text);text-decoration:none} .link-draw::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:var(--c-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--mo-dur) var(--mo-ease)} .link-draw:hover::after,.link-draw:focus-visible::after{transform:scaleX(1)} .card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);padding:clamp(1.25rem, 1rem + 1.2vw, 2rem);transition:transform var(--mo-dur) var(--mo-ease), border-color var(--mo-fast) var(--mo-ease), opacity var(--mo-dur) var(--mo-ease)} .card:hover,.card:focus-within{border-color:var(--c-accent)} .card--dark{background:var(--c-dark-bg);border-color:var(--c-line)} .card--plain{background:transparent;border-color:var(--c-line-soft)} .grid{display:grid;gap:clamp(1.25rem, 1rem + 1.4vw, 2.25rem);grid-template-columns:1fr} .grid-2,.grid-3{display:grid;gap:clamp(1.25rem, 1rem + 1.4vw, 2.25rem);grid-template-columns:1fr} @media (min-width:768px){ .grid-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .grid-3{grid-template-columns:repeat(2, minmax(0, 1fr))} } @media (min-width:1000px){ .grid-3{grid-template-columns:repeat(3, minmax(0, 1fr))} } .img-treated{filter:contrast(1.08) saturate(1.14) brightness(.95);border-radius:var(--radius)} .plate{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--c-dark-bg)} .plate img{width:100%;object-fit:cover} .viewfinder{position:relative} .viewfinder::before{content:"";position:absolute;inset:-10px;border:2px solid var(--c-accent);pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) 0 0/18px 18px no-repeat,linear-gradient(#000 0 0) 100% 0/18px 18px no-repeat,linear-gradient(#000 0 0) 0 100%/18px 18px no-repeat,linear-gradient(#000 0 0) 100% 100%/18px 18px no-repeat;mask:linear-gradient(#000 0 0) 0 0/18px 18px no-repeat,linear-gradient(#000 0 0) 100% 0/18px 18px no-repeat,linear-gradient(#000 0 0) 0 100%/18px 18px no-repeat,linear-gradient(#000 0 0) 100% 100%/18px 18px no-repeat} .frame-index{display:flex;align-items:center;gap:.75rem;font-family:var(--ff-display);font-size:clamp(1.25rem, 1.05rem + 0.6vw, 1.75rem);line-height:1;letter-spacing:.02em;color:var(--c-secondary);margin:0 0 var(--sp-4)} .frame-index::after{content:"";flex:1 1 auto;height:1px;background:var(--c-accent);transform:scaleX(1);transform-origin:left} .backdrop-band{background:var(--c-primary);border-top:1px solid var(--c-accent);color:var(--c-text);padding-block:clamp(4rem, 3rem + 3.2vw, 6rem);padding-inline:var(--gutter)} .backdrop-band__inner{max-width:var(--container);margin-inline:auto} .backdrop-band h1,.backdrop-band h2,.backdrop-band h3,.backdrop-band p{color:var(--c-text)} .backdrop-band .kicker{color:#F3D5DB} .backdrop-band--hot{background:var(--c-secondary);border-top-color:#F6EDEF} .backdrop-band--hot .btn--primary{background:#120C0E;border-color:#120C0E} .backdrop-band--hot .btn--primary:hover{background:#0B0708;border-color:#0B0708} .vf-mark{position:relative;display:inline-block;width:24px;height:24px;flex:0 0 auto;border:2px solid var(--c-accent);border-radius:5px;clip-path:polygon(30% 0, 100% 0, 100% 70%, 70% 100%, 0 100%, 0 30%)} .vf-mark::after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--c-accent)} .fact{display:block} .fact__num{display:block;font-family:var(--ff-display);font-size:clamp(2.25rem, 1.6rem + 2.4vw, 3.5rem);line-height:1;color:var(--c-secondary)} .fact__label{display:block;margin-top:.4rem;font-size:.9375rem;color:var(--c-mute)} .callout{background:rgba(246,237,239,.06);border:1px solid var(--c-line-soft);border-radius:var(--radius);padding:clamp(1.25rem, 1rem + 1.2vw, 2rem)} .callout .kicker{margin-bottom:var(--sp-2)} .field{display:block;margin-bottom:var(--sp-4)} .field > label{display:block;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--c-accent);margin-bottom:.4rem} input[type=text],input[type=email],input[type=tel],input[type=date],select,textarea{width:100%;min-height:48px;padding:.75rem .9rem;font-family:var(--ff-body);font-size:1rem;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-sm);transition:border-color var(--mo-fast) var(--mo-ease), background-color var(--mo-fast) var(--mo-ease)} textarea{min-height:150px;line-height:1.6} input::placeholder,textarea::placeholder{color:rgba(246,237,239,.4)} input:focus,select:focus,textarea:focus{outline:none;border-color:var(--c-accent)} .skip-link{position:absolute;top:-120px;left:var(--gutter);z-index:200;display:inline-flex;align-items:center;min-height:44px;padding:.6rem 1.1rem;background:var(--c-accent);color:#120C0E;font-weight:700;font-size:1rem;border-radius:var(--radius-sm);transition:top var(--mo-fast) var(--mo-ease)} .skip-link:focus{top:.5rem;color:#120C0E} .site-header{position:sticky;top:0;z-index:50;background:var(--c-bg);border-bottom:1px solid var(--c-line)} .header__bar{position:relative;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:clamp(.75rem, 0.5rem + 1vw, 1.5rem)} .identity{display:inline-flex;align-items:center;gap:clamp(.6rem, 0.4rem + 1vw, 1rem);min-width:0;color:var(--c-text);text-decoration:none;transition:opacity var(--mo-fast) var(--mo-ease)} .identity:hover{opacity:.86;color:var(--c-text)} .logo-tile{display:block;flex:0 0 auto;height:56px;border:1px solid var(--c-accent);border-radius:var(--radius);overflow:hidden;background:var(--c-primary)} .logo-tile img{height:100%;width:auto;display:block} .wordmark{font-family:var(--ff-display);text-transform:uppercase;letter-spacing:.03em;line-height:1;white-space:nowrap;color:var(--c-text);font-size:clamp(1rem, 0.82rem + 0.7vw, 1.45rem)} .wordmark__shot{color:var(--c-accent)} .wordmark--lg{font-size:clamp(1.6rem, 1.2rem + 1.8vw, 2.5rem);letter-spacing:.02em} .nav-toggle{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0} .nav-toggle-label{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;cursor:pointer;background:var(--c-surface);border:1px solid var(--c-line);border-radius:6px;transition:border-color var(--mo-fast) var(--mo-ease), background-color var(--mo-fast) var(--mo-ease)} .nav-toggle-label:hover{border-color:var(--c-accent)} .nav-toggle:focus-visible ~ .nav-toggle-label{outline:2px solid var(--c-accent);outline-offset:3px} .burger{position:relative;display:block;width:20px;height:2px;background:var(--c-text);transition:background-color var(--mo-fast) var(--mo-ease)} .burger::before,.burger::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--c-text);transition:transform var(--mo-fast) var(--mo-ease)} .burger::before{top:-6px} .burger::after{top:6px} .nav-toggle:checked ~ .nav-toggle-label .burger{background:transparent} .nav-toggle:checked ~ .nav-toggle-label .burger::before{transform:translateY(6px) rotate(45deg)} .nav-toggle:checked ~ .nav-toggle-label .burger::after{transform:translateY(-6px) rotate(-45deg)} .site-nav{position:absolute;top:100%;left:0;right:0;z-index:60;display:none;background:var(--c-surface);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-accent);padding-inline:var(--gutter);padding-block:1.25rem 1.5rem;max-height:calc(100dvh - var(--header-h));overflow-y:auto;-webkit-overflow-scrolling:touch} .nav-toggle:checked ~ .site-nav{display:block} .site-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0} .site-nav ul a{display:flex;align-items:center;min-height:48px;padding:.6rem 0;color:var(--c-text);text-decoration:none;font-weight:500;font-size:1.0625rem;letter-spacing:.02em;border-bottom:1px solid var(--c-line);transition:color var(--mo-fast) var(--mo-ease), transform var(--mo-dur) var(--mo-ease)} .site-nav ul a:hover,.site-nav ul a:focus-visible{color:var(--c-accent)} .nav-cta{margin-top:1.25rem;display:flex} .nav-cta .btn{width:100%} .nav-close{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:1rem;padding:.5rem 1rem;cursor:pointer;font-size:.8125rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c-accent);background:transparent;border:1px solid var(--c-line);border-radius:var(--radius-sm);transition:border-color var(--mo-fast) var(--mo-ease), color var(--mo-fast) var(--mo-ease)} .nav-close:hover{border-color:var(--c-accent);color:var(--c-text)} .nav-scrim{display:none} .nav-toggle:checked ~ .nav-scrim{display:block;position:fixed;left:0;right:0;top:var(--header-h);bottom:0;z-index:40;background:rgba(11,7,8,.66);cursor:pointer} @media (min-width:900px){ .logo-tile{height:64px} .site-nav{position:static;display:flex;align-items:center;gap:clamp(1.25rem, 0.8rem + 1.4vw, 2.25rem);background:none;border:0;padding:0;max-height:none;overflow:visible} .site-nav ul{flex-direction:row;align-items:center;gap:clamp(1.25rem, 0.8rem + 1.2vw, 2.25rem)} .site-nav ul a{position:relative;min-height:0;padding:.35rem 0;border-bottom:0;font-size:1rem} .site-nav ul a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--c-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--mo-dur) var(--mo-ease)} .site-nav ul a:hover::after,.site-nav ul a:focus-visible::after{transform:scaleX(1)} .nav-cta{margin-top:0} .nav-cta .btn{width:auto;min-height:44px;padding:.7rem 1.35rem} .nav-toggle-label{display:none} .nav-close{display:none} .nav-toggle:checked ~ .nav-scrim{display:none} } .site-footer{margin-top:0;background:var(--c-dark-bg);border-top:1px solid var(--c-line);color:var(--c-text);padding-top:clamp(3.25rem, 2.4rem + 3vw, 5.5rem);padding-bottom:clamp(2rem, 1.6rem + 1.6vw, 3rem)} .footer__grid{display:grid;gap:clamp(2rem, 1.5rem + 2vw, 3.25rem);grid-template-columns:1fr} @media (min-width:768px){ .footer__grid{grid-template-columns:1.4fr 1fr 1.2fr} } .footer__brand{display:block} .footer__lock{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:var(--sp-4);color:var(--c-text);text-decoration:none} .footer__blurb{color:var(--c-mute);font-size:1rem;max-width:38ch} .footer__title{font-family:var(--ff-body);font-weight:700;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--c-accent);margin:0 0 var(--sp-3)} .footer__links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem} .footer__links a{display:inline-flex;align-items:center;min-height:44px;color:var(--c-text);font-size:1rem;text-decoration:none;transition:color var(--mo-fast) var(--mo-ease), transform var(--mo-dur) var(--mo-ease)} .footer__links a:hover,.footer__links a:focus-visible{color:var(--c-accent);transform:translateX(2px)} .footer__meta{color:var(--c-mute);font-size:.9375rem;margin-top:var(--sp-3)} .footer__social{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:clamp(2rem, 1.6rem + 1.6vw, 3rem)} .footer__social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--c-accent);border:1px solid var(--c-line);border-radius:var(--radius);transition:color var(--mo-fast) var(--mo-ease), border-color var(--mo-fast) var(--mo-ease), transform var(--mo-dur) var(--mo-ease)} .footer__social a:hover,.footer__social a:focus-visible{color:var(--c-text);border-color:var(--c-accent)} .footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;margin-top:clamp(2rem, 1.6rem + 1.6vw, 3rem);padding-top:var(--sp-5);border-top:1px solid var(--c-line);font-size:.8125rem;color:var(--c-mute-2)} .footer__legal{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1rem;list-style:none;margin:0;padding:0} .footer__legal a,.footer__bottom a{color:var(--c-mute-2);text-decoration:none;transition:color var(--mo-fast) var(--mo-ease)} .footer__legal a:hover,.footer__bottom a:hover,.footer__legal a:focus-visible,.footer__bottom a:focus-visible{color:var(--c-accent)} .reveal{opacity:0;transform:translateY(var(--mo-dist));transition:opacity var(--mo-dur) var(--mo-ease) var(--reveal-delay, 0ms), transform var(--mo-dur) var(--mo-ease) var(--reveal-delay, 0ms);will-change:opacity, transform} .reveal.is-visible{opacity:1;transform:none} .reveal-stagger > *{opacity:0;transform:translateY(var(--mo-dist));transition:opacity var(--mo-dur) var(--mo-ease) var(--reveal-delay, 0ms), transform var(--mo-dur) var(--mo-ease) var(--reveal-delay, 0ms)} .reveal-stagger > *.is-visible,.reveal-stagger.is-visible > *{opacity:1;transform:none} .reveal.viewfinder::before,.viewfinder.reveal::before{opacity:0;transform:scale(.965);transition:opacity var(--mo-dur) var(--mo-ease) var(--reveal-delay, 0ms), transform var(--mo-dur) var(--mo-ease) var(--reveal-delay, 0ms)} .reveal.viewfinder.is-visible::before{opacity:1;transform:none} .reveal .frame-index::after,.frame-index.reveal::after{transform:scaleX(0);transition:transform var(--mo-dur) var(--mo-ease) var(--reveal-delay, 0ms)} .reveal.is-visible .frame-index::after,.frame-index.reveal.is-visible::after{transform:scaleX(1)} @media (prefers-reduced-motion: no-preference){ .media-zoom{overflow:hidden;display:block;border-radius:var(--radius)} .media-zoom img{transition:transform calc(var(--mo-dur) * 2) var(--mo-ease);will-change:transform} .media-zoom:hover img,.media-zoom:focus-within img{transform:scale(1.03)} .btn:hover,.btn:focus-visible{transform:translateY(-2px)} .card:hover,.card:focus-within{transform:translateY(-2px)} .footer__social a:hover,.footer__social a:focus-visible{transform:translateY(-2px)} @keyframes nn-ken-burns{from{transform:scale(1)}to{transform:scale(1.04)}} .ken-burns img,img.ken-burns{animation:nn-ken-burns 13s var(--mo-ease) infinite alternate} } @media (prefers-reduced-motion: reduce){ .reveal,.reveal-stagger > *{opacity:1;transform:none;transition:none} .reveal.viewfinder::before,.viewfinder.reveal::before{opacity:1;transform:none;transition:none} .reveal .frame-index::after,.frame-index.reveal::after,.reveal.is-visible .frame-index::after{transform:scaleX(1);transition:none} .link-draw::after,.site-nav ul a::after{transition:none} .media-zoom img,.ken-burns img,img.ken-burns{animation:none;transition:none;transform:none} .btn,.card,.footer__social a{transition:background-color var(--mo-fast) linear, color var(--mo-fast) linear, border-color var(--mo-fast) linear} } @media (min-width:900px){ .nav-toggle-label{display:none} .nav-close{display:none} .nav-toggle:checked ~ .nav-scrim{display:none} .nav-toggle:checked ~ .site-nav{display:flex} }
.reveal{opacity:0;transition:opacity var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1));transition-delay:var(--reveal-delay,0ms)}
.reveal.is-visible{opacity:1}
.reveal-stagger>*{opacity:0;transition:opacity var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1));transition-delay:var(--reveal-delay,0ms)}
.reveal-stagger.is-visible>*,.reveal-stagger>.is-visible{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .reveal{transform:translateY(14px);transition:opacity var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1)),transform var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1))}
  .reveal.is-visible{transform:none}
  .reveal-stagger>*{transform:translateY(14px);transition:opacity var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1)),transform var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1))}
  .reveal-stagger.is-visible>*,.reveal-stagger>.is-visible{transform:none}
}
@media (prefers-reduced-motion:reduce){.reveal,.reveal-stagger>*{opacity:1;transform:none;transition:none}}
/* nn:mobile-floor */
@media (max-width:899px){
.site-header{position:sticky}
.header__bar{flex-wrap:nowrap}
.nav-panel{position:absolute;top:100%;left:0;right:0;width:100%;max-height:calc(100dvh - var(--header-h,64px));overflow-y:auto;-webkit-overflow-scrolling:touch}
}
input,select,textarea{min-width:0;box-sizing:border-box;max-width:100%}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],input[type="week"]{-webkit-appearance:none;appearance:none;width:100%}
input[type="date"]::-webkit-date-and-time-value{text-align:left;margin:0}
input[type="date"]::-webkit-calendar-picker-indicator{margin-inline-start:auto}

/* nn:nav-open-floor */
@media (max-width:899px){
header:has(.nav-toggle:checked) :where(.nav-panel,.mobile-nav,.mobile-menu,#nav-panel,#mobile-nav,#mobile-menu),
header:has(input[id="nav-toggle"]:checked) :where(.nav-panel,.mobile-nav,.mobile-menu,#nav-panel,#mobile-nav,#mobile-menu),
header:has(input[id="menu-toggle"]:checked) :where(.nav-panel,.mobile-nav,.mobile-menu,#nav-panel,#mobile-nav,#mobile-menu),
header:has(input[id="nav-check"]:checked) :where(.nav-panel,.mobile-nav,.mobile-menu,#nav-panel,#mobile-nav,#mobile-menu){display:block;max-height:calc(100dvh - var(--header-h,64px));overflow-y:auto;visibility:visible;opacity:1;transform:none;pointer-events:auto}
}

/* nn:logo-floor */
header .identity img{min-height:64px;width:auto;object-fit:contain}
@media (max-width:899px){
header .identity img{min-height:56px;width:auto;object-fit:contain}
}

/* ------------------------------------------------- CALL, ON A PHONE
   On a phone the only call-to-action lived inside the closed nav panel,
   so the first screen offered nothing to tap. This sits in the header
   bar at every scroll position and costs the hero no height. */
.header-call{display:none}
@media (max-width:899px){
  .header-call{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:40px;padding:0 .95rem;margin-left:auto;margin-right:.6rem;
    font-family:var(--ff-body);font-weight:700;font-size:.875rem;
    letter-spacing:.02em;color:#fff;background:var(--c-primary);
    border-radius:var(--radius);text-decoration:none;
    transition:background-color var(--mo-fast) var(--mo-ease);
  }
  .header-call:hover,.header-call:focus-visible{background:var(--c-secondary)}
}