/* ==========================================================================
   Aroma Cannabis — inner pages, "IT'S IN THE AIR" treatment
   Loaded after site.css on every page except the homepage. Restyles the
   shared components (page head, sections, cards, splits, timeline, stats,
   CTA band, buttons) into the homepage language: bright marbled paper
   ground, black-ink zones with bright veins, brass hard shadows, plaques.
   ========================================================================== */
:root{--brass:#37B34A;--brass-2:#7BE05A;--olive:#37B34A;--olive-deep:#0F3D1E;--teal:#B8F04E;--rust:#0C1A10;--paper:#F2F5EE;--ink0:#04120A}
body{background:var(--paper);color:var(--on-light)}
body:not(.home)::before{display:none}

main{position:relative;z-index:1}

/* type */
.h1{font-size:clamp(2.6rem,7.2vw,6.2rem);font-weight:900;line-height:.92;letter-spacing:-.03em}
.h2{font-size:clamp(2rem,4.6vw,3.7rem);font-weight:800;line-height:.98;letter-spacing:-.025em}
.h3{font-weight:700}
.eyebrow{font:600 .68rem/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--on-light);gap:14px}
.eyebrow::before{width:34px;height:2px;background:var(--brass);opacity:1}
.dark .eyebrow{color:var(--brass-2)}
.statement{font-family:var(--display);font-variation-settings:"SOFT" 80;font-weight:800;font-size:clamp(1.9rem,4.4vw,3.6rem);line-height:1.02;letter-spacing:-.02em}
.statement em{font-style:italic;color:var(--olive)}

/* sections: light ones float on the paper, dark ones are black ink with bright veins */
.sec.light,.light{background:transparent}
.sec.dark,.dark,.quote,.phead{background:var(--ink0);color:var(--on-dark)}
.phead{padding:clamp(120px,16vw,200px) 0 clamp(56px,8vw,110px);border-bottom:3px solid var(--brass)}
.phead .h1{color:var(--cream);max-width:14ch}
.phead .lede{color:rgba(242,245,238,.82)}
.crumb{font:600 .64rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-2);margin-bottom:22px}
.crumb a{color:inherit;text-decoration:none}
.jump{display:flex;flex-wrap:wrap;gap:10px}
.jump a{display:inline-block;padding:9px 13px;border:1.5px solid var(--brass);border-radius:3px;background:rgba(55,179,74,.14);color:var(--cream);text-decoration:none;font:600 .62rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;transition:background .2s,transform .25s var(--ease)}
.jump a:hover{background:var(--brass);color:var(--ink);transform:translateY(-2px)}
.quote{padding:clamp(56px,7vw,100px) 0;border-bottom:3px solid var(--brass)}
.quote blockquote{font-family:var(--display);font-variation-settings:"SOFT" 80;font-style:italic;font-weight:600;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.25;color:var(--cream);margin:0;text-align:center}
.quote blockquote span{color:var(--olive);font-style:italic}
.quote cite{display:block;margin-top:18px;text-align:center;font:600 .64rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;font-style:normal;color:var(--brass-2)}
.rule{border-top:2px solid var(--brass);opacity:.8;margin:clamp(28px,4vw,48px) 0}

/* buttons: brass with a hard ink shadow */
.btn{border-radius:3px;border-width:2px}
.btn--gold{--bg:var(--brass);--fg:var(--ink);--bd:var(--ink);box-shadow:4px 4px 0 var(--ink)}
.btn--gold:hover{--bg:var(--brass-2);--bd:var(--ink);transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}
.btn--gold:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.light .btn--ghost,.btn--ghost{--fg:var(--ink);--bd:var(--ink)} .light .btn--ghost:hover,.btn--ghost:hover{--bg:var(--ink);--fg:var(--cream)}
.dark .btn--ghost{--fg:var(--cream);--bd:rgba(242,245,238,.55)} .dark .btn--ghost:hover{--bg:var(--cream);--fg:var(--ink);--bd:var(--cream)}

/* photographs: black gallery frames with a brass drop */
.split__media img,.band img,.card__media img,.loc__media img,.mosaic img,.step__media img{border:1.5px solid var(--ink);padding:8px;background:#030907;box-shadow:7px 7px 0 var(--brass),0 30px 60px -30px rgba(0,0,0,.6);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.split__media img{transform:rotate(-1.5deg)} .split--reverse .split__media img{transform:rotate(1.5deg)}
.split__media:hover img,.card:hover .card__media img{transform:rotate(0) translateY(-4px);box-shadow:10px 10px 0 var(--brass),0 40px 70px -30px rgba(0,0,0,.6)}
.band{padding:clamp(56px,8vw,110px) 0;display:grid;justify-items:center;background:transparent;min-height:0}
.band img{max-width:min(560px,90vw);height:auto;transform:rotate(-2deg)}
.band__cap{position:static;margin-top:26px;text-align:center;color:var(--ink);background:none}
.band__cap p{font:600 .64rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--olive-deep);margin-bottom:8px}

