/* maha24 · skin "pos-senja"
   Papan pos senja: dusk outpost, brass ticket stubs, aged telegram paper and a
   three-way signpost. Written for this site only; the shared templates are not
   forked. Loads after assets/base.css and after the theme variables. */

:root{
  --bg:#0d0907;
  --bg2:#150e09;
  --panel:#1e140d;
  --panel2:#261910;
  --text:#f7e9cf;
  --muted:#c6a887;
  --accent:#c9642a;
  --accent2:#e9b45f;
  --line:rgba(233,180,95,.26);
  --line-soft:rgba(233,180,95,.14);
  --paper:#f2e4c6;
  --paper2:#e4d2ae;
  --ink:#2c1d12;
  --ink2:#5b4230;
  --brass:#e9b45f;
  --brass-hi:#fbe0a8;
  --brass-d:#a8762c;
  --copper:#c9642a;
  --verd:#5da093;
  --verd-d:#2c6b62;
  --oxblood:#8f332c;
  --display:"Rockwell","Superclarendon",Georgia,"Times New Roman",serif;
  --body:"Avenir Next","Helvetica Neue",Arial,system-ui,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --radius:10px;
  --max:1180px;
  --bar-h:66px;
}

html{background:var(--bg)}
body{
  background:
    radial-gradient(ellipse 90% 46% at 78% -6%,rgba(201,100,42,.30),transparent 68%),
    radial-gradient(ellipse 70% 40% at 8% 104%,rgba(93,160,147,.14),transparent 70%),
    linear-gradient(180deg,#120b07 0%,#0d0907 40%,#100b08 100%);
  color:var(--text);
  font-family:var(--body);
  font-size:16px;
  line-height:1.68;
}
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.16;
  background-image:
    repeating-linear-gradient(90deg,rgba(233,180,95,.05) 0 1px,transparent 1px 96px),
    radial-gradient(circle at 30% 20%,#fff 0 1px,transparent 1.4px);
  background-size:auto,220px 220px;
  mix-blend-mode:soft-light;
}
body::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.30;
  background-image:url("maha24-bg-kayu.webp");
  background-size:cover;
  background-position:center top;
  mix-blend-mode:multiply;
}
body>*{position:relative;z-index:1}
::selection{background:rgba(233,180,95,.32);color:#fff8e8}

/* ---------- type ---------- */
body.variant-poster.type-serif h1,body.variant-poster.type-serif h2,body.variant-poster.type-serif h3,
body.variant-poster.type-serif .po-title,body.variant-poster.type-serif .ed-wordmark,
body.variant-poster.type-serif .po-brand,body.type-serif .po-steps h3,body.type-serif .po-faq h3,
body.type-serif .route-card h3,body.type-serif .facts b,body.type-serif .po-factgrid b,
body.type-serif .av-hero-stats dd,body.type-serif .po-mini-facts b{
  font-family:var(--display);
  text-transform:uppercase;
  letter-spacing:.008em;
  font-weight:700;
}
h1,h2,h3{color:var(--text)}
p{color:var(--muted)}
a{color:var(--brass)}
a:hover{color:var(--brass-hi)}
.kicker,.ed-meta,.policy-strip,.route-no,.label,.facts b,.mono{
  font-family:var(--mono);
}
.kicker{
  font-size:10px;letter-spacing:.24em;color:var(--brass);font-weight:700;
  display:flex;align-items:center;gap:10px;
}
.kicker::before{content:"";width:26px;height:2px;background:var(--copper);display:inline-block}
.sec-head{margin:0 0 26px;max-width:820px}
.sec-head h2{
  font-size:clamp(26px,3.4vw,44px);line-height:1.02;margin:10px 0 10px;color:var(--text);
}
.sec-head h2::after{
  content:"";display:block;width:84px;height:4px;margin-top:14px;
  background:linear-gradient(90deg,var(--brass),var(--copper) 70%,transparent);
}
.sec-head p{max-width:720px;font-size:14.5px;color:var(--muted);margin:0}
.section{padding:66px 0;border-bottom:1px solid var(--line-soft);position:relative}
.section-note{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--muted)}
.section-note a{color:var(--brass);text-decoration:none;border-bottom:1px dashed var(--line)}

