/* Scott's CBD: site styles. Palette taken from the logo: ink #141E18, amber #A56520. */
:root{
  --ink:#141E18; --ink-2:#0D1410; --ink-3:#22302A;
  --paper:#F4EFE4; --paper-2:#EBE4D4; --paper-3:#E1D8C4;
  --amber:#A56520; --amber-text:#8A531A; --amber-lt:#D9964A;
  --sage:#56615A; --dim:#B9B4A6; --line:#CFC5B0; --line-dk:rgba(244,239,228,.16);
  --f-display:"Fraunces", Georgia, "Times New Roman", serif;
  --f-body:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;
  --hdr-h:72px;
  --gut:clamp(16px, 4vw, 48px);
  --r:4px;
  --mk-accent:#D9964A; --mk-arrival-bg:#0D1410; --mk-toggle-ink:#141E18;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr-h) + 16px)}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.65 var(--f-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video,svg{max-width:100%;display:block}
picture{display:block}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--amber-text)}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:600;line-height:1.05;letter-spacing:-.02em;margin:0;text-wrap:balance;font-optical-sizing:auto}
h1{font-size:clamp(2.6rem,1.4rem + 5.2vw,6.4rem);letter-spacing:-.035em}
h2{font-size:clamp(2rem,1.2rem + 3vw,3.9rem)}
h3{font-size:clamp(1.3rem,1.1rem + .8vw,1.75rem);letter-spacing:-.01em}
p{margin:0 0 1.1em;text-wrap:pretty}
:focus-visible{outline:2px solid var(--amber-lt);outline-offset:3px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:var(--r)}
.skip:focus{top:12px}
.wrap{width:min(1240px,100%);margin-inline:auto;padding-inline:var(--gut)}
.wrap--prose{width:min(calc(46rem + 2 * var(--gut)),100%)}
.eyebrow{font:500 .74rem/1.3 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--amber-text);margin:0 0 1.1rem;display:flex;align-items:center;gap:.75rem}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor;flex:none}
.eyebrow--light{color:var(--amber-lt)}
.center{text-align:center}
.center .eyebrow{justify-content:center}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.6rem;min-height:50px;padding:.85rem 1.4rem;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:600 .95rem/1 var(--f-body);letter-spacing:.01em;text-decoration:none;border-radius:var(--r);cursor:pointer;transition:background .25s,color .25s,border-color .25s,translate .25s}
.btn:hover{background:var(--amber-text);border-color:var(--amber-text);color:#fff}
.btn--amber{background:var(--amber-lt);border-color:var(--amber-lt);color:var(--ink)}
.btn--amber:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.btn--ghost{background:transparent;color:inherit;border-color:currentColor}
.btn--ghost:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn--small{min-height:40px;padding:.6rem 1rem;font-size:.86rem}
.btn .arr{transition:translate .25s}
.btn:hover .arr{translate:4px 0}
.link-arrow{font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}

/* Header */
.hdr{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:saturate(1.2) blur(12px);-webkit-backdrop-filter:saturate(1.2) blur(12px);border-bottom:1px solid var(--line)}
.hdr__bar{display:flex;align-items:stretch;gap:2rem;height:var(--hdr-h);width:min(1400px,100%);margin-inline:auto;padding-inline:var(--gut)}
.hdr__logo{display:flex;align-items:center;flex:none}
.hdr__logo img{height:36px;width:auto}
.nav{display:flex;flex:1;align-items:stretch}
.nav__list{display:flex;align-items:stretch;gap:.4rem;list-style:none;margin:0;padding:0}
.nav__item{display:flex;align-items:stretch}
.nav__link{display:flex;align-items:center;gap:.45rem;padding:0 .9rem;border:0;background:none;color:var(--ink);font:500 .95rem/1 var(--f-body);text-decoration:none;cursor:pointer;position:relative}
.nav__link::after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:18px;height:1px;background:var(--amber);scale:0 1;transform-origin:0 50%;transition:scale .35s cubic-bezier(.2,.7,.2,1)}
.nav__link:hover::after,.nav__link[aria-current]::after,.nav__item--mega.is-open .nav__link::after{scale:1 1}
.nav__trigger svg{transition:rotate .3s}
.nav__item--mega.is-open .nav__trigger svg{rotate:180deg}
.hdr__tools{display:flex;align-items:center;gap:.8rem;margin-left:auto}
.lang{display:flex;align-items:center;gap:.35rem;height:40px;padding:0 .55rem;border:1px solid var(--line);border-radius:var(--r);color:var(--ink);background:var(--paper);cursor:pointer}
.lang select{appearance:none;-webkit-appearance:none;border:0;background:transparent;font:500 .8rem/1 var(--f-mono);letter-spacing:.08em;color:inherit;padding:.2rem .1rem;cursor:pointer}
.lang:focus-within{outline:2px solid var(--amber-lt);outline-offset:2px}

/* Mega menu: panel hangs from the full header bottom; the trigger item spans the header height so there is no gap */
.mega{position:absolute;left:0;right:0;top:100%;padding-top:0;visibility:hidden;opacity:0;translate:0 -8px;transition:opacity .25s,translate .3s cubic-bezier(.2,.7,.2,1),visibility 0s .3s;pointer-events:none}
.mega::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.nav__item--mega.is-open .mega{visibility:visible;opacity:1;translate:0 0;transition-delay:0s;pointer-events:auto}
.mega__inner{width:min(1400px,100%);margin-inline:auto;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:3rem;padding:2.4rem var(--gut) 2.8rem;background:var(--ink);color:var(--paper);border-bottom:3px solid var(--amber)}
.mega__intro .eyebrow{color:var(--amber-lt)}
.mega__title{font:600 1.9rem/1.1 var(--f-display);letter-spacing:-.02em;margin-bottom:.8rem}
.mega__text{color:var(--dim);font-size:.95rem}
.mega__cta{color:var(--amber-lt);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}
.mega__cta:hover{color:var(--paper)}
.mega__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 2rem;border-top:1px solid var(--line-dk)}
.mega__list a{display:grid;grid-template-columns:2.4rem 1fr;grid-template-rows:auto auto;column-gap:.4rem;padding:.95rem 0;border-bottom:1px solid var(--line-dk);text-decoration:none;color:var(--paper);transition:padding .3s,color .2s}
.mega__list a:hover,.mega__list a:focus-visible,.mega__list a[aria-current]{padding-left:.5rem;color:var(--amber-lt)}
.mega__n{grid-row:1/3;font:500 .78rem/1.9 var(--f-mono);color:var(--amber-lt)}
.mega__l{font:600 1.08rem/1.3 var(--f-display)}
.mega__d{font-size:.84rem;color:var(--dim);line-height:1.45}

