:root{
  
  --c-bg: #F4F3F0;
  --c-surface: #E6E5E1;
  --c-text: #121415;
  --c-primary: #030303;
  --c-secondary: #C0C6CC;
  --c-accent: #B4802A;
  --c-accent-deep: #7E5514;      
  --c-dark-bg: #0B0C0D;
  --c-dark-text: #EDEDEB;

  
  --f-display: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;
  --f-body: "IBM Plex Sans", "Segoe UI", Helvetica, Arial, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --fs-hero: clamp(2.75rem, 1.9rem + 3.4vw, 5.25rem);
  --fs-h1: clamp(2.4rem, 1.8rem + 2.6vw, 4rem);
  --fs-h2: clamp(1.9rem, 1.45rem + 1.9vw, 3rem);
  --fs-h3: clamp(1.35rem, 1.15rem + 0.7vw, 1.75rem);
  --fs-body: clamp(1rem, 0.97rem + 0.16vw, 1.0625rem);
  --fs-small: 0.9375rem;   
  --fs-meta: 0.8125rem;    
  --fs-micro: 0.75rem;     

  
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;

  
  --container-max: 1200px;
  --measure: 64ch;
  --gutter: clamp(1.25rem, 0.9rem + 2vw, 3rem);
  --header-h: 88px;
  --radius: 0px;

  
  --mo-dur: 340ms;
  --mo-ease: cubic-bezier(0.16, 0.84, 0.28, 1);
  --mo-dist: 12px;
  --mo-stagger: 70ms;
  --reveal-delay: 0ms;
}

*,*::before,*::after{box-sizing:border-box}
html{
  -webkit-text-size-adjust:100%;
  overflow-x:hidden;
}
body{
  margin:0;
  overflow-x:hidden;
  background:var(--c-bg);
  color:var(--c-text);
  font-family:var(--f-body);
  font-weight:400;
  font-size:var(--fs-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img,svg,video{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul[class],ol[class]{list-style:none;padding:0}

@media (prefers-reduced-motion: no-preference){
  html{scroll-behavior:smooth;}
}

h1,h2,h3,h4,.display{
  font-family:var(--f-display);
  font-weight:700;
  line-height:0.94;
  letter-spacing:-0.01em;
  text-transform:uppercase;
  color:var(--c-primary);
}
h1{font-size:var(--fs-h1);font-weight:800;line-height:0.9}
.hero-title{font-size:var(--fs-hero);font-weight:800;line-height:0.9}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3);font-weight:700;line-height:1.05}
h4{font-size:1.125rem;font-weight:600;line-height:1.15}
p{max-width:var(--measure)}
p + p{margin-top:var(--sp-4)}
strong{font-weight:600}
small{font-size:var(--fs-meta)}

.lede{font-size:clamp(1.0625rem, 1rem + 0.4vw, 1.25rem);line-height:1.55}
.mono{font-family:var(--f-mono);font-weight:500;letter-spacing:0.04em}
.meta{font-family:var(--f-mono);font-weight:500;font-size:var(--fs-meta);letter-spacing:0.08em;text-transform:uppercase;color:var(--c-accent-deep)}

a{color:var(--c-primary);text-decoration:underline;text-underline-offset:0.18em;text-decoration-thickness:1px;text-decoration-color:var(--c-secondary)}
a:hover{text-decoration-color:var(--c-accent)}
:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--c-accent);outline-offset:1px}

.container{
  width:100%;
  max-width:var(--container-max);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.container--narrow{max-width:820px}
.section{padding-block:clamp(3.25rem, 2.4rem + 4vw, 6.5rem)}

.section--bleed{padding-inline:var(--gutter)}
.section--surface{background:var(--c-surface)}
.section--dark{background:var(--c-dark-bg);color:var(--c-dark-text)}
.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:var(--c-dark-text)}
.section--dark a{color:var(--c-dark-text);text-decoration-color:var(--c-accent)}
.section--dark .meta{color:var(--c-accent)}

[id]{scroll-margin-top:calc(var(--header-h) + 1rem)}
main{display:block}