/* ---------- masthead header ---------- */
.ed-header{position:sticky;top:0;z-index:60;background:rgba(13,9,7,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.ed-header::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--copper),var(--brass) 45%,var(--verd) 100%);
}
.ed-masthead{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;
  min-height:74px;padding:10px 0 8px;
}
.ed-nav{display:flex;gap:18px;margin:0}
.ed-nav a{
  font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);text-decoration:none;padding:6px 0;border-bottom:1px solid transparent;
}
.ed-nav a:hover,.ed-nav a[aria-current="page"]{color:var(--brass);border-bottom-color:var(--copper)}
.ed-wordmark{justify-self:center;display:flex;align-items:center;text-decoration:none}
.ed-brand-logo{height:52px;width:auto;max-width:min(220px,42vw);object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.55))}
.ed-meta{justify-self:end;display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ed-meta span{padding:5px 9px;border:1px solid var(--line);color:var(--brass)}
.ed-rule{
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  border-top:1px dashed var(--line);padding:6px 0 7px;
  font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);
}
.menu-btn{
  border:1px solid var(--line);background:var(--panel);color:var(--brass);
  font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;
  height:38px;padding:0 12px;border-radius:6px;cursor:pointer;
}

/* ---------- policy strip: telegram header ---------- */
.policy-strip{
  background:linear-gradient(90deg,rgba(201,100,42,.16),rgba(30,20,13,.9) 40%,rgba(201,100,42,.10));
  border-bottom:1px solid var(--line);
  border-top:1px solid rgba(233,180,95,.10);
  font-size:9.5px;letter-spacing:.14em;
}
.policy-strip-inner{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:9px 0}
.policy-badge{color:var(--brass-hi);font-weight:700;letter-spacing:.18em}
.policy-tag{
  border:1px solid var(--verd);color:var(--verd);padding:2px 7px;border-radius:3px;letter-spacing:.2em;
}
.policy-link{
  border:1px solid var(--line);color:var(--brass);padding:4px 10px;border-radius:4px;min-height:26px;
  display:inline-flex;align-items:center;text-decoration:none;letter-spacing:.1em;background:rgba(233,180,95,.05);
}
.policy-link:hover{background:rgba(233,180,95,.16);border-color:var(--brass)}
.policy-note{margin-left:auto;color:var(--muted);letter-spacing:.1em}

/* ---------- buttons: brass ticket + verdigris ---------- */
.btn{
  border-radius:6px;font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;
  border-width:1px;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;
}
.btn-lg{min-height:56px;padding:0 26px;font-size:13px}
.btn-sm{min-height:40px;padding:0 14px;font-size:10px}
.btn-primary{
  background:linear-gradient(180deg,#f7d79a 0%,var(--brass) 46%,#c98c34 100%);
  color:#2a1508;border:1px solid #f3cf8d;
  box-shadow:0 4px 0 #8a5c1d,0 14px 30px rgba(201,100,42,.30),inset 0 1px 0 rgba(255,255,255,.55);
}
.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);color:#2a1508}
.btn-ghost{
  background:linear-gradient(180deg,rgba(93,160,147,.14),rgba(20,30,27,.72));
  color:#bfe2d8;border:1px solid var(--verd);
  box-shadow:0 4px 0 rgba(28,66,60,.85),inset 0 1px 0 rgba(190,235,225,.16);
}
.btn-ghost:hover{background:rgba(93,160,147,.24);color:#e6fff7;transform:translateY(-1px)}

/* ---------- hero: full-bleed dusk outpost ---------- */
.av-hero{
  position:relative;isolation:isolate;overflow:hidden;
  padding:0;border-bottom:1px solid var(--line);
  min-height:min(660px,80vh);
  display:flex;align-items:center;
}
.av-hero-bg.av-hero-media{position:absolute;inset:0;z-index:-2;opacity:1;filter:saturate(1.06) contrast(1.03) brightness(1.06)}
.av-hero-bg.av-hero-media picture,.av-hero-bg.av-hero-media img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 46%;
}
.av-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(90deg,rgba(9,7,5,.94) 0%,rgba(9,7,5,.86) 34%,rgba(9,7,5,.42) 58%,rgba(9,7,5,.10) 82%),
    linear-gradient(180deg,rgba(9,7,5,.72) 0%,transparent 26%,transparent 62%,rgba(9,7,5,.86) 100%);
}
.av-hero-inner{padding:44px 0 34px;max-width:1180px}
.hero-logo-lockup{gap:14px;margin:0 0 20px;align-items:center}
.hero-brand-logo{
  max-height:96px;width:auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.6));
  border-radius:8px;
}
.hero-logo-tag{
  font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:#2a1508;
  background:var(--brass);border:0;padding:4px 8px;border-radius:3px;font-weight:700;
}
.av-eyebrow{
  font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--brass);margin:0 0 14px;
}
.av-eyebrow span{color:var(--muted);letter-spacing:.14em}
.av-hero h1{
  font-size:clamp(40px,5.8vw,78px);line-height:.96;letter-spacing:-.018em;
  color:#fdf1d9;text-transform:uppercase;max-width:12ch;
  text-shadow:0 3px 0 rgba(40,22,8,.55),0 18px 50px rgba(0,0,0,.6);
  margin:0 0 18px;
}
.av-hero h1 em{
  font-style:normal;color:var(--brass);
  background:linear-gradient(180deg,#fce7b8,#e9b45f 55%,#c98c34);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.av-deck{
  font-size:16.5px;line-height:1.68;color:#e9d6b6;max-width:560px;margin:18px 0 8px;
  border-left:3px solid var(--copper);padding-left:16px;background:linear-gradient(90deg,rgba(201,100,42,.10),transparent 70%);
}
.av-chips{margin:16px 0 0;gap:7px}
.chips span{
  font-family:var(--mono);font-size:9px;letter-spacing:.06em;
  border:1px solid var(--line);background:rgba(20,14,10,.72);color:var(--muted);
  padding:5px 9px;border-radius:4px;
}
.av-hero-actions{gap:12px;margin:24px 0 0;max-width:360px}
.av-hero-actions .btn{justify-content:space-between}
.av-hero-actions .av-textlink{
  font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);text-decoration:none;border-bottom:1px dashed var(--line);padding-bottom:3px;
}
.av-hero-stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;
  margin:30px 0 0;max-width:620px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line-soft);
}
.av-hero-stats div{padding:12px 14px 12px 0;border-right:1px dashed var(--line-soft)}
.av-hero-stats div:last-child{border-right:0}
.av-hero-stats dt{
  font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);
}
.av-hero-stats dd{
  margin:4px 0 0;font-family:var(--display);font-size:15px;color:var(--brass-hi);
  text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere;
}