/* cards, tiles, plaques */
.card{background:var(--paper);border:2px solid var(--ink);border-radius:6px;box-shadow:5px 5px 0 var(--ink);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.card:hover{transform:translate(-2px,-4px);box-shadow:8px 9px 0 var(--brass)}
.dark .card{background:#050B07;border-color:rgba(55,179,74,.55);box-shadow:5px 5px 0 var(--brass)}
.card__media img{padding:0;border:0;box-shadow:none;transform:none}
.icons>div{padding:22px 0 0;border-top:2px solid var(--brass)}
.icons svg{color:var(--brass-2);width:36px;height:36px;stroke-width:1.6}
.tag,.pills li{border:1.5px solid var(--ink);background:var(--olive);color:var(--ink);border-radius:999px;font:600 .62rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:8px 12px}
.dark .tag,.dark .pills li{background:rgba(55,179,74,.16);border-color:var(--brass);color:var(--cream)}
.note{background:#EFF4E9;border:2px solid var(--ink);border-radius:6px;box-shadow:5px 5px 0 var(--brass);color:var(--ink)}
.dark .note{background:#050B07;color:var(--cream);border-color:var(--brass)}
.mapcard{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--brass);border-radius:6px;overflow:hidden}

/* steps, timeline, stats */
.step__n,.tl .step__n{background:var(--brass);color:var(--ink);border:2px solid var(--ink);font:800 .78rem var(--mono)}
.tl{border-left:2px solid var(--brass)}
.stat{border-top:2px solid var(--brass);padding-top:14px}
.stat b,.score__n,.stat .n{font-family:var(--display);font-variation-settings:"SOFT" 80;font-weight:900;font-size:clamp(2.4rem,5vw,4.4rem);letter-spacing:-.04em;line-height:1}
.cmp,.defs,.board{border:2px solid var(--ink);border-radius:6px;background:rgba(242,245,238,.7);box-shadow:5px 5px 0 var(--brass)}
.dark .cmp,.dark .defs,.dark .board{background:rgba(5,11,7,.8);border-color:var(--brass)}
.faq__a,.qcard{border-color:rgba(5,11,7,.28)}

/* marquee and the CTA band */
.marquee{background:var(--ink);color:var(--cream);transform:rotate(-1.2deg) scale(1.03);border-top:2px solid var(--brass);border-bottom:2px solid var(--brass)}
.marquee__track{font-family:var(--display);font-variation-settings:"SOFT" 80;font-style:italic;font-weight:600}
.ctaband{background:var(--brass);color:var(--ink);border-top:3px solid var(--ink)}
.ctaband .h2,.ctaband h2{color:var(--ink)}
.ctaband .btn--gold{--bg:var(--ink);--fg:var(--cream);--bd:var(--ink);box-shadow:4px 4px 0 var(--paper)}
.ctaband .btn--ghost{--fg:var(--ink);--bd:var(--ink)}

/* the New York State warning, injected above the footer on every page */
.nyw{position:relative;z-index:1;background:var(--ink0);padding:clamp(28px,4vw,48px) 0 0}
.ny-warning{background:#B8F04E;color:#050B07;border:2px solid var(--ink);border-radius:6px;padding:clamp(18px,2.4vw,26px) clamp(20px,2.6vw,30px);box-shadow:6px 6px 0 var(--ink)}
.ny-warning p{margin:0;font-weight:700;line-height:1.6;font-size:clamp(.82rem,1.05vw,.95rem)}
.ny-warning b{display:block;font:700 .62rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
.ftr{background:var(--ink0)}

/* reveals stay as site.js runs them */
.rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}

/* legibility on the ink: stats that fit their tiles (the dark wash lives in the build-05 rule below) */
.stat b,.score__n,.stat .n{font-size:clamp(1.7rem,3.2vw,2.9rem);overflow-wrap:anywhere}

/* build 05: the floating gallery ground on every page, clean ink zones */
.ground--auto{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#F2F5EE}
.ground--auto .ground__base{position:absolute;inset:0;background:
  radial-gradient(60% 50% at 18% 12%,rgba(55,179,74,.42),transparent 70%),
  radial-gradient(55% 45% at 86% 22%,rgba(123,224,90,.42),transparent 70%),
  radial-gradient(50% 45% at 70% 88%,rgba(184,240,78,.34),transparent 70%),
  radial-gradient(45% 40% at 12% 82%,rgba(30,107,52,.22),transparent 70%),
  linear-gradient(180deg,#F7FAF3,#E9EEE0)}
.ground--auto .ground__gl{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
.ground--auto .ground__veil{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(242,245,238,.62) 0%,rgba(242,245,238,.28) 40%,rgba(242,245,238,0) 72%)}
.sec.dark,.dark,.quote,.phead{background-image:radial-gradient(70% 60% at 20% 10%,rgba(55,179,74,.22),transparent 60%),radial-gradient(60% 50% at 85% 90%,rgba(55,179,74,.26),transparent 60%),linear-gradient(180deg,#071008,#04120A)}
@media (max-aspect-ratio:4/5){.sec.dark,.dark,.quote,.phead{background-image:radial-gradient(70% 60% at 20% 10%,rgba(55,179,74,.22),transparent 60%),radial-gradient(60% 50% at 85% 90%,rgba(55,179,74,.26),transparent 60%),linear-gradient(180deg,#071008,#04120A)}}
.dock{position:fixed;right:clamp(12px,2vw,28px);bottom:clamp(12px,2vw,28px);z-index:80;display:flex;flex-direction:column;gap:8px}
.dock__b{display:inline-flex;align-items:center;gap:10px;padding:12px 16px 12px 12px;border:2px solid var(--ink);border-radius:999px;text-decoration:none;font:700 .68rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.dock__b i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.12);font-size:.9rem}
.dock__b:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.dock__b--order{background:var(--brass);color:var(--ink)} .dock__b--dir{background:var(--ink);color:var(--cream)} .dock__b--call{background:var(--paper);color:var(--ink)}
@media (max-width:820px){.dock{left:0;right:0;bottom:0;flex-direction:row;gap:0;background:rgba(4,18,10,.96);padding:10px var(--gut);border-top:2px solid var(--brass)} .dock__b{flex:1;justify-content:center;box-shadow:none;border-radius:3px;padding:14px 8px} .dock__b:hover{transform:none;box-shadow:none} .dock__b--dir{background:var(--cream);color:var(--ink)} .dock__b--call{background:var(--olive)}}
.mbar{display:none!important}