.stack > * + *{margin-top:var(--sp-4)}
.stack-lg > * + *{margin-top:var(--sp-6)}
.grid{display:grid;gap:var(--sp-6)}
@media (min-width:768px){
  .grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.visually-hidden{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}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--sp-2);
  min-height:48px;
  padding:0.75rem 1.5rem;
  font-family:var(--f-body);
  font-weight:600;
  font-size:var(--fs-small);
  line-height:1.2;
  letter-spacing:0.01em;
  text-decoration:none;
  border:2px solid var(--c-primary);
  border-radius:var(--radius);
  background:var(--c-primary);
  color:var(--c-bg);
  cursor:pointer;
  transition:transform var(--mo-dur) var(--mo-ease), opacity var(--mo-dur) var(--mo-ease), background-color var(--mo-dur) var(--mo-ease), color var(--mo-dur) var(--mo-ease), border-color var(--mo-dur) var(--mo-ease);
}
.btn:hover{background:var(--c-dark-bg);color:var(--c-bg);border-color:var(--c-dark-bg);text-decoration:none}
.btn--primary{background:var(--c-primary);color:var(--c-bg);border-color:var(--c-primary)}
.btn--primary:hover{background:var(--c-accent-deep);border-color:var(--c-accent-deep);color:#FFFFFF}
.btn--ghost{background:transparent;color:var(--c-primary);border-color:var(--c-primary)}
.btn--ghost:hover{background:var(--c-primary);color:var(--c-bg)}
.section--dark .btn--ghost{color:var(--c-dark-text);border-color:var(--c-secondary)}
.section--dark .btn--ghost:hover{background:var(--c-dark-text);color:var(--c-dark-bg);border-color:var(--c-dark-text)}
.section--dark .btn--primary{background:var(--c-dark-text);color:var(--c-dark-bg);border-color:var(--c-dark-text)}
.section--dark .btn--primary:hover{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-dark-bg)}

.stamp-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 12px;
  font-family:var(--f-mono);
  font-weight:500;
  font-size:0.75rem;          
  line-height:1.2;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--c-accent-deep);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.stamp-kicker::before{
  content:"";
  flex:0 0 24px;
  width:24px;
  height:2px;
  background:currentColor;
}
.section--dark .stamp-kicker,
.stamp-kicker--dark{color:var(--c-accent)}

.bench-rule{
  display:block;
  width:100%;
  height:3px;
  border:0;
  margin:20px 0 0;
  background-color:var(--c-primary);
  background-image:linear-gradient(to right, var(--c-accent) 0, var(--c-accent) 48px, transparent 48px);
  background-repeat:no-repeat;
}
.section--dark .bench-rule{
  background-color:var(--c-secondary);
  background-image:linear-gradient(to right, var(--c-accent) 0, var(--c-accent) 48px, transparent 48px);
}

.safety-stamp{
  background:var(--c-surface);
  border:1px solid var(--c-secondary);
  border-radius:0;
  padding:24px;
  clip-path:polygon(14px 0, 100% 0, 100% 100%, 0 100%, 0 14px);
}
.safety-stamp__label{
  display:block;
  margin:0 0 var(--sp-3);
  font-family:var(--f-mono);
  font-weight:600;
  font-size:0.75rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--c-accent-deep);
}
.safety-stamp p{font-size:1rem;line-height:1.6;color:var(--c-text)}
.section--dark .safety-stamp{background:var(--c-text);border-color:var(--c-secondary)}
.section--dark .safety-stamp p{color:var(--c-dark-text)}
.section--dark .safety-stamp__label{color:var(--c-accent)}

.serial-index{display:block;margin:0;padding:0;list-style:none}
.serial-item{
  display:block;
  padding:var(--sp-5) 0;
  border-bottom:1px solid var(--c-secondary);
  transition:border-color var(--mo-dur) var(--mo-ease);
}
.serial-item__num{
  display:block;
  margin-bottom:4px;
  font-family:var(--f-mono);
  font-weight:500;
  font-size:0.8125rem;
  letter-spacing:0.1em;
  color:var(--c-accent);
  transition:color var(--mo-dur) var(--mo-ease);
}
.serial-item__title{margin:0 0 var(--sp-2)}
.serial-item:hover,
.serial-item:focus-within{border-bottom-width:2px;border-bottom-color:var(--c-primary)}
.serial-item:hover .serial-item__num,
.serial-item:focus-within .serial-item__num{color:var(--c-primary)}
.section--dark .serial-item{border-bottom-color:rgba(192,198,204,0.45)}
.section--dark .serial-item:hover{border-bottom-color:var(--c-secondary)}
.section--dark .serial-item:hover .serial-item__num{color:var(--c-dark-text)}