.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);cursor:pointer;position:relative}
.burger span{position:absolute;left:12px;right:12px;height:1.6px;background:var(--ink);transition:translate .3s,rotate .3s}
.burger span:first-child{top:17px}.burger span:last-child{top:25px}
.burger[aria-expanded="true"] span:first-child{translate:0 4px;rotate:45deg}
.burger[aria-expanded="true"] span:last-child{translate:0 -4px;rotate:-45deg}
.drawer{position:absolute;left:0;right:0;top:100%;background:var(--ink);color:var(--paper);padding:1.5rem var(--gut) 2rem;max-height:calc(100svh - var(--hdr-h));overflow:auto}
.drawer .eyebrow{color:var(--amber-lt)}
.drawer__list{list-style:none;margin:0;padding:0;counter-reset:d}
.drawer__list a{display:block;padding:.85rem 0;border-bottom:1px solid var(--line-dk);font:600 1.25rem/1.2 var(--f-display);text-decoration:none}
.drawer__more{display:flex;gap:1.5rem;margin-top:1.4rem}
.drawer__more a{color:var(--amber-lt);font-weight:600}

/* Disclaimer strip */
.notice{background:var(--ink);color:#D9D3C4;border-bottom:1px solid var(--line-dk)}
.notice p{width:min(1400px,100%);margin:0 auto;padding:.6rem var(--gut);font-size:.78rem;line-height:1.5}
.notice strong{color:var(--amber-lt);font-weight:600}
.notice__ind{color:var(--paper)}

/* Google Translate: we use our own select; hide Google's chrome */
body{top:0!important}
.skiptranslate iframe,.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame,.VIpgJd-ZVi9od-ORHb-OEVmcd{display:none!important}
.goog-text-highlight{background:none!important;box-shadow:none!important}
font[style]{background:transparent!important;box-shadow:none!important}

/* Home hero (video arrival) */
.hero{position:relative;overflow:hidden;background:var(--ink-2);color:var(--paper);isolation:isolate;display:flex;align-items:center;padding-block:clamp(72px,10vw,150px)}
.hero__media{position:absolute;inset:0;z-index:-1}
.hero__layer{position:absolute;inset:0}
.hero__layer video,.hero__layer img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(13,20,16,.92) 0%,rgba(13,20,16,.8) 34%,rgba(13,20,16,.38) 64%,rgba(13,20,16,.18) 100%),linear-gradient(to top,rgba(13,20,16,.55),transparent 40%)}
.hero__copy{width:min(1240px,100%);margin-inline:auto;padding-inline:var(--gut)}
.hero__copy>*{max-width:44rem}
.hero h1{font-size:clamp(3rem,1.2rem + 7vw,7.6rem);line-height:.92}
.hero__slogan{font:italic 400 clamp(1.3rem,1rem + 1.2vw,2rem)/1.25 var(--f-display);color:var(--amber-lt);margin:1.2rem 0 1rem}
.hero__lede{font-size:clamp(1.02rem,.95rem + .3vw,1.2rem);color:#E3DDCF;max-width:36rem}
.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.hero__spec{display:flex;flex-wrap:wrap;gap:0;margin-top:2.4rem;border-top:1px solid var(--line-dk);max-width:38rem}
.hero__spec span{flex:1 1 0;min-width:9rem;padding:.8rem 1rem .2rem 0;font:500 .72rem/1.5 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.hero__spec b{display:block;font:600 1rem/1.3 var(--f-body);letter-spacing:0;text-transform:none;color:var(--paper);margin-top:.15rem}

/* Inner page hero */
.phero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--ink);color:var(--paper);min-height:min(78svh,720px)}
.phero__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(56px,7vw,110px) clamp(24px,5vw,72px) clamp(56px,7vw,110px) max(var(--gut),calc((100vw - 1240px)/2 + var(--gut)))}
.phero h1{font-size:clamp(2.5rem,1.2rem + 4.2vw,5.6rem);line-height:.96}
.phero__slogan{font:italic 400 clamp(1.15rem,1rem + .7vw,1.6rem)/1.3 var(--f-display);color:var(--amber-lt);margin:1.1rem 0 .9rem}
.phero__lede{color:#DCD6C7;max-width:34rem;margin:0}
.phero__photo{position:relative;overflow:hidden;min-height:320px}
.phero__layer{position:absolute;inset:0}
.phero__layer picture,.phero__layer img{width:100%;height:100%;object-fit:cover}
.phero::after{content:none}
.crumbs{font:500 .72rem/1.4 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;padding-top:1rem}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;color:var(--sage)}
.crumbs li+li::before{content:"/";margin-right:.5rem;color:var(--line)}
.crumbs a{text-decoration:none;color:var(--sage)}
.crumbs a:hover{color:var(--amber-text)}