/* ---------- gallery: six nailed plates ---------- */
.sec-showcase{background:linear-gradient(180deg,rgba(20,14,10,.55),rgba(13,9,7,.2))}
.h03-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:8px}
.h03-tile{
  margin:0;position:relative;background:linear-gradient(180deg,#241708,#170f09);
  border:1px solid var(--line);border-radius:8px;padding:9px 9px 0;
  box-shadow:0 18px 40px rgba(0,0,0,.45);
}
.h03-tile::before,.h03-tile::after{
  content:"";position:absolute;top:7px;width:9px;height:9px;border-radius:50%;
  background:radial-gradient(circle at 32% 30%,#c9cdd2,#5c6167 60%,#2b2f34);
  box-shadow:0 1px 2px rgba(0,0,0,.8);
}
.h03-tile::before{left:9px}
.h03-tile::after{right:9px}
.h03-tile img{width:100%;height:auto;border-radius:4px;display:block;border:1px solid rgba(0,0,0,.5)}
.h03-tile figcaption{
  font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brass);padding:9px 2px 11px;display:flex;justify-content:space-between;gap:8px;
}
.h03-tile figcaption::after{content:"·";color:var(--muted)}
.h03-band{margin:22px 0 0;border:1px solid var(--line);border-radius:8px;overflow:hidden}

/* ---------- routes: ticket stubs ---------- */
.sec-routes{background:linear-gradient(180deg,rgba(201,100,42,.07),transparent 60%)}
.variant-poster .route-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:0;
}
.variant-poster .route-card{
  position:relative;border:1px dashed var(--line);border-radius:8px;
  background:linear-gradient(160deg,rgba(38,25,16,.95),rgba(20,14,10,.95));
  padding:20px 20px 18px;min-height:236px;box-shadow:0 14px 34px rgba(0,0,0,.35);
}
.variant-poster .route-card::before,.variant-poster .route-card::after{
  content:"";position:absolute;width:16px;height:16px;border-radius:50%;
  background:var(--bg);border:1px dashed var(--line);top:50%;transform:translateY(-50%);
}
.variant-poster .route-card::before{left:-9px}
.variant-poster .route-card::after{right:-9px}
.variant-poster .route-card.primary{
  background:linear-gradient(160deg,rgba(201,100,42,.26),rgba(30,20,13,.96));
  border:1px solid var(--brass);
}
.variant-poster .route-no{
  font-size:9px;letter-spacing:.22em;color:var(--brass);text-transform:uppercase;
}
.variant-poster .route-card h3{
  font-size:clamp(26px,3vw,38px);line-height:1;color:#fdf1d9;margin:16px 0 10px;
}
.variant-poster .route-card.primary h3{color:var(--brass-hi)}
.route-card p{font-size:13px;color:var(--muted);line-height:1.6}
.route-link{
  margin-top:16px;padding-top:10px;border-top:1px dashed var(--line);
  font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--brass);
}