.fact{padding:var(--sp-5) 0}
.fact__num{display:block;font-family:var(--f-display);font-weight:800;font-size:clamp(2.5rem,2rem + 2.4vw,3.75rem);line-height:0.9;color:var(--c-accent)}
.fact__label{display:block;margin-top:var(--sp-2);font-family:var(--f-mono);font-size:var(--fs-meta);letter-spacing:0.12em;text-transform:uppercase;color:var(--c-secondary)}

.card{
  background:var(--c-surface);
  border:1px solid var(--c-secondary);
  border-radius:0;
  padding:clamp(1.25rem, 1rem + 1vw, 2rem);
  transition:transform var(--mo-dur) var(--mo-ease), border-color var(--mo-dur) var(--mo-ease);
}
.card:hover,.card:focus-within{border-color:var(--c-primary)}
.card--dark{background:var(--c-text);border-color:rgba(192,198,204,0.4);color:var(--c-dark-text)}
.card--dark h2,.card--dark h3,.card--dark h4{color:var(--c-dark-text)}

.img-treated{
  display:block;
  width:100%;
  filter:contrast(1.08) saturate(0.88) brightness(0.97);
  background:var(--c-dark-bg);
}
.img-treated--vignette{position:relative}
.media-frame{position:relative;overflow:hidden;background:var(--c-dark-bg)}
.media-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top, rgba(11,12,13,0.6) 0%, rgba(11,12,13,0) 55%)}

.skip-link{
  position:absolute;
  left:var(--sp-4);
  top:-160px;
  z-index:200;
  padding:0.75rem 1rem;
  background:var(--c-primary);
  color:var(--c-bg);
  font-family:var(--f-mono);
  font-size:var(--fs-meta);
  letter-spacing:0.08em;
  text-transform:uppercase;
  text-decoration:none;
  transition:top var(--mo-dur) var(--mo-ease);
}
.skip-link:focus{top:var(--sp-2)}

.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:var(--c-bg);
  border-bottom:1px solid var(--c-secondary);
}
.header__bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-4);
  min-height:var(--header-h);
  padding-block:var(--sp-3);
}
.brand-lockup{
  display:inline-flex;
  align-items:center;
  gap:var(--sp-3);
  text-decoration:none;
  flex:0 1 auto;
  min-width:0;
}
.brand-lockup__logo{height:56px;width:auto;flex:0 0 auto}
.brand-lockup__name{display:none}
@media (min-width:900px){
  .brand-lockup__logo{height:64px}
}

.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;
  width:48px;
  height:48px;
  flex:0 0 48px;
  border:1px solid var(--c-primary);
  background:transparent;
  cursor:pointer;
  transition:background-color var(--mo-dur) var(--mo-ease), transform var(--mo-dur) var(--mo-ease);
}
.nav-toggle-label:hover{background:var(--c-surface)}
.nav-toggle:focus-visible + .nav-toggle-label{outline:2px solid var(--c-accent);outline-offset:2px}
.burger{display:block;position:relative;width:22px;height:2px;background:var(--c-primary)}
.burger::before,.burger::after{content:"";position:absolute;left:0;width:22px;height:2px;background:var(--c-primary)}
.burger::before{top:-7px}
.burger::after{top:7px}