/* Article prose */
.article{padding:clamp(40px,6vw,80px) 0 clamp(48px,7vw,96px)}
.prose h2{font-size:clamp(1.8rem,1.2rem + 2vw,2.8rem);margin:3.2rem 0 1.1rem}
.prose h3{margin:2.2rem 0 .7rem}
.prose>p:first-of-type{font-size:1.18rem;line-height:1.6}
.prose ul,.prose ol{padding-left:1.25rem;margin:0 0 1.3em}
.prose li{margin-bottom:.55em}
.prose li::marker{color:var(--amber)}
.prose strong{font-weight:600}
.prose a{color:var(--amber-text)}
.prose a:hover{color:var(--ink)}
.callout{margin:2.2rem 0;padding:1.5rem 1.6rem 1.3rem;border-left:3px solid var(--amber);background:var(--paper-2);position:relative}
.callout__label{font:500 .72rem/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber-text);margin-bottom:.7rem}
.callout p:last-child{margin-bottom:0}
.callout--dark{background:var(--ink);color:var(--paper);border-left-color:var(--amber-lt)}
.callout--dark .callout__label{color:var(--amber-lt)}
.callout--dark a{color:var(--amber-lt)}
.pull{margin:2.6rem 0;font:italic 400 clamp(1.4rem,1.1rem + 1vw,2rem)/1.3 var(--f-display);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.4rem 0}
.tbl{width:100%;border-collapse:collapse;margin:1.6rem 0 2rem;font-size:.95rem}
.tbl caption{text-align:left;font:500 .72rem/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sage);padding-bottom:.6rem}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:.8rem .9rem .8rem 0;border-bottom:1px solid var(--line)}
.tbl thead th{font:600 .8rem/1.3 var(--f-body);letter-spacing:.04em;text-transform:uppercase;border-bottom:2px solid var(--ink)}
.tbl tbody th{font-family:var(--f-display);font-weight:600;font-size:1.02rem}
.matrix{margin:2rem 0;border:1px solid var(--ink)}
.matrix__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);border-bottom:1px solid var(--line)}
.matrix__row:last-child{border-bottom:0}
.matrix__if,.matrix__then{padding:1rem 1.1rem}
.matrix__if{font-weight:600;background:var(--paper-2)}
.matrix__if::before{content:"If ";font:500 .72rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber-text);display:block;margin-bottom:.35rem}
.matrix__then::before{content:"Then ";font:500 .72rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sage);display:block;margin-bottom:.35rem}
.matrix p{margin:0}

/* Section shells */
.sec{padding-block:clamp(72px,9vw,140px)}
.sec--dark{background:var(--ink);color:var(--paper)}
.sec--dark .eyebrow{color:var(--amber-lt)}
.sec--paper2{background:var(--paper-2)}
.sec__head{text-align:center;max-width:52rem;margin:0 auto clamp(40px,5vw,72px)}
.sec__head .eyebrow{justify-content:center}
.sec__head p:not(.eyebrow){color:var(--sage);font-size:1.1rem;max-width:40rem;margin:1.1rem auto 0}
.sec--dark .sec__head p:not(.eyebrow){color:var(--dim)}

/* PATTERN: technical drawing sheet (is / isn't) */
.sheet{position:relative;border:1px solid var(--ink);background:var(--paper);background-image:linear-gradient(var(--paper-3) 1px,transparent 1px),linear-gradient(90deg,var(--paper-3) 1px,transparent 1px),linear-gradient(rgba(20,30,24,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,30,24,.05) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px}
.sheet__tick{position:absolute;width:14px;height:14px;border-color:var(--amber);border-style:solid;border-width:0}
.sheet__tick--tl{top:-1px;left:-1px;border-top-width:3px;border-left-width:3px}
.sheet__tick--tr{top:-1px;right:-1px;border-top-width:3px;border-right-width:3px}
.sheet__tick--bl{bottom:-1px;left:-1px;border-bottom-width:3px;border-left-width:3px}
.sheet__tick--br{bottom:-1px;right:-1px;border-bottom-width:3px;border-right-width:3px}
.sheet__block{display:grid;grid-template-columns:minmax(0,1fr) 15rem;border-bottom:1px solid var(--ink);min-height:21rem}
.sheet__display{display:grid;position:relative;overflow:hidden}
.sheet__panel{grid-area:1/1;padding:clamp(1.6rem,3vw,2.8rem);position:relative;display:flex;flex-direction:column;justify-content:center;transition:opacity .15s ease}
.sheet__panel>*{position:relative;max-width:36rem}
.sheet__panel h2,.sheet__panel h3{font-size:clamp(1.9rem,1.2rem + 2.4vw,3.4rem);margin-bottom:.9rem}
.sheet__panel p{color:var(--sage);font-size:1.05rem;margin:0}
.sheet__panel .sheet__bg{position:absolute;inset:0;max-width:none;z-index:0}
.sheet__bg img{width:100%;height:100%;object-fit:cover;opacity:.32;filter:saturate(.6)}
.sheet__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 30%,rgba(244,239,228,.55) 100%)}
.sheet__label{font:500 .72rem/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber-text);margin-bottom:.9rem}
.js .sheet__panel:not(.is-on){opacity:0;visibility:hidden}
.js .sheet__panel.is-on{opacity:1;visibility:visible;transition:opacity .34s ease .12s}
.sheet__meta{border-left:1px solid var(--ink);margin:0;padding:1.2rem 1.3rem;display:grid;align-content:start;gap:.9rem;font:500 .72rem/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.sheet__meta dt{color:var(--sage)}
.sheet__meta dd{margin:.2rem 0 0;font-size:.95rem;color:var(--ink);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.sheet__wire{position:relative;height:1px;background:var(--line);overflow:hidden}
.sheet__wire::after{content:"";position:absolute;top:0;left:0;width:18%;height:1px;background:linear-gradient(90deg,transparent,var(--amber),transparent);animation:wire 3.6s linear infinite}
@keyframes wire{from{translate:-100% 0}to{translate:600% 0}}
.sheet__cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--ink);list-style:none;margin:0;padding:0}
.sheet__cells li{display:flex}
.sheet__cell{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.4rem 1.3rem 1.5rem;border:0;background:var(--paper);color:var(--ink);text-align:left;font:inherit;cursor:pointer;position:relative;transition:background .25s}
.sheet__cell::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--amber);scale:0 1;transform-origin:0 50%;transition:scale .35s}
.sheet__cell:hover,.sheet__cell:focus-visible,.sheet__cell[aria-pressed="true"]{background:#fff}
.sheet__cell:hover::before,.sheet__cell:focus-visible::before,.sheet__cell[aria-pressed="true"]::before{scale:1 1}
.sheet__num{font:600 3.2rem/1 var(--f-display);color:transparent;-webkit-text-stroke:1px var(--ink);transition:-webkit-text-stroke-color .25s}
.sheet__cell:hover .sheet__num,.sheet__cell[aria-pressed="true"] .sheet__num{-webkit-text-stroke-color:var(--amber)}
.sheet__name{font-weight:600;font-size:1rem;line-height:1.3}
.sheet__index{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.8rem 1.2rem;border-top:1px solid var(--ink);font:500 .7rem/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sage)}