/* ---------- summary ---------- */
.po-summary{max-width:none;display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:start}
.po-pull{
  font-family:var(--display);font-size:clamp(20px,2.4vw,28px);line-height:1.32;
  color:#fdf1d9;border-left:4px solid var(--copper);padding-left:16px;margin:0 0 14px;
  text-transform:none;letter-spacing:0;
}
.po-summary>p{font-size:14.5px;line-height:1.75;color:var(--muted)}
.po-mini-facts{
  display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-soft);
  border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:0;
}
.po-mini-facts span{background:#160f0a;padding:12px 14px;display:flex;flex-direction:column-reverse;gap:3px}
.po-mini-facts b{font-family:var(--display);font-size:14px;color:var(--brass-hi);text-transform:uppercase;overflow-wrap:anywhere}
.po-mini-facts small{font-family:var(--mono);font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sec-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 0}
.sec-links a{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:1px dashed var(--line);padding-bottom:2px}

/* ---------- facts: telegram paper panel ---------- */
.sec-facts .po-factgrid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;
  border:1px solid var(--paper2);background:linear-gradient(180deg,var(--paper),#e9d9b8);border-radius:6px;overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.5);
}
.sec-facts .po-factgrid div{
  background:linear-gradient(180deg,var(--paper),#e9d9b8);padding:16px 16px 14px;
  display:flex;flex-direction:column;gap:4px;min-height:104px;
}
.sec-facts .po-factgrid span{font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;color:var(--brass-d)}
.sec-facts .po-factgrid b{
  font-family:var(--display);font-size:17px;line-height:1.24;color:var(--ink);
  text-transform:uppercase;overflow-wrap:anywhere;
}
.sec-facts .po-factgrid small{
  font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);
  border-top:1px dashed rgba(91,66,48,.4);padding-top:6px;margin-top:auto;
}

/* ---------- activities ---------- */
.sec-activities .card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sec-activities .card{
  background:linear-gradient(170deg,rgba(38,25,16,.96),rgba(18,12,9,.96));
  border:1px solid var(--line);border-radius:8px;padding:18px;
}
.sec-activities .card h3{color:var(--brass-hi);font-size:18px;text-transform:none;letter-spacing:0;margin:6px 0 8px}
.sec-activities .card p{font-size:13px}
.sec-activities .label{font-size:9px;letter-spacing:.16em;color:var(--brass-d);text-transform:uppercase}

/* ---------- trust ---------- */
.sec-trust{background:linear-gradient(180deg,rgba(93,160,147,.06),transparent 70%)}
.trust-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:1px;background:var(--line-soft);border:1px solid var(--line)}
.trust-list li{background:#140e0a;padding:18px;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.trust-list li>span{
  font-family:var(--display);font-size:22px;color:var(--brass);line-height:1;
}
.trust-list p{font-size:13px;line-height:1.65;margin:0;color:var(--muted)}

/* ---------- terms / chips ---------- */
.terms-box{border:1px dashed var(--line);border-radius:8px;padding:18px;background:rgba(20,14,10,.6)}
.terms-label{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-d);margin:0 0 6px}
.terms-box .chips{margin:0 0 14px}
.edition-note{border-top:1px dashed var(--line);padding-top:12px;margin-top:6px}

