/* ============================================================
   Harbour & Hangar — SKIN v1  (black · yellow · Geist)
   Additive override. Load AFTER the existing stylesheets.
   Reskins the WHOLE site by redefining design tokens +
   targeted component fixes. HTML is NOT touched.
   ============================================================ */

/* 1 — Fonts */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap');

/* 2 — Token flip: light/paper/serif  ->  dark/yellow/Geist */
:root{
  --paper:#0B0C0E;  --paper-2:#14161A;  --paper-3:#0E1013;
  --ink:#ECEDEE;    --ink-2:#9EA3A9;    --ink-3:#6E737A;
  --line:rgba(255,255,255,.10);  --line-2:rgba(255,255,255,.16);  --line-strong:#ECEDEE;
  --accent:#FFE01B; --accent-strong:#F5D400; --accent-soft:#1F2226; --on-accent:#0B0C0E;
  --font-sans:'Geist',system-ui,-apple-system,sans-serif;
  --font-mono:'Geist Mono',ui-monospace,monospace;
  --font-head:'Geist',system-ui,sans-serif;
}

/* 3 — Base canvas */
html,body{background:#0B0C0E;color:var(--ink)}
body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased}

/* Headings: Geist, tighter, confident (was serif) */
h1,h2,h3,.hhero-cap h1,.hsec h2{
  font-family:var(--font-head)!important;font-weight:500;letter-spacing:-.035em;
}
h1{letter-spacing:-.045em}

/* Eyebrows / mono labels -> yellow */
.eyebrow,.eyb{color:var(--accent)!important;font-family:var(--font-mono)}

/* 4 — Nav: header lives in /chrome.v1.css (global, every page) */
.nav .hhero-cta,.btn-price,.nav a.cta{background:var(--accent)!important;color:var(--on-accent)!important}

