/* Meridian: night field, mint signal, amber accent. Instrument Serif display, IBM Plex Sans text, IBM Plex Mono labels. */
:root{
  --void:#0A0F14;--deep:#0F1720;--panel:#131D27;--line:rgba(148,178,196,.16);--line-2:rgba(148,178,196,.28);
  --mint:#5FE3C0;--mint-dk:#0B7A63;--amber:#F2B45A;--fog:#E9EEF1;--paper:#F3F5F4;--ink:#0E151B;--dim:#8FA3B1;--slate:#4A5A66;
  --serif:"Instrument Serif",Georgia,serif;--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --wrap:1280px;--gut:clamp(1.25rem,5vw,4rem);--band:clamp(4.5rem,9vw,8rem);--ease:cubic-bezier(.16,.84,.3,1);
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:clamp(1rem,.97rem + .18vw,1.075rem);line-height:1.7;-webkit-font-smoothing:antialiased}
::selection{background:var(--mint);color:var(--void)}
a{color:var(--mint-dk);text-underline-offset:.2em;text-decoration-thickness:1px}
.mx-wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);box-sizing:border-box;width:100%}
.front-content>*,.site-main>*,.wp-site-blocks>*{margin-block:0}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
.mx-mono,.mx-label{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
.mx-label{color:var(--mint-dk);margin:0 0 1.2rem;display:flex;align-items:center;gap:.7rem}
.mx-label::before{content:"";width:8px;height:8px;border:1px solid currentColor;transform:rotate(45deg)}

/* Header */
.site-header{background:var(--void);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-header .header-inner{display:flex;justify-content:space-between;align-items:center;min-height:72px;gap:1.5rem}
.site-header .brand{margin:0;font-family:var(--serif);font-size:1.5rem;line-height:1}
.site-header .brand a{color:var(--fog);text-decoration:none}
.site-header .brand a::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-left:.35rem;vertical-align:.15em;box-shadow:0 0 12px var(--mint)}
.site-nav{color:var(--dim);font-family:var(--mono);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}
.site-nav .wp-block-navigation__container{gap:2rem}
.site-nav .wp-block-navigation-item__content{text-decoration:none;transition:color .25s}
.site-nav .wp-block-navigation-item__content.wp-block-navigation-item__content:hover{color:var(--mint)}
.site-nav .wp-block-navigation__responsive-container-open svg,.site-nav .wp-block-navigation__responsive-container-close svg{fill:var(--fog)}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--void)!important;padding:2rem var(--gut)}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{color:var(--fog)!important;font-family:var(--serif);font-size:2.4rem;text-transform:none;letter-spacing:0}

/* Buttons */
.wp-block-button .wp-block-button__link{border-radius:4px;font-family:var(--mono);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;padding:1rem 1.5rem;transition:background-color .3s var(--ease),color .3s,box-shadow .3s,transform .3s var(--ease)}
.mx-btn-mint .wp-block-button__link{background:var(--mint);color:var(--void)}
.mx-btn-mint .wp-block-button__link:hover{box-shadow:0 0 0 6px rgba(95,227,192,.18);transform:translateY(-2px)}
.mx-btn-line .wp-block-button__link{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px var(--line-2)}
.mx-btn-line .wp-block-button__link:hover{box-shadow:inset 0 0 0 1px var(--mint);color:var(--mint)}
.mx-actions{gap:.8rem;margin-top:2.4rem!important}