/* ---------- faq ---------- */
.sec-faq .po-faq{border-top:1px solid var(--line)}
.po-faq article{padding:18px 18px 18px 0;border-bottom:1px solid var(--line-soft)}
.po-faq h3{font-size:15px;letter-spacing:.01em;color:#fdf1d9;text-transform:none;line-height:1.35}
.po-faq p{font-size:12.5px;line-height:1.68}
.po-num{font-family:var(--display);font-size:26px;color:var(--brass-d)}

/* ---------- guide / info pages ---------- */
.variant-page-hero{
  padding:52px 0 40px;border-bottom:1px solid var(--line);
  background:
    radial-gradient(ellipse at 82% 0%,rgba(201,100,42,.22),transparent 58%),
    linear-gradient(180deg,rgba(20,14,10,.7),transparent);
}
.variant-page-hero .wrap{max-width:900px}
.variant-page-hero h1{color:#fdf1d9;letter-spacing:-.015em}
.variant-poster .variant-page-hero h1{
  font-size:clamp(34px,5.4vw,64px);-webkit-text-stroke:0;color:#fdf1d9;text-transform:uppercase;
}
.variant-page-hero .deck,.variant-page-hero p{font-size:15px;color:var(--muted);max-width:720px;margin-left:auto;margin-right:auto}
.variant-page-hero .eyebrow{
  font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:none;color:var(--brass-d);
  max-width:760px;margin:0 auto 12px;line-height:1.7;
}
.variant-prose{max-width:820px}
.variant-prose h2{
  font-size:clamp(22px,2.8vw,32px);border-top:2px solid var(--line);padding-top:12px;margin:34px 0 10px;
  color:#fdf1d9;
}
.variant-prose p,.variant-prose li{font-size:14.5px;line-height:1.75;color:var(--muted)}
.variant-prose ul{padding-left:18px}
.variant-prose li{margin:0 0 6px}
.table-wrap{border:1px solid var(--line);border-radius:6px;overflow-x:auto;background:rgba(20,14,10,.7);max-width:100%}
table{font-size:12.5px}
th{background:rgba(201,100,42,.22);color:var(--brass-hi);font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;padding:10px 12px}
td{padding:10px 12px;border-bottom:1px solid var(--line-soft);color:var(--muted);vertical-align:top}
th[scope=row]{background:transparent;color:var(--brass);font-size:10px;letter-spacing:.06em}
.po-steps{border-top:1px solid var(--line)}
.po-steps li{border-bottom:1px solid var(--line-soft);padding:16px 16px 16px 0}
.po-steps li>span{font-family:var(--display);font-size:34px;color:var(--brass-d)}
.po-steps h3{font-size:16px;text-transform:none;letter-spacing:0;color:#fdf1d9}
.callout{border-left:3px solid var(--brass);background:rgba(30,20,13,.75);color:var(--muted);font-size:13px;padding:14px 16px;border-radius:0 6px 6px 0}

/* ---------- footer ---------- */
.ed-footer{border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(18,12,9,.9),rgba(10,7,5,.98));padding:44px 0 18px}
.ed-footer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}
.ed-footer-wordmark{
  font-family:var(--display);font-size:clamp(38px,5vw,64px);line-height:.92;color:var(--brass);
  text-transform:uppercase;letter-spacing:-.02em;display:block;margin-bottom:12px;
}
.ed-footer-brand p{font-size:13px;color:var(--muted);max-width:420px}
.ed-colophon{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-d)}
.ed-footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ed-footer-links h3{font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-d);margin:0 0 8px}
.ed-footer-links a{display:block;font-size:11.5px;color:var(--muted);text-decoration:none;padding:3px 0;border-bottom:1px dashed transparent}
.ed-footer-links a:hover{color:var(--brass);border-bottom-color:var(--line)}
.ed-footer-bottom{
  border-top:1px dashed var(--line);margin-top:26px;padding-top:12px;
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
  font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
}
.age{display:inline-block;border:1px solid var(--line);color:var(--brass);padding:1px 5px;border-radius:3px;margin-right:8px}