/* PATTERN: cut-out act words (photo through letters) */
.acts{background:var(--ink-2);color:var(--paper);position:relative}
.acts__stage{position:relative}
.acts__sticky{position:relative}
.acts__label{text-align:center;padding:4rem var(--gut) 0;margin:0}
.acts__label .eyebrow{justify-content:center;color:var(--amber-lt);margin:0}
.act{display:grid;place-items:center;padding:3rem var(--gut);text-align:center}
.act__phrase{display:flex;flex-direction:column;align-items:center;gap:.4rem}
.act__word{font:400 clamp(4.2rem,17vw,16rem)/.9 var(--f-display);letter-spacing:-.035em;color:var(--paper);overflow:hidden;padding:.06em .08em .22em;margin:-.06em -.08em -.22em}
.act__suffix{font:italic 400 clamp(1.3rem,1rem + 1.6vw,2.6rem)/1.2 var(--f-display);color:var(--dim)}
.act--accent .act__suffix{color:var(--amber-lt)}
.act__num,.act__wash,.acts__rail{display:none}
.acts[data-live] .acts__stage{height:330vh}
.acts[data-live] .acts__sticky{position:sticky;top:0;height:100svh;overflow:hidden}
.acts[data-live] .acts__label{position:absolute;top:calc(var(--hdr-h) + 1.5rem);left:0;right:0;z-index:5;padding:0}
.acts[data-live] .act{position:absolute;inset:0;padding-left:clamp(2rem,16vw,22rem);opacity:calc(clamp(0,var(--t,1) * 12,1) * clamp(0,(1 - var(--t,1)) * 12,1))}
.acts[data-live] .act__wash{display:block;position:absolute;inset:-8%;background-size:cover;background-position:center;filter:blur(34px) saturate(1.1) brightness(.4);transform:scale(calc(1.1 + var(--t,0) * .12));z-index:0}
.acts[data-live] .act__phrase{position:relative;z-index:2;flex-direction:row;align-items:baseline;gap:1.2rem;flex-wrap:wrap;justify-content:center}
.acts[data-live] .act__word{display:inline-flex}
.acts[data-live] .act__l{display:inline-block;color:transparent;background-image:var(--img);background-size:calc(var(--ww,600px) * 1.3) auto;background-position:calc(var(--ox,0px) * -1 - var(--t,0) * var(--ww,600px) * .28) 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px rgba(244,239,228,.3);filter:brightness(1.18) contrast(1.06) saturate(1.08);
  --in:clamp(0,var(--t,1) / .3 * 1.6 - var(--li,0) * .1,1);--out:clamp(0,(var(--t,0) - .7) / .3 * 1.6 - var(--li,0) * .1,1);
  transform:translateY(calc((1 - var(--in)) * 108% - var(--out) * 108%)) rotate(calc((1 - var(--in)) * 7deg - var(--out) * 5deg))}
.acts[data-live] .act__suffix{opacity:calc(clamp(0,(var(--t,1) - .18) * 10,1) * clamp(0,(.78 - var(--t,1)) * 10,1))}
.acts[data-live] .act:last-child .act__suffix{opacity:clamp(0,(var(--t,1) - .18) * 10,1)}
.acts[data-live] .act__num{display:block;position:absolute;right:5vw;top:50%;font:400 clamp(8rem,24vw,26rem)/1 var(--f-display);color:transparent;-webkit-text-stroke:3px rgba(217,150,74,.6);transform:translateY(calc(-50% + (.5 - var(--t,.5)) * 120vh));z-index:1}
.acts[data-live] .acts__rail{display:flex;position:absolute;left:var(--gut);top:50%;translate:0 -50%;z-index:6;gap:1rem}
.acts__track{width:3px;background:rgba(244,239,228,.16);position:relative}
.acts__fill{position:absolute;inset:0;background:var(--amber-lt);transform-origin:top;transform:scaleY(var(--p,0))}
.acts__rail ol{list-style:none;margin:0;padding:0;display:grid;gap:1.2rem}
.acts__rail li{font:500 .74rem/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(244,239,228,.5);transition:color .4s,translate .4s}
.acts__rail li b{color:var(--amber-lt);font-weight:500;margin-right:.6rem}
.acts__rail li.is-on{color:var(--paper);translate:6px 0}
@media (max-width:700px){
  .acts[data-live] .acts__stage{height:300vh}
  .acts[data-live] .act{padding-left:var(--gut)}
  .acts[data-live] .act__phrase{flex-direction:column;align-items:center}
  .act__word{font-size:clamp(3.4rem,24vw,8rem)}
  .acts[data-live] .acts__rail{top:auto;bottom:calc(84px + env(safe-area-inset-bottom));left:0;right:0;translate:none;justify-content:center}
  .acts[data-live] .acts__track{display:none}
  .acts__rail ol{display:flex;gap:1rem}
  .acts[data-live] .act__num{top:18vh}
}