.nav-panel{
  display:none;
  background:var(--c-bg);
  border-top:1px solid var(--c-secondary);
  max-height:calc(100dvh - var(--header-h));
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.nav-toggle:checked ~ .nav-panel{display:block}
.nav-panel__inner{padding-block:var(--sp-4) var(--sp-6)}
.nav-list{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}
.nav-list a{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:var(--sp-3) 0;
  font-family:var(--f-mono);
  font-weight:500;
  font-size:0.9375rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--c-text);
  border-bottom:1px solid var(--c-secondary);
  transition:color var(--mo-dur) var(--mo-ease), transform var(--mo-dur) var(--mo-ease);
}
.nav-list a:hover{color:var(--c-accent-deep);transform:translateX(3px)}
.nav-panel .btn{width:100%;margin-top:var(--sp-5)}
.nav-panel__contact{margin-top:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}
.nav-panel__contact a{font-family:var(--f-mono);font-size:var(--fs-meta);letter-spacing:0.08em;color:var(--c-text);text-decoration:none;min-height:44px;display:flex;align-items:center}
.nav-panel__contact a:hover{color:var(--c-accent-deep)}
.nav-close{
  display:inline-flex;
  align-items:center;
  gap:var(--sp-2);
  margin-top:var(--sp-5);
  min-height:44px;
  font-family:var(--f-mono);
  font-size:var(--fs-meta);
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--c-text);
  cursor:pointer;
  border-bottom:1px solid var(--c-secondary);
  transition:color var(--mo-dur) var(--mo-ease)
}
.nav-close:hover{color:var(--c-accent-deep)}

.nav-desktop{display:none}
@media (min-width:900px){
  .nav-desktop{display:flex;align-items:center;gap:clamp(1.25rem,2vw,2.25rem)}
  .nav-desktop ul{display:flex;align-items:center;gap:clamp(1.25rem,2vw,2rem);margin:0;padding:0;list-style:none}
  .nav-desktop ul a{
    display:inline-block;
    padding:var(--sp-2) 0;
    font-family:var(--f-mono);
    font-weight:500;
    font-size:0.8125rem;
    letter-spacing:0.14em;
    text-transform:uppercase;
    text-decoration:none;
    color:var(--c-text);
    position:relative;
    transition:color var(--mo-dur) var(--mo-ease);
  }
  .nav-desktop ul a::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--c-accent);
    transform:scaleX(0);transform-origin:left;transition:transform var(--mo-dur) var(--mo-ease);
  }
  .nav-desktop ul a:hover{color:var(--c-primary)}
  .nav-desktop ul a:hover::after,.nav-desktop ul a:focus-visible::after{transform:scaleX(1)}
  .nav-desktop .btn{min-height:44px;padding:0.6rem 1.25rem;font-size:0.875rem}
}

@media (min-width:900px){
  .nav-toggle-label{display:none}.nav-panel{display:none}
}

.site-footer{
  margin-top:0;
  background:var(--c-dark-bg);
  color:var(--c-dark-text);
  padding-block:clamp(3rem, 2.2rem + 3vw, 5rem) clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
}
.site-footer .bench-rule{margin:0 0 clamp(2rem,1.6rem + 1.6vw,3rem)}
.footer__grid{display:grid;gap:var(--sp-7)}
@media (min-width:820px){
  .footer__grid{grid-template-columns:1.2fr 1fr 1.2fr;gap:var(--sp-8)}
}
.footer-wordmark{display:inline-block;text-decoration:none;color:var(--c-dark-text)}
.footer-wordmark__line1{
  display:block;
  font-family:var(--f-display);
  font-weight:800;
  font-size:clamp(1.9rem, 1.5rem + 1.6vw, 2.75rem);
  line-height:0.9;
  letter-spacing:-0.01em;
  text-transform:uppercase;
  color:var(--c-dark-text);
}
.footer-wordmark__rule{display:block;width:100%;max-width:280px;height:2px;background:var(--c-secondary);margin:6px 0}
.footer-wordmark__line2{
  display:block;
  font-family:var(--f-mono);
  font-weight:500;
  font-size:0.75rem;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--c-secondary);
}
.footer__blurb{margin-top:var(--sp-4);color:var(--c-secondary);font-size:var(--fs-small);max-width:38ch}
.footer__heading{
  font-family:var(--f-mono);
  font-weight:600;
  font-size:0.75rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--c-accent);
  margin-bottom:var(--sp-4);
}
.footer__links{display:flex;flex-direction:column;gap:var(--sp-1);margin:0;padding:0;list-style:none}
.footer__links a{
  display:inline-flex;align-items:center;min-height:44px;
  color:var(--c-dark-text);text-decoration:none;font-size:var(--fs-small);
  transition:color var(--mo-dur) var(--mo-ease), transform var(--mo-dur) var(--mo-ease);
}
.footer__links a:hover{color:var(--c-accent);transform:translateX(3px)}
.footer__contact{display:flex;flex-direction:column;gap:var(--sp-1);margin:0;padding:0;list-style:none}
.footer__contact a{
  display:inline-flex;align-items:center;min-height:44px;
  font-family:var(--f-mono);font-size:var(--fs-meta);letter-spacing:0.06em;
  color:var(--c-dark-text);text-decoration:none;word-break:break-word;
  transition:color var(--mo-dur) var(--mo-ease);
}
.footer__contact a:hover{color:var(--c-accent)}
.footer__contact li span{display:block;font-size:var(--fs-small);color:var(--c-secondary);padding-block:var(--sp-2)}