/* 5 — Hero: already dark image + gradients; strengthen for legibility */
.hhero-cap h1{color:#fff}
.hhero-cap h1 em{color:var(--accent);font-style:normal}
.hhero-cap .sub,.hhero-cap p{color:#C9CCD0}

/* 6 — SEARCH BAR: keep it WHITE on the dark hero (Kristin's fix) */
.hhero-search .fields,.jsearch .fields{background:#fff!important;border-radius:10px;overflow:hidden}
.jsearch .f,.jsearch .ac-field{background:#fff!important}
.jsearch label{color:#6E737A!important;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em}
.jsearch input,.jsearch .ac-input,.jsearch select{color:#0B0C0E!important;background:#fff!important}
.jsearch input::placeholder,.jsearch .ac-input::placeholder{color:#9aa0a6!important}
/* Search "go" button -> yellow with dark text */
.home .hhero-search .jsearch .go,.jsearch .go{background:var(--accent)!important;color:var(--on-accent)!important;font-family:var(--font-mono);font-weight:500;letter-spacing:.06em}
.home .hhero-search .jsearch .go:hover,.jsearch .go:hover{background:var(--accent-strong)!important}

/* Trust flags under search -> yellow ticks */
.hhero-ctarow,.hhero-browse{color:#D6D9DD}
.hhero-ctarow a,.hhero-browse a{color:#fff}

/* 7 — Cards (events, destinations, journal) -> dark */
.ecard{background:var(--paper-3)!important;border:1px solid var(--line)!important;color:var(--ink)}
.ecard:hover{border-color:var(--line-2)!important}
.ecard h3{color:#fff}
.ecard .eb,.ecard .dt{color:var(--ink-2)}
.ecard .more{color:var(--accent)}
.ecard .ph{background:#000}
/* Country flag before the card's region/place line */
.ecard .eb .flag{display:inline-block;width:20px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.12);vertical-align:-2px;margin-right:8px}

/* Section backgrounds & rules */
.hsec,.hsec--continue{background:transparent;border-color:var(--line)}
.hsec h2{color:#fff}
.hsec .sld,.hsec p{color:var(--ink-2)}
.hsec--alt,.hsec--paper{background:#0E1013!important}

/* Steps / how-it-works */
.step{background:var(--paper-3)!important;border-color:var(--line)!important}
.step .n{color:var(--accent)!important}
.step h3{color:#fff} .step p{color:var(--ink-2)}

/* 8 — Buttons / CTAs site-wide -> yellow */
.cta,.cta-band .btn,.hhero-cta,.btn--enquire,.qw-fill,.alert .btn,.alertform .btn,
button.go,a.go,.btn-primary{
  background:var(--accent)!important;color:var(--on-accent)!important;border-color:var(--accent)!important;
}
.cta:hover,.btn--enquire:hover,.hhero-cta:hover{background:var(--accent-strong)!important}
/* dark inline cta band */
.cta-band{background:#0E1013!important;border:1px solid var(--line)!important;color:var(--ink)}
.cta-band h3{color:#fff}

/* The big "75% off" stat block */
.stat,.stat-num,.pct{color:var(--accent)!important}

/* 9 — Route-alert band -> dark with yellow submit */
.alert,.alert-box{background:#0E1013!important;color:var(--ink);border-color:var(--line)!important}
.alert h2{color:#fff}
.alert input,.alertform input{background:#fff!important;color:#0B0C0E!important;border:1px solid var(--line-2)}
.alert #al-submit,.alertform .btn{background:var(--accent)!important;color:var(--on-accent)!important}

/* 10 — FAQ */
.art-faq summary,.faq summary,details summary{color:#fff}
.art-faq,.faq{border-color:var(--line)}
details{border-color:var(--line)!important}

/* 11 — Footer: lives in /chrome.v1.css (global, every page) */

/* 12 — Tables (cost/comparison on journal & fleet) */
table{color:var(--ink)} th{color:var(--ink-2);border-color:var(--line)!important}
td{border-color:var(--line)!important}

/* 13 — Journal article body (dark reading) */
.prose{color:#D6D9DD} .prose h2,.prose h3{color:#fff}
.prose a{color:var(--accent)}
.qanswer,.takeaways{background:#0E1013!important;border-color:var(--line)!important;color:var(--ink)}

/* 14 — Misc legibility on dark */
.crumb,.crumb a{color:var(--ink-2)}
hr{border-color:var(--line)}
::selection{background:var(--accent);color:var(--on-accent)}

/* ============================================================
   15 — HOMEPAGE LAYOUT  (target: harbour-hangar-homepage design)
   Scoped to body.home. Pairs with small text-neutral markup hooks
   in /index.html: .board wrapper, #boardTabs, .cap-a/.cap-d/.cap-b,
   .fleet-ctas, .amp, .tk, and the board-enhancement inline script
   (flags / class tabs / --off discount bar).
   Nav + footer have been promoted to /chrome.v1.css (every page).
   Still a candidate to promote when the next template is skinned:
   section heads.
   ============================================================ */
@keyframes hhpulse{0%,100%{opacity:1}50%{opacity:.3}}
body.home{--maxw:1440px;--wrap-pad:clamp(20px,3.4vw,48px);background:#0B0C0E}
.home .amp,.home .tk{color:var(--accent)}

/* Nav + footer: see /chrome.v1.css */

/* Hero */
.home .hhero{min-height:clamp(680px,100svh,960px);border-bottom:0;background:#0B0C0E}
.home .hhero-bg::after{background:linear-gradient(90deg,rgba(11,12,14,.88) 0%,rgba(11,12,14,.62) 38%,rgba(11,12,14,.18) 70%,rgba(11,12,14,0) 100%),linear-gradient(180deg,rgba(11,12,14,.65) 0%,rgba(11,12,14,0) 24%,rgba(11,12,14,0) 50%,rgba(11,12,14,.95) 100%)}
.home .hhero .hhero-cap{padding-bottom:40px}
.home .hhero .hhero-cap>.wrap{justify-content:flex-end}
.home .hhero .eyebrow{display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:0;backdrop-filter:none;font-size:13px;letter-spacing:.08em;margin-bottom:22px!important}
.home .hhero .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#3fcf8e;background:oklch(0.78 0.16 150);animation:hhpulse 1.6s infinite}
.home .hhero h1{font-size:clamp(44px,6.2vw,88px);line-height:.98;font-weight:500;letter-spacing:-.045em;max-width:900px;text-shadow:none;text-wrap:balance}
.home .hhero-cap h1 em{color:#FFE01B;font-style:normal}
.home .hhero .sub{font-size:clamp(16px,1.35vw,19px);line-height:1.55;color:#C9CCD0;max-width:680px;margin-top:22px!important;text-shadow:none;text-wrap:pretty}
@media (min-width:481px){body.home .hhero:not(.hhero--article) .sub{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;max-width:680px!important;font-size:clamp(16px,1.35vw,19px)!important;line-height:1.55!important;margin-top:22px!important}}
.home .hhero:not(.hhero--article) .hhero-search{max-width:1100px;margin-top:40px}
.home .hhero-search .jsearch--hero .fields{border:1px solid #fff!important;border-radius:10px;box-shadow:0 16px 48px rgba(0,0,0,.4)}
.home .hhero-search .jsearch--hero .f{padding:14px 18px;border-right:1px solid #E2E2DE;gap:5px}
.home .hhero-search .jsearch--hero .f label{font-size:11px;letter-spacing:.06em;color:#5E6166!important;margin-bottom:0}
.home .hhero-search .jsearch--hero .f input,.home .hhero-search .jsearch--hero .f select{font-family:var(--font-sans);font-size:17px}
body.home .hhero .hhero-search .jsearch--hero .go{background:var(--accent)!important;color:var(--on-accent)!important;border:0!important;font-family:var(--font-sans);font-size:16px;font-weight:600;letter-spacing:0;text-transform:none;padding:15px 30px}
body.home .hhero .hhero-search .jsearch--hero .go svg{stroke:var(--on-accent)!important}
body.home .hhero .hhero-search .jsearch--hero .go:hover{background:var(--accent-strong)!important;color:var(--on-accent)!important}
body.home .hhero .hhero-search .jsearch--hero .go:hover svg{stroke:var(--on-accent)!important}
@media (min-width:761px){.home .hhero-search .jsearch--hero .fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,.55fr) auto}body.home .hhero .hhero-search .jsearch--hero .go{padding:0 30px}}
.home .hsq-out{background:#121417;border:1px solid #2A2E33;border-radius:10px;backdrop-filter:none;max-width:1100px;margin-top:10px}
.home .hsq-k{font-size:11px;color:#8B9096}
.home .hsq-v{font-family:var(--font-sans);font-weight:600;letter-spacing:-.02em}
.home .hsq-confirm{border-top-color:#2A2E33}
.home .hsq-confirm p{color:#9EA3A9}
.home .hsq-crow input{border-radius:6px;font-family:var(--font-sans);font-size:15px}
body.home .hsq-crow button{background:var(--accent)!important;color:var(--on-accent)!important;border:0!important;border-radius:6px;font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none}
.home .hhero-ctarow{gap:28px;margin-top:16px!important}
.home .hhero-ctarow .btn--hero-outline{border:0;padding:0;background:none;font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;color:#ECEDEE}
.home .hhero-ctarow .btn--hero-outline:hover{background:none;color:#ECEDEE;opacity:.72}
.home .hhero .hcred-bar{background:rgba(11,12,14,.6);border-top:1px solid rgba(236,237,238,.14);border-bottom:0}
.home .hcred-bar .wrap{justify-content:flex-start;gap:12px 32px;padding:14px var(--wrap-pad);text-align:left}
.home .hcb-tick{font-size:12px;letter-spacing:.08em;color:#C9CCD0}

/* Sections: rhythm, uniform canvas, heads */
.home .hsec,.home .hsec.hsec--alt{background:#0B0C0E!important;padding-block:clamp(36px,4.2vw,60px)}
.home #how{padding-top:clamp(72px,8.4vw,120px)}
.home #cost,.home #faq{padding-bottom:clamp(72px,8.4vw,120px)}
.home svg.arc{display:none}
.home .shead{display:flex;flex-direction:column;align-items:stretch;gap:12px;border-top:0;padding-top:0;margin-bottom:clamp(28px,2.6vw,36px)}
.home .shead h2{font-size:clamp(34px,3.4vw,48px);line-height:1.02;font-weight:500;letter-spacing:-.04em;margin:12px 0 0;max-width:none;text-wrap:balance}
.home .shead .sld{font-size:17px;line-height:1.6;color:#9EA3A9;max-width:680px;margin:0}
.home .eyb{font-size:13px;letter-spacing:.08em}
.home .eyb .idx{color:inherit;margin-right:10px}
.home .rail-foot{margin-top:28px}
.home .biglink{font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;color:#ECEDEE;border-bottom:0}

/* How it works: head left, steps right */
@media (min-width:901px){
  .home #how .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:end}
  .home #how .shead{margin:0}
  .home #how .shead h2{font-size:clamp(40px,3.9vw,56px)}
  .home #how .shead .sld{font-size:18px}
}
.home .steps{gap:1px;background:#1F2226;border:1px solid #1F2226;border-radius:10px;overflow:hidden}
.home .step,.home .step:first-child,.home .step:last-child{background:#0B0C0E!important;border:0!important;padding:22px;display:flex;flex-direction:column;gap:10px}
.home .step .n{font-family:var(--font-mono);font-size:12px;line-height:1.2}
.home .step h3{font-size:17px;font-weight:500;letter-spacing:-.01em;margin:0}
.home .step p{font-size:14px;line-height:1.55;color:#8B9096}

/* Deals board */
@media (min-width:901px){
  .home #routes .shead{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;row-gap:12px;align-items:end}
  .home #routes .shead>div:first-child,.home #routes .shead>.sld{grid-column:1}
  .home #routes .shead>.board-tabs{grid-column:2;grid-row:1/3}
}
.home .board-tabs{display:flex;flex-wrap:wrap;gap:6px}
.home .board-tabs[hidden],.home .board-tabs button[hidden]{display:none}
.home .board-tabs button{border:1px solid #2A2E33;background:transparent;color:#B5B9BE;padding:8px 14px;border-radius:6px;font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer}
.home .board-tabs button:hover{color:#ECEDEE}
.home .board-tabs button.active{background:#ECEDEE;color:#0B0C0E;border-color:#ECEDEE}
.home .board{border:1px solid #1F2226;border-radius:12px;overflow:hidden;background:#0E1012}
body.home #legs-table{display:block!important;margin:0;border:0!important}
body.home #legs-table .trow{background:transparent!important;border:0!important;border-bottom:1px solid #1A1D20!important;border-radius:0;padding:20px 22px}
body.home #legs-table .trow:not(.thead):hover{background:#131518!important}
body.home #legs-table .trow.hh-off{display:none!important}
body.home #legs-table .trow>.leg-ac,body.home #legs-table .trow>.th-ac{display:none!important}
body.home #legs-table .trow.thead{padding:14px 22px;border-bottom-color:#1F2226!important;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6E737A}
@media (min-width:721px){
  body.home #legs-table .trow{grid-template-columns:112px minmax(0,1.5fr) minmax(0,1fr) 48px minmax(0,1fr) 112px;column-gap:16px}
  body.home #legs-table .trow>.date,body.home #legs-table .trow.thead>span:nth-child(2){grid-column:1}
  body.home #legs-table .trow>.rt,body.home #legs-table .trow.thead>span:nth-child(3){grid-column:2}
  body.home #legs-table .trow>.ac2,body.home #legs-table .trow.thead>span:nth-child(4){grid-column:3}
  body.home #legs-table .trow>.px,body.home #legs-table .trow.thead>span:nth-child(5){grid-column:4}
  body.home #legs-table .trow>.pr,body.home #legs-table .trow.thead>span:nth-child(6){grid-column:5}
  body.home #legs-table .trow>.btn--enquire,body.home #legs-table .trow.thead>span:nth-child(7){grid-column:6}
}
body.home #legs-table .trow .date{font-family:var(--font-mono);font-size:14px;color:#ECEDEE;gap:4px}
body.home #legs-table .trow .date .count{font-family:var(--font-sans);font-size:12px;color:#8B9096}
body.home #legs-table .trow .rt{flex-wrap:wrap;gap:4px 10px}
body.home #legs-table .trow .rt .code{font-family:var(--font-mono);font-size:18px;font-weight:500;color:#ECEDEE}
body.home #legs-table .trow .rt .ar{color:var(--accent);font-family:var(--font-mono);font-size:18px}
body.home #legs-table .trow .rt .city{flex-basis:100%;font-size:13px;color:#8B9096}
body.home #legs-table .trow .rt .flag{width:20px;height:14px;object-fit:cover;border-radius:2px;flex:none}
body.home #legs-table .trow .ac-pop{font-family:var(--font-sans);font-size:15px;color:#ECEDEE;border-bottom:1px dotted #4A4E54}
body.home #legs-table .trow .ac-pop:hover{color:var(--accent);border-bottom-color:var(--accent)}
body.home #legs-table .trow .px{font-family:var(--font-mono);font-size:14px;color:#ECEDEE}
body.home #legs-table .trow>.pr{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:4px 10px;font-size:19px;font-weight:600;color:#ECEDEE}
body.home #legs-table .trow>.pr::after{content:"";flex-basis:100%;height:3px;margin-top:4px;border-radius:2px;background:linear-gradient(var(--accent),var(--accent)) 0 0/var(--off,0%) 100% no-repeat,#24272C}
body.home #legs-table .trow .pr .save{background:none!important;border:0!important;padding:0;color:var(--accent)!important;font-family:var(--font-mono);font-size:12px;font-weight:400}
body.home #legs-table .trow .btn--enquire{background:var(--accent)!important;color:var(--on-accent)!important;border:0!important;justify-self:end;border-radius:6px;padding:10px 14px;font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap}
.home .board .board-note,.home .board .board-reassure{margin:0;padding:0 22px;border:0;font-family:var(--font-sans);font-size:14px;line-height:1.6;color:#9EA3A9;max-width:none}
.home .board .board-note{padding-top:18px}
.home .board .board-reassure{padding-top:8px;padding-bottom:18px}
.home .board .board-note a,.home .board .board-reassure b{color:#ECEDEE;font-weight:600}
@media (max-width:720px){
  body.home #legs-table .trow{padding:18px}
  body.home #legs-table .trow>.btn--enquire{justify-self:stretch}
}

/* Calendar: sorted first event = featured card, the rest = list */
@media (min-width:901px){
  .home #calendar-rail{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-auto-rows:min-content;column-gap:20px;row-gap:0;align-items:start}
  .home #calendar-rail>.ecard:first-child{grid-column:1;grid-row:1/span 40;position:sticky;top:24px;height:640px}
  .home #calendar-rail>.ecard:not(:first-child){grid-column:2}
  .home #calendar-rail>.ecard:nth-child(2){border-top:1px solid #1F2226}
}
.home #calendar-rail>.ecard:first-child{display:flex;flex-direction:column;justify-content:flex-end;border:0!important;border-radius:12px;overflow:hidden;background:#15171A!important;transform:none;min-height:420px}
.home #calendar-rail>.ecard:first-child .ph{position:absolute;inset:0;aspect-ratio:auto}
.home #calendar-rail>.ecard:first-child .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,12,14,0) 40%,rgba(11,12,14,.9) 100%)}
.home #calendar-rail>.ecard:first-child .live{top:32px;left:32px;background:var(--accent);color:var(--on-accent);font-size:12px;padding:5px 9px;border-radius:4px;backdrop-filter:none;z-index:1}
.home #calendar-rail>.ecard:first-child .live .d{background:var(--on-accent)}
.home #calendar-rail>.ecard:first-child .body{position:relative;padding:32px;display:flex;flex-direction:column;gap:12px}
.home #calendar-rail>.ecard:first-child .eb{font-size:12px;letter-spacing:.08em;color:#C9CCD0}
.home #calendar-rail>.ecard:first-child h3{font-size:clamp(34px,3.4vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1;margin:0}
.home #calendar-rail>.ecard:first-child .dt{font-family:var(--font-sans);font-size:16px;color:#C9CCD0;margin:0}
.home #calendar-rail>.ecard:first-child .more{font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;border:0;padding:0;margin:0;color:var(--accent)}
.home #calendar-rail>.ecard:not(:first-child){display:grid;grid-template-columns:72px 110px minmax(0,1fr) auto;grid-template-areas:"im dt nm lv" "im dt eb lv";column-gap:18px;row-gap:3px;align-items:center;padding:16px 4px;background:transparent!important;border:0!important;border-bottom:1px solid #1F2226!important;border-radius:0;transform:none}
.home #calendar-rail>.ecard:not(:first-child) .ph,.home #calendar-rail>.ecard:not(:first-child) .body{display:contents}
.home #calendar-rail>.ecard:not(:first-child) .ph img{grid-area:im;width:72px;height:48px;border-radius:6px;transform:none}
.home #calendar-rail>.ecard:not(:first-child) .dt{grid-area:dt;margin:0;font-size:13px;color:#9EA3A9;text-transform:uppercase}
.home #calendar-rail>.ecard:not(:first-child) h3{grid-area:nm;margin:0;font-size:18px;font-weight:500;letter-spacing:-.01em;align-self:end}
.home #calendar-rail>.ecard:not(:first-child) .eb{grid-area:eb;font-family:var(--font-sans);font-size:13px;letter-spacing:0;text-transform:none;color:#8B9096;align-self:start}
.home #calendar-rail>.ecard:not(:first-child) .live{grid-area:lv;position:static;background:none;backdrop-filter:none;padding:0;font-size:12px;color:var(--accent);white-space:nowrap}
.home #calendar-rail>.ecard:not(:first-child) .live .d{background:var(--accent)}
.home #calendar-rail>.ecard:not(:first-child) .more{display:none}
.home #calendar-rail>.ecard:not(:first-child):hover{background:#0E1012!important}

/* Why: copy left, sticky 75% card right */
@media (min-width:901px){
  .home #cost .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:80px;align-items:start}
  .home #cost .shead{grid-column:1;margin-bottom:22px}
  .home #cost .shead h2{font-size:clamp(40px,3.9vw,56px)}
  .home #cost .split{display:contents}
  .home #cost .split>div:first-child{grid-column:1}
  .home #cost .bigstat{grid-column:2;grid-row:1/3;position:sticky;top:24px}
}
.home #cost .shead .sld{font-size:18px;line-height:1.65;color:#C9CCD0}
.home #cost .split p{font-size:18px;line-height:1.65;color:#9EA3A9;max-width:none}
.home #cost .split p+p{margin-top:22px}
.home #cost .btn--accent{background:var(--accent);color:var(--on-accent);border-color:var(--accent);border-radius:6px;font-family:var(--font-sans);font-size:15px;font-weight:600;padding:14px 20px}
.home #cost .btn--accent:hover{background:var(--accent-strong);border-color:var(--accent-strong)}
.home .bigstat{display:flex;flex-direction:column;gap:18px;text-align:left;padding:40px;border-radius:12px;background:#121417;border:1px solid #2A2E33}
.home .bigstat .cap{display:contents}
.home .bigstat .cap-d{display:none}
.home .bigstat .cap-a{order:1;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8B9096}
.home .bigstat .num{order:2;font-family:var(--font-sans);font-size:clamp(96px,11vw,160px);font-weight:500;letter-spacing:-.06em;line-height:.85;color:var(--accent)}
.home .bigstat .cap-b{order:3;font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#ECEDEE}
.home .bigstat .ss{order:4;margin:0;padding-top:18px;border-top:1px solid #2A2E33;font-size:15px;line-height:1.6;color:#9EA3A9}

/* Fleet: light band, pill tabs */
body.home #aircraft.hsec{background:#ECECE9!important;color:#0B0C0E;padding-block:clamp(72px,8.4vw,120px)}
.home #aircraft .eyb{color:#5E6166!important}
.home #aircraft .shead h2,.home #aircraft .fleet-info h3{color:#0B0C0E}
.home #aircraft .shead .sld{color:#44474C;max-width:620px}
@media (min-width:901px){
  .home #aircraft .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:end}
  .home #aircraft .shead{grid-column:1;grid-row:1}
  .home #aircraft .fleet{display:contents}
  .home #aircraft .fleet-tabs{grid-column:2;grid-row:1;margin-bottom:clamp(28px,2.6vw,36px)}
  .home #aircraft .fleet-feature{grid-column:1/-1}
}
.home #aircraft .fleet-tabs{align-self:end;justify-self:start;gap:4px;background:#DEDED9;padding:4px;border:0;border-radius:8px}
.home #aircraft .fleet-tabs button{border:0;border-radius:6px;background:transparent;color:#0B0C0E;padding:9px 14px;font-family:var(--font-sans);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}
.home #aircraft .fleet-tabs button:hover{background:rgba(236,236,233,.55)}
.home #aircraft .fleet-tabs button.active{background:#ECECE9;color:#0B0C0E}
.home #aircraft .fleet-feature{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:stretch}
.home #aircraft .fleet-img{aspect-ratio:auto;min-height:460px;border-radius:12px;background:#CFCFCA}
.home #aircraft .fleet-img img{position:absolute;inset:0}
.home #aircraft .fleet-info{display:flex;flex-direction:column}
.home #aircraft .fleet-info h3{font-size:40px;font-weight:500;letter-spacing:-.035em;margin:0}
.home #aircraft .fleet-info .specs{margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:0;border-top:1px solid #0B0C0E;border-bottom:0}
.home #aircraft .fleet-info .specs div,.home #aircraft .fleet-info .ex{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0;padding:16px 0;border-bottom:1px solid #CFCFCA;font-family:var(--font-mono);font-size:13px;color:#5E6166}
.home #aircraft .fleet-info .specs span{display:inline;margin:0;font-size:13px;letter-spacing:0;color:#5E6166}
.home #aircraft .fleet-info .specs i,.home #aircraft .fleet-info .ex b{font-family:var(--font-sans);font-size:16px;font-weight:500;color:#0B0C0E;text-align:right}
.home #aircraft .fleet-info .specs span,.home #aircraft .fleet-info .ex{text-transform:uppercase}
.home #aircraft .fleet-info .ex b{text-transform:none}
.home #aircraft .fleet-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:32px}
.home #aircraft #fleetCta{background:#0B0C0E;color:#ECECE9;border-color:#0B0C0E;border-radius:6px;font-family:var(--font-sans);font-size:15px;font-weight:600;padding:14px 20px}
.home #aircraft #fleetCta:hover{background:#000;border-color:#000}
.home #aircraft .fleet-ctas .biglink{color:#0B0C0E;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}

/* Route alert: copy left, action card right */
body.home .alert{background:#0B0C0E!important;border:0!important;padding-block:clamp(72px,8.4vw,120px) clamp(36px,4.2vw,60px)}
.home .alertmap{opacity:.28}
.home .alert-inner{max-width:none}
@media (min-width:901px){
  .home .alert-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:80px;align-items:center}
  .home .alert-inner>*{grid-column:1}
  .home .alert-inner>.alertform{grid-column:2;grid-row:1/4}
}
body.home .alert .alert-inner h2{font-size:clamp(32px,3.4vw,48px)!important;font-weight:500;letter-spacing:-.04em;line-height:1.02;max-width:none;margin:18px 0!important;text-wrap:balance}
body.home .alert .alert-note{font-size:17px;line-height:1.6;color:#9EA3A9;max-width:none;margin:0!important}
.home .alertform{max-width:none;background:rgba(18,20,23,.88);border:1px solid #1F2226;border-radius:12px;padding:28px;backdrop-filter:blur(6px)}
body.home .alert .alertform .btn{width:100%;background:var(--accent)!important;color:var(--on-accent)!important;border:0!important;border-radius:6px;padding:15px;font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none}
body.home .alert .alertform .btn:hover{background:var(--accent-strong)!important;color:var(--on-accent)!important}

/* Destinations: tile grid */
.home #top-destinations .rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#1F2226;border:1px solid #1F2226;border-radius:12px;overflow:hidden}
.home #top-destinations .ecard{background:#0B0C0E!important;border:0!important;transform:none;padding:24px;display:flex;flex-direction:column;gap:20px}
.home #top-destinations .ecard:hover{background:#121417!important}
.home #top-destinations .ecard .ph{aspect-ratio:16/9;border-radius:8px}
.home #top-destinations .ecard .body{padding:0;display:flex;flex-direction:column;gap:6px;flex:1}
.home #top-destinations .ecard .eb{font-size:11px;letter-spacing:.08em;color:#8B9096}
.home #top-destinations .ecard h3{font-size:28px;font-weight:500;letter-spacing:-.025em;margin:0}
.home #top-destinations .ecard .dt{font-family:var(--font-sans);font-size:14px;color:#9EA3A9;margin:0}
.home #top-destinations .ecard .more{margin-top:auto;padding:14px 0 0;border:0;font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--accent)}

/* Journal: image cards */
.home #journal .cal{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;background:none;border:0}
.home #journal .cal a.ecard{background:transparent!important;border:0!important;padding:0;display:flex;flex-direction:column;gap:16px;transform:none}
.home #journal .ecard .ph{aspect-ratio:4/3;border-radius:12px;border:1px solid #1F2226;background:#15171A}
.home #journal .ecard .body{padding:0;display:flex;flex-direction:column;gap:6px}
.home #journal .ecard .eb{font-size:12px;letter-spacing:.08em;color:var(--accent)}
.home #journal .ecard h3{font-size:22px;font-weight:500;letter-spacing:-.02em;margin:0}
.home #journal .ecard .dt{font-family:var(--font-sans);font-size:15px;color:#8B9096;margin:0}
.home #journal .ecard .more{align-self:flex-start;margin-top:10px;border:0;border-radius:6px;padding:10px 14px;background:var(--accent);font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--on-accent)}
.home #journal .ecard:hover .more{opacity:1;background:var(--accent-strong)}

/* FAQ: head left, list right */
@media (min-width:901px){
  .home #faq .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;align-items:start}
  .home #faq .shead{margin:0}
}
.home #faq .shead .sld{font-size:16px}
.home #faq .faq{border-top:1px solid #1F2226}
.home #faq .faq details,.home #faq .faq details:first-of-type{border-top:0;border-bottom:1px solid #1F2226!important}
.home #faq .faq summary{padding:22px 40px 22px 0;font-size:19px;font-weight:500;color:#ECEDEE}
.home #faq .faq summary::after{top:21px;right:0;color:var(--accent);transform:none}
.home #faq .faq details[open] summary::after{content:"−";transform:none}
.home #faq .faq .a{padding:0 0 22px;max-width:640px;font-size:16px;line-height:1.65;color:#9EA3A9}
.home #faq .faq .a b{color:#ECEDEE}


/* Quote + route-alert modals (injected by hh-funnel as #hfScrim / #hfAlScrim): light, like the hero search bar */
html body .hf-scrim .hf-modal{--paper:#fff;--paper-2:#fff;--paper-3:#F4F4F1;--ink:#0B0C0E;--ink-2:#44474C;--ink-3:#5E6166;--line:#E2E2DE;--line-2:#D4D4CF;color-scheme:light;background:#fff;color:#0B0C0E;border:1px solid #fff;border-radius:10px;overflow:visible;box-shadow:0 16px 48px rgba(0,0,0,.4)}
html body .hf-scrim .hf-top{border-bottom-color:#E2E2DE}
html body .hf-scrim .hf-title{color:#5E6166;letter-spacing:.06em}
html body .hf-scrim .hf-x{color:#5E6166}
html body .hf-scrim .hf-x:hover{color:#0B0C0E}
html body .hf-scrim .hf-note,html body .hf-scrim .hf-trust,html body .hf-scrim .hf-pp,html body .hf-scrim .hf-reqnote{color:#5E6166}
html body .hf-scrim .hf-big,html body .hf-scrim .hf-stat .v,html body .hf-scrim .hf-done h3{color:#0B0C0E}
html body .hf-scrim .hf-chip,html body .hf-scrim .hf-chip.dark{background:#F4F4F1;border-color:#E2E2DE;color:#0B0C0E;border-radius:6px}
html body .hf-scrim .hf-chip .meta,html body .hf-scrim .hf-chip.dark .meta,html body .hf-scrim .hf-chip .ar{color:#5E6166}
html body .hf-scrim .hf-usp{background:#F4F4F1;color:#44474C;border-radius:0 6px 6px 0}
html body .hf-scrim .hf-usp b,html body .hf-scrim .hf-handoff b{color:#0B0C0E}
html body .hf-scrim .hf-statrow{border-radius:6px}
html body .hf-scrim .hf-field input,html body .hf-scrim .hf-field select{background:#fff;color:#0B0C0E;border:1px solid #E2E2DE;border-radius:6px;font-size:16px}
html body .hf-scrim .hf-field input::placeholder{color:#9aa0a6}
html body .hf-scrim .hf-field input:focus,html body .hf-scrim .hf-field select:focus{border-color:#0B0C0E}
html body .hf-scrim .hf-field .ac-menu{border-radius:6px;color:#0B0C0E}
html body .hf-scrim .hf-cta{background:var(--accent);color:var(--on-accent);border-radius:6px;font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none}
html body .hf-scrim .hf-cta:hover{background:var(--accent-strong)}
html body .hf-scrim .hf-cta.hf-ghost{background:#fff;color:#0B0C0E;border:1px solid #D4D4CF}
html body .hf-scrim .hf-cta.hf-ghost:hover{background:#F4F4F1;border-color:#0B0C0E}
html body .hf-scrim .hf-back{color:#5E6166}
html body .hf-scrim .hf-back:hover{color:#0B0C0E}
html body .hf-scrim .hf-cta .hf-spin{border-color:rgba(11,12,14,.3);border-top-color:#0B0C0E}

/* Homepage responsive */
@media (max-width:900px){
  .home .shead{grid-template-columns:none}
  .home .steps{grid-template-columns:1fr}
  .home #routes .board-tabs{margin-top:8px}
  .home #calendar-rail{grid-template-columns:1fr;row-gap:0}
  .home #calendar-rail>.ecard:first-child{position:relative;margin-bottom:20px}
  .home #cost .bigstat{margin-top:32px}
  .home #aircraft .fleet-tabs{margin-bottom:28px}
  .home #aircraft .fleet-feature{grid-template-columns:1fr;gap:28px}
  .home #aircraft .fleet-img{min-height:280px}
  .home #aircraft .fleet-info .specs{margin-top:24px}
  .home .alertform{margin-top:28px}
  .home #top-destinations .rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home #faq .faq{margin-top:8px}
}
@media (max-width:640px){
  .home #calendar-rail>.ecard:first-child .body{padding:22px}
  .home #calendar-rail>.ecard:first-child .live{top:22px;left:22px}
  .home #calendar-rail>.ecard:not(:first-child){grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"im nm lv" "im eb lv" "im dt lv"}
  .home #calendar-rail>.ecard:not(:first-child) .ph img{width:64px;height:64px}
  .home #calendar-rail>.ecard:not(:first-child) .dt{font-size:12px}
  .home #top-destinations .rail{grid-template-columns:1fr}
  .home .bigstat{padding:28px}
  .home .alertform{padding:20px}
}

/* ============================================================
   16 — DESTINATION HUB  (/private-jet-hire/, target: Destination Hub design)
   Scoped to body.hub. The page also carries .home, so section 15's
   .shead, .eyb, .amp/.tk and footer rules apply here too.
   Markup hooks (text-neutral): body.hub, header.nav--hero, .hub-hero
   (wraps the rotating .hhero-bg photos + the moved .crumb/.shead),
   #destinations, .amp/.tk spans, .eb .flag. Header/footer come from
   /chrome.v1.css.
   ============================================================ */


/* Hero: rotating photos (section 15 gradient), crumb, pulsing eyebrow, headline, intro */
.hub .hub-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(560px,82svh,760px);background:#0B0C0E;padding-block:120px 40px}
.hub .hub-hero>.wrap{position:relative;z-index:2;width:100%}
.hub .hub-hero .crumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:0;margin-bottom:22px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#C9CCD0}
.hub .hub-hero .crumb a,.hub .hub-hero .crumb b{color:#C9CCD0;font-weight:400}
.hub .hub-hero .crumb a:hover{color:#ECEDEE}
.hub .hub-hero .shead{gap:22px;margin:0;max-width:900px}
.hub .hub-hero .eyb{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase}
.hub .hub-hero .eyb::before{content:"";width:7px;height:7px;border-radius:50%;background:#3fcf8e;background:oklch(0.78 0.16 150);animation:hhpulse 1.6s infinite}
.hub .hub-hero .eyb .idx{margin-right:0}
.hub .hub-hero h1{margin:22px 0 0;font-size:clamp(44px,6.2vw,88px);line-height:.98;font-weight:500;letter-spacing:-.045em;color:#ECEDEE;text-wrap:balance}
.hub .hub-hero .shead .sld{font-size:clamp(16px,1.35vw,19px);line-height:1.55;color:#C9CCD0;max-width:680px;text-wrap:pretty}

/* Destination grid: open image cards, 3-up */
body.hub #destinations{padding-block:clamp(40px,5vw,72px) clamp(72px,8.4vw,120px)}
.hub .ecard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}
.hub .ecard-grid .ecard{display:flex;flex-direction:column;gap:18px;background:transparent!important;border:0!important;overflow:visible;transform:none}
.hub .ecard-grid .ecard:hover{transform:none;opacity:.85}
.hub .ecard-grid .ecard .ph{aspect-ratio:16/10;border-radius:10px;border:1px solid #1F2226;background:#15171A}
.hub .ecard-grid .ecard:hover .ph img{transform:none}
.hub .ecard-grid .ecard .body{padding:0;display:flex;flex-direction:column;gap:6px}
.hub .ecard-grid .ecard .eb{font-size:11px;letter-spacing:.08em;color:#8B9096}
.hub .ecard-grid .ecard h3{font-size:28px;font-weight:500;letter-spacing:-.025em;margin:0;color:#ECEDEE}
.hub .ecard-grid .ecard .dt{font-family:var(--font-sans);font-size:14px;color:#9EA3A9;margin:0}
.hub .ecard-grid .ecard .more{margin-top:12px;padding:0;border:0;font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--accent)}
.hub .ecard-grid .ecard:hover .more{opacity:1}
.hub .ecard-grid+.sld{margin-top:48px!important;padding-top:28px;border-top:1px solid #1F2226;font-size:15px;line-height:1.6;color:#9EA3A9;max-width:none}

/* Hub responsive */
@media (max-width:900px){
  .hub .ecard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .hub .hub-hero{min-height:520px;padding-top:96px}
  .hub .ecard-grid{grid-template-columns:1fr;gap:32px}
  .hub .ecard-grid .ecard h3{font-size:24px}
}

/* ============================================================
   17 — EVENT PAGE  (/events/<slug>/, target: Monaco Yacht Show design)
   Scoped to body.evt. The page also carries .home, so section 15's
   hero, #legs-table, #faq and #journal rules apply here too — this
   section adds the event-only components and undoes the two
   homepage rules that collide (#cost's two-column grid).
   Markup hooks (text-neutral): body.evt, .crumb moved inside
   .hhero-cap>.wrap, h1 <em>, id="journal", .hsec--light on the two
   light bands, .flag images, --off on .pr. Header/footer come from
   /chrome.v1.css.
   ============================================================ */

body.evt{--maxw:1440px;--wrap-pad:clamp(20px,3.4vw,48px);background:#0B0C0E}
.evt .amp,.evt .tk{color:var(--accent)}

/* Hero: crumb + pulsing eyebrow + headline + meta row (section 15 does the rest) */
.evt .hhero .hhero-cap .crumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:0;padding:0;margin:0 0 22px;font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#C9CCD0}
.evt .hhero .crumb a,.evt .hhero .crumb b{color:#C9CCD0;font-weight:400}
.evt .hhero .crumb a:hover{color:#ECEDEE}
.evt .hhero .crumb b{display:inline-flex;align-items:center;gap:8px}
.evt .hhero .crumb .flag{width:20px;height:14px;object-fit:cover;border-radius:2px}
.evt .hhero .hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;font-size:17px;color:#C9CCD0}
.evt .hhero .hero-meta>span:not(:last-child)::after{content:"·";color:var(--accent);margin-left:14px}
.evt .hhero .hero-meta .when{font-weight:600;color:#ECEDEE}
.evt .hhero .hero-meta .live{display:inline-flex;align-items:center;gap:0;background:var(--accent);color:var(--on-accent);padding:5px 10px;border-radius:4px;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.evt .hhero .hero-meta .live .dot{display:none}
.evt .hhero .hero-meta .live #lc{margin-right:.35em}
.evt .hhero:not(.hhero--article) .hhero-search{max-width:1100px;margin-top:40px}

/* Key facts strip */
.evt .facts{border-bottom:1px solid #1F2226;background:#0B0C0E}
.evt .facts>.wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#1F2226;border:1px solid #1F2226;border-radius:12px;overflow:hidden;margin-block:clamp(40px,5vw,72px)}
.evt .facts .fact{background:#0B0C0E;border:0;padding:22px;display:flex;flex-direction:column;gap:10px}
.evt .facts .fact .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8B9096}
.evt .facts .fact .v{display:flex;flex-direction:column;gap:10px;font-family:var(--font-sans);font-size:22px;font-weight:500;letter-spacing:-.02em;color:#ECEDEE}
.evt .facts .fact .v small{font-family:var(--font-mono);font-size:13px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}

/* Intro paragraph */
.evt .lead{padding-bottom:clamp(40px,5vw,72px)}
.evt .lead p{max-width:900px;font-size:20px;line-height:1.6;color:#C9CCD0;text-wrap:pretty}
.evt .lead p b{color:#ECEDEE;font-weight:600}
.evt .lead a{color:#ECEDEE;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}

/* Legs board: place name leads, ICAO demoted to the detail line.
   Done purely with `order` — the .code spans must keep holding the real
   ICAO text because hh-funnel.v2.js reads them straight off the row to
   drive /api/estimate and /api/alert, and its alert path has no
   data-attribute fallback. Reordering is safe; rewriting them is not. */
body.evt #legs-table .trow .rt{align-items:baseline}
body.evt #legs-table .trow .rt .city{order:-1;flex-basis:100%;font-family:var(--font-sans);font-size:18px;font-weight:500;color:#ECEDEE}
body.evt #legs-table .trow .rt .code{font-family:var(--font-mono);font-size:13px;font-weight:400;color:#8B9096}
body.evt #legs-table .trow .rt .ar{font-family:var(--font-mono);font-size:13px;color:var(--accent)}
body.evt #legs-table .trow .rt .flag{width:16px;height:11px}

/* Legs board: section 15 styles the rows; this is the container + footnotes */
body.evt #legs-table{display:block!important;background:#0E1012;border:1px solid #1F2226!important;border-bottom:0!important;border-radius:12px 12px 0 0;overflow:hidden}
body.evt #legs-table .trow{display:grid}
body.evt .board-note,body.evt .board-reassure{margin:0;padding:0 22px;background:#0E1012;border:1px solid #1F2226;border-block:0;font-family:var(--font-sans);font-size:14px;line-height:1.6;color:#9EA3A9;max-width:none}
body.evt .board-note{padding-top:18px}
body.evt .board-reassure{padding-bottom:18px;border-bottom:1px solid #1F2226;border-radius:0 0 12px 12px}
body.evt .board-note a,body.evt .board-reassure b{color:#ECEDEE;font-weight:600}

/* Where legs originate: hairline card grid */
.evt .grid-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#1F2226;border:1px solid #1F2226;border-radius:12px;overflow:hidden}
.evt .grid-cards .ac{background:#0B0C0E;border:0!important;border-radius:0;padding:24px;display:flex;flex-direction:column;gap:28px;transform:none}
.evt .grid-cards .ac:hover{background:#121417;opacity:1;transform:none}
.evt .grid-cards .ac .codes{order:1;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:#8B9096}
.evt .grid-cards .ac .codes .flag{width:20px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.12);flex:none}
.evt .grid-cards .ac .city{order:2;margin-bottom:-22px;font-size:28px;font-weight:500;letter-spacing:-.025em;color:#ECEDEE}
.evt .grid-cards .ac .det{order:3;font-size:14px;line-height:1.5;color:#9EA3A9}
/* the base sheet spans the alert card across the whole row and turns its
   link into a solid block — put it back in the fifth cell as a plain link */
body.evt .grid-cards .ac--alert{grid-column:auto;border-right:0}
body.evt .grid-cards .ac .ac-cta,body.evt .grid-cards .ac--alert:hover .ac-cta{order:4;align-self:start;margin-top:auto;background:none!important;padding:0;border:0;font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--accent)}
.evt .grid-cards .ac--alert{background:var(--accent);color:var(--on-accent)}
.evt .grid-cards .ac--alert:hover{background:var(--accent);opacity:.9}
.evt .grid-cards .ac--alert .city{font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--on-accent);margin-bottom:-22px}
.evt .grid-cards .ac--alert .det{font-size:15px;line-height:1.5;color:var(--on-accent)}
body.evt .grid-cards .ac--alert .ac-cta,body.evt .grid-cards .ac--alert:hover .ac-cta{color:var(--on-accent)!important}

/* Light bands (getting in, aircraft) */
/* must out-specify section 15's `.home .hsec.hsec--alt` dark canvas */
body.evt .hsec.hsec--light{background:#ECECE9!important;color:#0B0C0E;padding-block:clamp(72px,8.4vw,120px)}
.evt .hsec--light .eyb{color:#5E6166!important}
.evt .hsec--light .shead h2{color:#0B0C0E}
.evt .hsec--light .shead .sld{color:#33363B;font-size:18px;line-height:1.7}
@media (min-width:901px){
  .evt .hsec--light .shead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:80px;align-items:end}
  .evt .hsec--light .shead>div:first-child{grid-column:1}
  .evt .hsec--light .shead>.sld{grid-column:2;margin:0}
}

/* Getting in: "land here" (light card) + "watch out" (dark card) */
.evt .intel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.evt .intel .left,.evt .intel .right{background:#FFFFFF;border:1px solid #D9D9D4;border-radius:12px;padding:32px;display:flex;flex-direction:column}
.evt .intel h3{margin:0;font-size:26px;font-weight:500;letter-spacing:-.02em;line-height:1.15;padding-bottom:12px;color:#0B0C0E}
.evt .intel .pin{display:block;margin-bottom:6px;background:none;border:0;padding:0;font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#5E6166}
.evt .intel ul{margin:0;padding:0;list-style:none}
.evt .intel li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;margin:0;padding:18px 0;border-top:1px solid #E4E4DF}
.evt .intel li .code{font-family:var(--font-mono);font-size:14px;font-weight:500;color:#0B0C0E}
.evt .intel li .desc{font-size:16px;line-height:1.6;color:#33363B}
.evt .intel .right.gotcha{background:#0B0C0E;border-color:#0B0C0E;color:#ECEDEE}
.evt .intel .right.gotcha h3{color:#ECEDEE}
.evt .intel .right.gotcha .pin{color:var(--accent)}
.evt .intel .right.gotcha li{grid-template-columns:130px minmax(0,1fr);border-top-color:#1F2226}
.evt .intel .right.gotcha li .code{font-size:12px;letter-spacing:.06em;color:var(--accent);padding-top:3px}
.evt .intel .right.gotcha li .desc{color:#C9CCD0}

/* The last leg: transfer options + sticky plan card */
.evt .transfer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:80px;align-items:start}
.evt .transfer>div:first-child{display:flex;flex-direction:column;border-top:1px solid #1F2226}
.evt .transfer .opt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,.8fr);gap:6px 20px;align-items:baseline;padding:22px 0;border-bottom:1px solid #1F2226;background:none;border-radius:0}
.evt .transfer .opt .mode{grid-column:1;grid-row:1;font-size:22px;font-weight:500;letter-spacing:-.02em;color:#ECEDEE}
.evt .transfer .opt .note{grid-column:1;grid-row:2;font-size:14px;line-height:1.5;color:#8B9096}
.evt .transfer .opt .time{grid-column:2;grid-row:1/span 2;font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:var(--accent)}
.evt .transfer .opt .price{grid-column:3;grid-row:1/span 2;font-size:16px;color:#C9CCD0;text-align:right}
.evt .transfer .tbox{position:sticky;top:24px;display:flex;flex-direction:column;gap:20px;padding:36px;border-radius:12px;background:#121417;border:1px solid #2A2E33}
.evt .transfer .tbox .par{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8B9096}
.evt .transfer .tbox h3{margin:0;font-size:32px;font-weight:500;letter-spacing:-.03em;line-height:1.1;color:#ECEDEE}
.evt .transfer .tbox p{margin:0;font-size:16px;line-height:1.65;color:#9EA3A9}
.evt .transfer .tbox .op{padding-top:14px;border-top:1px solid #2A2E33;font-family:var(--font-sans);font-size:15px;line-height:2.2;color:#ECEDEE}

/* What it costs: undo section 15's homepage #cost grid, then the table */
body.evt #cost .wrap{display:block}
body.evt #cost .shead{margin-bottom:clamp(28px,2.6vw,36px)}
.evt .ptable{width:100%;border-collapse:separate;border-spacing:0;background:#0E1012;border:1px solid #1F2226;border-bottom:0;border-radius:12px 12px 0 0;overflow:hidden}
.evt .ptable th{padding:14px 22px;text-align:left;font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#6E737A;border-bottom:1px solid #1F2226!important}
.evt .ptable td{padding:20px 22px;vertical-align:middle;border-bottom:1px solid #1A1D20!important}
.evt .ptable tr:last-child td{border-bottom:0!important}
.evt .ptable td.rt{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:18px;font-weight:500;color:#ECEDEE}
.evt .ptable td.rt .flag{width:20px;height:14px;object-fit:cover;border-radius:2px;flex:none}
.evt .ptable td.rt span{flex-basis:100%;font-family:var(--font-mono);font-size:12px;font-weight:400;color:#8B9096}
.evt .ptable td.el{font-size:19px;font-weight:600;color:#ECEDEE}
.evt .ptable td.ch{font-size:16px;color:#9EA3A9;text-decoration:line-through}
.evt .ptable td.pp{font-size:16px;color:#C9CCD0}
/* deliberately NOT .cta — section 8 paints every .cta solid yellow */
.evt .ptable td.rowcta{text-align:right;white-space:nowrap}
.evt .ptable td.rowcta a{font-size:14px;font-weight:600;color:var(--accent)}
.evt .ptable td.rowcta a:hover{opacity:.78}
.evt .bench{margin:0;padding:18px 22px;background:#0E1012;border:1px solid #1F2226;border-top:0;border-radius:0 0 12px 12px;font-family:var(--font-sans);font-size:14px;line-height:1.6;color:#9EA3A9}
.evt .bench b{color:#ECEDEE;font-weight:600}

/* Live-estimate widget. Two things fight us here, so every selector is
   prefixed body.evt .qw: the page's own <style> block loads AFTER this
   file (ties go to it), and /_astro/index…css forces .qw-est / .qw-go to
   #0e1518 with !important. The CTA matches the hero search bar. */
body.evt .qw{margin-top:24px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:48px;align-items:center;padding:40px;border:1px solid #2A2E33;border-radius:12px;background:#121417}
body.evt .qw .qw-head{grid-column:1;display:flex;flex-direction:column;gap:14px;margin:0}
body.evt .qw .qw-head .par{display:block;margin:0;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
body.evt .qw .qw-head h3{margin:0;font-size:36px;font-weight:500;letter-spacing:-.03em;line-height:1.05;color:#ECEDEE}
body.evt .qw .qw-head p{margin:0;max-width:none;font-size:16px;line-height:1.6;color:#9EA3A9}
body.evt .qw .qw-form{grid-column:2;grid-row:1;align-self:center;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#E2E2DE;border-radius:8px;overflow:hidden;margin:0}
body.evt .qw .qw-form .qw-f{background:#fff;padding:12px 14px;gap:4px}
body.evt .qw .qw-form .qw-f span{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:#5E6166}
body.evt .qw .qw-form .qw-f input{background:transparent;border:0;padding:0;font-family:var(--font-sans);font-size:16px;text-transform:none;color:#0B0C0E}
body.evt .qw .qw-form .qw-f input::placeholder{color:#9aa0a6}
body.evt .qw .qw-form .qw-f input:focus{outline:0;border-color:transparent}
body.evt .qw .qw-est{grid-column:1/-1;background:var(--accent)!important;color:var(--on-accent)!important;border:0!important;border-radius:6px;margin-top:9px;padding:15px;font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none}
body.evt .qw .qw-est:hover{background:var(--accent-strong)!important;color:var(--on-accent)!important;border-color:var(--accent-strong)!important}
body.evt .qw .qw-hint{grid-column:2;margin-top:10px;font-family:var(--font-sans);font-size:13px;color:#8B9096}
body.evt .qw .qw-out{grid-column:2;margin-top:14px;padding-top:14px;border-top:1px solid #2A2E33}
body.evt .qw .qw-range{gap:4px;margin-bottom:12px}
body.evt .qw .qw-range-k{font-size:11px;color:#8B9096}
body.evt .qw .qw-range-v{font-family:var(--font-sans);font-size:26px;font-weight:600;letter-spacing:-.02em;color:#ECEDEE}
body.evt .qw .qw-cl{font-size:14px;color:#9EA3A9}
body.evt .qw .qw-crow{gap:10px}
body.evt .qw .qw-crow input{background:#fff;border:0;border-radius:6px;padding:12px 14px;font-family:var(--font-sans);font-size:15px;color:#0B0C0E}
body.evt .qw .qw-go{background:transparent!important;color:#ECEDEE!important;border:1px solid #ECEDEE!important;border-radius:6px;padding:12px 16px;font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}
body.evt .qw .qw-go:hover{background:#ECEDEE!important;color:#0B0C0E!important;border-color:#ECEDEE!important}

/* Aircraft cards (inside the light band) */
.evt .acg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.evt .acg .acb{background:#FFFFFF;border:1px solid #D9D9D4;border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:14px;overflow:hidden}
.evt .acg .acb .ph{position:relative;margin:-28px -28px 4px;aspect-ratio:16/10;background:#DEDED9;overflow:hidden}
.evt .acg .acb .ph img{display:block;width:100%;height:100%;object-fit:cover}
.evt .acg .acb .ph .cred{position:absolute;right:8px;bottom:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.02em;color:rgba(255,255,255,.82);text-shadow:0 1px 3px rgba(0,0,0,.75)}
.evt .acg .acb .cls{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#5E6166}
.evt .acg .acb h4{margin:0;font-size:30px;font-weight:500;letter-spacing:-.03em;color:#0B0C0E}
.evt .acg .acb p{margin:0;font-size:16px;line-height:1.6;color:#44474C}
.evt .acg .acb .ex{margin-top:auto;padding-top:14px;border-top:1px solid #E4E4DF;font-family:var(--font-mono);font-size:12px;color:#33363B}

/* Route alert: copy left, action card right */
body.evt .alert-box{background:#0B0C0E!important;border:0!important;padding-block:clamp(72px,8.4vw,120px)}
.evt .alert-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}
.evt .alert-grid>div:first-child{display:flex;flex-direction:column;gap:18px}
.evt .alert-grid .par{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
body.evt .alert-grid h2{margin:0!important;font-size:clamp(32px,3.4vw,48px);font-weight:500;letter-spacing:-.04em;line-height:1.02;color:#ECEDEE;text-wrap:balance}
.evt .alert-grid .sub{margin:0;font-size:17px;line-height:1.6;color:#9EA3A9;max-width:none}
.evt .alert-grid .form{display:flex;flex-direction:column;gap:10px;background:#121417;border:1px solid #1F2226;border-radius:12px;padding:28px}
.evt .alert-grid .form .field{display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:6px;padding:10px 14px}
.evt .alert-grid .form .field label{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#5E6166}
.evt .alert-grid .form .field input,.evt .alert-grid .form .field select{background:transparent!important;border:0!important;padding:0;font-family:var(--font-sans);font-size:15px;color:#0B0C0E!important}
.evt .alert-grid .form .field input:focus,.evt .alert-grid .form .field select:focus{outline:0}
/* #al-submit carries the same legacy #0e1518 override — needs the id to win */
body.evt .alert-box #al-submit,body.evt .alert-grid .form .submit{width:100%;background:var(--accent)!important;color:var(--on-accent)!important;border:0!important;border-radius:6px;padding:15px;font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none}
body.evt .alert-box #al-submit:hover,body.evt .alert-grid .form .submit:hover{background:var(--accent-strong)!important;color:var(--on-accent)!important;border-color:var(--accent-strong)!important}
.evt .alert-grid .form .fineprint{margin:0;font-size:13px;color:#8B9096;text-align:center}

/* Keep exploring: two link columns */
.evt .xgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.evt .xcol{display:flex;flex-direction:column;border-top:1px solid #1F2226}
.evt .xcol h4{margin:0;padding:16px 0;font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#8B9096}
.evt .xcol a{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:20px 0;border-top:1px solid #1F2226;font-size:20px;font-weight:500;color:#ECEDEE}
.evt .xcol a:last-child{border-bottom:1px solid #1F2226}
.evt .xcol a .flag{width:20px;height:14px;object-fit:cover;border-radius:2px;flex:none}
.evt .xcol a span{margin-left:auto;font-size:14px;font-weight:400;color:#9EA3A9;text-align:right}

/* Event responsive */
@media (max-width:1100px){
  .evt .facts>.wrap{grid-template-columns:repeat(3,minmax(0,1fr))}
  .evt .grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .evt .hhero .hero-meta{font-size:15px;gap:10px}
  .evt .intel{grid-template-columns:1fr}
  .evt .transfer{grid-template-columns:1fr;gap:40px}
  .evt .transfer .tbox{position:relative;top:0}
  body.evt .qw{grid-template-columns:1fr;row-gap:24px;padding:28px}
  body.evt .qw .qw-head,body.evt .qw .qw-form,body.evt .qw .qw-hint,body.evt .qw .qw-out{grid-column:1}
  body.evt .qw .qw-form{grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
  .evt .acg{grid-template-columns:1fr}
  .evt .alert-grid{grid-template-columns:1fr;gap:32px}
  .evt .xgrid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .evt .facts>.wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .evt .grid-cards{grid-template-columns:1fr}
  .evt .grid-cards .ac .city{margin-bottom:-22px}
  .evt .transfer .opt{grid-template-columns:minmax(0,1fr) auto;gap:6px 16px}
  .evt .transfer .opt .price{grid-column:1/-1;grid-row:3;text-align:left}
  .evt .ptable td.rt{font-size:16px}
  .evt .ptable th,.evt .ptable td{padding:14px}
  /* wider than a phone: scroll the table, not the page */
  .evt .ptable{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .evt .ptable td.rt{min-width:180px}
  .evt .xcol a{font-size:17px}
  .evt .xcol a span{flex-basis:100%;margin-left:0;text-align:left}
}
@media (max-width:560px){
  .evt .facts>.wrap{grid-template-columns:1fr}
  .evt .qw-form{grid-template-columns:1fr}
  .evt .intel .left,.evt .intel .right{padding:22px}
  .evt .intel li,.evt .intel .right.gotcha li{grid-template-columns:1fr;gap:6px}
  .evt .transfer .tbox{padding:24px}
}

/* ============================================================
   18 — JOURNAL HUB  (/journal/, target: Journal Hub design)
   Scoped to body.jhub. The page also carries .home and .hub, so
   section 15 (alert band) and section 16 (.hub-hero) apply too.
   Markup hooks (text-neutral): body.jhub, .hub-hero wrapping the
   moved .crumb/.shead, #guides, .tk, and each card's .gc-tag moved
   from the photo into .gc-body so it can lead the meta line.
   The page's own <style> block loads after this sheet, so every
   rule carries the body.jhub prefix to win.
   ============================================================ */

/* Hero: the journal eyebrow has no live pulse */
.jhub .hub-hero .eyb::before{content:none}
.jhub .hub-hero .eyb .idx{margin-right:10px}

/* Guides section */
body.jhub #guides{padding-block:clamp(40px,5vw,72px) clamp(72px,8.4vw,120px)}

/* Topic chips */
body.jhub .gfilters{gap:6px;margin:0 0 clamp(48px,5.6vw,80px);padding-bottom:24px;border-bottom:1px solid #1F2226}
body.jhub .gf{font-family:var(--font-sans);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;padding:8px 14px;border:1px solid #2A2E33;border-radius:6px;background:transparent;color:#B5B9BE}
body.jhub .gf.active{background:#ECEDEE;color:#0B0C0E;border-color:#2A2E33}
body.jhub .gf:hover:not(.active){border-color:#ECEDEE;color:#ECEDEE}

/* Cluster heads: "01 · 3 guides" eyebrow, big title, intro */
body.jhub .gcluster{margin-bottom:clamp(64px,5.6vw,80px)}
body.jhub .gcluster:last-child{margin-bottom:0}
body.jhub .gc-hrow{flex-wrap:wrap;align-items:baseline;gap:0;border-bottom:0;padding-bottom:0}
body.jhub .gc-n,body.jhub .gc-count{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
body.jhub .gc-n{order:1}
body.jhub .gc-count{order:2;margin-left:0}
body.jhub .gc-count::before{content:"·";margin:0 .6em}
body.jhub .gc-head h3{order:3;flex-basis:100%;margin:12px 0 0;font-size:clamp(34px,3.4vw,48px);font-weight:500;letter-spacing:-.04em;line-height:1;color:#ECEDEE}
body.jhub .gc-head p{margin:12px 0 0;font-size:17px;line-height:1.6;color:#9EA3A9;max-width:680px}

/* Guide cards: open image cards, meta line / title / intro / link */
body.jhub .gc-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:40px 24px;margin-top:36px}
body.jhub .gcard{gap:18px;background:transparent;border:0;overflow:visible}
body.jhub .gcard:hover{transform:none;opacity:.85}
body.jhub .gc-ph{border-radius:10px;border:1px solid #1F2226;background:#15171A}
body.jhub .gcard:hover .gc-ph img{transform:none}
body.jhub .gc-body{flex-direction:row;flex-wrap:wrap;align-items:baseline;align-content:flex-start;row-gap:6px;padding:0}
body.jhub .gc-foot{display:contents}
body.jhub .gc-tag,body.jhub .gc-time{position:static;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8B9096}
body.jhub .gc-tag{order:1}
body.jhub .gc-time{order:2}
body.jhub .gc-time::before{content:"·";margin:0 .6em}
body.jhub .gc-body h3{order:3;flex-basis:100%;font-size:28px;font-weight:500;letter-spacing:-.025em;line-height:1.1;color:#ECEDEE}
body.jhub .gc-desc{order:4;flex-basis:100%;margin:0;font-size:14px;line-height:1.5;color:#9EA3A9}
body.jhub .gc-read{order:5;margin-top:12px;padding:0;border:0;font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--accent)}
body.jhub .gcard:hover .gc-read{opacity:1}

@media (max-width:640px){
  body.jhub .gc-body h3{font-size:24px}
}

/* ============================================================
   19 — ARTICLE  (/cheap-private-jet-hire/, target: Cheap Private Jet
   Hire design; written generically so the journal articles, which
   share the same .hhero--article / .art-layout skeleton, can reuse it)
   Scoped to body.art. The page also carries .home, so section 15's
   hero and credential-bar rules apply.
   Markup hooks (text-neutral): body.art, .crumb moved inside
   .hhero-cap>.wrap with .tk arrows, h1 <em>, and .art-band wrapping
   .art-layout so the reading area can run full-bleed on a light canvas.
   ============================================================ */

/* Hero: crumb, eyebrow (no live pulse), headline, dek, meta */
body.art .hhero{min-height:clamp(600px,92svh,820px)}
.art .hhero .hhero-cap .crumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:0;padding:0;margin:0 0 22px;font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#C9CCD0}
.art .hhero .crumb a,.art .hhero .crumb b{color:#C9CCD0;font-weight:400}
.art .hhero .crumb a:hover{color:#ECEDEE}
.art .tk,.art .amp{color:var(--accent)}
.art .hhero .eyebrow::before{content:"✎";width:auto;height:auto;border-radius:0;background:none;animation:none;color:var(--accent)}
@media (min-width:601px){body.art .hhero--article h1{font-size:clamp(40px,5vw,72px);line-height:1;max-width:1000px}}
.art .hhero--article .sub em{font-style:normal;color:#ECEDEE}
.art .hhero .hcred-meta{margin-top:22px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#C9CCD0}

/* Reading area: light canvas, local tokens flipped back to ink-on-paper */
.art .art-band{--ink:#0B0C0E;--ink-2:#33363B;--ink-3:#6A6D72;--line:#D9D9D4;--line-2:#C9C9C4;background:#F4F4F1;color:#33363B}
body.art .art-layout{max-width:1440px;padding-inline:var(--wrap-pad);padding-block:clamp(56px,6.7vw,96px) clamp(72px,8.4vw,120px)}
@media (min-width:981px){
  body.art .art-layout{grid-template-columns:minmax(0,780px) minmax(0,340px);justify-content:space-between;gap:64px}
}
body.art .art-main{max-width:780px}

/* Prose */
body.art .art-band .prose{max-width:none;margin-top:0;font-size:18px;line-height:1.75;color:#33363B}
body.art .art-band .prose p,body.art .art-band .prose li{font-size:18px;line-height:1.75;color:#33363B;margin:0 0 20px}
body.art .art-band .prose>p:first-child{font-size:22px;line-height:1.6;color:#0B0C0E;margin-bottom:56px;text-wrap:pretty}
body.art .art-band .prose strong,body.art .art-band .prose b{color:#0B0C0E;font-weight:600}
body.art .art-band .prose a{color:#0B0C0E;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}
body.art .art-band .prose a:hover{opacity:.72}
body.art .art-band .prose h2{margin:56px 0 20px;font-size:clamp(28px,2.6vw,34px);line-height:1.15;font-weight:500;letter-spacing:-.03em;color:#0B0C0E;scroll-margin-top:96px}

/* Quick answer: dark card with yellow stats */
body.art .art-band .qanswer{background:#0B0C0E!important;border:0!important;border-radius:12px;padding:32px;margin:0 0 56px;display:flex;flex-direction:column;gap:24px}
body.art .art-band .qanswer h4{margin:0;font-family:var(--font-mono);font-size:13px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
body.art .art-band .qanswer>p{margin:0;font-size:20px;line-height:1.6;color:#ECEDEE}
body.art .art-band .qanswer a{color:#ECEDEE}
body.art .art-band .qa-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:#2A2E33;border:0;border-radius:8px;overflow:hidden}
body.art .art-band .qa-stat{background:#121417;border:0;padding:18px;display:flex;flex-direction:column;gap:4px}
body.art .art-band .qa-stat .v{font-family:var(--font-sans);font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--accent);white-space:nowrap}
body.art .art-band .qa-stat .k{margin:0;font-family:var(--font-sans);font-size:13px;letter-spacing:0;text-transform:none;color:#8B9096}

/* Cost-by-class table: white card, yellow empty-leg pill */
body.art .art-band .cost-table{margin:8px 0 28px;border:1px solid #D9D9D4;border-radius:12px;overflow:hidden;background:#fff;font-size:15px;line-height:1.4}
body.art .art-band .cost-row{grid-template-columns:minmax(96px,1fr) minmax(0,1.5fr) 48px minmax(104px,1fr) minmax(104px,.9fr);gap:16px;padding:16px 20px;border-top:1px solid #E4E4DF;align-items:center;color:#0B0C0E}
body.art .art-band .cost-row:first-child{padding-block:14px;border-top:0;background:#fff;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
body.art .art-band .cost-row:first-child span{color:#6A6D72}
body.art .art-band .cost-row .cls{font-family:var(--font-sans);font-size:15px;font-weight:500;color:#0B0C0E}
body.art .art-band .cost-row .types{font-size:15px;color:#44474C}
body.art .art-band .cost-row>span:nth-child(3){font-family:var(--font-mono)}
body.art .art-band .cost-row:not(:first-child) .el{justify-self:start;padding:2px 8px;border-radius:3px;background:var(--accent);color:#0B0C0E;font-weight:600;white-space:nowrap}
@media (max-width:640px){
  body.art .art-band .cost-row{grid-template-columns:1fr 1fr;gap:4px 10px}
}

/* Figures */
body.art .art-band .fig{margin:36px 0;max-width:none;display:flex;flex-direction:column;gap:12px}
body.art .art-band .fig .ph{aspect-ratio:16/9;border:0;border-radius:12px;background:#D9D9D4}
body.art .art-band .fig figcaption{margin:0;font-family:var(--font-sans);font-size:14px;letter-spacing:0;color:#5E6166}

/* Lists: numbered rows */
body.art .art-band .prose ul{list-style:none;margin:0 0 28px;padding:0;border-top:1px solid #D9D9D4;counter-reset:artli}
body.art .art-band .prose ul>li{position:relative;margin:0;padding:18px 0 18px 40px;border-bottom:1px solid #D9D9D4;counter-increment:artli}
body.art .art-band .prose ul>li::before{content:counter(artli,decimal-leading-zero);position:absolute;left:0;top:23px;font-family:var(--font-mono);font-size:12px;font-weight:500;color:#0B0C0E}

/* The one-paragraph "ask for an inclusive figure" call-out */
body.art .art-band .prose #hidden-costs+p+p+p{padding:20px 24px;border-radius:10px;background:var(--accent);color:#0B0C0E;font-size:17px;line-height:1.6}

/* CTA bands: dark mid-article, yellow after the FAQ */
body.art .art-band .cta-band{margin:36px 0 56px;padding:28px 32px;border:0!important;border-radius:12px;background:#0B0C0E!important;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
body.art .art-band .prose .cta-band p{margin:0;max-width:440px;font-size:20px;line-height:1.4;font-weight:500;color:#ECEDEE}
body.art .art-band .prose .cta-band a{padding:14px 20px;border-radius:6px;background:var(--accent);color:#0B0C0E;font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap}
body.art .art-band .prose .cta-band a:hover{background:var(--accent-strong);opacity:1}
body.art .art-band .art-faq+.cta-band{margin-bottom:0;background:var(--accent)!important}
body.art .art-band .prose .art-faq+.cta-band p{color:#0B0C0E}
body.art .art-band .prose .art-faq+.cta-band a{background:#0B0C0E;color:#ECEDEE}
body.art .art-band .prose .art-faq+.cta-band a:hover{background:#000}

/* FAQ: question/answer rows */
body.art .art-band .art-faq{margin:28px 0 0;border-top:1px solid #0B0C0E}
body.art .art-band .art-faq h3{margin:0;padding:20px 0 10px;font-family:var(--font-sans)!important;font-size:18px;font-weight:500;letter-spacing:-.01em;line-height:1.4;text-transform:none;color:#0B0C0E}
body.art .art-band .prose .art-faq p{margin:0;padding:0 0 22px;border-bottom:1px solid #D9D9D4;font-size:16px;line-height:1.7;color:#44474C}

/* Sidebar: contents, price card, alert card */
body.art .art-side .sticky{top:96px;gap:14px}
body.art .art-band .toc{padding:20px 22px;border:1px solid #D9D9D4;border-radius:12px;background:#fff;counter-reset:toc}
body.art .art-band .toc h4,body.art .art-band .side-card h4{margin:0 0 10px;font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase}
body.art .art-band .toc h4{color:#5E6166}
body.art .art-band .toc a{display:grid;grid-template-columns:26px minmax(0,1fr);padding:7px 0;border-top:1px solid #E4E4DF;border-bottom:0;font-size:14px;line-height:1.4;color:#33363B;counter-increment:toc}
body.art .art-band .toc a::before{content:counter(toc,decimal-leading-zero);padding-top:2px;font-family:var(--font-mono);font-size:11px;color:#6A6D72}
body.art .art-band .toc a:hover{color:#0B0C0E;background:#FFF7C2}
body.art .art-band .side-card{padding:22px;border:0;border-radius:12px;display:flex;flex-direction:column;gap:10px}
body.art .art-band .side-card p{margin:0;text-shadow:none}
body.art .art-band .side-card--feature{min-height:0;background:#0B0C0E}
body.art .art-band .side-card--feature h4{color:var(--accent);text-shadow:none}
body.art .art-band .side-card--feature p{font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.25;color:#ECEDEE}
body.art .art-band .side-card--soft{background:var(--accent)}
body.art .art-band .side-card--soft h4{color:#0B0C0E}
body.art .art-band .side-card--soft p{font-size:16px;line-height:1.5;color:#0B0C0E}
body.art .art-band .side-cta{margin-top:4px;padding:12px;border:0;border-radius:6px;font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}
body.art .art-band .side-card--feature .side-cta{background:var(--accent)!important;color:#0B0C0E!important}
body.art .art-band .side-card--feature .side-cta:hover{background:var(--accent-strong)!important}
body.art .art-band .side-card--soft .side-cta{background:#0B0C0E;color:#ECEDEE}
body.art .art-band .side-card--soft .side-cta:hover{background:#000}

/* ---- Journal articles (body.art.jrnl, target: Journal Post design) ----
   journal.v2.css sets the layout grid with !important, so the grid
   rules here carry it too. */
body.art.jrnl .art-layout{max-width:1440px!important}
@media (min-width:981px){
  body.art.jrnl .art-layout{grid-template-columns:minmax(0,780px) minmax(0,340px)!important;justify-content:space-between!important;gap:64px!important}
}

/* Byline: yellow monogram, one rule under it */
body.art .art-band .byline{align-items:center;gap:16px;margin:0 0 56px;padding:0 0 28px;border:0;border-bottom:1px solid #D9D9D4;background:none}
body.art .art-band .byline .mark{width:44px;height:44px;background:var(--accent);color:#0B0C0E;font-family:var(--font-sans);font-size:14px;font-weight:700}
body.art .art-band .byline .who{font-size:15px;line-height:1.55;color:#44474C}

/* Quick answer: white card on the journal (the cost guide keeps it dark) */
body.art.jrnl .art-band .qanswer{background:#fff!important;border:1px solid #D9D9D4!important}
body.art.jrnl .art-band .qanswer h4,body.art.jrnl .art-band .qanswer>p,body.art.jrnl .art-band .qanswer a{color:#0B0C0E}
body.art.jrnl .art-band .qa-stats{background:#D9D9D4}
body.art.jrnl .art-band .qa-stat{background:#fff}
body.art.jrnl .art-band .qa-stat .v{color:#0B0C0E}
body.art.jrnl .art-band .qa-stat .k{color:#5E6166}

/* Key takeaways: heading-sized label over numbered rows */
/* !important: section 13 paints .takeaways dark with !important */
body.art .art-band .takeaways{margin:0 0 56px;padding:0;border:0!important;background:none!important;color:#44474C}
body.art .art-band .takeaways li{color:#44474C;border-color:#D9D9D4}
body.art .art-band .takeaways h4{margin:0 0 16px;font-family:var(--font-head);font-size:clamp(28px,2.6vw,34px);font-weight:500;letter-spacing:-.03em;line-height:1.15;text-transform:none;color:#0B0C0E}
body.art .art-band .takeaways ul{margin:0}
body.art .art-band .takeaways li{padding-block:16px}
body.art .art-band .takeaways li::before{top:21px}

/* Journal body lists are plain rows (only the takeaways are numbered) */
body.art.jrnl .art-band .prose>ul>li{padding-left:0}
body.art.jrnl .art-band .prose>ul>li::before{content:none}

/* Tables: white card */
body.art .art-band .ptable{margin:8px 0 28px;overflow-x:auto;border:0}
body.art .art-band .prose table{width:100%;margin:8px 0 28px;border-collapse:separate;border-spacing:0;border:1px solid #D9D9D4;border-radius:12px;overflow:hidden;background:#fff;font-size:15px;line-height:1.45}
body.art .art-band .ptable table{margin:0}
body.art .art-band .prose th{padding:14px 20px;border-bottom:1px solid #D9D9D4;background:#fff;font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;text-align:left;color:#6A6D72}
body.art .art-band .prose td{padding:16px 20px;border-bottom:1px solid #E4E4DF;vertical-align:top;color:#44474C}
body.art .art-band .prose tbody tr:last-child td{border-bottom:0}
body.art .art-band .prose tbody tr td:first-child{font-weight:500;color:#0B0C0E}
/* tables not wrapped in .ptable: scroll the table on a phone, not the page */
@media (max-width:720px){
  body.art .art-band .prose table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* FAQ, bare h3/p pairs after #faq */
body.art .art-band .prose #faq+h3{border-top:1px solid #0B0C0E}
body.art .art-band .prose #faq~h3{margin:0;padding:20px 0 10px;font-family:var(--font-sans)!important;font-size:18px;font-weight:500;letter-spacing:-.01em;line-height:1.4;color:#0B0C0E}
body.art .art-band .prose #faq~h3+p{margin:0;padding:0 0 22px;border-bottom:1px solid #D9D9D4;font-size:16px;line-height:1.7;color:#44474C}
/* FAQ, <details> accordion */
body.art .art-band .art-faq details{padding:0;border-top:0;border-bottom:1px solid #D9D9D4!important}
body.art .art-band .art-faq summary{padding:20px 0;font-family:var(--font-sans);font-size:18px;font-weight:500;letter-spacing:-.01em;line-height:1.4;color:#0B0C0E}
body.art .art-band .art-faq summary::after{color:#0B0C0E}
body.art .art-band .prose .art-faq details p{margin:0;padding:0 0 20px;border:0;font-size:16px;line-height:1.7;color:#44474C}

/* Keep reading: dark band, four open image cards */
body.art .continue{background:#0B0C0E;border-top:0;padding-block:clamp(72px,8.4vw,120px) clamp(36px,4.2vw,60px)}
body.art .continue .shead{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px}
body.art .continue .shead h2{margin:12px 0 0;font-size:clamp(34px,3.4vw,48px);line-height:1}
body.art .continue .shead .sld a{font-size:15px;color:#C9CCD0;text-decoration:none}
body.art .continue .shead .sld a:hover{color:#ECEDEE}
body.art .continue .cal{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 20px;background:none;border:0}
body.art .continue .cal .ecard{display:flex;flex-direction:column;gap:16px;padding:0;background:transparent!important;border:0!important;overflow:visible;transform:none}
body.art .continue .cal .ecard:hover{opacity:.85;transform:none}
body.art .continue .cal .ecard .ph{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:12px;border:1px solid #1F2226;background:#15171A}
body.art .continue .cal .ecard .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none}
body.art .continue .cal .ecard .body{padding:0;display:flex;flex-direction:column;gap:6px}
body.art .continue .cal .ecard .eb{margin:0;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
body.art .continue .cal .ecard h3{margin:0;font-size:22px;font-weight:500;letter-spacing:-.02em;color:#ECEDEE}
body.art .continue .cal .ecard .dt{margin:0;font-family:var(--font-sans);font-size:15px;color:#8B9096}
body.art .continue .cal .ecard .more{margin-top:6px;padding:0;border:0;font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--accent)}
@media (max-width:900px){body.art .continue .cal{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){body.art .continue .cal{grid-template-columns:1fr}}

/* Sticky quote bar */
.art .hh-stick{background:rgba(11,12,14,.94);border-bottom-color:#1F2226}
.art .hh-stick-b{font-family:var(--font-sans);font-size:15px;font-weight:700;letter-spacing:.02em;text-transform:none;color:#ECEDEE}
body.art .hh-stick-cta{border-radius:6px;background:var(--accent);color:#0B0C0E;font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}
body.art .hh-stick-cta:hover{background:var(--accent-strong)}

/* ============================================================
   20 — ABOUT  (/about/, target: About design)
   Scoped to body.about. The page also carries .home and .hub, so
   section 16's .hub-hero applies. Markup hooks (text-neutral):
   .hub-hero wrapping the moved crumb + heading (par/page-sub gain the
   eyb/sld hooks), .amp in the h1, and the four existing chapters
   (h2 + paragraphs) each wrapped in .about-card inside .about-grid.
   ============================================================ */

/* Hero */
.about .hub-hero .eyb::before{content:"◈";width:auto;height:auto;border-radius:0;background:none;animation:none;color:var(--accent)}
.about .hub-hero .par{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;color:var(--accent)}
body.about .hub-hero .page-sub{margin:0}

/* Chapters: four numbered cards */
body.about .about-story{padding-block:clamp(72px,8.4vw,120px)}
body.about .about-grid{max-width:none;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;counter-reset:chap}
body.about .about-card{display:flex;flex-direction:column;gap:16px;padding:32px 34px 36px;border:1px solid #2A2E33;border-radius:14px;background:#121417;counter-increment:chap}
body.about .about-card::before{content:counter(chap,decimal-leading-zero);align-self:flex-start;padding:5px 9px;border-radius:4px;background:var(--accent);color:#0B0C0E;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}
body.about .about-card h2{margin:8px 0 0;font-size:clamp(26px,2.4vw,32px);font-weight:500;letter-spacing:-.03em;line-height:1.1;color:#ECEDEE}
body.about .about-card p{margin:0;font-size:17px;line-height:1.7;color:#C9CCD0;text-wrap:pretty}
body.about .about-card strong{color:#ECEDEE;font-weight:600}
@media (max-width:900px){
  body.about .about-grid{grid-template-columns:1fr}
  body.about .about-card{padding:26px 24px 28px}
}

/* ============================================================
   21 — THANK-YOU  (/thank-you-quote/, /thank-you-alert/)
   No mock of its own: homepage design language. Scoped to body.typ
   (the page's inline .ty <style> loads after this file, so every rule
   carries body.typ to win). Markup untouched apart from the body class.
   #tyLeg is revealed by the page script with an inline display, so
   when it shows it takes the yellow and .b-dark steps down to outline.
   ============================================================ */
body.typ .ty{min-height:clamp(520px,72svh,760px);background:#0B0C0E;background:radial-gradient(ellipse 70% 60% at 50% 0%,#16181C 0%,#0B0C0E 70%)}
body.typ .ty .twrap{max-width:760px;padding:clamp(96px,11vw,140px) var(--wrap-pad,24px)}
body.typ .ty .tick{width:60px;height:60px;margin-bottom:28px;background:var(--accent);color:#0B0C0E;font-size:26px;font-weight:600;box-shadow:0 0 0 10px rgba(255,224,27,.08)}
body.typ .ty .eyb{margin-bottom:20px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
body.typ .ty h1{margin:0 0 22px;font-size:clamp(40px,5.6vw,72px);line-height:.98;font-weight:500;letter-spacing:-.045em;color:#ECEDEE;text-wrap:balance}
body.typ .ty p{margin-bottom:36px;font-size:clamp(16px,1.35vw,19px);line-height:1.6;color:#C9CCD0;max-width:56ch;text-wrap:pretty}
/* .cta here is the button row, not a button — undo section 8's yellow paint */
body.typ .ty .cta{gap:12px;background:transparent!important;border:0!important;color:inherit!important}
body.typ .ty a.b{padding:15px 22px;border-radius:6px;font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:0;transition:background .15s,border-color .15s,color .15s}
body.typ .ty a.b-dark,body.typ .ty a.b-leg{background:var(--accent);color:#0B0C0E;border:1px solid var(--accent)}
body.typ .ty a.b-dark:hover,body.typ .ty a.b-leg:hover{background:var(--accent-strong);border-color:var(--accent-strong)}
body.typ .ty a.b-ghost,body.typ .ty .cta:has(#tyLeg[style*="inline-flex"]) a.b-dark{background:transparent;color:#ECEDEE;border:1px solid #2A2E33}
body.typ .ty a.b-ghost:hover,body.typ .ty .cta:has(#tyLeg[style*="inline-flex"]) a.b-dark:hover{background:transparent;border-color:#ECEDEE}
@media (max-width:640px){
  body.typ .ty .cta{flex-direction:column;align-items:stretch}
  body.typ .ty a.b{justify-content:center}
}

/* ============================================================
   22 — LEGAL  (/privacy/, /terms/)
   No mock of its own: About's hero type and card language on a
   long reading column. Scoped to body.lgl. Markup untouched apart
   from the body class; the #hh-entity script fills the company card.
   ============================================================ */
body.lgl .crumb{border-bottom:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#8B9096}
body.lgl .crumb a{color:#8B9096}
body.lgl .crumb a:hover,body.lgl .crumb b{color:#ECEDEE;font-weight:400}
body.lgl .hsec{padding-bottom:clamp(72px,8.4vw,120px)}
body.lgl .par{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.08em;color:var(--accent)}
body.lgl .par::before{content:"◈"}
body.lgl .par::after{content:none}
body.lgl .page-h1{margin:20px 0 18px;font-size:clamp(44px,6.2vw,80px);line-height:.98;font-weight:500;letter-spacing:-.045em;color:#ECEDEE;text-wrap:balance}
body.lgl .page-sub{margin:0 0 clamp(40px,5vw,64px);padding-bottom:clamp(32px,4vw,48px);border-bottom:1px solid #1F2226;font-size:clamp(16px,1.35vw,19px);line-height:1.55;color:#C9CCD0;max-width:none}

/* Reading column */
body.lgl .legal{max-width:none;margin:0;font-size:17px;line-height:1.7;color:#C9CCD0}
body.lgl .legal p{margin:0 0 18px;font-size:17px;line-height:1.7}
body.lgl .legal h2{margin:48px 0 14px;font-size:clamp(24px,2.2vw,30px);font-weight:500;letter-spacing:-.03em;line-height:1.15;color:#ECEDEE}
body.lgl .legal ul,body.lgl .legal ol{margin:0 0 20px;padding-left:22px}
body.lgl .legal li{margin:0 0 10px;font-size:17px;line-height:1.65}
body.lgl .legal ul li::marker{color:var(--accent)}
body.lgl .legal ol li::marker{color:var(--accent);font-family:var(--font-mono);font-size:14px}
body.lgl .legal strong{color:#ECEDEE;font-weight:600}
body.lgl .legal a{color:var(--accent);text-decoration-color:rgba(255,224,27,.4)}
body.lgl .legal a:hover{text-decoration-color:var(--accent)}
body.lgl .legal .legal-meta{display:inline-block;margin:0 0 28px;padding:5px 9px;border-radius:4px;background:#1F2226;font-size:12px;letter-spacing:.08em;color:#C9CCD0}

/* Registered company details: About's chapter card */
body.lgl .legal .legal-entity{margin:24px 0 8px;padding:26px 30px 24px;border:1px solid #2A2E33;border-radius:14px;background:#121417}
body.lgl .legal .legal-entity p{margin:0 0 6px;font-size:15px;line-height:1.6;color:#C9CCD0}
body.lgl .legal .legal-entity p:last-of-type{margin-bottom:0}
@media (max-width:640px){
  body.lgl .legal .legal-entity{padding:22px 20px}
}

/* ============================================================
   23 — DESTINATION PAGE  (/private-jet-hire/<slug>/, target: Nice design)
   Scoped to body.dst. The page also carries .home, so section 15's
   hero, #legs-table rows, #journal cards and route-alert band apply
   here too. Markup hooks (text-neutral, added by
   tools/apply-destination-skin.js): .crumb moved inside
   .hhero-cap>.wrap, .hsec--gw / --light / --onward / --price on the
   sections, id="journal", .flag images, .tk arrows, /board.v1.js.
   ============================================================ */
body.dst{--maxw:1440px;--wrap-pad:clamp(20px,3.4vw,48px);background:#0B0C0E}
.dst .amp,.dst .tk{color:var(--accent)}

/* Hero: crumb above the pulsing eyebrow (section 15 does the rest) */
.dst .hhero .hhero-cap .crumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:0;padding:0;margin:0 0 22px;font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#C9CCD0}
.dst .hhero .crumb a,.dst .hhero .crumb b{color:#C9CCD0;font-weight:400}
.dst .hhero .crumb a:hover{color:#ECEDEE}
.dst .hhero .crumb b{display:inline-flex;align-items:center;gap:8px}
.dst .flag{width:20px;height:14px;object-fit:cover;border-radius:2px;flex:none}

/* Section rhythm: the design's 120px between blocks */
body.dst .hsec,body.dst .hsec.hsec--alt{padding-block:clamp(40px,5vw,60px)}
body.dst #legs{padding-top:clamp(72px,8.4vw,120px)}
/* /_astro/index…css paints every .save as a near-black pill with !important */
body.dst .route .save{background:none!important;border:0!important;padding:0;color:#9EA3A9!important}

/* Legs board: section 15 styles the rows; this is the container + footnotes */
body.dst #legs-table{display:block!important;background:#0E1012;border:1px solid #1F2226!important;border-bottom:0!important;border-radius:12px 12px 0 0;overflow:hidden}
body.dst #legs-table .trow{display:grid}
body.dst .board-note,body.dst .board-reassure{margin:0;padding:0 22px;background:#0E1012;border:1px solid #1F2226;border-block:0;font-family:var(--font-sans);font-size:14px;line-height:1.6;color:#9EA3A9;max-width:none}
body.dst .board-note{padding-top:18px}
body.dst .board-reassure{padding-bottom:18px;border-bottom:1px solid #1F2226;border-radius:0 0 12px 12px}
body.dst .board-note a,body.dst .board-reassure b{color:#ECEDEE;font-weight:600}

/* Gateways: hairline card grid, flag + codes lead */
.dst .hsec--gw .routes{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#1F2226;border:1px solid #1F2226;border-radius:12px;overflow:hidden}
.dst .hsec--gw .route{display:flex;flex-direction:column;background:#0B0C0E;border:0;padding:24px}
.dst .hsec--gw .route:hover{background:#121417;border:0}
.dst .hsec--gw .route .codes{order:1;display:flex;align-items:center;gap:8px;margin:0 0 28px;font-size:12px;letter-spacing:.04em;color:#8B9096}
.dst .hsec--gw .route .codes .flag{box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.dst .hsec--gw .route .pair{order:2;font-family:var(--font-sans);font-size:28px;font-weight:500;letter-spacing:-.025em;color:#ECEDEE}
.dst .hsec--gw .route .save{order:3;margin-top:4px;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:#9EA3A9}
.dst .hsec--gw .route .n{order:4;align-self:flex-start;margin-top:28px;padding:0;border:0;font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--accent)}

/* Landing: light band, head left, the two paragraphs stacked right */
body.dst .hsec.hsec--light{background:#ECECE9!important;color:#0B0C0E;padding-block:clamp(72px,8.4vw,120px);margin-block:clamp(32px,4vw,60px)}
.dst .hsec--light .eyb{color:#5E6166!important}
.dst .hsec--light .shead h2{color:#0B0C0E}
@media (min-width:901px){
  .dst .hsec--light .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:80px;align-items:start}
  .dst .hsec--light .shead{margin:0}
  .dst .hsec--light .split{padding-top:6px}
}
.dst .hsec--light .split{display:flex;flex-direction:column;gap:24px}
.dst .hsec--light .split p{max-width:none;margin:0;font-size:18px;line-height:1.7;color:#33363B;text-wrap:pretty}

/* Onward: head left, rows right */
@media (min-width:901px){
  .dst .hsec--onward .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:80px;align-items:start}
  .dst .hsec--onward .shead{margin:0}
}
.dst .hsec--onward .routes{display:flex;flex-direction:column;gap:0;border-top:1px solid #1F2226}
.dst .hsec--onward .route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:center;padding:22px 0;background:none;border:0;border-bottom:1px solid #1F2226}
.dst .hsec--onward .route:hover{border-color:#1F2226;opacity:.72}
.dst .hsec--onward .route .pair{font-family:var(--font-sans);font-size:22px;font-weight:500;letter-spacing:-.02em;color:#ECEDEE}
.dst .hsec--onward .route .codes{margin:0;font-size:13px;letter-spacing:.04em;color:var(--accent)}
.dst .hsec--onward .route .save{margin:0;font-family:var(--font-sans);font-size:15px;color:#9EA3A9;text-align:right}
.dst .hsec--onward .route .n{display:none}

/* Pricing: table rows in one card */
.dst .hsec--price .routes{display:flex;flex-direction:column;gap:0;background:#0E1012;border:1px solid #1F2226;border-radius:12px;overflow:hidden}
.dst .hsec--price .route{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) minmax(0,1.5fr) auto;gap:16px;align-items:center;padding:20px 22px;background:none;border:0;border-bottom:1px solid #1A1D20}
.dst .hsec--price .route:last-child{border-bottom:0}
.dst .hsec--price .route:hover{background:#131518;border-color:#1A1D20}
.dst .hsec--price .route .pair{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-family:var(--font-sans);font-size:18px;font-weight:500;color:#ECEDEE}
.dst .hsec--price .route .codes{margin:0;font-family:var(--font-sans);font-size:15px;color:#C9CCD0}
.dst .hsec--price .route .save{margin:0;font-family:var(--font-sans);font-size:15px;color:#9EA3A9}
.dst .hsec--price .route .save b{font-size:19px;font-weight:600;color:#ECEDEE}
.dst .hsec--price .route .n{margin:0;padding:0;border:0;justify-self:end;font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap;color:var(--accent)}

/* Route alert: section 15's copy-left / card-right, with the card given the design's height */
.dst .alertform{min-height:clamp(220px,26vw,380px);align-items:center;justify-content:center}
body.dst .alert .alertform .btn{width:auto;padding:16px 26px;font-size:16px;box-shadow:0 12px 36px rgba(0,0,0,.45)}

/* Destination responsive */
@media (max-width:1100px){
  .dst .hsec--gw .routes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .dst .hsec--gw .routes{grid-template-columns:1fr}
  .dst .hsec--onward .route{grid-template-columns:minmax(0,1fr) auto;gap:6px 16px}
  .dst .hsec--onward .route .save{grid-column:1/-1;text-align:left}
  .dst .hsec--price .route{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}
  .dst .hsec--price .route .pair{grid-column:1/-1}
  .dst .hsec--price .route .save{grid-column:1/-1}
  .dst .hsec--price .route .n{grid-column:2;grid-row:2}
}

/* Homepage v2 — "See all live empty legs" under the popular-routes board (links to /empty-legs/) */
.home #routes .board-more{margin:22px 0 0;display:flex;justify-content:center}
.home #routes .board-more .btn-all{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:6px;background:#FFE01B;color:#0B0C0E;font-family:var(--font-sans);font-size:15px;font-weight:600;text-decoration:none;transition:background .16s}
.home #routes .board-more .btn-all:hover{background:#F5D400}

/* Board place names (board-names.v1.js) — every legs board: flag + airport
   code on top, the airport name small underneath (booking-site convention;
   long names truncate, full name on hover). :is(#legs-table,…) carries id
   specificity so this beats the .home/.evt board rules above. */
body :is(#legs-table,.table,div) .trow .rt.rt--n{display:grid!important;grid-template-columns:20px minmax(0,1fr) 28px 20px minmax(0,1fr);justify-content:stretch;width:100%;align-items:center;column-gap:8px;row-gap:2px}
body :is(#legs-table,.table,div) .trow .rt.rt--n>*{order:0;flex-basis:auto;margin:0}
body :is(#legs-table,.table,div) .trow .rt.rt--n .f-o{grid-row:1;grid-column:1}
body :is(#legs-table,.table,div) .trow .rt.rt--n .c-o{grid-row:1;grid-column:2}
body :is(#legs-table,.table,div) .trow .rt.rt--n .ar{grid-row:1;grid-column:3;font-family:var(--font-mono);font-size:15px;color:var(--accent);text-align:center}
body :is(#legs-table,.table,div) .trow .rt.rt--n .f-d{grid-row:1;grid-column:4}
body :is(#legs-table,.table,div) .trow .rt.rt--n .c-d{grid-row:1;grid-column:5}
body :is(#legs-table,.table,div) .trow .rt.rt--n .code{font-family:var(--font-mono);font-size:17px;font-weight:500;letter-spacing:.02em;color:#ECEDEE}
body :is(#legs-table,.table,div) .trow .rt.rt--n .nm-o{grid-row:2;grid-column:2}
body :is(#legs-table,.table,div) .trow .rt.rt--n .nm-d{grid-row:2;grid-column:5}
body :is(#legs-table,.table,div) .trow .rt.rt--n .nm{font-family:var(--font-sans);font-size:12.5px;font-weight:400;line-height:1.3;color:#8B9096;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body :is(#legs-table,.table,div) .trow .rt.rt--n .flag{width:20px;height:14px;object-fit:cover;border-radius:2px}
body :is(#legs-table,.table,div) .trow .rt.rt--n .city{display:none}
@media (max-width:640px){
  body :is(#legs-table,.table,div) .trow .rt.rt--n{column-gap:6px}
  body :is(#legs-table,.table,div) .trow .rt.rt--n .code{font-size:15px}
}

/* Quote box polish (every page): light card, sentence case, readable copy,
   summary stats as soft tiles — booking-site conventions. Look only: the
   funnel's markup, ids and behaviour are untouched. */
html body .hf-scrim{background:rgba(11,12,14,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
html body .hf-scrim .hf-modal{max-width:500px;border-radius:14px;box-shadow:0 24px 64px rgba(0,0,0,.35)}
html body .hf-scrim .hf-top{padding:16px 22px}
html body .hf-scrim .hf-title{font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:#0B0C0E}
html body .hf-scrim .hf-dot{background:#D4D4CF}
html body .hf-scrim .hf-dot.on{background:#0B0C0E}
html body .hf-scrim .hf-dot.done{background:#2E9E5B}
html body .hf-scrim .hf-x{width:32px;height:32px;border-radius:8px;font-size:20px;line-height:1}
html body .hf-scrim .hf-x:hover{background:#F4F4F1}
html body .hf-scrim .hf-body{padding:20px 22px 22px}
html body .hf-scrim .hf-usp{font-family:var(--font-sans);font-size:13px;line-height:1.5;padding:10px 12px;margin-bottom:16px;border-left:3px solid #FFE01B;border-radius:0 8px 8px 0}
html body .hf-scrim .hf-priceband{padding:4px 0 0}
html body .hf-scrim .hf-priceband .hf-lbl{font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:#5E6166}
html body .hf-scrim .hf-big{font-family:var(--font-sans)!important;font-size:42px;font-weight:600;letter-spacing:-.03em;color:#0B0C0E}
html body .hf-scrim .hf-pp{font-size:13px}
html body .hf-scrim .hf-statrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0;margin:18px 0 14px}
html body .hf-scrim .hf-stat{background:#F4F4F1;border:0;border-radius:10px;padding:12px 10px;text-align:center}
html body .hf-scrim .hf-stat .k{font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:#5E6166}
html body .hf-scrim .hf-stat .v{font-family:var(--font-sans)!important;font-size:15px;font-weight:600;line-height:1.3;margin-top:4px;color:#0B0C0E}
html body .hf-scrim .hf-note{font-size:13px;line-height:1.55;margin:0 0 14px}
html body .hf-scrim .hf-cta{height:52px;padding:0 16px;border-radius:10px;font-family:var(--font-sans);font-size:16px;font-weight:600;letter-spacing:0;text-transform:none}
html body .hf-scrim .hf-cta.hf-ghost{height:48px;font-size:15px;font-weight:500;margin-top:8px}
html body .hf-scrim .hf-back{display:block;margin:12px auto 0;font-family:var(--font-sans);font-size:14px;letter-spacing:0;text-transform:none}
html body .hf-scrim .hf-glabel{font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;color:#0B0C0E}
html body .hf-scrim .hf-trust{font-size:13px;text-align:center}
html body .hf-scrim .hf-field input,html body .hf-scrim .hf-field select{height:48px;border-radius:10px}
@media (max-width:560px){
  html body .hf-scrim .hf-modal{border-radius:14px 14px 0 0}
  html body .hf-scrim .hf-big{font-size:36px}
}

/* ============ Standard hero (hero-live.v1.js) — same look as /empty-legs/ ============ */
body.std-hero .hhero{min-height:100vh;min-height:100svh}
body.std-hero .hhero .hhero-cap{padding:120px 0 56px}
body.std-hero .hhero .hhero-cap>.wrap{justify-content:center}
body.std-hero .hhero .crumb{margin-bottom:18px!important;font-size:12px!important;color:#9EA3A9!important}
/* eyebrow: sentence case, live figures in yellow */
body.std-hero .hhero .eyebrow{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 10px;font-family:var(--font-sans)!important;font-size:16px!important;letter-spacing:0!important;text-transform:none!important;color:#C9CCD0!important;margin-bottom:14px!important}
body.std-hero .hhero .std-stats{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;color:#C9CCD0}
body.std-hero .hhero .std-stats::before{content:"·";color:#6E737A;margin-right:4px}
body.std-hero .hhero .std-stats b{font-size:19px;font-weight:600;color:#FFE01B}
body.std-hero .hhero .std-stats i{font-style:normal;color:#6E737A}
body.std-hero .hhero h1{font-size:clamp(40px,4.6vw,64px)}
body.std-hero .hhero .sub{margin-top:14px!important;font-size:18px}
body.std-hero .hhero .hhero-search{margin-top:26px}
/* the two hero links become quiet text links under the search */
body.std-hero .hhero .hhero-ctarow{margin-top:16px;gap:24px}
body.std-hero .hhero .btn--hero-outline{border:0;padding:0;font-family:var(--font-sans);font-size:15px;letter-spacing:0;text-transform:none;color:#ECEDEE;text-decoration:underline;text-decoration-color:#FFE01B;text-underline-offset:4px}
body.std-hero .hhero .btn--hero-outline:hover{background:none;color:#FFE01B}
/* icon USP row */
body.std-hero .std-usp{list-style:none;margin:30px 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%}
body.std-hero .std-usp li{display:flex;align-items:flex-start;gap:12px;color:#FFE01B}
body.std-hero .std-usp svg{flex:none;margin-top:1px}
body.std-hero .std-usp span{display:flex;flex-direction:column;gap:3px}
body.std-hero .std-usp b{font-size:15px;font-weight:600;color:#fff}
body.std-hero .std-usp i{font-style:normal;font-size:14px;line-height:1.4;color:#B5B9BE}
body.std-hero .hcred-bar.std-moved{display:none}
@media (max-width:980px){body.std-hero .std-usp{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* standard hero: match /empty-legs/ widths and label style */
body.std-hero .hhero h1{max-width:none!important;font-size:clamp(40px,4.4vw,62px)!important;line-height:1.02!important}
body.std-hero .hhero .sub{max-width:760px!important}
body.std-hero .hhero .hhero-search{max-width:none!important;width:100%}
body.std-hero .hhero .jsearch--hero label{font-family:var(--font-sans)!important;font-size:13px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:#44474C!important}

/* ============ Homepage, 8 sections (Kayak / Skyscanner) ============ */
/* Upcoming events: next 6 only (event-sort.js orders the cards by date first), compact cards */
body.home #calendar .rail{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;overflow:visible!important}
body.home #calendar .rail>.ecard:nth-child(n+7){display:none!important}
body.home #calendar .rail>.ecard{grid-column:auto!important;grid-row:auto!important;display:flex;flex-direction:column;min-width:0;border-radius:12px;overflow:hidden;background:#121417;border:1px solid #1F2226}
body.home #calendar .rail>.ecard .ph{aspect-ratio:3/2!important;height:auto!important;position:relative}
body.home #calendar .rail>.ecard .ph img{width:100%;height:100%;object-fit:cover}
body.home #calendar .rail>.ecard .body{padding:12px 14px 14px!important;display:flex;flex-direction:column;gap:4px}
body.home #calendar .rail>.ecard h3{font-size:16px!important;line-height:1.25;margin:0}
body.home #calendar .rail>.ecard .dt{font-size:13px;color:#9EA3A9}
body.home #calendar .rail>.ecard .eb{font-size:11px}
body.home #calendar .rail>.ecard .more{display:none}
body.home #calendar .rail>.ecard .live{font-size:11px}
body.home #calendar .rail>.ecard .live.none{display:none}
body.home #calendar .shead .sld{max-width:560px}
@media (max-width:1100px){body.home #calendar .rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){body.home #calendar .rail{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* How it works + the 75% band read as one section */
body.home #how.el-howto{padding-bottom:28px!important}
body.home #cost.el-howto-band{padding-top:28px!important;padding-bottom:clamp(56px,6vw,90px)!important;background:inherit}

/* Didn't find your leg? charter estimate | route alert */
body.home .el-fallback .el-fb-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:stretch;margin-top:8px}
body.home .el-fallback .el-fb-col{background:#121417;border:1px solid #1F2226;border-radius:14px;padding:26px}
body.home .el-fallback #charter .shead{margin:0 0 14px}
body.home .el-fallback #charter .shead h2{font-size:22px!important}
body.home .el-fallback #charter .shead .sld{font-size:14px;max-width:none}
body.home .el-fallback #charter .hhero-search .fields{flex-wrap:wrap}
body.home .el-fallback .el-fb-alert .alert{padding:0!important;margin:0!important;background:none!important;min-height:0!important;border:0!important}
body.home .el-fallback .el-fb-alert .alertmap{display:none}
body.home .el-fallback .el-fb-alert .alert>*{position:static!important;max-width:none!important;padding:0!important}
body.home .el-fallback .el-fb-alert h2{font-size:22px!important;line-height:1.2}
@media (max-width:980px){body.home .el-fallback .el-fb-grid{grid-template-columns:1fr}}

/* Fleet module on the cost guide (moved from the homepage; .home-scoped styles apply via the wrapper) */
.fleet-move #aircraft.hsec{background:#ECECE9;color:#0B0C0E;padding-block:clamp(64px,7vw,110px)}
.fleet-move #aircraft .eyb{color:#5E6166!important}
.fleet-move #aircraft .shead h2,.fleet-move #aircraft .fleet-info h3{color:#0B0C0E}
.fleet-move #aircraft .shead .sld{color:#44474C}

/* Upcoming events: reset the old feature-card + list layout (it targets #calendar-rail) */
body.home #calendar #calendar-rail{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:14px!important;row-gap:14px!important}
body.home #calendar #calendar-rail>.ecard{grid-column:auto!important;grid-row:auto!important;position:relative!important;top:auto!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:0!important;border:1px solid #1F2226!important;border-radius:12px!important;background:#121417!important;overflow:hidden!important;transform:none!important;grid-template-columns:none!important;grid-template-areas:none!important}
body.home #calendar #calendar-rail>.ecard:nth-child(n+7){display:none!important}
body.home #calendar #calendar-rail>.ecard .ph{display:block!important;position:relative!important;inset:auto!important;aspect-ratio:3/2!important;overflow:hidden}
body.home #calendar #calendar-rail>.ecard .ph::after{display:none!important}
body.home #calendar #calendar-rail>.ecard .ph img{display:block;width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important}
body.home #calendar #calendar-rail>.ecard .live{position:absolute!important;top:10px!important;left:10px!important;background:var(--accent)!important;color:var(--on-accent)!important;padding:3px 8px!important;border-radius:4px!important;font-size:11px!important;z-index:1}
body.home #calendar #calendar-rail>.ecard .live.none{display:none!important}
body.home #calendar #calendar-rail>.ecard .body{display:flex!important;flex-direction:column!important;gap:4px!important;padding:12px 14px 14px!important;position:static!important}
body.home #calendar #calendar-rail>.ecard h3{font-size:16px!important;line-height:1.25!important;letter-spacing:-.01em!important;margin:0!important;order:1}
body.home #calendar #calendar-rail>.ecard .dt{font-size:13px!important;color:#9EA3A9!important;text-transform:none!important;margin:0!important;order:2}
body.home #calendar #calendar-rail>.ecard .eb{font-size:11px!important;letter-spacing:0!important;color:#8B9096!important;order:0}
body.home #calendar #calendar-rail>.ecard .more{display:none!important}
@media (max-width:1100px){body.home #calendar #calendar-rail{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:640px){body.home #calendar #calendar-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* ============ Standard hero on hubs and guides (hero-live.v1.js) ============ */
body.std-hero.art .hhero{min-height:0!important}
body.std-hero.art .hhero .hhero-cap{padding:124px 0 44px!important}
body.std-hero .hub-hero{position:relative;padding:124px 0 48px!important}
body.std-hero .hub-hero>.wrap{position:relative;display:flex;flex-direction:column;gap:12px}
body.std-hero .hub-hero .crumb{font-size:12px!important;color:#9EA3A9!important;margin:0 0 6px!important}
body.std-hero .hub-hero .shead{display:block!important;margin:0!important}
body.std-hero .hub-hero .eyb{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 10px;font-family:var(--font-sans)!important;font-size:16px!important;letter-spacing:0!important;text-transform:none!important;color:#C9CCD0!important;margin-bottom:14px!important}
body.std-hero .hub-hero h1{font-size:clamp(40px,4.4vw,62px)!important;line-height:1.02!important;letter-spacing:-.04em;color:#fff}
body.std-hero .hub-hero .sld{font-size:18px!important;line-height:1.5;color:#D6D8DB!important;max-width:760px!important;margin-top:14px!important}
body.std-hero :is(.hhero,.hub-hero) .std-stats{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;color:#C9CCD0}
body.std-hero :is(.hhero,.hub-hero) .std-stats::before{content:"·";color:#6E737A;margin-right:4px}
body.std-hero :is(.hhero,.hub-hero) .std-stats b{font-size:19px;font-weight:600;color:#FFE01B}
body.std-hero :is(.hhero,.hub-hero) .std-stats i{font-style:normal;color:#6E737A}
/* compact live search (GET to the homepage results) */
body.std-hero .std-search{margin-top:24px;width:100%}
body.std-hero .std-search label span{font-family:var(--font-sans)!important;font-size:13px!important;font-weight:500;letter-spacing:0!important;text-transform:none!important;color:#44474C!important}
body.std-hero .hhero--article .hcred-meta{margin-top:10px}

/* quote form country code: code shows first; fixed width so it never truncates */
html body .hf-scrim .hf-field.hf-tel #hfDial{flex:0 0 96px!important;width:96px!important;min-width:0!important;max-width:none!important;padding-left:12px!important;padding-right:26px!important;text-overflow:ellipsis}
@media (max-width:420px){html body .hf-scrim .hf-field.hf-tel #hfDial{flex-basis:88px!important;width:88px!important;font-size:15px}}

/* phone: hero sub-line in full (an old rule clamped it to 3 lines and clipped it) */
@media (max-width:760px){body.std-hero .hhero .sub,body.std-hero .hub-hero .sld{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;max-width:100%!important;font-size:16px!important;line-height:1.5!important}}

/* About: the legacy eyebrow wraps the label in brackets; the opening one is replaced by ◈ above, drop the closing one */
body.about .hub-hero .par::after{content:none}

/* ============================================================
   About page v2: intro band, editorial chapters (sticky heading left, text right), call to action
   ============================================================ */
body.about .about-lead{padding-block:clamp(64px,7vw,104px) 0}
body.about .ab-lead{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:start}
body.about .ab-lead-h h2{margin:12px 0 0;font-size:clamp(32px,3.6vw,48px);line-height:1.04;letter-spacing:-.04em;font-weight:500;color:#ECEDEE;text-wrap:balance}
body.about .ab-big{margin:0;font-size:clamp(19px,1.6vw,23px);line-height:1.55;color:#ECEDEE;text-wrap:pretty}
body.about .ab-stats{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.about .ab-stats li>*{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 18px 20px;border:1px solid #2A2E33;border-top:2px solid var(--accent);border-radius:10px;background:#121417;color:#C9CCD0;text-decoration:none;box-sizing:border-box}
body.about .ab-stats a:hover{border-color:var(--accent)}
body.about .ab-stats b{font-size:36px;line-height:1;font-weight:600;letter-spacing:-.03em;color:#FFE01B}
body.about .ab-stats span{font-size:14px;line-height:1.35}
body.about .about-story{padding-block:clamp(56px,6vw,88px)}
body.about .ab-ch{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,5vw,72px);padding:clamp(40px,4.4vw,64px) 0;border-top:1px solid #2A2E33}
body.about .ab-ch:last-child{border-bottom:1px solid #2A2E33}
body.about .ab-side{position:sticky;top:110px;align-self:start}
body.about .ab-n{display:inline-block;padding:5px 9px;border-radius:4px;background:var(--accent);color:#0B0C0E;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}
body.about .ab-side h2{margin:16px 0 0;font-size:clamp(28px,2.8vw,40px);line-height:1.06;letter-spacing:-.035em;font-weight:500;color:#ECEDEE}
body.about .ab-body{max-width:760px}
body.about .ab-body>p{margin:0 0 18px;font-size:18px;line-height:1.75;color:#C9CCD0;text-wrap:pretty}
body.about .ab-body>p:last-child{margin-bottom:0}
body.about .ab-body strong{color:#ECEDEE;font-weight:600}
body.about .ab-body h3{margin:36px 0 16px;font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:#FFE01B}
body.about .ab-body a{color:#ECEDEE;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
body.about .ab-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;counter-reset:abs}
body.about .ab-steps li{counter-increment:abs;display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px;border:1px solid #2A2E33;border-radius:12px;background:#121417}
body.about .ab-steps li::before{content:counter(abs);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#0B0C0E;font-family:var(--font-mono);font-size:13px;font-weight:600}
body.about .ab-steps b{font-size:17px;color:#ECEDEE;font-weight:600}
body.about .ab-steps span{font-size:15px;line-height:1.6;color:#B5B9BE}
body.about .ab-dd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
body.about .ab-dd>div{padding:20px 22px 22px;border:1px solid #2A2E33;border-radius:12px;background:#121417}
body.about .ab-dd h3{margin:0 0 12px}
body.about .ab-dd ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
body.about .ab-dd li{position:relative;padding-left:26px;font-size:15px;line-height:1.55;color:#C9CCD0}
body.about .ab-do li::before{content:"✓";position:absolute;left:0;color:#3fcf8e;font-weight:700}
body.about .ab-dont li::before{content:"✕";position:absolute;left:0;color:#E5484D;font-weight:700}
body.about .ab-dont h3{color:#ECEDEE}
body.about .ab-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
body.about .ab-links a{display:block;padding:14px 0;border-bottom:1px solid #2A2E33;font-size:16px;font-weight:500;text-decoration:none!important}
body.about .ab-links a::after{content:" →";color:var(--accent)}
body.about .ab-links a:hover{color:#FFE01B}
body.about .about-cta{padding-block:0 clamp(72px,8vw,120px)}
body.about .ab-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding:clamp(28px,3.6vw,44px);border:1px solid #2A2E33;border-radius:16px;background:#121417}
body.about .ab-cta h2{margin:0;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.03em;font-weight:500;color:#ECEDEE}
body.about .ab-cta p{margin:8px 0 0;font-size:17px;color:#C9CCD0}
body.about .ab-cta-b{display:flex;gap:12px;flex-wrap:wrap}
body.about .ab-btn{display:inline-flex;align-items:center;padding:14px 22px;border-radius:8px;border:1px solid #3A3F45;color:#ECEDEE;font-weight:600;font-size:15px;text-decoration:none}
body.about .ab-btn:hover{border-color:var(--accent)}
body.about .ab-btn--y{background:#FFE01B;border-color:#FFE01B;color:#0B0C0E}
body.about .ab-btn--y:hover{background:#FFE94D}
@media (max-width:900px){
  body.about .ab-lead,body.about .ab-ch{grid-template-columns:1fr;gap:20px}
  body.about .ab-side{position:static}
  body.about .ab-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  body.about .ab-steps,body.about .ab-dd,body.about .ab-links{grid-template-columns:1fr}
  body.about .ab-body>p{font-size:17px}
  body.about .ab-cta{flex-direction:column;align-items:flex-start}
}