/* ---------- fixed bottom CTA (mobile only) ---------- */
.bottom-cta{display:none}
@media (max-width:700px){
  body[class*="variant-"] .bottom-cta,body .bottom-cta{
    display:flex !important;position:fixed;left:0;right:0;bottom:0;z-index:90;
    gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg,rgba(13,9,7,.86),rgba(9,7,5,.99) 40%);
    border-top:1px solid var(--line);
    box-shadow:0 -12px 30px rgba(0,0,0,.55);
  }
  .bottom-cta .btn{flex:1 1 0;min-height:50px;font-size:12px;letter-spacing:.04em}
  body{padding-bottom:calc(var(--bar-h) + 30px + env(safe-area-inset-bottom))}
}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .po-summary{grid-template-columns:1fr;gap:18px}
  .ed-footer-grid{grid-template-columns:1fr;gap:22px}
  .h03-tiles{gap:14px}
}
@media (max-width:900px){
  .av-hero{min-height:0;align-items:flex-end}
  .av-hero-inner{padding:34px 0 30px}
  .av-hero h1{max-width:14ch}
  .ed-masthead{grid-template-columns:auto 1fr auto;min-height:64px}
  .ed-nav{display:none}
  .ed-nav.is-open{
    display:flex;position:absolute;left:0;right:0;top:100%;
    background:rgba(13,9,7,.99);border-bottom:1px solid var(--line);
    padding:10px 18px 18px;flex-direction:column;gap:0;z-index:80;
  }
  .ed-nav.is-open a{padding:12px 0;border-bottom:1px solid var(--line-soft);width:100%}
  .ed-masthead .menu-btn{display:block}
  .ed-wordmark{justify-self:start;margin-left:14px}
  .ed-brand-logo{height:44px}
  .ed-meta span{display:none}
  .sec-facts .po-factgrid{grid-template-columns:1fr 1fr}
  .variant-poster .route-grid{grid-template-columns:1fr;gap:12px}
  .variant-poster .route-card{min-height:0;padding:18px}
  .variant-poster .route-card::before,.variant-poster .route-card::after{display:none}
  .sec-activities .card-grid{grid-template-columns:1fr}
  .trust-list{grid-template-columns:1fr}
  .h03-tiles{grid-template-columns:1fr 1fr;gap:12px}
  .ed-footer-links{grid-template-columns:1fr 1fr;gap:14px}
  .split,.variant-split{grid-template-columns:1fr;gap:22px}
  .po-steps{grid-template-columns:1fr}
  .po-steps li:nth-child(odd){border-right:0}
}
@media (max-width:700px){
  .section{padding:44px 0}
  .ed-rule{display:none}
  .ed-masthead{min-height:56px;padding:7px 0}
  .ed-brand-logo{height:40px}
  .policy-strip{font-size:8.5px;letter-spacing:.1em}
  .policy-strip-inner{padding:7px 0;gap:6px}
  .policy-link{padding:3px 7px;min-height:24px}
  .policy-note{display:none}
  /* mobile: image-led first screen (portrait crop above the copy) */
  .av-hero{display:block;min-height:0;padding:0}
  .av-hero-bg.av-hero-media{
    position:relative;inset:auto;height:186px;opacity:1;
    filter:saturate(1.06) contrast(1.03) brightness(1.02);
  }
  .av-hero-bg.av-hero-media picture{position:absolute;inset:0}
  .av-hero-bg.av-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 44%}
  .av-hero::before{display:none}
  .av-hero::after{
    content:"";position:absolute;left:0;right:0;top:0;height:186px;z-index:0;pointer-events:none;
    background:linear-gradient(180deg,rgba(9,7,5,.42) 0%,rgba(9,7,5,.04) 34%,rgba(13,9,7,.86) 88%,var(--bg) 100%);
  }
  .av-hero-inner{position:relative;z-index:2;padding:12px 0 22px}
  .hero-logo-lockup{margin:-26px 0 10px}
  .av-hero h1{font-size:clamp(34px,9.6vw,46px);max-width:none;margin:0 0 10px}
  .av-hero h1{font-size:clamp(38px,11.6vw,58px);max-width:none}
  .av-deck{font-size:15px;color:#ecd9ba}
  .hero-brand-logo{max-height:64px;max-width:150px}
  .av-hero-actions{gap:9px;margin:16px 0 0}
  .av-hero-actions .btn-lg{min-height:52px}
  .av-hero-stats{grid-template-columns:1fr 1fr;max-width:none}
  .av-hero-stats div:nth-child(2){border-right:0}
  .av-hero-stats div:nth-child(3){grid-column:1/-1;border-top:1px dashed var(--line-soft)}
  .policy-note{margin-left:0}
  .sec-head h2{font-size:clamp(24px,7.4vw,32px)}
  .h03-tiles{grid-template-columns:1fr;gap:14px}
  .sec-facts .po-factgrid{grid-template-columns:1fr 1fr}
  .sec-facts .po-factgrid div{min-height:0;padding:12px}
  .po-mini-facts{grid-template-columns:1fr}
  .ed-footer-links{grid-template-columns:1fr}
  .variant-page-hero{padding:34px 0 26px}
  .ed-rule span:last-child{display:none}
}

/* keep the reference look on print/short screens without hiding content */
@media (prefers-reduced-motion:reduce){
  .btn:hover{transform:none}
}