/* PATTERN: horizontal accordion gallery (formats) */
.accord{display:flex;gap:6px;height:min(72svh,640px);list-style:none;margin:0;padding:0}
.accord__item{position:relative;flex:1 1 0;min-width:0;overflow:hidden;background:var(--ink);transition:flex-grow .7s cubic-bezier(.2,.7,.2,1)}
.accord__item.is-open{flex-grow:5}
.accord__btn{position:absolute;inset:0;z-index:3;width:100%;border:0;background:transparent;cursor:pointer;color:var(--paper);text-align:left;padding:0}
.accord__img{position:absolute;inset:0}
.accord__img img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.82);transition:filter .6s,scale 1.2s}
.accord__item.is-open .accord__img img{filter:none;scale:1.03}
.accord__item::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(13,20,16,.92),rgba(13,20,16,.15) 60%);z-index:1;pointer-events:none}
.accord__tab{position:absolute;left:50%;bottom:1.4rem;translate:-50% 0;z-index:2;font:500 .75rem/1 var(--f-mono);letter-spacing:.16em;color:var(--amber-lt);writing-mode:vertical-rl;rotate:180deg;white-space:nowrap;transition:opacity .3s;pointer-events:none}
.accord__tab b{color:var(--paper);font-weight:500;margin-top:.8rem}
.accord__item.is-open .accord__tab{opacity:0}
.accord__body{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:clamp(1.2rem,2.5vw,2.2rem);color:var(--paper);opacity:0;translate:0 14px;transition:opacity .35s,translate .5s;pointer-events:none;max-width:40rem}
.accord__item.is-open .accord__body{opacity:1;translate:0 0;transition-delay:.25s;pointer-events:auto}
.accord__body h3{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.5rem);margin:.3rem 0 .6rem}
.accord__body p{color:#DCD6C7;font-size:.98rem;margin-bottom:.7rem}
.accord__body .n{font:500 .74rem/1 var(--f-mono);letter-spacing:.16em;color:var(--amber-lt)}
.accord__body a{color:var(--amber-lt);font-weight:600}
@media (max-width:860px){
  .accord{flex-direction:column;height:auto;gap:4px}
  .accord__item{flex:none;height:76px;transition:height .6s cubic-bezier(.2,.7,.2,1)}
  .accord__item.is-open{height:min(92vw,470px)}
  .accord__tab{writing-mode:horizontal-tb;rotate:none;left:1.1rem;bottom:auto;top:50%;translate:0 -50%}
  .accord__tab b{margin:0 0 0 .8rem}
}
html:not(.js) .accord{flex-direction:column;height:auto}
html:not(.js) .accord__item{height:auto;min-height:420px}
html:not(.js) .accord__body{opacity:1;translate:none}
html:not(.js) .accord__tab{display:none}

/* PATTERN: sticky stacking cards */
.stack{list-style:none;margin:0 auto;padding:0;max-width:56rem;position:relative}
.stack::after{content:"";display:block;height:4vh}
.stack__card{position:sticky;top:calc(var(--hdr-h) + 1.4rem + var(--i,0) * 14px);z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.4rem;padding:clamp(1.4rem,3vw,2.3rem);background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1.5px var(--line),0 22px 48px -30px rgba(20,30,24,.55)}
.sec--dark .stack__card{background:var(--ink-3);color:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line-dk),0 22px 48px -30px rgba(0,0,0,.8)}
.stack__badge{width:62px;height:62px;display:grid;place-items:center;border-radius:8px;background:var(--ink);color:var(--paper);font:700 1.4rem/1 var(--f-display);font-variant-numeric:tabular-nums}
.sec--dark .stack__badge{background:var(--amber-lt);color:var(--ink)}
.stack__card h3{margin:.3rem 0 .6rem}
.stack__card p{margin:0;color:var(--sage)}
.sec--dark .stack__card p{color:#CFC9BA}
.stack__chev{position:relative;z-index:1;display:grid;place-items:center;height:1.1rem;margin:.2rem 0;color:var(--amber)}
.stack__chev svg{width:22px;height:22px;animation:bob 1.9s ease-in-out infinite}
@keyframes bob{50%{translate:0 22%}}
html[data-motion-tier="essential"] .stack__card,html:not(.mk-js) .stack__card{position:relative;top:auto}
html[data-motion-tier="essential"] .stack__chev svg{animation:none}

/* PATTERN: backdrop list (guides index) */
.caplist{position:relative;background:var(--ink-2);color:var(--paper);overflow:hidden;isolation:isolate;padding-block:clamp(72px,9vw,140px)}
.caplist__bg{position:absolute;inset:0;z-index:-2}
.caplist__bg picture{position:absolute;inset:0;opacity:0;transition:opacity .8s}
.caplist__bg picture.is-on{opacity:1}
.caplist__bg img{width:100%;height:100%;object-fit:cover}
.caplist::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,20,16,.95) 0%,rgba(13,20,16,.86) 55%,rgba(13,20,16,.7) 100%)}
.caplist__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-dk)}
.caplist__row{border-bottom:1px solid var(--line-dk);position:relative}
.caplist__row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--amber-lt);scale:1 0;transform-origin:50% 0;transition:scale .45s}
.caplist__row.is-on::before{scale:1 1}
.caplist__btn{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;align-items:center;gap:1rem;width:100%;padding:1.35rem 0 1.35rem 1rem;border:0;background:none;color:var(--paper);text-align:left;font:inherit;cursor:pointer;transition:translate .35s}
.caplist__row.is-on .caplist__btn{translate:10px 0}
.caplist__n{font:500 .8rem/1 var(--f-mono);color:var(--amber-lt);letter-spacing:.1em}
.caplist__t{font:600 clamp(1.4rem,1rem + 2.2vw,3rem)/1.05 var(--f-display);letter-spacing:-.02em;text-transform:uppercase}
.caplist__arrow{font-size:1.6rem;color:var(--amber-lt);transition:rotate .35s}
.caplist__row.is-on .caplist__arrow{rotate:45deg}
.caplist__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.7,.2,1)}
.caplist__row.is-on .caplist__panel{grid-template-rows:1fr}
.caplist__panel>div{overflow:hidden}
.caplist__panel p{margin:0 0 .6rem;padding-left:5.4rem;color:#D8D2C3;max-width:46rem}
.caplist__panel a{display:inline-block;margin:0 0 1.4rem 5.4rem;color:var(--amber-lt);font-weight:600}
.caplist__ghost{position:absolute;right:var(--gut);bottom:-1rem;font:600 clamp(8rem,20vw,18rem)/1 var(--f-display);color:transparent;-webkit-text-stroke:1.5px rgba(217,150,74,.35);z-index:-1;pointer-events:none}
html:not(.js) .caplist__panel{grid-template-rows:1fr}
@media (max-width:700px){.caplist__btn{grid-template-columns:2.4rem minmax(0,1fr) auto;padding-left:.6rem}.caplist__panel p{padding-left:3.4rem}.caplist__panel a{margin-left:3.4rem}.caplist__ghost{display:none}}

/* PATTERN: scroll-filled giant words */
.fill{background:var(--ink-2);color:var(--paper);overflow:hidden;padding-block:clamp(6rem,10vw,10rem)}
.fill__head{max-width:62rem;margin:0 auto 3rem;text-align:center}
.fill__head .eyebrow{justify-content:center;color:var(--amber-lt)}
.fill__head h2{font-size:clamp(2.4rem,1.2rem + 4.6vw,6rem);line-height:.95;text-transform:uppercase;letter-spacing:-.03em}
.fill__head p{color:var(--dim);margin:1.4rem auto 0;max-width:38rem}
.fill__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-dk)}
.fill__row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,21rem);align-items:center;gap:clamp(1rem,3vw,3rem);padding:clamp(1.6rem,2.5vw,3rem) 0;border-bottom:1px solid var(--line-dk)}
.fill__idx{font:500 1.2rem/1 var(--f-mono);color:var(--amber-lt)}
.fill__word{position:relative;font:700 clamp(2.2rem,5.6vw,5.8rem)/.9 var(--f-display);letter-spacing:-.045em;text-transform:uppercase;margin:0;min-width:0;translate:var(--dx,0) 0}
.fill__word .o{display:block}
.fill__word .f{position:absolute;inset:0;color:var(--paper);clip-path:inset(0 calc(100% - var(--fp,1) * 100%) 0 0)}
.fill__txt{color:var(--dim);font-size:.95rem;max-width:42ch;justify-self:end;text-align:right;margin:0}
.mk-on .fill__word .o{color:transparent;-webkit-text-stroke:1px rgba(214,210,200,.45)}
html:not(.mk-on) .fill__word .f{display:none}
@media (max-width:860px){.fill__row{grid-template-columns:1fr;gap:.7rem}.fill__txt{justify-self:start;text-align:left}}

