/* Marina Greens — the design layer (every page, after site.css and pages.css).

   The store's own identity, measured 2026-10-06 from its neon-script logo and its Q4 2026 flyer:
   signal green #00831B, neon #2DAA44, glow #6BBA62, pale #C0F0A0, white. Supporting neutrals:
   Fillmore-at-night ink #0E1A12 and San Francisco fog #EDF0EC. Type: Anybody (one variable family,
   its width axis is the voice — condensed 58–68% for headlines, expanded 125–140% for labels),
   Instrument Sans for reading, IBM Plex Mono for hours, prices and the licence line.

   Signature: the neon sign. The logo strikes on once in the hero, and a vertical blade sign with
   the street address hangs behind it the way storefronts on Fillmore and Union hang their names.
   Everything else stays quiet: fog grounds, flat white cards, 3px corners, no textures.

   This file wins over site.css by order, not specificity: keep selectors at the same weight. */

/* ---------- tokens ---------- */
@font-face{font-family:"Anybody Fallback";src:local("Arial Narrow"),local("ArialNarrow"),local("Liberation Sans Narrow"),local("Arial");size-adjust:92%;ascent-override:95%;descent-override:24%;line-gap-override:0%}
:root{
--signal:var(--wp--preset--color--signal,#00831B);--neon:var(--wp--preset--color--neon,#2DAA44);--glow:#6BBA62;--pale:#C0F0A0;
--night:#0E1A12;--night-2:#15261A;--night-line:#2A3D2F;--fog-2:#DFE6DE;--on-night:#EDF0EC;--on-night-2:#A9B8AC;
--f-display:Anybody,"Anybody Fallback","Arial Narrow",Arial,sans-serif;--f-body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
--w-tight:62%;--w-cond:72%;--w-wide:128%;
--r-1:3px;--r-2:3px;--r-3:4px;--r:3px;
--tile:none;--plate-shadow:none;--sh-2:0 18px 40px -28px rgba(14,26,18,.45);
--section:clamp(56px,8vw,112px);--max:1240px;--hdr:68px;
--focus:var(--signal)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--tile:none;--plate-shadow:none;--fog-2:#1B2B1F}}
:root[data-theme="dark"]{--tile:none;--plate-shadow:none;--fog-2:#1B2B1F}

body{font-family:var(--f-body);font-size:1.0625rem;letter-spacing:-.003em}
h1,h2,h3,.h1,.h2,.hero__h,.panel__h,.cta-band__h,.signup__h,.gate__title,.pdp__name,.post-lead__h,.prose h2{font-family:var(--f-display);font-stretch:var(--w-cond);font-weight:800;letter-spacing:-.01em}
.num,.licence,.hours td,.price,.card__price{font-family:var(--f-mono);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
::selection{background:var(--pale);color:var(--night)}

/* site.css's textured backgrounds and screw-head plates are the old store's look: flatten both */
.bg,.is-style-band::before,.is-style-band-light::before,.is-style-band-faint::before{background-image:none}
.plate,.is-style-plate{border:1px solid var(--line);border-radius:var(--r-3);box-shadow:none;background-image:none}

/* ---------- shared type ---------- */
:root .mg-eyebrow,.label,.is-style-label,.eyebrow{font:600 .75rem/1.2 var(--f-display);font-stretch:var(--w-wide);letter-spacing:.12em;text-transform:uppercase;color:#006414;margin:0 0 14px}
:root .mg-h2{font:800 clamp(1.9rem,1.2rem + 2.6vw,3.25rem)/.95 var(--f-display);font-stretch:var(--w-cond);letter-spacing:-.015em;margin:0;text-wrap:balance}
:root .mg-display{font:900 clamp(2.75rem,1.4rem + 6.2vw,6.5rem)/.86 var(--f-display);font-stretch:var(--w-tight);letter-spacing:-.02em;text-transform:uppercase;margin:0;text-wrap:balance}
:root .mg-lede{font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.5;color:var(--grey);max-width:34rem;margin:18px 0 0}
:root .mg-more{margin:0}
.mg-more a{font:700 .8125rem/1 var(--f-display);font-stretch:var(--w-wide);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--signal);padding-bottom:4px}
.mg-more a::after{content:" \2192"}
.mg-more a:hover{color:#006414}

/* ---------- buttons ---------- */
.btn,.wp-block-button .wp-block-button__link{border-radius:var(--r-1);border-width:2px;font:700 .9375rem/1.1 var(--f-display);font-stretch:112%;letter-spacing:.04em;text-transform:uppercase;min-height:52px;padding:0 24px;transition:background-color var(--d-1) var(--ease),color var(--d-1) var(--ease),border-color var(--d-1) var(--ease),transform var(--d-1) var(--ease)}
.btn:active,.wp-block-button .wp-block-button__link:active{transform:translateY(1px)}
.btn--primary,.btn--signal,.wp-block-button:not([class*=is-style-]) .wp-block-button__link,.wp-block-button.is-style-fill .wp-block-button__link{--bg:var(--signal);--fg:#fff;--bd:var(--signal)}
.btn--primary:hover,.btn--signal:hover,.wp-block-button:not([class*=is-style-]) .wp-block-button__link:hover,.wp-block-button.is-style-fill .wp-block-button__link:hover{--bg:#006414;--bd:#006414}
.btn.ghost,.btn--outline,.btn--ghost,.wp-block-button.is-style-outline .wp-block-button__link,.wp-block-button.is-style-ghost .wp-block-button__link{--bg:transparent;--fg:var(--ink);--bd:var(--ink)}
.btn--ghost:hover,.wp-block-button.is-style-ghost .wp-block-button__link:hover,.wp-block-button.is-style-outline .wp-block-button__link:hover{--bg:var(--ink);--fg:var(--paper)}
.btn--light,.is-style-light .wp-block-button__link{--bg:#fff;--fg:var(--night);--bd:#fff}
.btn--light:hover,.is-style-light .wp-block-button__link:hover{--bg:var(--pale);--bd:var(--pale)}
.btn--ghost-light,.is-style-ghost-light .wp-block-button__link{--bg:transparent;--fg:#fff;--bd:rgba(255,255,255,.55)}
.btn--ghost-light:hover,.is-style-ghost-light .wp-block-button__link:hover{--bg:#fff;--fg:var(--night);--bd:#fff}
.btn--lg:not(.wp-block-button){min-height:58px;padding:0 28px;font-size:1rem}
.btn--sm:not(.wp-block-button){min-height:42px;padding:0 16px;font-size:.8125rem}

/* ---------- utility bar + header ---------- */
.util{background:var(--night);color:var(--on-night);font:500 .8125rem/1.3 var(--f-mono)}
.util .status::before{background:var(--neon);box-shadow:0 0 0 3px rgba(45,170,68,.25),0 0 10px rgba(45,170,68,.8)}
.site-header{background:color-mix(in srgb,var(--paper) 86%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}
.site-header__in{min-height:var(--hdr)}
.brand__img{width:78px;height:auto}
.nav__list{gap:clamp(14px,1.8vw,28px)}
.nav__list a{font:600 .75rem/1 var(--f-display);font-stretch:var(--w-wide);letter-spacing:.1em;text-transform:uppercase}
.nav__list a::after{background:var(--signal);height:2px;bottom:8px}
.site-header__order{--bg:var(--signal);--fg:#fff;--bd:var(--signal)}

/* mobile tab bar: Deals · Directions · Call · Shop */
.actionbar{background:color-mix(in srgb,var(--paper) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}
.actionbar__item{font:600 .625rem/1 var(--f-display);font-stretch:var(--w-wide);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-1)}
.actionbar__item[aria-current=page]:not(.actionbar__item--primary){background:var(--lav-soft)}
.actionbar__item--primary{border:0;background:var(--signal);color:#fff;font:700 .875rem/1 var(--f-display);font-stretch:108%;letter-spacing:.05em;min-height:52px}

/* drawer + age gate: night, the neon logo */
.drawer{background:var(--night);color:var(--on-night)}
.drawer__foot{color:var(--on-night-2)} /* the phone menu's hours and address: site.css's --graphite is 2.2:1 on night (WCAG 1.4.3) */
.gate{background:radial-gradient(120% 70% at 50% 18%,#173822 0%,var(--night) 58%);color:var(--on-night)}
.gate::backdrop{background:var(--night)}
.gate__logo{width:min(64vw,260px);height:auto;filter:drop-shadow(0 0 18px rgba(45,170,68,.55))}
.gate__title{font:900 clamp(2.25rem,8vw,3.5rem)/.9 var(--f-display);font-stretch:var(--w-tight);text-transform:uppercase;letter-spacing:-.01em}
.gate__desc,.gate__legal{color:var(--on-night-2)}
.gate__legal{font:500 .75rem/1.5 var(--f-mono)}
.gate .btn--light{--bg:var(--neon);--fg:var(--night);--bd:var(--neon)}
.gate .btn--light:hover{--bg:var(--pale);--bd:var(--pale)}

/* ---------- footer ---------- */
.site-footer{background:var(--night);color:var(--on-night);border-top:0;padding:clamp(48px,7vw,88px) 0 calc(28px + var(--bar,0px))}
.site-footer a:hover{color:var(--pale)}
.fbrand__logo{width:min(70vw,260px);height:auto;filter:drop-shadow(0 0 22px rgba(45,170,68,.35))}
.fcol__h{font:600 .75rem/1 var(--f-display);font-stretch:var(--w-wide);letter-spacing:.12em;text-transform:uppercase;color:var(--glow)}
.signup__h{font:900 clamp(2rem,1.2rem + 3.6vw,3.75rem)/.9 var(--f-display);font-stretch:var(--w-tight);text-transform:uppercase}
.signup{border-bottom-color:var(--night-line)}
.site-footer__legal,.licence{color:var(--on-night-2)}
@media (min-width:861px){.site-footer{padding-bottom:28px}}

/* ---------- home: hero (night) ---------- */
.site-main--home{padding-bottom:0}
.mghero{position:relative;isolation:isolate;overflow:hidden;background:var(--night);color:var(--on-night);
  background-image:radial-gradient(60% 70% at 78% 42%,rgba(45,170,68,.22) 0%,transparent 62%),radial-gradient(40% 50% at 8% 100%,rgba(0,131,27,.18) 0%,transparent 70%)}
.mghero__in{position:relative;z-index:2;display:grid;gap:clamp(28px,5vw,56px);align-items:center;min-height:min(86svh,820px);padding-block:clamp(40px,8vw,96px) clamp(48px,7vw,88px)}
:root .mghero__eyebrow{font:600 .75rem/1.3 var(--f-display);font-stretch:var(--w-wide);letter-spacing:.14em;text-transform:uppercase;color:var(--glow);margin:0 0 18px}
:root .mghero__h{font:900 clamp(3.1rem,1.2rem + 8.4vw,8.25rem)/.84 var(--f-display);font-stretch:var(--w-tight);letter-spacing:-.02em;text-transform:uppercase;margin:0;max-width:11ch;color:#fff}
:root .mghero__text{font-size:clamp(1.0625rem,1rem + .4vw,1.3125rem);line-height:1.5;color:var(--on-night-2);max-width:31rem;margin:22px 0 0}
.mghero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.mghero__facts,.mghero__facts[role=list]{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:28px 0 0;padding:18px 0 0;border-top:1px solid var(--night-line);font:500 .8125rem/1.4 var(--f-mono);color:var(--on-night-2)}
.mghero__facts a{color:var(--on-night);text-decoration:none;border-bottom:1px solid var(--night-line)}
.mghero__facts a:hover{color:var(--pale);border-color:var(--pale)}
.mghero .status{color:var(--on-night)}
.mghero__sign{position:relative;display:grid;place-items:center;order:-1}
.mghero__logo{width:min(44vw,190px);height:auto;filter:drop-shadow(0 0 2px rgba(192,240,160,.9)) drop-shadow(0 0 14px rgba(45,170,68,.75)) drop-shadow(0 0 44px rgba(45,170,68,.45))}
.mghero__blade{position:absolute;z-index:1;inset:0 clamp(10px,2.4vw,32px) 0 auto;display:none;flex-direction:column;justify-content:center;gap:.06em;font:900 clamp(3.25rem,6.4vw,6.5rem)/.8 var(--f-display);font-stretch:var(--w-tight);color:transparent;-webkit-text-stroke:1.5px rgba(237,240,236,.11);writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-.08em;pointer-events:none;user-select:none}
.mghero__blade span+span{margin-top:.25em}
@media (max-width:899px){
  .mghero__in{min-height:0;gap:18px;padding-block:28px 40px}
  .mghero__sign{justify-items:start}
  .mghero__cta .btn{flex:1 1 100%}
}
@media (min-width:900px){
  .mghero__logo{width:min(36vw,520px)}
  .mghero__in{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
  .mghero__sign{order:0}
  .mghero__blade{display:flex}
}
@media (prefers-reduced-motion:no-preference){
  .mghero__logo{animation:mg-strike 1.6s steps(1,end) .25s both}
  .mghero__copy>*{animation:mg-rise .7s var(--ease) both}
  .mghero__copy>:nth-child(2){animation-delay:.08s}.mghero__copy>:nth-child(3){animation-delay:.16s}.mghero__copy>:nth-child(4){animation-delay:.24s}.mghero__copy>:nth-child(5){animation-delay:.32s}
}
/* a neon tube striking: dark, two stutters, then full glow (steps, not fades) */
@keyframes mg-strike{0%{opacity:.08;filter:none}12%{opacity:1}16%{opacity:.15;filter:none}24%{opacity:.9}28%{opacity:.25;filter:none}40%,100%{opacity:1}}
@keyframes mg-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- home: brand ticker (signal green field) ---------- */
.ticker{background:var(--signal);color:#fff;overflow:hidden;border-block:1px solid #006414;--focus:#fff} /* white ring on the green band (WCAG 2.4.7, 1.4.11) */
.ticker__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:var(--max);margin:0 auto;padding:10px var(--gutter) 0}
.ticker__bar .ticker__label{margin:0;padding:0}
.ticker__pause{display:inline-flex;align-items:center;gap:6px;min-height:32px;margin-left:auto;padding:0 12px;border:1.5px solid rgb(255 255 255/.8);border-radius:999px;background:#006414;color:#fff;font:600 .6875rem/1 var(--f-display);font-stretch:var(--w-wide);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.ticker__pause:hover{background:#004d10}
.ticker__pause:focus-visible{outline:3px solid #fff;outline-offset:2px}
html:not(.js) .ticker__pause{display:none}
.ticker__label{max-width:var(--max);margin:0 auto;padding:14px var(--gutter) 0;font:600 .6875rem/1 var(--f-display);font-stretch:var(--w-wide);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.ticker__track{display:flex;width:max-content}
.ticker__list{display:flex;gap:0;list-style:none;margin:0;padding:10px 0 16px}
.ticker__list li{display:flex;align-items:center}
.ticker__list li::after{content:"";width:9px;height:9px;margin:0 clamp(18px,2.4vw,32px);border-radius:50%;background:var(--pale);opacity:.75}
.ticker__list a{font:800 clamp(1.5rem,1rem + 2vw,2.5rem)/1 var(--f-display);font-stretch:var(--w-cond);text-transform:uppercase;letter-spacing:-.005em;color:#fff;text-decoration:none;white-space:nowrap}
.ticker__list a:hover{color:var(--pale)}
@media (prefers-reduced-motion:no-preference){
  .ticker__track{animation:mg-ticker 260s linear infinite}
  .ticker:hover .ticker__track,.ticker:focus-within .ticker__track{animation-play-state:paused}
}
.ticker.is-paused .ticker__track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.ticker__track{width:auto;overflow-x:auto}.ticker__list[aria-hidden]{display:none}.ticker__pause{display:none}}
@keyframes mg-ticker{to{transform:translateX(-50%)}}

/* ---------- home: sections ---------- */
.mgs{padding-block:var(--section)}
.mgs__grid,.mgs__split{display:grid;gap:clamp(28px,5vw,72px)}
@media (min-width:900px){
  .mgs__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}
  .mgs__grid .mgs__head{position:sticky;top:calc(var(--hdr) + 32px)}
  .mgs__split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
}
:root .mgs__head .btn-row{margin-top:28px}
.mgs__row-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:clamp(24px,3vw,40px)}
.mgs--rail{padding-top:0}

/* shop index: one category per row, set big, live count in mono */
.shopx__list{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.shopx__a{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:16px;padding:clamp(14px,1.6vw,20px) 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:padding var(--d-2) var(--ease),background-color var(--d-2) var(--ease),color var(--d-1)}
.shopx__name{font:800 clamp(1.75rem,1.1rem + 2.6vw,3.25rem)/.95 var(--f-display);font-stretch:var(--w-cond);text-transform:uppercase;letter-spacing:-.01em}
.shopx__count{font-size:.8125rem;color:var(--grey);white-space:nowrap}
.shopx__go{font:700 1.5rem/1 var(--f-display);color:var(--signal);transform:translateX(-6px);opacity:0;transition:transform var(--d-2) var(--ease),opacity var(--d-2)}
.shopx__a:hover,.shopx__a:focus-visible{background:var(--plate);padding-inline:16px;color:var(--signal)}
.shopx__a:hover .shopx__go,.shopx__a:focus-visible .shopx__go{transform:none;opacity:1}
@media (hover:none){.shopx__go{opacity:1;transform:none}}

/* deals: a campaign poster on the brand green */
.mgs--deals{background:var(--signal);color:#fff;--focus:#fff}
:root .mgs--deals .mg-eyebrow{color:#fff}
:root .mgs--deals .mg-display{color:#fff}
.mgs__poster{margin-bottom:clamp(28px,4vw,48px)}
:root .mgs--deals .btn-row{margin-top:clamp(24px,3vw,36px)}

/* visit: the hours as a clock face in mono, the visit block beside it */
:root .mg-clock{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .12em;margin:0;font:500 clamp(3.25rem,1.2rem + 5.6vw,6.5rem)/.9 var(--f-mono);letter-spacing:-.06em;color:var(--ink)}
.mg-clock__to{color:var(--signal);font-family:var(--f-display);font-weight:900}
:root .mg-clock__sub{margin:20px 0 0;color:var(--grey);max-width:28rem}

/* community: a lead + three cards, offset */
.mgs--community{background:var(--fog-2)}
.mgs__mosaic{display:grid;gap:14px}
.mg-card{padding:clamp(22px,2.6vw,32px);border-radius:var(--r-3);background:var(--plate);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
:root .mg-card p{margin:0}
:root .mg-card__kicker{font:500 .75rem/1 var(--f-mono);color:var(--grey);letter-spacing:.02em}
:root .mg-card__h{font:800 clamp(1.5rem,1.1rem + 1.4vw,2.25rem)/.95 var(--f-display);font-stretch:var(--w-cond);text-transform:uppercase;margin:0}
.mg-card__h a{color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size var(--d-2) var(--ease)}
.mg-card__h a:hover{background-size:100% 2px}
.mg-card--ink{background:var(--night);color:var(--on-night);border-color:var(--night)}
.mg-card--ink .mg-card__kicker{color:var(--glow)}
.mg-card--signal{background:var(--signal);color:#fff;border-color:var(--signal);--focus:#fff} /* the site's green ring is invisible on green (WCAG 2.4.7, 1.4.11) */
.mg-card--signal .mg-card__kicker{color:#fff}
.mg-card--line{background:transparent;border:2px solid var(--ink)}
@media (min-width:900px){
  .mgs__mosaic{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;gap:18px}
  .mgs__lead{grid-column:1/span 6;grid-row:1/span 2;align-self:center;padding-right:24px}
  .mgs__mosaic>.mg-card--ink{grid-column:7/span 6;min-height:240px;justify-content:flex-end}
  .mgs__mosaic>.mg-card--signal{grid-column:7/span 3;transform:translateY(28px)}
  .mgs__mosaic>.mg-card--line{grid-column:10/span 3}
  .mgs__mosaic>.mg-card--ink+.mg-card--line{grid-column:7/span 6} /* no signal card: the line card takes its row */
}

/* journal: core latest-posts as editorial cards */
.mg-posts.wp-block-latest-posts{display:grid;gap:clamp(24px,3vw,36px);margin:0;padding:0;list-style:none}
@media (min-width:760px){.mg-posts.wp-block-latest-posts{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mg-posts li{display:flex;flex-direction:column;gap:10px;margin:0}
.mg-posts .wp-block-latest-posts__featured-image{order:-1;margin:0 0 6px;overflow:hidden;border-radius:var(--r-3);aspect-ratio:3/2;background:var(--fog-2)}
.mg-posts .wp-block-latest-posts__featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.mg-posts li:hover .wp-block-latest-posts__featured-image img{transform:scale(1.035)}
.mg-posts .wp-block-latest-posts__post-title{font:800 clamp(1.375rem,1.1rem + .9vw,1.75rem)/1 var(--f-display);font-stretch:var(--w-cond);text-transform:uppercase;color:var(--ink);text-decoration:none}
.mg-posts .wp-block-latest-posts__post-title:hover{color:var(--signal)}
.mg-posts .wp-block-latest-posts__post-date{font:500 .75rem/1 var(--f-mono);color:var(--grey);order:-1}

/* faq on the home page */
.mgs--faq{border-top:1px solid var(--line)}

/* motion: sections below the fold ease in once (site.js marks them data-reveal, then .is-in) */
.motion .mgs[data-reveal]>.wrap{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.motion .mgs[data-reveal].is-in>.wrap{opacity:1;transform:none}

/* dark mode: the fog sections follow the page tokens; the night/green bands stay as they are */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mg-card--line{border-color:var(--ink)}}

/* ---------- inner pages: night page head (.mgph) ---------- */
.mgph{position:relative;isolation:isolate;overflow:hidden;background:var(--night);color:var(--on-night);padding-block:clamp(36px,6vw,84px) clamp(40px,6vw,76px);
  background-image:radial-gradient(55% 90% at 92% 0%,rgba(45,170,68,.20) 0%,transparent 60%)}
.mgph .crumbs,.mgph .crumbs a{color:var(--on-night-2)}
.mgph .crumbs [aria-current]{color:var(--on-night)}
:root .mgph .mg-eyebrow{color:var(--glow);margin-top:18px}
:root .mgph__h{font:900 clamp(2.75rem,1.2rem + 6.4vw,6.75rem)/.86 var(--f-display);font-stretch:var(--w-tight);text-transform:uppercase;letter-spacing:-.02em;color:#fff;margin:0;max-width:16ch;text-wrap:balance}
:root .mgph__lede{font-size:clamp(1.0625rem,1rem + .4vw,1.3125rem);line-height:1.5;color:var(--on-night-2);max-width:40rem;margin:20px 0 0}
:root .mgph__facts{margin:18px 0 0;font:500 .8125rem/1.5 var(--f-mono);color:var(--on-night-2)}
.mgph .btn-row{margin-top:26px}
.mgph .wp-block-button.is-style-ghost .wp-block-button__link{--fg:#fff;--bd:rgba(255,255,255,.55)}
.mgph .status::before{background:var(--neon)}
.railwrap{background:var(--paper);border-bottom:1px solid var(--line);padding-block:14px}

/* cards in threes, steps, lists */
.mg-trio,.mg-steps{display:grid;gap:14px}
@media (min-width:760px){.mg-trio,.mg-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
.mg-steps .mg-card__kicker{color:#006414}
.mg-card a{color:inherit;text-underline-offset:.2em}
:root .mg-fine{margin:18px 0 0;font-size:.9375rem;color:var(--grey);max-width:44rem}
.mg-rules{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink);max-width:52rem}
.mg-rules li{padding:16px 0;border-bottom:1px solid var(--line)}
.mg-prose p{font-size:1.125rem;line-height:1.65;margin:0 0 1em;max-width:38rem}
.mgs--press .mg-press{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.mg-press li{display:grid;gap:6px;padding:clamp(18px,2vw,26px) 0;border-bottom:1px solid var(--line)}
.mg-press a{font:800 clamp(1.375rem,1rem + 1.4vw,2.125rem)/1 var(--f-display);font-stretch:var(--w-cond);text-transform:uppercase;color:var(--ink);text-decoration:none;max-width:30ch}
.mg-press a::after{content:" \2197";color:var(--signal)}
.mg-press a:hover{color:var(--signal)}
.mg-press__meta{font:500 .8125rem/1.4 var(--f-mono);color:var(--grey)}
.mgs--ticker-wrap{padding:0}
.mgs--deals-band,.mgs--perks{background:var(--fog-2)}
.mgs--how{background:var(--fog-2)}
.mgs--contact{border-top:1px solid var(--line)}
.mgs__head + *{min-width:0}
.mgs--dealweek .mgs__head,.mgs--perks .mgs__head,.mgs--rules .mgs__head,.mgs--how .mgs__head,.mgs--events .mgs__head,.mgs--events-past .mgs__head,.mgs--getting-here .mgs__head{margin-bottom:clamp(20px,3vw,36px)}

/* events (marina/events from marina-core): a date block in mono, the title condensed */
.events{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:2px solid var(--ink)}
.event{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,3vw,40px);align-items:start;padding:clamp(18px,2.2vw,28px) 0;border-bottom:1px solid var(--line)}
.event__date{display:grid;justify-items:center;min-width:76px;padding:10px 8px;border-radius:var(--r-3);background:var(--night);color:var(--on-night);font-family:var(--f-mono);line-height:1}
.event__mon,.event__dow{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--glow)}
.event__day{font:900 2.25rem/1 var(--f-display);font-stretch:var(--w-cond);margin:4px 0}
.event__title{font:800 clamp(1.375rem,1rem + 1.2vw,2rem)/1 var(--f-display);font-stretch:var(--w-cond);text-transform:uppercase;margin:0 0 6px}
.event__time{font:500 .8125rem/1.4 var(--f-mono);color:var(--grey);margin:0 0 8px}
.event__desc{margin:0;color:var(--ink);max-width:44rem}
.events__empty{padding:22px 0;color:var(--grey);border-top:2px solid var(--ink)}
.mgs--events-past .event__date{background:var(--fog-2);color:var(--grey)}
.mgs--events-past .event__mon,.mgs--events-past .event__dow{color:var(--grey)}

/* ---------- the forked design's page sections, redrawn in this design language ----------
   Medicinal, FAQ, the blog and the legal pages still use the original section classes
   (.band brand|content|quiet, .hero, .copy, .plate, .eyebrow). Map them here so every page
   reads as one site. */
.design .band.brand.hero,.design .band.hero{background:var(--night);color:var(--on-night);padding-block:clamp(36px,6vw,84px)}
.design .band.hero .bg{display:none}
.design .band.hero h1{font:900 clamp(2.5rem,1.2rem + 5.6vw,6rem)/.88 var(--f-display);font-stretch:var(--w-tight);text-transform:uppercase;letter-spacing:-.02em;color:#fff}
.design .band.hero .lede,.design .band.hero p{color:var(--on-night-2)}
.design .band.hero .is-style-kicker,.design .band.hero .eyebrow{color:var(--glow)}
.design .band.hero .plate{background:var(--night-2);border-color:var(--night-line);color:var(--on-night)}
.design .band.hero .crumbs{background:transparent;padding:0}
.design .band.hero .crumbs a,.design .band.hero .crumbs ol{color:var(--on-night-2)}
.design .band.hero .crumbs [aria-current]{color:var(--on-night)}
.design .band.brand:not(.hero){background:var(--fog-2)}
.design .band.quiet{background:var(--plate)}
.design .band{padding-block:clamp(48px,7vw,96px)}
.design .band h2{font:800 clamp(1.9rem,1.2rem + 2.6vw,3.25rem)/.95 var(--f-display);font-stretch:var(--w-cond);letter-spacing:-.015em}
.design .band h3{font-family:var(--f-display);font-stretch:var(--w-cond);font-weight:800;font-size:clamp(1.25rem,1rem + .8vw,1.625rem);line-height:1;text-transform:uppercase}
.design .eyebrow,.design .is-style-kicker{font:600 .75rem/1.2 var(--f-display);font-stretch:var(--w-wide);letter-spacing:.12em;text-transform:uppercase;color:#006414}
.design .band:not(:has(>.bg))::before{background-image:none;background-color:transparent}
.design .tablenote{font-size:.875rem;color:var(--grey)}
.design table{border-collapse:collapse;width:100%}
.design th,.design td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:top}
.design thead th{font:600 .75rem/1.3 var(--f-display);font-stretch:var(--w-wide);letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid var(--ink)}

/* breadcrumbs on the night heads */
.mgph .crumbs{display:block;padding:0;background:none}
.mgph .crumbs ol{display:flex;gap:8px;list-style:none;margin:0;padding:0;font:500 .75rem/1 var(--f-mono)}
.mgph .crumbs li+li::before{content:"/";margin-right:8px;color:var(--night-line)}
.mgph .crumbs a{text-decoration:none}

/* ---------- deals: campaign posters ---------- */
.design .dealcards>.copy .eyebrow{display:none}
.design .dealcards>.copy{border:0;background:none;padding:0;margin:0 0 18px;box-shadow:none}
.design .dealcards>.copy h2{font:800 clamp(1.25rem,1rem + .8vw,1.625rem)/1 var(--f-display);font-stretch:var(--w-cond);text-transform:uppercase;margin:0 0 6px}
.design .dealcards>.copy .lede{color:var(--grey);margin:0}
.design .dayrail{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px}
.design .dayrail button{min-width:64px;min-height:52px;border:1px solid var(--line);border-radius:var(--r-1);background:var(--plate);font:600 .75rem/1.1 var(--f-display);font-stretch:var(--w-wide);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.design .dayrail button[aria-pressed=true]{background:var(--night);border-color:var(--night);color:#fff}
.design .dayrail .t{display:block;font:500 .625rem/1 var(--f-mono);text-transform:none;letter-spacing:0;color:var(--glow);margin-top:3px}
.design .offers{display:grid;gap:14px}
@media (min-width:760px){.offers{grid-template-columns:repeat(2,minmax(0,1fr))}.offers .offer.wide{grid-column:1/-1}}
.design .plate.offer{display:grid;grid-template-rows:auto 1fr;padding:0;overflow:hidden;border:0;border-radius:var(--r-3);background:var(--plate)}
.design .offer .top{display:grid;gap:8px;padding:clamp(20px,2.4vw,30px);background:var(--signal);color:#fff;border:0}
:root .design .offer .tag{justify-self:start;padding:0;border:0;background:none;color:#fff;font:900 clamp(2.5rem,1.4rem + 4vw,4.75rem)/.85 var(--f-display);font-stretch:var(--w-tight);text-transform:uppercase;letter-spacing:-.02em;box-shadow:none}
.design .offer .what{font:700 1rem/1.25 var(--f-body);color:#fff}
.design .offer .body{display:grid;gap:12px;align-content:start;padding:clamp(18px,2vw,24px) clamp(20px,2.4vw,30px)}
.design .offer .body p{margin:0;color:var(--grey)}
.design .offer .brands{display:flex;flex-wrap:wrap;gap:6px}
.design .bchip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font:600 .8125rem/1 var(--f-body);color:var(--ink);text-decoration:none}
.design .bchip:hover{border-color:#006414;color:#006414}
.design .offer .go{display:inline-block;margin-top:4px;font:700 .8125rem/1 var(--f-display);font-stretch:var(--w-wide);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--signal);justify-self:start;padding-bottom:4px}
.design .mgs--deals .plate.offer,.design .mgs--deals .offer .top{background:var(--night)}
.design .mgs--deals .offer .body{background:#fff;color:var(--ink)}
.deal-strip{border:1px solid var(--line);border-left:4px solid var(--signal);border-radius:var(--r-3);background:var(--plate)}
.deal-strip .daytag,.daytag{background:var(--night);color:#fff;border:0;border-radius:var(--r-1);font:500 .6875rem/1 var(--f-mono)}

/* menu sub-views (/menu/<category>/, /menu/brand/…, /menu/product/…): marina-meadow prints its own
   page head, deal strip, search form and grid straight into the content area — give them the page
   measure, and the category head the night treatment */
.design-content>:is(.page-head,.deal-strip,.menu-form,.menu__layout,.menu__brands,.pdp,.brandx,.section,.crumbs,.brand-head,.brands-index){width:min(100% - 2*var(--gutter),var(--max));margin-inline:auto}
.design-content>.page-head{width:100%;max-width:none;margin:0 0 24px;padding:clamp(28px,5vw,64px) max(var(--gutter),calc((100% - var(--max))/2 + var(--gutter)));background:var(--night);color:var(--on-night)}
.design-content>.page-head h1,.design-content>.page-head .h1{font:900 clamp(2.5rem,1.2rem + 5vw,5.5rem)/.88 var(--f-display);font-stretch:var(--w-tight);text-transform:uppercase;color:#fff;margin:6px 0 10px}
.design-content>.page-head p,.design-content>.page-head .crumbs a,.design-content>.page-head .crumbs ol{color:var(--on-night-2)}
.design-content>.page-head .crumbs [aria-current]{color:var(--on-night)}
.design-content>.menu-form{margin-top:18px}
.mgph .plate.notice{display:flex;gap:12px;margin-top:24px;max-width:44rem;padding:16px 18px;border:1px solid var(--night-line);border-radius:var(--r-3);background:var(--night-2);color:var(--on-night-2)}
.mgph .plate.notice strong{color:#fff}
.mgph .faqnav,.mgph .faq-nav{margin-top:24px}

/* QA 2026-10-06: labels on night stay glow green; the shop index and product page fit 320px */
:root .site-footer .label,:root .label--light{color:var(--glow)}
.shopx__a{grid-template-columns:minmax(0,1fr) auto auto;gap:10px}
.shopx__name{overflow-wrap:anywhere}
@media (max-width:420px){.shopx__count{font-size:.6875rem}.shopx__go{display:none}}
.design-content>.pdp,.pdp>*{min-width:0}
.pdp__media{max-width:100%}
@media (max-width:767px){.pdp{grid-template-columns:minmax(0,1fr)}}
.pdp__info{grid-template-columns:minmax(0,1fr)}

/* ---------- header artwork: the store's neon sign on the right of every night page head ----------
   Decorative (the logo is already in the site header), so a background, never content. The lounge page
   shows its own "Marina Greens Lounge" sign as a real image in the page head instead (.mgph__art). */
.mgph,.design-content>.page-head{position:relative;isolation:isolate;overflow:hidden}
@media (min-width:900px){
  .mgph::before,.design-content>.page-head::before{content:"";position:absolute;z-index:-1;pointer-events:none;
    right:max(var(--gutter),calc((100% - var(--max))/2 + var(--gutter)));top:50%;width:min(34vw,440px);aspect-ratio:1005/700;transform:translateY(-50%) rotate(-2deg);
    background:url("../img/mg-logo-960.webp") no-repeat center/contain;opacity:.9;
    filter:drop-shadow(0 0 2px rgba(192,240,160,.8)) drop-shadow(0 0 16px rgba(45,170,68,.6)) drop-shadow(0 0 40px rgba(45,170,68,.35))}
  .mgph:has(.mgph__art)::before{content:none}
  .mgph .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:40px;align-items:center}
  .mgph .wrap>*{grid-column:1}
  .mgph .wrap>.mgph__art{grid-column:2;grid-row:1/span 8;justify-self:end}
}
.mgph__art{margin:0}
.mgph__art img{width:min(78vw,520px);height:auto;filter:drop-shadow(0 0 2px rgba(192,240,160,.6)) drop-shadow(0 0 18px rgba(45,170,68,.55))}
@media (max-width:899px){.mgph__art{margin:4px 0 18px}.mgph__art img{width:min(72vw,300px)}}
/* A photo or illustration in the page head (About's neon window): no neon glow filter, square-ish corners. */
.mgph__art--photo img{filter:none;border-radius:4px;aspect-ratio:1100/821;object-fit:cover}

/* ---------- home: deals up front (the day's deal flyer + Mon–Sun rail, as on Elevated, in Marina's look) ---------- */
.mgs--dealsfront{padding-block:clamp(28px,4vw,56px)}
.mgs--dealsfront .mg-more{margin-top:16px}
:root .ticket{position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:var(--r-3);background:var(--night);color:var(--on-night)}
:root .ticket__label{color:var(--glow)}
:root .ticket__label::before,:root .ticket .dot i{background:var(--neon)}
:root .ticket__day{font-family:var(--f-display);font-weight:900;font-stretch:var(--w-tight);text-transform:uppercase;letter-spacing:-.02em;color:#fff;text-shadow:0 0 18px rgba(45,170,68,.55)}
:root .ticket__deal{font:800 clamp(1.5rem,1.1rem + 1.4vw,2.25rem)/1 var(--f-display);font-stretch:var(--w-cond);text-transform:uppercase;color:var(--pale)}
:root .ticket__more{color:var(--on-night-2)}
:root .ticket__more a{color:var(--pale)}
:root .ticket .btn--deal{--bg:var(--signal);--fg:#fff;--bd:var(--signal)}
:root .ticket .btn--deal:hover{--bg:#006414;--bd:#006414}
:root .ticket .link-arrow--light{color:#fff}
:root .ticket .rail button,:root .ticket .ticket__rail button{border-radius:var(--r-1)}
:root .ticket .ticket__rail button[aria-current],:root .ticket .ticket__rail button[aria-pressed=true]{background:var(--signal);color:#fff;border-color:var(--signal)}

/* ---------- home: the lounge (night, the street-map art) ---------- */
.mgs--lounge{position:relative;isolation:isolate;overflow:hidden;background:var(--night);color:var(--on-night)}
:root .mgs--lounge .mg-eyebrow{color:var(--glow)}
:root .mgs--lounge .mg-display{color:#fff;text-shadow:0 0 24px rgba(45,170,68,.35)}
:root .mgs--lounge .mg-lede{color:var(--on-night-2);margin-top:0}
.mgs--lounge .btn-row{margin-top:24px}
.mgph .wrap>.wp-block-buttons{display:inline-flex;vertical-align:top;margin-right:10px}

/* ---------- lounge: the reel (a Cover block staff fill with a photo or video) + neon signs ---------- */
@font-face{font-family:"Neonderthaw";src:url("../fonts/neonderthaw-latin.woff2") format("woff2");font-display:swap}
.mgs--lounge-kit{padding-top:clamp(36px,5vw,72px)}
.wp-block-cover.mg-reel{border-radius:var(--r-3);overflow:hidden;align-items:flex-end;padding:clamp(28px,4vw,56px)}
.wp-block-cover.mg-reel:not(:has(img,video)){background:radial-gradient(70% 90% at 80% 20%,rgba(45,170,68,.25),transparent 60%),var(--night)}
.wp-block-cover.mg-reel .wp-block-cover__background{background:linear-gradient(180deg,rgba(14,26,18,.15),rgba(14,26,18,.85))!important;opacity:1}
.wp-block-cover.mg-reel .wp-block-cover__inner-container{max-width:none;width:100%;position:relative;z-index:2}
:root .mg-reel .mg-eyebrow{color:var(--glow)}
:root .mg-reel .mg-display{color:#fff;max-width:14ch}
.mg-neon{display:flex;flex-wrap:wrap;gap:6px clamp(18px,3vw,44px);list-style:none;margin:18px 0 0;padding:0}
.mg-neon li{font:400 clamp(2.5rem,1.4rem + 4vw,4.75rem)/1.1 "Neonderthaw",cursive;color:#3DBE55;-webkit-text-stroke:1.5px #33B44D;text-shadow:0 0 3px #2DAA44,0 0 14px rgba(45,170,68,.85),0 0 34px rgba(45,170,68,.5)}
@media (prefers-reduced-motion:no-preference){.mg-neon li{animation:mg-strike 1.8s steps(1,end) both}.mg-neon li:nth-child(2){animation-delay:.35s}.mg-neon li:nth-child(3){animation-delay:.7s}}
.mg-kit{display:grid;gap:0;margin-top:18px;border-top:2px solid var(--ink)}
@media (min-width:760px){.mg-kit{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mg-kit__item{padding:18px 18px 18px 0}
:root .mg-kit__k{font:800 1.375rem/1 var(--f-display);font-stretch:var(--w-cond);text-transform:uppercase;margin:0 0 6px}
.mg-kit__item p{margin:0;color:var(--grey)}
.mgs__lounge-art{margin:0 0 18px}
.mgs__lounge-art img{width:min(70vw,340px);height:auto;filter:drop-shadow(0 0 16px rgba(45,170,68,.45))}
@media (max-width:899px){.mgph .wrap:has(.mgph__art){display:flex;flex-direction:column;align-items:flex-start}.mgph .wrap>.crumbs{order:-2;align-self:stretch}.mgph .wrap>.mgph__art{order:-1;margin:14px 0 4px}.mgph .wrap>.mgph__art img{width:min(64vw,260px)}}