/* Reset, typography, layout helpers, buttons */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body{margin:0;font-family:var(--font-body);font-size:1.0625rem;line-height:1.6;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.nav-open{overflow:hidden}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
dl,dd,figure{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--green-400);outline-offset:3px}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:12px;top:-60px;z-index:200;background:var(--green-900);color:#fff;padding:.7rem 1rem;border-radius:var(--radius);transition:top .2s}
.skip-link:focus{top:12px}
.container{width:100%;max-width:calc(var(--container) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter)}
.i{width:1.25em;height:1.25em;flex:none}

/* Display type: condensed, italic, uppercase – echoes the slanted logo lettering */
h1,h2,h3,h4,.hero__title,.btn,.chip,.stats dd,.band__stats dd,.why__item::before,.product-card__name,.cat-tile__body strong,.mega__ad-body strong,.quick__item strong,.cta-band__text strong,.lightbox__count{
  font-family:var(--font-display);font-style:var(--display-style);font-weight:var(--display-weight);letter-spacing:var(--display-tracking)}
h1,h2,.hero__title{text-transform:var(--display-transform);line-height:var(--display-leading);margin:0}
h1{font-size:clamp(2.4rem,5vw,4rem)}
h2{font-size:clamp(1.9rem,3.6vw,2.9rem)}
h3{font-size:1.5rem;line-height:1.1;margin:0 0 .5em;font-weight:700}
html[lang="am"] h1{font-size:clamp(2rem,4.2vw,3.2rem)}
html[lang="am"] h2{font-size:clamp(1.6rem,3vw,2.4rem)}
html[lang="am"] h3{font-size:1.3rem}
.lead{font-size:1.2rem;color:var(--ink-2);max-width:60ch}

/* Sections */
.section{padding-block:clamp(56px,8vw,104px)}
.section--tight{padding-block:clamp(28px,4vw,48px) clamp(56px,8vw,96px)}
.section--mist{background:var(--mist)}
.section-head{margin-bottom:clamp(28px,4vw,48px)}
.section-head p{margin:.9rem 0 0;color:var(--ink-2);max-width:60ch;font-size:1.15rem}
.section-head h2::after{content:"";display:block;width:76px;height:10px;margin-top:.7rem;background:linear-gradient(var(--green-700) 0 3px,transparent 3px 6px,var(--green-400) 6px 9px);transform:skewX(-24deg);transform-origin:left}
.section-head--row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 32px}
.section-head--row p{margin-top:.9rem}

/* Buttons: slanted parallelogram drawn by ::before so focus rings stay visible */
.btn{--btn-bg:var(--green-700);--btn-fg:#fff;--btn-bd:var(--green-700);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.85em 1.9em;border:0;background:none;color:var(--btn-fg);font-size:1.15rem;text-transform:var(--display-transform);text-decoration:none;line-height:1.1;white-space:nowrap;transition:color .2s}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--btn-bg);border:2px solid var(--btn-bd);transform:skewX(var(--skew));transition:background .2s,border-color .2s}
.btn .i{width:1.1em;height:1.1em;transition:transform .2s var(--ease)}
.btn:hover .i,.link-arrow:hover .i{transform:translateX(4px)}
.btn--primary:hover{--btn-bg:var(--green-800);--btn-bd:var(--green-800)}
.btn--light{--btn-bg:#fff;--btn-fg:var(--green-800);--btn-bd:#fff}
.btn--light:hover{--btn-bg:var(--green-100);--btn-bd:var(--green-100)}
.btn--outline{--btn-bg:transparent;--btn-fg:var(--green-800);--btn-bd:var(--green-700)}
.btn--outline:hover{--btn-bg:var(--green-700);--btn-fg:#fff}
.btn--ghost{--btn-bg:transparent;--btn-fg:var(--ink);--btn-bd:transparent}
.btn--ghost:hover{--btn-bg:var(--green-100)}
.btn--sm{font-size:1rem;padding:.6em 1.3em}
html[lang="am"] .btn{font-size:1rem}
.link-arrow{display:inline-flex;align-items:center;gap:.5em;font-weight:600;color:var(--green-700);text-decoration:none}
.link-arrow:hover{color:var(--green-900);text-decoration:underline}
.link-arrow .i{width:1.1em;height:1.1em;transition:transform .2s var(--ease)}