/* PATTERN: scroll-drawn journey path (hemp rules timeline) */
.journey{position:relative;background:var(--ink-2);color:var(--paper);isolation:isolate;overflow:clip}
.journey__bg{position:absolute;inset:0;z-index:-1}
.journey__bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.26) saturate(.7)}
.journey__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--ink-2) 0%,transparent 22%,transparent 70%,var(--ink-2) 100%)}
.journey__frame{padding-block:clamp(72px,8vw,120px)}
.journey__head{display:grid;grid-template-columns:1.35fr 1fr;gap:2.5rem;align-items:end;margin-bottom:3rem}
.journey__head h2{font-weight:400;font-size:clamp(2.4rem,1rem + 4.2vw,5.2rem);line-height:.98;max-width:14ch}
.journey__head h2 em{color:var(--amber-lt)}
.journey__head p{color:#D8D2C3;max-width:40ch;margin:0}
.journey__canvas{position:relative;height:420px}
.journey__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.journey__ghost{fill:none;stroke:rgba(244,239,228,.16);stroke-width:1;stroke-dasharray:3 7;vector-effect:non-scaling-stroke}
.journey__line{fill:none;stroke:var(--amber-lt);stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px rgba(217,150,74,.45))}
.journey__marker{position:absolute;width:14px;height:14px;margin:-7px;border-radius:50%;background:#F3D9A8;box-shadow:0 0 0 5px rgba(217,150,74,.22),0 0 24px 6px rgba(217,150,74,.5);opacity:0;pointer-events:none;left:0;top:0}
.journey__stops{list-style:none;margin:0;padding:0}
.journey__stop{position:absolute;width:0;height:0}
.journey__node{position:absolute;width:18px;height:18px;margin:-9px;border-radius:50%;background:var(--amber-lt);border:2px solid var(--amber-lt);box-shadow:0 0 0 6px rgba(217,150,74,.18)}
.journey__card{position:absolute;width:clamp(10.5rem,15.5vw,16rem);translate:-50% 0;transition:opacity .65s,translate .65s}
.journey__stop.is-high .journey__card{bottom:1.9rem}
.journey__stop.is-low .journey__card{top:1.9rem}
.journey__stop:first-child .journey__card{translate:-18% 0}
.journey__stop:last-child .journey__card{translate:-82% 0;text-align:right}
.journey__card .i{font:600 .7rem/1 var(--f-mono);letter-spacing:.18em;color:var(--amber-lt)}
.journey__card h3{font-weight:400;font-size:clamp(1.4rem,1rem + 1.2vw,2.2rem);margin:.35rem 0 .3rem}
.journey__card p{font-size:.86rem;color:rgba(244,239,228,.78);margin:0;line-height:1.45}
.journey[data-live] .journey__stop:not([data-reached]) .journey__node{background:var(--ink-2);border-color:rgba(244,239,228,.3);box-shadow:none;scale:.7}
.journey[data-live] .journey__stop:not([data-reached]) .journey__card{opacity:0}
.journey[data-live] .journey__stop[data-reached] .journey__node{animation:pulse .9s}
@keyframes pulse{0%{scale:1.35;box-shadow:0 0 0 0 rgba(217,150,74,.6)}100%{scale:1;box-shadow:0 0 0 16px rgba(217,150,74,0)}}
.journey[data-pin] .journey__stage{height:270vh}
.journey[data-pin] .journey__frame{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
@media (max-width:900px){
  .journey__head{grid-template-columns:1fr}
  .journey__svg,.journey__marker{display:none}
  .journey__canvas{height:auto;padding-left:2rem}
  .journey__canvas::before,.journey__canvas::after{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:rgba(244,239,228,.16)}
  .journey__canvas::after{background:var(--amber-lt);transform-origin:top;transform:scaleY(var(--p,1))}
  .journey__stops{display:grid;gap:2rem}
  .journey__stop{position:relative!important;left:auto!important;top:auto!important;width:auto;height:auto}
  .journey__node{left:-2rem;top:.4rem;margin:0 0 0 -0px}
  .journey__card,.journey__stop:first-child .journey__card,.journey__stop:last-child .journey__card{position:relative;width:auto;translate:none;text-align:left;top:auto;bottom:auto}
}

/* Related guides */
.related{padding-block:clamp(64px,8vw,110px);background:var(--paper-2)}
.related__head{text-align:center;margin-bottom:2.4rem}
.related__head .eyebrow{justify-content:center}
.related__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--ink)}
.related__list li{border-bottom:1px solid var(--ink);display:flex}
.related__list li+li{border-left:1px solid var(--line)}
.related__list a{flex:1;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;gap:.4rem 1rem;padding:1.6rem 1.4rem 1.8rem;text-decoration:none;transition:background .3s}
.related__list a:hover{background:var(--paper);color:var(--ink)}
.related__n{font:500 .78rem/1.6 var(--f-mono);color:var(--amber-text);grid-row:1/3}
.related__t{font:600 1.35rem/1.15 var(--f-display)}
.related__d{grid-column:2;color:var(--sage);font-size:.93rem;line-height:1.5}
.related__arrow{grid-column:3;grid-row:1;color:var(--amber);font-size:1.2rem;transition:rotate .3s,translate .3s}
.related__list a:hover .related__arrow{translate:3px -3px}
.related{--p:.5}
.related__head h2{translate:0 calc((.5 - var(--p,.5)) * 30px)}