/* Hero */
.mx-hero{background:var(--void);color:var(--fog);position:relative;overflow:hidden;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:96px 96px;background-position:-1px -1px}
.mx-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,15,20,.96) 0%,rgba(10,15,20,.85) 34%,rgba(10,15,20,.25) 62%,transparent 80%),linear-gradient(transparent 70%,var(--void));pointer-events:none}
.mx-hero-inner{position:relative;min-height:min(88vh,820px);display:flex;flex-direction:column;justify-content:center;padding-block:clamp(4rem,9vw,7rem)}
.mx-hero-inner>*{position:relative;z-index:2;max-width:46rem}
.mx-kicker{color:var(--mint);margin:0 0 1.8rem}
.mx-title{color:var(--fog);font-size:clamp(3rem,1.5rem + 5.4vw,6.6rem);line-height:.96;margin:0;letter-spacing:-.022em;max-width:11.5em!important}
.mx-title em{font-style:italic;color:var(--mint)}
.mx-lede{font-size:clamp(1.05rem,1rem + .35vw,1.25rem);line-height:1.65;color:#B7C6CF;margin:2rem 0 0;max-width:36em}
.mx-hero-inner>.mx-art{position:absolute;z-index:1;right:-14%;top:50%;transform:translateY(-50%);width:66%;max-width:none;margin:0;pointer-events:none}
.mx-art img{width:100%;height:auto;display:block;animation:mx-in 1.8s var(--ease) both}
@keyframes mx-in{from{opacity:0}to{opacity:1}}
.mx-hero-inner>.mx-title,.mx-hero-inner>.mx-lede,.mx-hero-inner>.mx-actions,.mx-hero-inner>.mx-kicker{animation:mx-up 1s var(--ease) both}
.mx-hero-inner>.mx-title{animation-delay:.06s}.mx-hero-inner>.mx-lede{animation-delay:.14s}.mx-hero-inner>.mx-actions{animation-delay:.22s}
@keyframes mx-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* Strip */
.mx-strip{background:var(--deep);border-block:1px solid var(--line);color:var(--fog)}
.mx-cells{display:grid;grid-template-columns:repeat(4,1fr)}
.mx-cell{padding:2.2rem 1.6rem 2.2rem 0;margin:0!important;border-right:1px solid var(--line)}
.mx-cell+.mx-cell{padding-left:1.6rem}
.mx-cell:last-child{border-right:0}
.mx-cell-num{font-family:var(--serif);font-size:clamp(2.4rem,1.8rem + 2vw,3.6rem);line-height:1;margin:0 0 .6rem;color:#fff}
.mx-cell:nth-child(2) .mx-cell-num{color:var(--amber)}
.mx-cell-label{font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;color:var(--dim);margin:0;line-height:1.55;text-transform:uppercase}

/* Intro */
.mx-intro{padding-block:var(--band)}
.mx-intro-cols{gap:clamp(2rem,6vw,6rem)!important}
.mx-intro h2{font-size:clamp(2.4rem,1.6rem + 3vw,4.4rem);line-height:1;margin:0;text-wrap:balance}
.mx-intro-body p{margin:0 0 1.25rem;color:#26323b}
.mx-intro-body p:first-child{font-size:clamp(1.15rem,1.05rem + .4vw,1.35rem);line-height:1.6;color:var(--ink)}

/* Chapters */
.mx-chap{padding-block:var(--band);border-top:1px solid rgba(14,21,27,.08)}
.mx-chap.mx-dark{background:var(--deep);color:#C5D2DA;border-top-color:var(--line)}
.mx-chap-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);grid-template-areas:"meta title" "meta body";column-gap:clamp(2rem,5vw,5rem)}
.mx-chap-meta{grid-area:meta;margin:0!important;border-top:1px solid currentColor;padding-top:1rem;align-self:start;opacity:.9}
.mx-chap-num{font-family:var(--mono);font-size:3.2rem;line-height:1;margin:0 0 .8rem;color:transparent;-webkit-text-stroke:1px var(--mint-dk)}
.mx-dark .mx-chap-num{-webkit-text-stroke-color:var(--mint)}
.mx-chap-meta .mx-mono{margin:0;color:var(--slate)}
.mx-dark .mx-chap-meta .mx-mono{color:var(--dim)}
.mx-chap-title{grid-area:title;font-size:clamp(2.1rem,1.5rem + 2.6vw,3.9rem);line-height:1.02;margin:0 0 2rem!important;max-width:16em;text-wrap:balance}
.mx-dark .mx-chap-title{color:#fff}
.mx-chap-body{grid-area:body;margin:0!important;columns:2 20rem;column-gap:3rem}
.mx-chap-body p{margin:0 0 1.2rem;break-inside:avoid}

/* Timeline */
.mx-timeline{background:var(--void);color:var(--fog);padding-block:var(--band);position:relative;overflow:hidden}
.mx-timeline .mx-label{color:var(--mint)}
.mx-tl-title{color:#fff;font-size:clamp(2.4rem,1.6rem + 3vw,4.4rem);line-height:1;margin:0 0 3rem}
.mx-tl{border-top:1px solid var(--line-2);margin:0!important}
.mx-tl-row{display:grid;grid-template-columns:9rem 1fr;gap:2rem;padding:1.15rem 0;border-bottom:1px solid var(--line);margin:0!important;position:relative;transition:background-color .3s}
.mx-tl-row::before{content:"";position:absolute;left:-1rem;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--mint);opacity:0;transition:opacity .3s,left .3s var(--ease)}
.mx-tl-row:hover{background:rgba(95,227,192,.04)}
.mx-tl-row:hover::before{opacity:1;left:-.4rem}
.mx-tl-year{font-family:var(--mono);color:var(--mint);margin:0;font-size:1rem;letter-spacing:.06em}
.mx-tl-text{margin:0;font-size:1.08rem;color:#D4DEE4}

/* FAQ */
.mx-faq{padding-block:var(--band)}
.mx-faq-cols{gap:clamp(2rem,6vw,6rem)!important}
.mx-faq h2{font-size:clamp(2.2rem,1.6rem + 2.4vw,3.6rem);line-height:1;margin:0}
.mx-faq .wp-block-details{border-top:1px solid rgba(14,21,27,.14);margin:0!important;padding:0}
.mx-faq .wp-block-details:last-child{border-bottom:1px solid rgba(14,21,27,.14)}
.mx-faq summary{list-style:none;cursor:pointer;font-size:1.12rem;font-weight:500;padding:1.35rem 3rem 1.35rem 0;position:relative}
.mx-faq summary::-webkit-details-marker{display:none}
.mx-faq summary::after{content:"+";font-family:var(--mono);position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--mint-dk);font-size:1.3rem;transition:transform .3s var(--ease)}
.mx-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.mx-faq details p{margin:0 0 1.5rem;color:#33424d;max-width:42em}

/* CTA */
.mx-cta{background:var(--void);color:var(--fog);padding-block:clamp(4rem,8vw,6.5rem);text-align:left;border-top:1px solid var(--line);position:relative;overflow:hidden}
.mx-cta::before{content:"";position:absolute;right:-10%;top:-60%;width:60%;height:220%;background:radial-gradient(closest-side,rgba(95,227,192,.16),transparent);pointer-events:none}
.mx-cta-title{color:#fff;font-size:clamp(2.2rem,1.5rem + 3vw,4.4rem);line-height:1;margin:0 0 1rem;max-width:14em}
.mx-cta-text{color:var(--dim);max-width:34em;margin:0}

/* Notes */
.mx-notes{background:var(--deep);color:var(--dim);padding-block:clamp(3rem,6vw,4.5rem);border-top:1px solid var(--line)}
.mx-notes .mx-label{color:var(--mint)}
.mx-sources{list-style:none;margin:0;padding:0;columns:2 24rem;column-gap:3rem;counter-reset:s}
.mx-sources li{break-inside:avoid;font-size:.84rem;line-height:1.5;padding:.6rem 0 .6rem 2.6rem;border-top:1px solid var(--line);position:relative;counter-increment:s}
.mx-sources li::before{content:"[" counter(s) "]";position:absolute;left:0;top:.62rem;font-family:var(--mono);font-size:.72rem;color:var(--mint)}
.mx-notes .mx-sources a{color:#C9D5DC;text-decoration:none}
.mx-notes .mx-sources a:hover{color:var(--mint)}

/* Inner pages */
.page-hero{background:var(--void);color:var(--fog);padding-block:clamp(4.5rem,10vw,8rem) clamp(3rem,6vw,4.5rem);position:relative;overflow:hidden;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px}
.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--void) 30%,rgba(10,15,20,.55));pointer-events:none}
.page-hero-inner{position:relative;z-index:1}
.page-title{color:#fff;font-size:clamp(2.8rem,1.6rem + 5vw,6.2rem);line-height:.98;margin:0;max-width:13em;letter-spacing:-.02em}
.page-body{padding-block:clamp(3rem,7vw,5.5rem)}
.page-content{max-width:45rem;margin-inline:auto}
.page-content>*{margin-block:0}
.page-content>p{margin-bottom:1.25rem;color:#26323b}
.page-content>h2{font-size:clamp(1.8rem,1.4rem + 1.5vw,2.6rem);line-height:1.08;margin:3.4rem 0 1.1rem;position:relative;padding-top:1.4rem}
.page-content>h2::before{content:"";position:absolute;top:0;left:0;width:3rem;height:2px;background:var(--mint-dk)}
.mx-page-lede{font-family:var(--serif);font-size:clamp(1.55rem,1.2rem + 1.2vw,2.2rem)!important;line-height:1.3;color:var(--ink)!important;margin-bottom:2.4rem!important}
.page-content .mx-sources{columns:1}
.page-content .mx-sources li{border-top-color:rgba(14,21,27,.1)}
.page-content .mx-sources li::before{color:var(--mint-dk)}
.mx-sources-title{font-family:var(--mono)!important;font-size:.76rem!important;letter-spacing:.14em;text-transform:uppercase;color:var(--mint-dk)!important}
.mx-form-slot{border:1px solid rgba(14,21,27,.16);border-left:3px solid var(--mint-dk);background:#fff;padding:1.6rem 1.8rem;margin:2rem 0!important}
.mx-form-slot p{margin:0 0 .6rem}.mx-form-note{color:var(--slate);font-size:.92rem}

/* Footer */
.site-footer{background:var(--void);color:var(--dim);padding-block:clamp(3.5rem,7vw,5rem) 2rem;font-size:.92rem;border-top:1px solid var(--line)}
.site-footer .footer-cols{gap:3rem!important}
.site-footer .footer-brand{font-family:var(--serif);font-size:2rem;margin:0 0 .9rem;line-height:1}
.site-footer .footer-brand a{color:var(--fog);text-decoration:none}
.site-footer .footer-blurb{max-width:34em;margin:0}
.site-footer .footer-label{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);margin:0 0 .8rem}
.site-footer .footer-links a{color:var(--fog);text-decoration:none}
.site-footer .footer-links a:hover{color:var(--mint)}
.site-footer .footer-legal{margin:3rem 0 0;padding-top:1.4rem;border-top:1px solid var(--line);font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:#61727F}

@media (max-width:900px){.mx-cells{grid-template-columns:1fr 1fr}.mx-cell:nth-child(2){border-right:0}.mx-cell:nth-child(3){padding-left:0}.mx-cell:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:781px){
  .mx-hero-inner{min-height:0;padding-block:3.5rem 4.5rem}
  .mx-hero-inner>.mx-art{position:relative;right:auto;top:auto;transform:none;width:115%;margin:2rem -7% -2rem!important;opacity:.85;order:5}
  .mx-hero::after{background:linear-gradient(transparent 80%,var(--void))}
  .mx-chap-grid{grid-template-columns:1fr;grid-template-areas:"meta" "title" "body"}
  .mx-chap-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem!important}
  .mx-chap-num{font-size:2.2rem;margin:0}
  .mx-tl-row{grid-template-columns:4.5rem 1fr;gap:1rem}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.site-header .header-inner > *{margin-block:0}