.footer__social{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:clamp(2rem,1.6rem + 1.6vw,3rem);padding-top:var(--sp-5);border-top:1px solid rgba(192,198,204,0.28)}
.footer__social a{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;
  color:var(--c-secondary);
  text-decoration:none;
  transition:color var(--mo-dur) var(--mo-ease), transform var(--mo-dur) var(--mo-ease);
}
.footer__social a:hover{color:var(--c-accent);transform:translateY(-2px)}
.footer__social svg{width:1.25em;height:1.25em}

.footer__bottom{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:var(--sp-3) var(--sp-5);
  margin-top:var(--sp-6);
  padding-top:var(--sp-5);
  border-top:1px solid rgba(192,198,204,0.28);
}
.footer__legal{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-4);margin:0;padding:0;list-style:none}
.footer__legal a,.footer__bottom a{
  color:var(--c-secondary);text-decoration:none;
  font-family:var(--f-mono);font-size:var(--fs-micro);letter-spacing:0.1em;text-transform:uppercase;
  transition:color var(--mo-dur) var(--mo-ease);
}
.footer__legal a:hover,.footer__bottom a:hover{color:var(--c-accent)}
.footer__copyright{
  font-family:var(--f-mono);font-size:var(--fs-micro);letter-spacing:0.08em;
  color:var(--c-secondary);margin:0;max-width:none;
}

.reveal{opacity:1}
.media-zoom{overflow:hidden;position:relative}
.link-draw{position:relative;text-decoration:none;color:inherit}
.link-draw::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--c-accent);transform:scaleX(0);transform-origin:left}
.link-draw:hover::after,.link-draw:focus-visible::after{transform:scaleX(1)}

@media (prefers-reduced-motion: no-preference){
  .reveal{
    opacity:0;
    transform:translateY(var(--mo-dist));
    transition:opacity var(--mo-dur) var(--mo-ease), transform var(--mo-dur) var(--mo-ease);
    transition-delay: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), transform var(--mo-dur) var(--mo-ease);
    transition-delay:var(--reveal-delay, 0ms);
  }
  .reveal-stagger > *.is-visible,
  .reveal-stagger.is-visible > *{opacity:1;transform:none}

  .media-zoom img{transition:transform calc(var(--mo-dur) * 2) var(--mo-ease)}
  .media-zoom:hover img,.media-zoom:focus-within img{transform:scale(1.03)}

  .link-draw::after{transition:transform var(--mo-dur) var(--mo-ease)}

  .ken-burns{animation:kenBurns 12s var(--mo-ease) infinite alternate}
  @keyframes kenBurns{from{transform:scale(1)}to{transform:scale(1.04)}}

  .btn:hover{transform:translateY(-2px)}
  .card:hover{transform:translateY(-2px)}
}

@media (prefers-reduced-motion: reduce){
  .reveal,.reveal-stagger > *{opacity:0;transform:none;transition:opacity 1ms linear}
  .reveal.is-visible,.reveal-stagger > *.is-visible,.reveal-stagger.is-visible > *{opacity:1}
  .ken-burns{animation:none}
  .media-zoom img{transition:none}
  .btn,.card,.nav-list a,.footer__links a,.footer__social a{transition:none}
  .btn:hover,.card:hover{transform:none}
}

.text-center{text-align:center}
.measure{max-width:var(--measure)}
.u-mt-4{margin-top:var(--sp-4)}
.u-mt-6{margin-top:var(--sp-6)}
.u-mt-7{margin-top:var(--sp-7)}
.u-accent{color:var(--c-accent-deep)}
.section--dark .u-accent{color:var(--c-accent)}

.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}
}