/* FAQ */
.faq{padding-block:clamp(56px,7vw,96px)}
.faq h2{margin-bottom:1.6rem}
.faq__list{border-top:1px solid var(--ink)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;padding:1.15rem 0;font:600 1.15rem/1.35 var(--f-display)}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";font:400 1.5rem/1 var(--f-body);color:var(--amber);transition:rotate .3s}
.faq__item[open] summary::after{rotate:45deg}
.faq__a{padding:0 0 1.2rem}
.faq__a p{margin:0;color:var(--sage)}

/* CTA band with photo */
.ask{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--amber-lt);color:var(--ink);overflow:hidden}
.ask__copy{padding:clamp(56px,7vw,110px) clamp(24px,5vw,72px) clamp(56px,7vw,110px) max(var(--gut),calc((100vw - 1240px)/2 + var(--gut)))}
.ask__copy .eyebrow{color:var(--ink)}
.ask__copy h2{margin-bottom:1rem}
.ask__copy p{max-width:34rem}
.ask__photo{position:relative;overflow:hidden;min-height:340px}
.ask__photo .lay{position:absolute;inset:0}
.ask__photo img{width:100%;height:100%;object-fit:cover}
.ask .btn{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.ask .btn:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.ask .btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.ask__btns{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}

/* Intro statement (home) */
.statement{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.statement h2{font-size:clamp(2.1rem,1.2rem + 3vw,4.2rem)}
.statement__body p{color:var(--sage);font-size:1.08rem}
.statement__body p:first-child{color:var(--ink);font-size:1.25rem;line-height:1.5}
.statement{translate:0 calc((.5 - var(--p,.5)) * 24px)}

/* Checklist tool */
.tool{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:clamp(1.5rem,4vw,4rem);align-items:start}
.tool__meter{position:sticky;top:calc(var(--hdr-h) + 1.5rem);border:1px solid var(--ink);background:var(--paper);padding:1.6rem}
.tool__ring{width:150px;height:150px;margin:0 auto 1rem;position:relative}
.tool__ring svg{width:100%;height:100%;rotate:-90deg}
.tool__ring circle{fill:none;stroke-width:8}
.tool__ring .bg{stroke:var(--paper-3)}
.tool__ring .fg{stroke:var(--amber);stroke-linecap:round;stroke-dasharray:1 1;transition:stroke-dashoffset .6s cubic-bezier(.2,.7,.2,1)}
.tool__pct{position:absolute;inset:0;display:grid;place-items:center;font:600 2.2rem/1 var(--f-display)}
.tool__status{text-align:center;font-weight:600;margin:0 0 .4rem}
.tool__hint{text-align:center;color:var(--sage);font-size:.9rem}
.tool__actions{display:grid;gap:.6rem;margin-top:1rem}
.tool__actions .btn{justify-content:center}
.tool__group{border:0;margin:0 0 2.4rem;padding:0}
.tool__group legend{font:600 clamp(1.5rem,1.2rem + 1vw,2.1rem)/1.1 var(--f-display);padding:0;margin-bottom:.4rem}
.tool__group>p{color:var(--sage);margin-bottom:1rem}
.check{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1rem 0;border-top:1px solid var(--line);cursor:pointer}
.check:last-child{border-bottom:1px solid var(--line)}
.check input{appearance:none;-webkit-appearance:none;width:26px;height:26px;margin:.15rem 0 0;border:1.5px solid var(--ink);border-radius:3px;display:grid;place-items:center;cursor:pointer;background:#fff;transition:background .2s}
.check input::after{content:"";width:12px;height:7px;border-left:2px solid var(--paper);border-bottom:2px solid var(--paper);rotate:-45deg;translate:0 -2px;scale:0;transition:scale .2s}
.check input:checked{background:var(--ink)}
.check input:checked::after{scale:1}
.check__t{font-weight:600;display:block}
.check__d{display:block;color:var(--sage);font-size:.94rem;margin-top:.2rem}
.check__d a{color:var(--amber-text)}
.check:has(input:checked) .check__t{text-decoration:line-through;text-decoration-color:var(--amber);text-decoration-thickness:2px}

/* Format chooser (choosing guide) */
.chooser{border:1px solid var(--ink);margin:2rem 0;background:#fff}
.chooser__q{padding:1.3rem 1.4rem;border-bottom:1px solid var(--line)}
.chooser__q p{font-weight:600;margin:0 0 .7rem}
.chooser__opts{display:flex;flex-wrap:wrap;gap:.5rem}
.chooser__opts label{position:relative}
.chooser__opts input{position:absolute;opacity:0}
.chooser__opts span{display:inline-block;padding:.55rem .9rem;border:1px solid var(--line);border-radius:var(--r);cursor:pointer;font-size:.92rem;transition:background .2s,border-color .2s}
.chooser__opts input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chooser__opts input:focus-visible+span{outline:2px solid var(--amber);outline-offset:2px}
.chooser__out{padding:1.3rem 1.4rem;background:var(--paper-2)}
.chooser__out p{margin:0}
.chooser__out strong{font-family:var(--f-display);font-size:1.15rem}

/* COA explorer (labels guide) */
.coa{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;border:1px solid var(--ink);margin:2.4rem 0;background:#fff}
.coa__doc{padding:1.4rem;border-right:1px solid var(--ink);font:400 .8rem/1.5 var(--f-mono);background:#FBF9F4}
.coa__doctitle{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:.6rem;margin-bottom:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.coa__zone{display:block;width:100%;text-align:left;border:1px dashed transparent;background:none;font:inherit;color:inherit;padding:.55rem .6rem;margin:0 0 .4rem;border-radius:3px;cursor:pointer;transition:border-color .2s,background .2s}
.coa__zone:hover,.coa__zone[aria-pressed="true"]{border-color:var(--amber);background:#FFF6E8}
.coa__zone b{display:block;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--amber-text);font-size:.72rem;margin-bottom:.2rem}
.coa__zone i{font-style:normal;color:var(--sage)}
.coa__bar{display:inline-block;height:6px;background:var(--ink);vertical-align:middle;margin-left:.4rem}
.coa__note{padding:1.6rem;display:flex;flex-direction:column;justify-content:center}
.coa__note h3{margin-bottom:.6rem}
.coa__note p{color:var(--sage);margin:0}
.coa__note .tag{font:500 .72rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber-text);margin-bottom:.8rem}

/* Contact form */
.formwrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.form{display:grid;gap:1.1rem}
.field{display:grid;gap:.4rem}
.field label,.field .lbl{font-weight:600;font-size:.95rem}
.field input,.field select,.field textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1px solid #9C9584;border-radius:var(--r);padding:.8rem .9rem;min-height:50px}
.field textarea{min-height:170px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--amber);outline-offset:1px;border-color:var(--ink)}
.field__hint{font-size:.85rem;color:var(--sage)}
.field__err{color:#9B2C1C;font-size:.88rem;font-weight:600}
.field--check{grid-template-columns:auto 1fr;align-items:start;gap:.7rem}
.field--check input{width:22px;height:22px;min-height:0;margin-top:.15rem;accent-color:var(--ink)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.submitrow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.2rem;align-items:center;padding-top:.6rem;border-top:1px solid var(--line)}
.submitrow p{margin:0;font-size:.8rem;color:var(--sage);line-height:1.5}
.fstatus{padding:1rem 1.2rem;border-left:3px solid;margin-bottom:1rem}
.fstatus--ok{border-color:#3E6B4C;background:#E6EFE5}
.fstatus--err{border-color:#9B2C1C;background:#F6E4DE}
.aside-card{border:1px solid var(--ink);padding:1.6rem;background:var(--paper-2)}
.aside-card h2{font-size:1.6rem;margin-bottom:.8rem}
.aside-card ul{padding-left:1.1rem;margin:0 0 1rem}
.aside-card li{margin-bottom:.5rem}
.aside-card p{font-size:.95rem}

/* Legal pages */
.legal h2{font-size:1.6rem;margin:2.2rem 0 .7rem}
.page-head{padding-block:clamp(56px,7vw,100px) clamp(24px,3vw,40px);text-align:center}
.page-head h1{font-size:clamp(2.4rem,1.4rem + 3.6vw,4.6rem)}
.page-head p{color:var(--sage);max-width:40rem;margin:1rem auto 0}

/* Footer */
.ftr{background:var(--ink-2);color:#CFC9BA;padding:clamp(56px,7vw,90px) 0 calc(1rem + env(safe-area-inset-bottom));font-size:.94rem}
.ftr a{color:var(--paper);text-decoration:none}
.ftr a:hover{color:var(--amber-lt)}
.ftr__top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr);gap:2.5rem;padding-bottom:2.4rem;border-bottom:1px solid var(--line-dk)}
.ftr__brand img{height:44px;width:auto;margin-bottom:1rem}
.ftr__line{max-width:28rem;color:var(--dim)}
.ftr__h{font:500 .72rem/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber-lt);margin-bottom:1rem}
.ftr__nav ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.ftr__legal{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.8rem 0;border-bottom:1px solid var(--line-dk);font-size:.84rem;line-height:1.55}
.ftr__legal strong{color:var(--amber-lt);font-weight:600}
.ftr__legal p{margin:0}
.ftr__base{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding-top:1.4rem;font-size:.84rem;color:var(--paper)}
.ftr__base p{margin:0}
.ftr .mk-toggle{color:var(--paper)}
.ftr__top{translate:0 calc((.5 - var(--p,.5)) * 20px)}

/* Mobile dock */
.dock{display:none}

@media (max-width:1100px){
  .nav{display:none}
  .burger{display:block}
  .hdr__bar{gap:1rem}
}
@media (max-width:900px){
  .phero{grid-template-columns:1fr;min-height:0}
  .phero__copy{padding:clamp(48px,10vw,72px) var(--gut)}
  .phero__photo{min-height:min(62vw,420px);order:-1}
  .sheet__block{grid-template-columns:1fr}
  .sheet__meta{border-left:0;border-top:1px solid var(--ink);grid-template-columns:repeat(2,1fr)}
  .sheet__cells{grid-template-columns:repeat(2,minmax(0,1fr))}
  .statement,.formwrap,.tool,.ask,.coa{grid-template-columns:1fr}
  .coa__doc{border-right:0;border-bottom:1px solid var(--ink)}
  .tool__meter{position:relative;top:auto;order:-1}
  .related__list{grid-template-columns:1fr}
  .related__list li+li{border-left:0}
  .ftr__top{grid-template-columns:1fr 1fr}
  .ftr__brand{grid-column:1/-1}
  .ftr__legal{grid-template-columns:1fr}
  .ask__photo{min-height:260px;order:-1}
}
@media (max-width:700px){
  :root{--hdr-h:62px}
  .hdr__logo img{height:30px}
  .hdr__cta{display:none}
  .lang{height:40px}
  .dock{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:90;background:var(--ink);border-radius:14px;padding:6px;box-shadow:0 18px 40px -12px rgba(0,0,0,.55)}
  .dock a{display:grid;justify-items:center;gap:3px;padding:.5rem 0;color:var(--paper);text-decoration:none;font:500 .72rem/1 var(--f-body);letter-spacing:.04em;border-radius:10px;min-height:48px}
  .dock svg{width:22px;height:22px}
  .dock__main{background:var(--amber-lt);color:var(--ink)!important}
  .dock a[aria-current]:not(.dock__main){background:var(--ink-3)}
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .notice p{font-size:.72rem}
  .matrix__row{grid-template-columns:1fr}
  .tbl--stack thead{display:none}
  .tbl--stack tr{display:block;border-bottom:1px solid var(--ink);padding:.6rem 0}
  .tbl--stack th,.tbl--stack td{display:block;border:0;padding:.25rem 0}
  .tbl--stack td[data-l]::before{content:attr(data-l) ": ";font:500 .7rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--amber-text)}
  .submitrow{grid-template-columns:1fr}
  .ftr__top{grid-template-columns:1fr}
  .hero__spec span{min-width:45%}
}
@media print{.hdr,.dock,.ftr,.notice,.mk-bar{display:none!important}body{background:#fff}.tool__meter{position:static}}
/* pictures that fill their frames */
.accord__img picture,.sheet__bg picture,.ask__photo picture,.phero__layer picture,.journey__bg picture,.hero__layer picture{width:100%;height:100%}
.faq h2,.faq .eyebrow{text-align:center;justify-content:center}
.fill__head .eyebrow{margin-bottom:1.8rem}.fill__head h2{line-height:1}
.formwrap>.aside-card{align-self:stretch;display:flex;flex-direction:column}
.aside-card__photo{position:relative;flex:1 1 auto;min-height:220px;margin:1.4rem -1.6rem -1.6rem;overflow:hidden}
.aside-card__photo picture,.aside-card__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}