/* Brand fonts — self-hosted variable TTFs (no CDN dependency; works offline + in print) */
@font-face{font-family:'Playfair Display';src:url('assets/fonts/PlayfairDisplay.ttf') format('truetype');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
/* ============================================================
   INDUSTRIES Taiwan — TAITRA Sample Issue
   Shared design system + A4 print mechanics
   Tokens lifted from cover-mockups.html (locked brand palette)
   Brand wordmark per industries-taiwan-logo-spec.md
   ============================================================ */

:root{
  --red:#c8102e;
  --navy1:#1a2c47; --navy2:#0b1626; --navy3:#080f1b;
  --charcoal:#111317;
  --gold:#cdbf95;        /* tagline / teaser kickers */
  --gold-name:#d6b256;   /* CEO names */
  --gold-bright:#e3c878; /* seals / eyebrows */
  --gold-rule:#b9985a;   /* hairline rules */
  --cream:#f6f3ec;
  --ink:#1c1c1e;
  --ink-soft:#5d626b;
  --serif:'Playfair Display','Georgia','Times New Roman',serif;  /* display headings — logo uses --logo, untouched */
  --georgia:'Georgia','Times New Roman',serif;
  --cond:'Arial Narrow','Helvetica Neue','Arial',sans-serif;
  --sans:'Helvetica Neue','Arial',sans-serif;
  --logo:'Playfair Display','Georgia','Times New Roman',serif;   /* brand wordmark — logo spec */
  --kicker:'Inter','Helvetica Neue','Arial',sans-serif;          /* kicker / tagline — logo spec */
  --page-w:210mm; --page-h:297mm;
}

*{box-sizing:border-box}
*{ -webkit-print-color-adjust:exact; print-color-adjust:exact }
html,body{margin:0}
body{background:#2b2d31;font-family:var(--sans);color:var(--ink);
     -webkit-font-smoothing:antialiased}

/* ---------- screen chrome (hidden in print) ---------- */
.screen-bar{position:sticky;top:0;z-index:50;background:#16181c;color:#e9e9ec;
     border-bottom:1px solid #2a2e35;padding:14px 22px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
/* Lockup A — horizontal (logo spec §4): INDUSTRIES 800 + TAIWAN 400 tracked, same baseline */
.screen-bar h1{font-family:var(--logo);font-weight:800;font-size:21px;letter-spacing:.02em;
     text-transform:uppercase;margin:0;display:inline-flex;align-items:baseline;gap:.36em;color:#fff}
.screen-bar h1 span{font-weight:400;font-style:normal;font-size:.58em;letter-spacing:.38em;
     text-transform:uppercase}
.screen-bar p{margin:0;color:#9aa0a8;font-size:13px;line-height:1.4;max-width:620px}
.screen-bar .spacer{flex:1}
.screen-bar button{font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.04em;
     background:var(--red);color:#fff;border:0;border-radius:5px;padding:10px 18px;cursor:pointer}
.screen-bar button:hover{background:#a60d26}
.proof-tag{display:inline-block;background:#23262c;border:1px solid #353a42;color:#cdbf95;
     font-size:11px;font-weight:700;letter-spacing:.12em;padding:4px 9px;border-radius:3px}

main{display:flex;flex-direction:column;align-items:center;gap:26px;padding:30px 16px 90px}

/* ---------- the page ---------- */
.page{position:relative;width:var(--page-w);height:var(--page-h);overflow:hidden;
     background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.55)}

/* ---------- print ---------- */
@page{size:A4;margin:0}
@media print{
  body{background:#fff}
  .screen-bar{display:none !important}
  main{display:block;padding:0;gap:0;align-items:stretch}
  .page{box-shadow:none;margin:0;break-after:page;page-break-after:always}
  .page:last-child{break-after:auto;page-break-after:auto}
}

/* ============================================================
   PAGE 1 — FRONT COVER  (live HTML cover; cqw type scale)
   ============================================================ */
.cover-page{container-type:inline-size;color:#fff;
     background-size:cover;background-position:center;
     text-shadow:0 2px 11px rgba(0,0,0,.66)}
.cover-page::after{content:"";position:absolute;inset:0;pointer-events:none;background:none}
.cover-page > *{position:absolute;z-index:2}
.c-date{top:2.7%;left:5%;font-weight:700;font-size:1.55cqw;letter-spacing:.06em}
.c-price{top:2.7%;right:5%;font-weight:700;font-size:1.55cqw;letter-spacing:.06em;text-align:right}
/* Lockup B — stacked (logo spec §5): kicker (Inter 600) / INDUSTRIES (Playfair 800) / TAIWAN (Playfair 400, .62em) */
.c-tagline{top:5.5%;left:0;right:0;text-align:center;font-family:var(--kicker);font-weight:600;
     font-size:1.28cqw;letter-spacing:.30em;text-transform:uppercase;color:var(--gold)}
.c-masthead{top:6.9%;left:0;right:0;text-align:center;font-family:var(--logo);
     font-weight:800;font-size:12.8cqw;letter-spacing:.02em;line-height:.9;text-transform:uppercase}
.c-submast{top:18.8%;left:0;right:0;text-align:center;font-family:var(--logo);
     font-weight:400;font-size:2.9cqw;letter-spacing:.62em;padding-left:.62em;text-transform:uppercase}
.c-teasers{top:24.2%;left:5%;width:47%;text-align:left}
.c-teasers .k{color:var(--gold);font-weight:700;font-size:1.32cqw;letter-spacing:.14em}
.c-teasers .t{font-family:var(--cond);font-weight:700;font-size:2.6cqw;line-height:1.06;margin-top:.5%}
.c-seal{top:39.5%;right:5.5%;width:15.5cqw;height:15.5cqw;border-radius:50%;
     display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
     background:radial-gradient(circle at 50% 38%,#f4e2a8,#d6b256 58%,#a9842f 100%);
     box-shadow:0 4px 16px rgba(0,0,0,.45),inset 0 0 0 .35cqw rgba(255,255,255,.55),
                inset 0 0 0 .9cqw #b9985a;color:#3a2c0c;text-shadow:none}
.c-seal .s1{font-family:var(--sans);font-weight:800;font-size:1.18cqw;letter-spacing:.1em}
.c-seal .s2{font-family:var(--serif);font-weight:700;font-size:3.5cqw;line-height:.95;margin:.2cqw 0}
.c-seal .s3{font-family:var(--sans);font-weight:700;font-size:.92cqw;letter-spacing:.22em}
.c-bottom{left:5%;bottom:5.2%;width:90%}
.c-kick{display:inline-block;background:var(--red);color:#fff;font-weight:700;
     font-size:1.6cqw;letter-spacing:.10em;padding:.5% 1.5%;text-shadow:none}
.c-hero{font-family:var(--georgia);font-weight:700;font-size:5.7cqw;line-height:1.0;margin:2.2% 0 0}
.c-name{font-family:var(--georgia);font-weight:700;font-size:3.7cqw;line-height:1;margin:2.3% 0 0;
     color:var(--gold-name)}
.c-role{font-weight:700;font-size:1.55cqw;letter-spacing:.07em;margin:1% 0 0;color:#ededed}
.c-barcode{right:5%;bottom:3.6%;width:13%;height:4%;background:#fff;
     background-image:repeating-linear-gradient(90deg,#000 0,#000 2px,#fff 2px,#fff 5px);
     border:5px solid #fff;border-radius:2px}
/* publisher credit — quiet footer line along the bottom edge of the cover */
.c-credit{left:0;right:0;bottom:1.5%;text-align:center;font-family:var(--sans);
     font-weight:700;font-size:1.0cqw;letter-spacing:.26em;color:#d6d6d6;text-transform:uppercase}

/* ============================================================
   FEATURE OPENER  (dark navy title page)
   ============================================================ */
.feature-open{background:linear-gradient(158deg,var(--navy1) 0%,var(--navy2) 56%,var(--navy3) 100%);
     color:#fff;padding:23mm 22mm 0;display:flex;flex-direction:column}
.fo-eyebrow{font-family:var(--sans);font-weight:700;letter-spacing:.22em;font-size:10pt;
     color:var(--gold-bright);text-transform:uppercase}
.fo-rule{width:26mm;height:2px;background:var(--gold-rule);margin:6mm 0 0}
.fo-headline{font-family:var(--serif);font-weight:700;font-size:64pt;line-height:.98;
     letter-spacing:.004em;margin:7mm 0 0}
.fo-deck{font-family:var(--georgia);font-style:italic;font-size:15.5pt;line-height:1.5;
     color:#d7dde6;margin:8mm 0 0;max-width:150mm}
.fo-byline{font-family:var(--sans);font-weight:700;font-size:9pt;letter-spacing:.12em;
     color:#9fb0c4;margin:8mm 0 0;text-transform:uppercase}
.fo-photo{margin:auto -22mm 0;position:relative}
.fo-photo img{display:block;width:100%;height:120mm;object-fit:cover;object-position:center 32%}
.fo-photo figcaption{position:absolute;left:22mm;right:22mm;bottom:6mm;color:#f1f4f8;
     font-family:var(--sans);font-size:8.4pt;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.fo-photo::after{content:"";position:absolute;inset:0;
     background:linear-gradient(to bottom,rgba(0,0,0,0) 55%,rgba(0,0,0,.55) 100%)}
.folio{position:absolute;font-family:var(--sans);font-size:7.6pt;letter-spacing:.14em;
     color:rgba(255,255,255,.6);text-transform:uppercase}
.folio.tr{top:11mm;right:22mm}

/* ============================================================
   FEATURE TEXT  (cream editorial page)
   ============================================================ */
.feature-text{background:var(--cream);color:var(--ink);padding:21mm 19mm 16mm;
     display:flex;flex-direction:column}
.ft-head{display:flex;align-items:center;gap:6mm;border-bottom:1px solid #d8cdb5;padding-bottom:4mm}
.ft-head .rh{font-family:var(--sans);font-weight:700;font-size:8.2pt;letter-spacing:.18em;
     text-transform:uppercase;color:#9b7d3e}
.ft-head .rh b{color:var(--ink)}
.ft-head .sp{flex:1}
.ft-head .no{font-family:var(--serif);font-weight:700;font-size:9pt;color:var(--ink-soft)}
.ft-body{flex:1;margin-top:6mm}
.ft-cols{column-count:2;column-gap:9mm;font-family:var(--georgia);font-size:9.6pt;
     line-height:1.52;text-align:justify;hyphens:auto}
.ft-cols p{margin:0 0 2.8mm}
.dropcap{float:left;font-family:var(--serif);font-weight:700;font-size:33pt;line-height:.78;
     padding:1.5mm 2.2mm 0 0;color:var(--red)}
.ft-sub{font-family:var(--serif);font-weight:700;font-size:13.5pt;line-height:1.05;
     margin:0 0 2.4mm;color:#15233b;break-inside:avoid;text-align:left;-webkit-hyphens:none;hyphens:none}
.pullquote{column-span:all;font-family:var(--serif);font-style:italic;font-weight:700;
     font-size:18.5pt;line-height:1.26;color:#15233b;text-align:center;
     border-top:2px solid var(--gold-rule);border-bottom:2px solid var(--gold-rule);
     padding:5mm 6mm;margin:5mm 0}
.pullquote .src{display:block;font-style:normal;font-family:var(--sans);font-weight:700;
     font-size:8pt;letter-spacing:.14em;color:#9b7d3e;text-transform:uppercase;margin-top:3mm}

/* factbox + the single QR bridge */
.factbox{margin-top:7mm;background:#15233b;color:#eef1f5;display:flex;gap:8mm;
     padding:7mm 8mm;border-top:3px solid var(--gold-name)}
.factbox .fb-main{flex:1}
.factbox h3{font-family:var(--sans);font-weight:800;font-size:9pt;letter-spacing:.18em;
     text-transform:uppercase;color:var(--gold-bright);margin:0 0 3.5mm}
.factbox ul{margin:0;padding:0;list-style:none;font-family:var(--sans);font-size:8.3pt;
     line-height:1.46;columns:2;column-gap:8mm}
.factbox li{margin:0 0 2mm;break-inside:avoid;padding-left:8px;position:relative}
.factbox li::before{content:"";position:absolute;left:0;top:5px;width:3px;height:3px;
     background:var(--gold-name);border-radius:50%}
.factbox b{color:#fff}
.bridge{width:40mm;flex:none;text-align:center;border-left:1px solid rgba(255,255,255,.22);
     padding-left:7mm;display:flex;flex-direction:column;align-items:center;justify-content:center}
.bridge .qr{width:27mm;height:27mm;background:#fff;border-radius:3px;padding:2mm}
.bridge .qr svg{display:block;width:100%;height:100%}
.bridge .qr-h{font-family:var(--sans);font-weight:800;font-size:8pt;letter-spacing:.06em;
     color:var(--gold-bright);margin:3mm 0 1mm;text-transform:uppercase}
.bridge .qr-u{font-family:var(--sans);font-size:7.4pt;color:#cdd3dc;letter-spacing:.02em}
.folio.bot{position:static;margin-top:auto;font-family:var(--sans);font-size:7.6pt;letter-spacing:.14em;
     color:var(--ink-soft);text-transform:uppercase;padding-top:6mm;text-align:center}

/* small helper: mark draft/placeholder content for the team */
.draft-note{position:absolute;top:0;left:0;background:rgba(200,16,46,.92);color:#fff;
     font-family:var(--sans);font-weight:700;font-size:7pt;letter-spacing:.08em;padding:2px 7px;
     z-index:9}
@media print{ .draft-note{display:none} }

/* ============================================================
   PAGE 2 — CONTENTS + SECTORS
   ============================================================ */
.contents{background:var(--cream);color:var(--ink);padding:21mm 19mm 14mm;display:flex;flex-direction:column}
.masthd{display:flex;align-items:baseline;justify-content:space-between;border-bottom:3px solid var(--ink);padding-bottom:3mm}
.masthd h2{font-family:var(--serif);font-weight:700;font-size:31pt;margin:0;letter-spacing:.02em}
.masthd h2 span{font-weight:400;font-style:italic;color:var(--ink-soft)}
.masthd .iss{font-family:var(--sans);font-weight:700;font-size:8.4pt;letter-spacing:.16em;color:var(--ink-soft);text-transform:uppercase}
/* contents header: stack subtitle / issue onto their own lines */
.contents:not(.sectors-page) .masthd h2 span{display:block;font-size:.6em;margin-top:1.5mm}
.contents:not(.sectors-page) .masthd .iss{text-align:right;line-height:1.5}
.contents:not(.sectors-page) .masthd .iss span{display:block}
.contents .body{display:flex;gap:11mm;margin-top:7mm;flex:1}
.toc{flex:1;list-style:none;margin:0;padding:0}
.toc li{display:flex;gap:5mm;align-items:baseline;padding:3.6mm 0;border-bottom:1px solid #e2dac8}
.toc .pg{font-family:var(--serif);font-weight:700;font-size:16pt;color:var(--red);width:12mm;flex:none}
.toc .ti b{font-family:var(--serif);font-weight:700;font-size:12.5pt;display:block;color:#15233b;line-height:1.1}
.toc .ti span{font-family:var(--georgia);font-size:9pt;color:var(--ink-soft)}
.contents .side{width:54mm;flex:none;display:flex;flex-direction:column}
.on-cover figure{margin:0}
.on-cover img{width:100%;height:54mm;object-fit:cover;display:block;border:1px solid #d8cdb5}
.on-cover .cap{font-family:var(--sans);font-size:7.4pt;color:var(--ink-soft);margin-top:2mm;letter-spacing:.04em}
.on-cover .cap b{color:var(--red);letter-spacing:.1em}
.colophon{margin-top:6mm;border-top:1px solid #d8cdb5;padding-top:3mm;font-family:var(--sans);font-size:7.2pt;line-height:1.5;color:var(--ink-soft)}
.colophon b{color:var(--ink);letter-spacing:.06em}
.sectors{margin-top:5mm;border-top:2px solid var(--gold-rule);padding-top:3.5mm}
.sectors h3{font-family:var(--sans);font-weight:800;font-size:8.4pt;letter-spacing:.18em;text-transform:uppercase;color:#9b7d3e;margin:0 0 1mm}
.sectors .tags{display:flex;flex-wrap:wrap;gap:2.2mm}
.sectors .tag{background:#15233b;color:#eef1f5;font-family:var(--sans);font-weight:700;font-size:7.3pt;letter-spacing:.03em;padding:1.4mm 2.7mm;border-radius:2px}
.sec-tier{margin-top:2.7mm}
.sec-lab{font-family:var(--sans);font-weight:800;font-size:7pt;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 1.6mm}

/* ============================================================
   PAGE 3 — EDITOR'S LETTER / THE VISION
   ============================================================ */
.editor{background:var(--cream);color:var(--ink);padding:22mm 22mm 16mm;display:flex;flex-direction:column}
.eyebrow{font-family:var(--sans);font-weight:800;letter-spacing:.2em;font-size:9pt;
     text-transform:uppercase;color:#9b7d3e}
.editor h1{font-family:var(--serif);font-weight:700;font-size:29pt;line-height:1.08;
     margin:6mm 0 0;color:#15233b;max-width:155mm}
.editor .lead{font-family:var(--georgia);font-size:11pt;line-height:1.62;margin-top:7mm;max-width:150mm}
.editor .lead p{margin:0 0 3mm}
.editor .sign{font-family:var(--serif);font-style:italic;font-size:12pt;color:#15233b;margin-top:4mm}
.mission{margin-top:8mm;border-top:2px solid var(--gold-rule);
     padding:5mm 0 0;text-align:center}
.mission .mlab{font-family:var(--sans);font-weight:800;font-size:8pt;letter-spacing:.2em;
     text-transform:uppercase;color:#9b7d3e;margin-bottom:2.5mm}
.mission p{font-family:var(--serif);font-style:italic;font-size:14pt;line-height:1.42;margin:0;
     color:#15233b;max-width:158mm;margin-left:auto;margin-right:auto}
.mission strong{font-style:normal;color:var(--red)}
.twothemes{display:flex;gap:7mm;margin-top:auto;padding-top:7mm}
.tcard{flex:1;border-top:2px solid var(--gold-rule);padding-top:3mm}
.tcard h4{font-family:var(--sans);font-weight:800;font-size:9pt;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin:0 0 2mm}
.tcard p{font-family:var(--georgia);font-size:9pt;line-height:1.45;margin:0;color:var(--ink-soft)}

/* inline figure inside feature text (p6–7) */
.ft-fig{margin:0 0 3mm;break-inside:avoid}
.ft-fig img{width:100%;height:44mm;object-fit:cover;object-position:center 30%;display:block}
.ft-fig figcaption{font-family:var(--sans);font-size:7.4pt;color:var(--ink-soft);margin-top:1.4mm;line-height:1.3}

/* ============================================================
   PAGE 8 — THE SUCCESSORS (dark opener)
   ============================================================ */
.suc-open{background:linear-gradient(158deg,#2a1c0e 0%,#15233b 55%,#0a1322 100%);color:#fff;
     padding:23mm 22mm 18mm;display:flex;flex-direction:column}
.suc-open .fr{font-family:var(--sans);font-weight:800;letter-spacing:.24em;color:var(--gold-bright);font-size:10pt;text-transform:uppercase}
.suc-open h1{font-family:var(--serif);font-weight:700;font-size:56pt;line-height:.95;margin:6mm 0 0;letter-spacing:.01em}
.suc-open .deck{font-family:var(--georgia);font-style:italic;font-size:14pt;line-height:1.5;color:#e7d8c0;margin-top:7mm;max-width:152mm}
.anchor{margin-top:auto;background:rgba(255,255,255,.055);border-left:3px solid var(--gold-name);padding:7mm 8mm}
.anchor .lab{font-family:var(--sans);font-weight:800;font-size:8pt;letter-spacing:.16em;color:var(--gold-bright);text-transform:uppercase}
.anchor h3{font-family:var(--serif);font-weight:700;font-size:17pt;margin:2.5mm 0 2mm;color:#fff}
.anchor p{font-family:var(--georgia);font-size:10pt;line-height:1.55;margin:0;color:#dfe5ee}
.anchor .fc{display:block;font-family:var(--sans);font-size:7pt;letter-spacing:.04em;color:#9fb0c4;margin-top:3mm;font-style:normal}

/* ============================================================
   PAGE 9 — THE SUCCESSORS GRID
   ============================================================ */
.suc-grid-page{background:var(--cream);color:var(--ink);padding:20mm 18mm 13mm;display:flex;flex-direction:column}
.sg-head{border-bottom:2px solid var(--gold-rule);padding-bottom:3mm}
.sg-head h2{font-family:var(--serif);font-weight:700;font-size:22pt;margin:0;color:#15233b}
.sg-head p{font-family:var(--georgia);font-size:9pt;color:var(--ink-soft);margin:1.5mm 0 0}
.suc-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:4.5mm 8mm;margin-top:7mm;align-content:space-between}
.suc-card{display:flex;gap:4mm;align-items:flex-start;border-bottom:1px solid #e2dac8;padding-bottom:3.4mm}
.suc-av{width:14mm;height:14mm;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;
     font-family:var(--serif);font-weight:700;font-size:12pt;color:#fff;
     background:linear-gradient(135deg,#15233b,#b9985a)}
.suc-card .nm{font-family:var(--serif);font-weight:700;font-size:11pt;color:#15233b;line-height:1.05}
.suc-card .sec{font-family:var(--sans);font-weight:700;font-size:6.9pt;letter-spacing:.07em;color:#9b7d3e;text-transform:uppercase;margin:.8mm 0}
.suc-card .ln{font-family:var(--georgia);font-size:8.2pt;line-height:1.32;color:var(--ink-soft)}
.sg-note{font-family:var(--sans);font-size:7.4pt;color:var(--ink-soft);margin-top:5mm;font-style:italic}

/* ============================================================
   PAGE 10 — WALL OF EXCELLENCE (covers wall, 6 languages)
   ============================================================ */
.wall{background:#0f1a2e;color:#fff;padding:19mm 17mm 13mm;display:flex;flex-direction:column}
.wall .wh h2{font-family:var(--serif);font-weight:700;font-size:25pt;margin:0;letter-spacing:.01em}
.wall .wh .eyebrow{color:var(--gold-bright)}
.wall .wh p{font-family:var(--georgia);font-style:italic;font-size:11pt;color:#c7d0dd;margin:3mm 0 0;max-width:150mm}
.wall-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8mm 6mm;margin-top:7mm;align-content:center}
.wall-cell{margin:0}
.wall-cell figcaption{font-family:var(--sans);font-weight:700;font-size:7.6pt;letter-spacing:.04em;color:#c7d0dd;margin-top:2.4mm;text-align:center}
.wall-cell figcaption b{color:#fff}
.wall-note{font-family:var(--sans);font-size:7.4pt;color:#9fb0c4;margin-top:6mm;text-align:center;font-style:italic}
.mini-cover{position:relative;container-type:inline-size;aspect-ratio:1700/2200;
     background-image:url('assets/cover-b.jpg');background-size:cover;background-position:center;
     border-radius:3px;overflow:hidden;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.45);
     text-shadow:0 1px 5px rgba(0,0,0,.6)}
.mini-cover::after{content:"";position:absolute;inset:0;
     background:linear-gradient(to bottom,rgba(6,10,18,.36) 0%,rgba(0,0,0,0) 16%,
                rgba(0,0,0,0) 52%,rgba(6,10,18,.55) 100%)}
.mini-cover > *{position:absolute;z-index:2;left:6%;right:6%;text-align:center}
.mc-tag{top:3%;font-family:var(--sans);font-weight:700;font-size:1.85cqw;letter-spacing:.08em;color:var(--gold);line-height:1.25}
.mc-mast{top:11%;font-family:var(--serif);font-weight:700;font-size:15.5cqw;line-height:.85}
.mc-sub{top:24%;font-family:var(--serif);font-weight:400;font-size:4.4cqw;letter-spacing:.34em;padding-left:.34em}
.mc-kick{bottom:23%;left:0;right:0}
.mc-kick span{background:var(--red);color:#fff;font-family:var(--sans);font-weight:800;font-size:2.7cqw;letter-spacing:.05em;padding:.7cqw 1.7cqw;text-shadow:none}
.mc-hook{bottom:9.5%;font-family:'Georgia','Hiragino Mincho ProN','Apple SD Gothic Neo','Thonburi','Times New Roman',serif;
     font-weight:700;font-size:6cqw;line-height:1.12}
.mc-name{bottom:4%;font-family:var(--sans);font-weight:800;font-size:4cqw;letter-spacing:.05em;color:var(--gold-name)}
.wall-cover{width:100%;display:block;border-radius:3px;box-shadow:0 8px 22px rgba(0,0,0,.45)}

/* US-first vs partnership-activated split */
.wall-split{flex:1;display:grid;grid-template-columns:42% 1fr;gap:10mm;margin-top:6mm;align-items:start}
.wall-live{display:flex;flex-direction:column}
.wall-activate{display:flex;flex-direction:column}
.zone-lab{align-self:flex-start;font-family:var(--sans);font-weight:800;font-size:8pt;letter-spacing:.16em;
     text-transform:uppercase;padding:1.6mm 3.2mm;border-radius:2px;margin-bottom:4mm}
.zone-lab.live{background:var(--gold-name);color:#2a2410}
.zone-lab.partner{border:1px solid rgba(255,255,255,.35);color:var(--gold-bright)}
.wall-cell.big .wall-cover{box-shadow:0 12px 30px rgba(0,0,0,.55);outline:2px solid var(--gold-name);
     outline-offset:2px}
.wall-cell.big figcaption{font-family:var(--sans);font-weight:700;font-size:9pt;letter-spacing:.04em;
     color:#fff;margin-top:3.5mm;text-align:left}
.wall-activate .wall-grid{flex:none;grid-template-columns:repeat(3,1fr);gap:5mm 5mm;margin-top:0;align-content:start}
.zone-note{font-family:var(--georgia);font-style:italic;font-size:8.4pt;line-height:1.4;
     color:#9fb0c4;margin:5mm 0 0}

/* ============================================================
   PAGE 11 — PARTNERS IN EXCELLENCE
   ============================================================ */
.partners{background:var(--cream);color:var(--ink);padding:21mm 18mm 13mm;display:flex;flex-direction:column}
.partners .ph h2{font-family:var(--serif);font-weight:700;font-size:25pt;line-height:1.06;margin:5mm 0 0;color:#15233b;max-width:160mm}
.partners .ph .intro{font-family:var(--georgia);font-size:10pt;line-height:1.55;color:var(--ink-soft);margin:5mm 0 0;max-width:165mm}
.pp{flex:1;display:flex;flex-direction:column;justify-content:center;gap:5mm;margin-top:6mm}
.pp-row{display:grid;grid-template-columns:1fr 16mm 1fr;gap:4mm;align-items:stretch}
.pp-panel{border:1px solid #d8cdb5;background:#fff;padding:6mm}
.pp-panel.us{border-color:var(--gold-name);border-width:1.5px}
.pp-panel h3{font-family:var(--sans);font-weight:800;font-size:8.2pt;letter-spacing:.14em;text-transform:uppercase;margin:0 0 1mm;color:#9b7d3e}
.pp-panel .who{font-family:var(--serif);font-weight:700;font-size:13pt;color:#15233b;margin:0 0 3mm}
.pp-panel ul{margin:0;padding:0;list-style:none;font-family:var(--georgia);font-size:8.8pt;line-height:1.4}
.pp-panel li{margin:0 0 2mm;padding-left:7px;position:relative}
.pp-panel li::before{content:"";position:absolute;left:0;top:5px;width:3px;height:3px;border-radius:50%;background:var(--gold-name)}
.pp-op{display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;
     font-size:34pt;color:var(--gold-name)}
.pp-together{background:#15233b;color:#eef1f5;padding:6mm 7mm;border-top:3px solid var(--gold-name);text-align:center}
.pp-together h3{font-family:var(--sans);font-weight:800;font-size:8.4pt;letter-spacing:.18em;color:var(--gold-bright);text-transform:uppercase;margin:0 0 2mm}
.pp-together p{font-family:var(--serif);font-size:12.5pt;line-height:1.4;margin:0}
.pp-note{font-family:var(--sans);font-size:8pt;line-height:1.4;color:var(--ink-soft);margin-top:5mm;text-align:center;font-style:italic}
.value-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8mm 10mm;margin:8mm 0 0;align-content:center}
.vcard{border-top:2px solid var(--gold-rule);padding-top:4mm}
.vcard .vnum{font-family:var(--serif);font-weight:700;font-size:15pt;color:var(--gold-name);line-height:1}
.vcard h3{font-family:var(--serif);font-weight:700;font-size:14.5pt;color:#15233b;margin:2mm 0 2.5mm}
.vcard p{font-family:var(--georgia);font-size:9.7pt;line-height:1.52;margin:0;color:var(--ink)}
.pillars{flex:none;display:grid;grid-template-columns:repeat(3,1fr);gap:9mm;margin:12mm 0 0;align-content:start}
.pillars .vcard{display:flex;flex-direction:column}
.pillars .vcard h3{font-size:13.5pt}
.partners .pp-together{margin-top:auto}

/* ============================================================
   PAGE 14 — THE 2027 EDITIONS (example line-up of mini-covers)
   ============================================================ */
.editions{background:var(--cream);color:var(--ink);padding:20mm 16mm 13mm;display:flex;flex-direction:column}
.editions .eh{border-bottom:2px solid var(--gold-rule);padding-bottom:4mm}
.editions .eh .eyebrow{color:#9b7d3e}
.editions .eh h2{font-family:var(--serif);font-weight:700;font-size:24pt;margin:2mm 0 0;color:#15233b}
.editions .eh p{font-family:var(--georgia);font-size:10pt;line-height:1.5;color:var(--ink-soft);margin:3mm 0 0;max-width:168mm}
.ed-row{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:5mm;margin-top:8mm;align-content:center}
.ed-cell{margin:0;display:flex;flex-direction:column}
.ed-cover{container-type:inline-size;position:relative;aspect-ratio:1700/2250;border-radius:3px;overflow:hidden;
     color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.4);text-shadow:0 1px 6px rgba(0,0,0,.55);
     background-size:cover;background-position:center}
.ed-cover.crown{background:radial-gradient(120% 78% at 50% 0%,#27406a 0%,#16243c 46%,#0a1322 100%)}
.ed-cover.smart{background:radial-gradient(120% 78% at 50% 0%,#2c4a6b 0%,#162a40 50%,#0b1726 100%)}
.ed-cover.excel{background:radial-gradient(120% 78% at 50% 0%,#6a571f 0%,#2a2410 52%,#0c0a06 100%)}
.ed-cover.photo::after{content:"";position:absolute;inset:0;
     background:linear-gradient(to bottom,rgba(6,10,18,.18) 0,rgba(0,0,0,0) 36%,rgba(6,10,18,.5) 100%)}
.ed-cover.succ::after{content:"";position:absolute;inset:0;
     background:linear-gradient(to bottom,rgba(6,10,18,.5) 0,rgba(0,0,0,.05) 40%,rgba(6,10,18,.8) 100%)}
.ed-mast{position:absolute;top:5%;left:6%;right:6%;z-index:2;text-align:center;font-family:var(--serif);
     font-weight:700;font-size:4.1cqw;letter-spacing:.01em;line-height:1}
.ed-mast i{font-weight:400;font-style:italic}
.ed-kick{position:absolute;top:14%;left:6%;right:6%;z-index:2;text-align:center;font-family:var(--sans);
     font-weight:700;font-size:2.55cqw;letter-spacing:.05em;color:var(--gold)}
.ed-title{position:absolute;bottom:13%;left:5%;right:5%;z-index:2;text-align:center;font-family:var(--serif);
     font-weight:700;font-size:9.4cqw;line-height:.92}
.ed-q{position:absolute;bottom:4.5%;left:0;right:0;z-index:2;text-align:center;font-family:var(--sans);
     font-weight:700;font-size:2.7cqw;letter-spacing:.07em;color:#e7d8c0}
.ed-cover.golden{outline:2px solid var(--gold-name);outline-offset:-2px}
.ed-cell figcaption{margin-top:3mm;text-align:center}
.ed-cell figcaption b{display:block;font-family:var(--serif);font-weight:700;font-size:10pt;color:#15233b;line-height:1.1}
.ed-cell figcaption b em{font-style:italic;font-weight:700;color:#9b7d3e}
.ed-cell figcaption span{display:block;font-family:var(--georgia);font-size:7.4pt;color:var(--ink-soft);line-height:1.3;margin-top:1mm}
.ed-foot{font-family:var(--sans);font-size:7.6pt;color:var(--ink-soft);font-style:italic;margin-top:7mm;text-align:center}

/* ---------- COVER PROOF SHEET (every cover we've built) ---------- */
.covers-proof{background:var(--cream);color:var(--ink);padding:17mm 16mm 11mm;display:flex;flex-direction:column}
.cp-head{border-bottom:2px solid var(--gold-rule);padding-bottom:4mm}
.cp-head .eyebrow{color:#9b7d3e}
.cp-head h2{font-family:var(--serif);font-weight:700;font-size:24pt;margin:2mm 0 0;color:#15233b}
.cp-head p{font-family:var(--georgia);font-size:9.6pt;line-height:1.5;color:var(--ink-soft);margin:3mm 0 0;max-width:168mm}
.cp-head p b{color:#15233b;font-weight:700}
.cp-group{margin-top:6.5mm}
.cp-glabel{font-family:var(--sans);font-weight:700;font-size:8.8pt;letter-spacing:.08em;text-transform:uppercase;
     color:#15233b;display:flex;align-items:baseline;justify-content:space-between;
     border-bottom:1px solid var(--gold-rule);padding-bottom:2mm;margin-bottom:4mm}
.cp-glabel span{font-family:var(--georgia);font-weight:400;font-size:7.4pt;letter-spacing:0;text-transform:none;color:var(--ink-soft)}
.cp-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:5mm 6mm}
.cp-grid figure{width:44mm;margin:0;display:flex;flex-direction:column}
.cp-succ-wrap{display:flex;justify-content:center}
.cp-succ-wrap figure{width:48mm;margin:0;display:flex;flex-direction:column}
.cp-cover{aspect-ratio:1700/2250;border-radius:2px;overflow:hidden;background-size:cover;background-position:center;
     box-shadow:0 6px 16px rgba(0,0,0,.32)}
.cp-cover.rec{outline:2px solid var(--gold-name);outline-offset:-2px}
.cp-group figcaption{font-family:var(--sans);font-weight:600;font-size:7.4pt;letter-spacing:.03em;text-align:center;
     color:#15233b;margin-top:2.4mm}
.cp-group figcaption em{font-style:normal;color:#9b7d3e;font-weight:700}
.cp-foot{font-family:var(--sans);font-size:7.6pt;color:var(--ink-soft);margin-top:auto;padding-top:6mm;text-align:center}
.cp-foot em{font-style:italic;color:#9b7d3e;font-weight:700}

/* ============================================================
   PAGE 12 — BACK COVER (distribution + invitation)
   ============================================================ */
.backcover{background:linear-gradient(158deg,#15233b 0%,#0b1626 60%,#080f1b 100%);color:#fff;
     padding:15mm 22mm 13mm;display:flex;flex-direction:column;text-align:center}
.bc-logo{display:block;width:42%;height:auto;margin:0 auto}
.bc-mast{font-family:var(--serif);font-weight:700;font-size:30pt;letter-spacing:.02em;line-height:.9}
.bc-mast span{display:block;font-weight:400;font-size:11pt;letter-spacing:.5em;padding-left:.5em;margin-top:2mm}
.bc-tag{font-family:var(--sans);font-weight:700;font-size:7.6pt;letter-spacing:.22em;color:var(--gold);margin-top:4mm;text-transform:uppercase}
.bc-h{font-family:var(--serif);font-weight:700;font-size:26pt;line-height:1.1;margin:7mm auto 0;max-width:150mm}
.bc-cols{display:flex;gap:9mm;margin:6mm 0 0;text-align:left}
.bc-cols .col{flex:1}
.bc-cols h4{font-family:var(--sans);font-weight:800;font-size:8.4pt;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright);border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:2mm;margin:0 0 3mm}
.bc-cols ul{margin:0;padding:0;list-style:none;font-family:var(--georgia);font-size:9pt;line-height:1.5}
.bc-cols li{margin:0 0 2.4mm;padding-left:8px;position:relative}
.bc-cols li::before{content:"";position:absolute;left:0;top:6px;width:3px;height:3px;border-radius:50%;background:var(--gold-name)}
.bc-focus{font-family:var(--serif);font-style:italic;font-size:13pt;color:#e7d8c0;margin:7mm auto 0;max-width:150mm;line-height:1.5}
.bc-invite{margin-top:auto;border-top:2px solid var(--gold-rule);padding-top:6mm}
.bc-invite p{font-family:var(--georgia);font-size:10.5pt;line-height:1.55;margin:0 auto;max-width:150mm}
.bc-foot{font-family:var(--sans);font-size:8pt;letter-spacing:.08em;color:#9fb0c4;margin-top:5mm}
.bc-foot b{color:#fff}

/* The Editions strip (back cover roadmap) */
.bc-editions{margin:6mm 0 0;border-top:1px solid rgba(255,255,255,.25);padding-top:4mm}
.bc-editions .lab{font-family:var(--sans);font-weight:800;font-size:7.4pt;letter-spacing:.16em;color:var(--gold-bright);text-transform:uppercase;margin-bottom:3mm}
.bc-editions .row{display:flex;flex-wrap:wrap;justify-content:center;gap:2.6mm}
.bc-editions .ed{font-family:var(--serif);font-weight:700;font-size:10pt;color:#e7d8c0;padding:1.4mm 3mm;border:1px solid rgba(255,255,255,.22);border-radius:2px}
.bc-editions .ed.now{background:var(--gold-name);color:#2a2410;border-color:var(--gold-name)}

/* Differentiator band + tracked partner QR (back cover) */
.bc-diff{display:flex;gap:10mm;align-items:center;text-align:left;margin:6mm 0 6mm;
     border-top:1px solid rgba(255,255,255,.25);padding-top:5mm}
.bc-diff-text{flex:1}
.bc-diff .lab{font-family:var(--sans);font-weight:800;font-size:7.4pt;letter-spacing:.16em;
     color:var(--gold-bright);text-transform:uppercase;margin-bottom:3mm}
.bc-diff-text p{font-family:var(--georgia);font-size:10pt;line-height:1.55;color:#cdd8e6;margin:0;max-width:108mm}
.bc-diff-text b{color:#fff;font-weight:700}
.bc-qr{flex:none;width:40mm;display:flex;flex-direction:column;align-items:center;text-align:center;
     color:inherit;text-decoration:none}
.bc-qr,.bc-qr:link,.bc-qr:visited,.bc-qr:hover{text-decoration:none}
.bc-qr .qr-tile{width:27mm;height:27mm;background:#fff;border:1.5px solid var(--gold-rule);
     border-radius:4px;padding:2mm;box-shadow:0 2px 10px rgba(0,0,0,.45)}
.bc-qr .qr-tile img{display:block;width:100%;height:100%}
.bc-qr .qr-cta{font-family:var(--sans);font-weight:700;font-size:7.4pt;letter-spacing:.06em;
     text-transform:uppercase;color:var(--gold-bright);margin-top:3mm}
.bc-qr .qr-u{font-family:var(--sans);font-weight:600;font-size:6.8pt;letter-spacing:.02em;color:#9fb0c4;margin-top:1.5mm}

/* Global reach band (back cover) */
.bc-global{margin:6mm 0 0;border-top:1px solid rgba(255,255,255,.25);padding-top:4mm}
.bc-global .lab{font-family:var(--sans);font-weight:800;font-size:7.4pt;letter-spacing:.16em;color:var(--gold-bright);text-transform:uppercase;margin-bottom:3mm}
.bc-global-lead{font-family:var(--georgia);font-size:9pt;line-height:1.55;color:#cdd8e6;margin:0 auto 4mm;max-width:150mm}
.bc-global-lead b{color:#fff}
.bc-global .row{display:flex;flex-wrap:wrap;justify-content:center;gap:2.6mm}
.bc-global .mkt{font-family:var(--serif);font-weight:700;font-size:10pt;color:#e7d8c0;padding:1.4mm 3mm;border:1px solid rgba(255,255,255,.22);border-radius:2px}
.bc-global .mkt.now{background:var(--gold-name);color:#2a2410;border-color:var(--gold-name)}
.bc-global .mkt.more{font-style:italic;color:#9fb0c4;border-style:dashed}

/* ============================================================
   GOLDEN HAND AWARD WINNER — sample insert feature
   ============================================================ */
.ghw{background:var(--cream);color:var(--ink);display:flex;flex-direction:column}
.ghw-band{background:linear-gradient(120deg,#15233b,#0b1626);color:#fff;
     display:grid;grid-template-columns:1fr 72mm;gap:10mm;padding:16mm 19mm 13mm;align-items:center}
.ghw-eyebrow{font-family:var(--sans);font-weight:800;letter-spacing:.2em;font-size:8.2pt;
     color:var(--gold-bright);text-transform:uppercase}
.ghw-h{font-family:var(--serif);font-weight:700;font-size:34pt;line-height:1.0;margin:4mm 0 0}
.ghw-deck{font-family:var(--georgia);font-style:italic;font-size:12pt;line-height:1.5;
     color:#d7dde6;margin:5mm 0 0}
.ghw-portrait{margin:0;position:relative}
.ghw-portrait img{width:72mm;height:72mm;object-fit:cover;object-position:center 22%;display:block;
     border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 26px rgba(0,0,0,.45)}
.ghw-portrait figcaption{font-family:var(--sans);font-size:7.4pt;color:#9fb0c4;margin-top:2mm;line-height:1.3}
.ghw-body{flex:1;display:flex;flex-direction:column;padding:9mm 19mm 14mm}
.ghw-cols{column-count:2;column-gap:9mm;font-family:var(--georgia);font-size:9.7pt;
     line-height:1.54;text-align:justify;hyphens:auto}
.ghw-cols p{margin:0 0 2.8mm}
.ghw-fact{margin-top:auto;background:#15233b;color:#eef1f5;padding:6mm 7mm;display:grid;
     grid-template-columns:1fr 1fr 1fr;gap:3.5mm 7mm;border-top:3px solid var(--gold-name)}
.ghw-fact div{font-family:var(--sans);font-size:8.4pt;line-height:1.36}
.ghw-fact b{color:var(--gold-bright);display:block;font-size:6.8pt;letter-spacing:.12em;
     text-transform:uppercase;margin-bottom:.7mm}

/* ============================================================
   THE SMART FACTORY — standing department (page 8)
   ============================================================ */
.smartfactory{background:var(--cream);color:var(--ink);display:flex;flex-direction:column}
.sf-band{background:linear-gradient(120deg,#15233b,#0b1626);color:#fff;padding:16mm 19mm 11mm}
.sf-band .dept{font-family:var(--sans);font-weight:800;letter-spacing:.2em;font-size:8.2pt;color:var(--gold-bright);text-transform:uppercase}
.sf-band h1{font-family:var(--serif);font-weight:700;font-size:38pt;line-height:.98;margin:4mm 0 0}
.sf-band p{font-family:var(--georgia);font-style:italic;font-size:12.5pt;color:#d7dde6;margin:5mm 0 0;max-width:152mm}
.sf-body{display:flex;flex-direction:column;flex:1;padding:9mm 19mm 14mm}
.sf-intro{font-family:var(--georgia);font-size:11pt;line-height:1.6;max-width:160mm;margin:0}
.sf-intro .dropcap{float:left;font-family:var(--serif);font-weight:700;font-size:30pt;line-height:.8;padding:1mm 2.2mm 0 0;color:var(--red)}
.sf-briefs{display:grid;grid-template-columns:repeat(3,1fr);gap:8mm;margin-top:9mm}
.sf-brief h3{font-family:var(--serif);font-weight:700;font-size:13pt;color:#15233b;margin:0 0 2.5mm;border-top:2px solid var(--gold-rule);padding-top:3mm;line-height:1.06}
.sf-brief p{font-family:var(--georgia);font-size:9pt;line-height:1.5;margin:0}
.sf-callout{margin-top:auto;background:#15233b;color:#eef1f5;padding:6mm 8mm;border-top:3px solid var(--gold-name)}
.sf-callout b{color:var(--gold-bright);font-family:var(--sans);font-weight:800;font-size:8.2pt;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:2mm}
.sf-callout p{font-family:var(--serif);font-size:12pt;line-height:1.4;margin:0}
.sf-foot{font-family:var(--sans);font-size:7.4pt;letter-spacing:.1em;color:var(--ink-soft);text-transform:uppercase;margin-top:5mm}

/* ============================================================
   SUCCESSOR PROFILES — the magazine "Short Profile" treatment
   ============================================================ */
.namebanner{position:absolute;bottom:0;right:7%;background:linear-gradient(180deg,#7d1626,#570d1b);
     color:#f3e6c8;writing-mode:vertical-rl;text-orientation:upright;padding:4.5mm 2.1mm;
     font-family:var(--serif);font-weight:700;font-size:10pt;letter-spacing:.14em;
     box-shadow:0 6px 18px rgba(0,0,0,.45);border-top:3px solid var(--gold-name)}

/* Option A — short-profile spread */
.scp{background:var(--cream);color:var(--ink);padding:19mm 18mm 13mm;display:flex;flex-direction:column}
.scp-head{border-bottom:2px solid var(--gold-rule);padding-bottom:3mm}
.scp-head .eyebrow{color:#9b7d3e}
.scp-head h2{font-family:var(--serif);font-weight:700;font-size:23pt;margin:2mm 0 0;color:#15233b}
.scp-head p{font-family:var(--georgia);font-style:italic;font-size:10pt;color:var(--ink-soft);margin:2mm 0 0;max-width:150mm}
.scp-rows{flex:1;display:flex;flex-direction:column;justify-content:space-around;margin-top:5mm}
.scp-row{display:flex;gap:9mm;align-items:center}
.scp-photo{position:relative;width:50mm;flex:none;border-radius:2px;overflow:hidden;
     box-shadow:0 8px 22px rgba(0,0,0,.28)}
.scp-photo img{width:100%;height:62mm;object-fit:cover;display:block}
.scp-text{flex:1}
.scp-kick{font-family:var(--sans);font-weight:800;font-size:7.4pt;letter-spacing:.13em;color:var(--red);text-transform:uppercase}
.scp-name{font-family:var(--serif);font-weight:700;font-size:15pt;color:#15233b;margin:1.6mm 0 0;line-height:1.05}
.scp-name .zh{font-weight:400;color:#9b7d3e;font-size:11pt}
.scp-name .co{display:block;font-family:var(--georgia);font-style:italic;font-weight:400;font-size:9.5pt;color:#9b7d3e;margin-top:.6mm}
.scp-htitle{font-family:var(--serif);font-weight:700;font-style:italic;font-size:12.5pt;color:#5e0f1d;margin:2.2mm 0 1.6mm}
.scp-bio{font-family:var(--georgia);font-size:9.1pt;line-height:1.5;margin:0}
.scp-foot{font-family:var(--sans);font-size:7.4pt;color:var(--ink-soft);font-style:italic;margin-top:5mm;text-align:center}

/* Option B — full-page feature */
.scf{display:flex;background:var(--cream);color:var(--ink)}
.scf-photo{position:relative;width:45%;flex:none;background:#0a1322}
.scf-photo img{width:100%;height:100%;object-fit:cover;display:block}
.scf-photo .namebanner{font-size:13pt;right:auto;left:8%;padding:6mm 2.6mm}
.scf-text{flex:1;padding:19mm 15mm 15mm;display:flex;flex-direction:column}
.scf-tag{font-family:var(--sans);font-weight:800;font-size:8pt;letter-spacing:.18em;color:#9b7d3e;text-transform:uppercase}
.scf-kick{display:inline-block;align-self:flex-start;background:var(--red);color:#fff;font-family:var(--sans);
     font-weight:800;font-size:8.5pt;letter-spacing:.1em;padding:1.7mm 3mm;margin:4mm 0 0;text-transform:uppercase}
.scf-htitle{font-family:var(--serif);font-weight:700;font-size:29pt;line-height:1.05;color:#15233b;margin:5mm 0 0}
.scf-deck{font-family:var(--georgia);font-style:italic;font-size:12.5pt;line-height:1.5;color:#5e0f1d;margin:5mm 0 0}
.scf-body{font-family:var(--georgia);font-size:9.6pt;line-height:1.56;margin:6mm 0 0}
.scf-body p{margin:0 0 2.8mm}
.scf-quote{font-family:var(--serif);font-style:italic;font-weight:700;font-size:15pt;line-height:1.3;
     color:#15233b;border-top:2px solid var(--gold-rule);border-bottom:2px solid var(--gold-rule);padding:4mm 0;margin:5mm 0}
.scf-quote .src{display:block;font-style:normal;font-family:var(--sans);font-weight:700;font-size:7.6pt;
     letter-spacing:.12em;color:#9b7d3e;text-transform:uppercase;margin-top:2.5mm}
.scf-fact{margin-top:auto;background:#15233b;color:#eef1f5;padding:5.5mm 6mm;display:grid;
     grid-template-columns:1fr 1fr;gap:3mm 6mm}
.scf-fact div{font-family:var(--sans);font-size:8.2pt;line-height:1.35}
.scf-fact b{color:var(--gold-bright);display:block;font-size:6.8pt;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.6mm}

/* screen-only option label for the comparison file */
.opt-label{max-width:794px;margin:26px auto 8px;color:#e9e9ec;font-family:var(--sans)}
.opt-label b{font-family:var(--serif);font-size:18px}
.opt-label span{color:#9aa0a8;font-size:13px}
@media print{ .opt-label{display:none} }

/* ============================================================
   2026 REBUILD — cover-story spreads + 2027 example-editions showcase
   ============================================================ */

/* --- inline stat callout (feature text) --- */
.stat{break-inside:avoid;border-top:1.5px solid var(--gold-rule);border-bottom:1.5px solid var(--gold-rule);
     padding:3mm 0;margin:3.5mm 0;font-family:var(--georgia);font-size:9pt;line-height:1.35;color:var(--ink-soft)}
.stat b{display:block;font-family:var(--serif);font-weight:700;font-size:22pt;color:#15233b;line-height:1;margin-bottom:1mm}

/* --- COVER-STORY OPENING SPREAD (full-bleed two-shot across two pages) --- */
.cs-spread{position:relative;color:#fff;background-size:cover;background-position:center;overflow:hidden;
     text-shadow:0 2px 11px rgba(0,0,0,.66)}
/* scrim matched to the front cover (cover-editorial.html .c-scrim): strong smooth top+bottom, clear middle */
.cs-spread::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
     background:
       linear-gradient(180deg,
         rgba(0,0,0,.93) 0%, rgba(0,0,0,.80) 8%, rgba(0,0,0,.50) 16%,
         rgba(0,0,0,.20) 25%, rgba(0,0,0,0) 34%, rgba(0,0,0,0) 60%,
         rgba(0,0,0,.20) 68%, rgba(0,0,0,.56) 82%, rgba(0,0,0,.90) 100%),
       linear-gradient(90deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.12) 20%, rgba(0,0,0,0) 40%),
       radial-gradient(120% 80% at 55% 44%, rgba(0,0,0,0) 54%, rgba(0,0,0,.30) 100%)}
.cs-eyebrow,.cs-caption,.cs-headline-wrap{z-index:2}
.cs-spread.left{background-position:55% center}
.cs-spread.right{background-position:45% center}
.cs-eyebrow{position:absolute;top:14mm;left:14mm;right:14mm;font-family:var(--sans);font-weight:700;
     font-size:8.5pt;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-bright)}
.cs-caption{position:absolute;bottom:8mm;left:14mm;right:14mm;font-family:var(--sans);font-size:7.4pt;
     letter-spacing:.02em;color:#e8eaee;opacity:.92}
.cs-caption.rt{text-align:right;bottom:auto;top:14mm}
.cs-headline-wrap{position:absolute;left:0;right:0;bottom:0;padding:34mm 14mm 16mm}
.cs-headline{font-family:var(--serif);font-weight:700;font-size:46pt;line-height:.96;margin:0;color:#fff}
.cs-headline.sm{font-size:27pt;line-height:1.06}
/* in-flow verbatim quote (keeps full editorial wording, in reading order) */
.feature-text .qpara{break-inside:avoid;font-family:var(--georgia);font-style:italic;font-size:10.4pt;
     line-height:1.5;color:#15233b;border-left:2px solid var(--gold-rule);padding-left:5mm;margin:1mm 0 3.2mm}
.cs-headline i{font-style:italic;color:var(--gold-name)}
.cs-deck{font-family:var(--georgia);font-style:italic;font-size:11.5pt;line-height:1.42;color:#eef1f5;
     margin:5mm 0 0;max-width:150mm}
.cs-byline{font-family:var(--sans);font-weight:700;font-size:8pt;letter-spacing:.12em;text-transform:uppercase;
     color:var(--gold-bright);margin-top:5mm}

/* --- FULL-BLEED PHOTO PAGE (mid-feature) --- */
.cs-fullphoto{position:relative;background-size:cover;background-position:20% center;overflow:hidden;color:#fff}
.cs-fullphoto .cs-caption{bottom:9mm;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.cs-fullphoto::after{content:"";position:absolute;inset:0;
     background:linear-gradient(to top,rgba(6,9,15,.6) 0%,rgba(0,0,0,0) 30%)}
.cs-fullphoto .cs-caption{z-index:2}

/* --- THE 2027 EXAMPLE EDITIONS — showcase intro --- */
.showcase-intro{background:linear-gradient(158deg,var(--navy1) 0%,var(--navy2) 56%,var(--navy3) 100%);
     color:#fff;padding:26mm 20mm;display:flex;flex-direction:column}
.si-eyebrow{font-family:var(--sans);font-weight:700;font-size:9pt;letter-spacing:.28em;text-transform:uppercase;
     color:var(--gold-bright)}
.showcase-intro h1{font-family:var(--serif);font-weight:700;font-size:40pt;line-height:1.02;margin:6mm 0 0}
.si-lead{font-family:var(--georgia);font-size:11.5pt;line-height:1.55;color:#d7dde6;margin:6mm 0 0;max-width:150mm}
.si-covers{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:7mm}
.si-covers .mini-cover{display:block;width:100%;height:auto;border-radius:1.5mm;
     box-shadow:0 6mm 16mm -12mm rgba(0,0,0,.35)}
.si-roadmap{margin-top:7mm;display:grid;grid-template-columns:repeat(3,1fr);gap:7mm;
     border-top:1px solid rgba(255,255,255,.18);padding-top:7mm}
.si-ed{display:flex;flex-direction:column;gap:1.5mm}
.si-ed .q{font-family:var(--sans);font-weight:700;font-size:7.6pt;letter-spacing:.14em;color:var(--gold-bright)}
.si-ed b{font-family:var(--serif);font-weight:700;font-size:11pt;line-height:1.05}
.si-ed span:last-child{font-family:var(--georgia);font-size:7.8pt;line-height:1.3;color:#aeb8c6}
.si-foot{font-family:var(--sans);font-style:italic;font-size:7.6pt;color:#8c97a7;margin-top:auto;padding-top:6mm;text-align:center}

/* --- EDITION COVER PAGE (full-bleed reference portrait + CSS masthead) --- */
.ed-cover-page{container-type:inline-size;position:relative;background-size:cover;background-position:center;
     overflow:hidden;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.55)}
.ed-cover-page.baked{text-shadow:none}              /* successors cover has type baked in */
.ec-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,12,.34) 0%,rgba(4,7,12,.06) 22%,
     rgba(4,7,12,0) 52%,rgba(4,7,12,.22) 80%,rgba(4,7,12,.5) 100%)}
.ed-cover-page > *{position:relative;z-index:2}
.ec-top{position:absolute;top:6%;left:7%;right:7%;display:flex;justify-content:space-between;align-items:baseline;
     font-family:var(--sans);font-weight:700;font-size:1.75cqw;letter-spacing:.12em;text-transform:uppercase}
.ec-mast{position:absolute;top:11%;left:7%;right:7%;text-align:center;font-family:var(--logo);font-weight:800;
     font-size:13cqw;letter-spacing:.005em;line-height:.9}
/* canonical stacked logo — same size/placement as the front cover (86% width) */
.ec-logo{position:absolute;top:5%;left:50%;transform:translateX(-50%);width:86%;height:auto}
.ec-mast span{display:block;font-weight:400;font-size:.27em;letter-spacing:.5em;text-indent:.5em;margin-top:.18em}
.ec-teaser{position:absolute;top:30%;right:7%;width:42%;text-align:right;font-family:var(--georgia);
     font-size:2cqw;line-height:1.4;color:#eef1f5}
.ec-teaser b{display:block;font-family:var(--sans);font-weight:700;font-size:1.9cqw;letter-spacing:.1em;
     text-transform:uppercase;color:var(--gold-bright);margin-bottom:1.4%}
.ec-headline{position:absolute;bottom:12%;left:7%;right:16%;font-family:var(--serif);font-weight:700;
     font-size:9cqw;line-height:.94}
.ec-headline i{font-style:italic;color:var(--gold-name)}
.ec-subject{position:absolute;bottom:6.5%;left:7%;font-family:var(--sans);font-weight:700;font-size:1.7cqw;
     letter-spacing:.1em;text-transform:uppercase;color:#dfe5ee}
/* Successors cover — gold kicker matched to the baked top tagline (Treatment A) */
.ec-kicker{position:absolute;top:75%;left:7%;right:7%;text-align:center;
     font-family:var(--kicker);font-weight:700;font-size:2.45cqw;letter-spacing:.36em;text-indent:.36em;
     text-transform:uppercase;color:var(--gold);text-shadow:0 2px 9px rgba(0,0,0,.65)}

/* --- EDITION DESCRIPTION PAGE --- */
.ed-desc{background:var(--cream);color:var(--ink);padding:20mm 18mm 16mm;display:flex;flex-direction:column}
.edd-top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--gold-rule);
     padding-bottom:3mm}
.edd-eyebrow{font-family:var(--sans);font-weight:700;font-size:8.5pt;letter-spacing:.2em;text-transform:uppercase;
     color:#9b7d3e}
.edd-q{font-family:var(--sans);font-weight:700;font-size:8pt;letter-spacing:.08em;color:var(--ink-soft)}
.edd-name{font-family:var(--serif);font-weight:700;font-size:34pt;line-height:1;margin:6mm 0 0;color:#15233b}
.edd-focus{font-family:var(--georgia);font-style:italic;font-size:11pt;line-height:1.4;color:#9b7d3e;margin:3mm 0 0}
.edd-cols{column-count:2;column-gap:9mm;font-family:var(--georgia);font-size:10pt;line-height:1.55;
     color:#26303d;margin-top:6mm}
.edd-cols p{margin:0 0 3mm}
.edd-meta{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:9mm;border-top:1px solid var(--gold-rule);
     padding-top:6mm}
.edd-block h4{font-family:var(--sans);font-weight:800;font-size:8.5pt;letter-spacing:.16em;text-transform:uppercase;
     color:#15233b;margin:0 0 3mm}
.edd-block p{font-family:var(--georgia);font-size:9.2pt;line-height:1.45;color:#26303d;margin:0}
.edd-tags{display:flex;flex-wrap:wrap;gap:2mm}
.edd-tags span{font-family:var(--sans);font-weight:600;font-size:7.6pt;letter-spacing:.02em;color:#15233b;
     border:1px solid var(--gold-rule);border-radius:999px;padding:1.4mm 3mm}
.edd-reach{font-family:var(--sans);font-weight:700;font-size:7.8pt;letter-spacing:.04em;color:#9b7d3e;margin-top:3mm}

/* --- EDITIONS AT A GLANCE (3 descriptions on one page) --- */
.editions-summary{background:var(--cream);color:var(--ink);padding:20mm 16mm 14mm;display:flex;flex-direction:column}
.es-head{border-bottom:2px solid var(--gold-rule);padding-bottom:5mm}
.es-eyebrow{font-family:var(--sans);font-weight:700;font-size:8.5pt;letter-spacing:.2em;text-transform:uppercase;color:#9b7d3e}
.es-title{font-family:var(--serif);font-weight:700;font-size:30pt;line-height:1.02;margin:4mm 0 0;color:#15233b}
.es-intro{font-family:var(--georgia);font-style:italic;font-size:11pt;line-height:1.45;color:#9b7d3e;margin:3mm 0 0;max-width:165mm}
.es-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9mm;margin-top:9mm;flex:1}
.es-card{display:flex;flex-direction:column}
.es-card .es-q{font-family:var(--sans);font-weight:700;font-size:7.6pt;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.es-card h2{font-family:var(--serif);font-weight:700;font-size:18pt;line-height:1.04;margin:2mm 0 0;color:#15233b}
.es-focus{font-family:var(--georgia);font-style:italic;font-size:9.4pt;line-height:1.4;color:#9b7d3e;margin:3mm 0 0}
.es-card>p:not(.es-focus){font-family:var(--georgia);font-size:9pt;line-height:1.52;color:#26303d;margin:3.5mm 0 0}
.es-tags{display:flex;flex-wrap:wrap;gap:2mm;margin:4mm 0 0}
.es-tags span{font-family:var(--sans);font-weight:600;font-size:7pt;letter-spacing:.02em;color:#15233b;border:1px solid var(--gold-rule);border-radius:999px;padding:1.2mm 2.6mm}
.es-story{font-family:var(--georgia);font-style:italic;font-size:9pt;line-height:1.4;color:#26303d;margin:4.5mm 0 0;border-top:1px solid rgba(21,35,59,.18);padding-top:3.5mm}
.es-story b{display:block;font-family:var(--sans);font-style:normal;font-weight:800;font-size:6.8pt;letter-spacing:.14em;text-transform:uppercase;color:#9b7d3e;margin-bottom:1.6mm}
.es-reach{font-family:var(--sans);font-weight:700;font-size:7.4pt;letter-spacing:.03em;line-height:1.35;color:#9b7d3e;margin-top:auto;padding-top:4.5mm}

/* --- THE PLATFORM PAGES (Leadership Access hub + buyer-intelligence dashboard) --- */
.platform{background:linear-gradient(158deg,var(--navy1) 0%,var(--navy2) 56%,var(--navy3) 100%);
     color:#fff;padding:22mm 20mm 16mm;display:flex;flex-direction:column}
.plat-head{max-width:166mm}
.plat-eyebrow{font-family:var(--sans);font-weight:700;font-size:8.5pt;letter-spacing:.24em;
     text-transform:uppercase;color:var(--gold-bright)}
.platform h1{font-family:var(--serif);font-weight:700;font-size:29pt;line-height:1.04;margin:5mm 0 0}
.plat-lead{font-family:var(--georgia);font-size:11pt;line-height:1.55;color:#cdd8e6;margin:5mm 0 0;max-width:156mm}
.plat-lead b{color:#fff}
/* hub page — phone + features */
.plat-show{display:flex;gap:14mm;align-items:center;margin-top:11mm}
.plat-show .phone{flex:none;width:52mm;border-radius:5mm;
     box-shadow:0 10mm 26mm -16mm rgba(0,0,0,.45)}
.plat-show .phone img{display:block;width:100%;border-radius:5mm}
.plat-feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6mm}
.plat-feats li{display:flex;flex-direction:column;border-left:2px solid var(--gold-rule);padding-left:5mm}
.plat-feats b{font-family:var(--serif);font-weight:700;font-size:13pt;color:#fff}
.plat-feats span{font-family:var(--georgia);font-size:9.6pt;line-height:1.4;color:#aeb8c6;margin-top:1mm}
/* dashboard page — framed screenshot + callouts */
.plat-screen{margin:10mm 0 0;border-radius:3mm;overflow:hidden;
     box-shadow:0 12mm 30mm -18mm rgba(0,0,0,.5)}
.plat-screen img{display:block;width:100%}
.plat-callouts{display:grid;grid-template-columns:repeat(3,1fr);gap:8mm;margin-top:9mm}
.plat-callouts div{border-top:1px solid var(--gold-rule);padding-top:3mm;display:flex;flex-direction:column}
.plat-callouts b{font-family:var(--sans);font-weight:700;font-size:9pt;letter-spacing:.03em;color:var(--gold-bright)}
.plat-callouts span{font-family:var(--georgia);font-size:8.6pt;line-height:1.35;color:#aeb8c6;margin-top:1.5mm}
.platform .folio.bot{color:#7f8da0}
/* how-it-works steps */
.plat-steps{list-style:none;margin:12mm 0 0;padding:0;display:flex;flex-direction:column;gap:9mm}
.plat-steps li{display:flex;gap:8mm;align-items:flex-start;position:relative}
.plat-steps .step-n{flex:none;width:16mm;height:16mm;border-radius:50%;border:1.5px solid var(--gold-rule);
     display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;
     font-size:18pt;color:var(--gold-bright);background:rgba(255,255,255,.03)}
.plat-steps li:not(:last-child) .step-n::after{content:"";position:absolute;left:8mm;top:17mm;bottom:-9mm;
     width:1px;background:rgba(255,255,255,.18)}
.plat-steps .step-b{flex:1;padding-top:1.5mm}
.plat-steps .step-k{font-family:var(--sans);font-weight:700;font-size:8.5pt;letter-spacing:.2em;
     text-transform:uppercase;color:var(--gold-bright)}
.plat-steps .step-b h3{font-family:var(--serif);font-weight:700;font-size:16pt;line-height:1.1;margin:2mm 0 0;color:#fff}
.plat-steps .step-b p{font-family:var(--georgia);font-size:10pt;line-height:1.5;color:#cdd8e6;margin:2.5mm 0 0;max-width:150mm}

/* --- standalone "What we cover" sectors page --- */
.sectors-page .sectors{flex:1;display:flex;flex-direction:column;justify-content:space-between;border-top:0;margin-top:10mm}
.sectors-page .sec-tier{margin-top:0}
.sectors-page .sec-lab{font-size:9pt;letter-spacing:.12em;margin-bottom:3.5mm;color:#9b7d3e}
.sectors-page .sectors .tags{gap:3mm}
.sectors-page .sectors .tag{font-size:9.5pt;padding:2.4mm 4.2mm;border-radius:3px}
.sectors-page .cov-lead{font-family:var(--georgia);font-size:13pt;line-height:1.55;color:#26303d;max-width:155mm;margin:0}
.sectors-page .cov-open{font-family:var(--georgia);font-size:10.6pt;line-height:1.55;color:var(--ink-soft);max-width:155mm;margin:0;border-top:1px solid var(--gold-rule);padding-top:5mm}
.sectors-page .cov-open b{font-family:var(--serif);font-style:italic;font-weight:700;color:#9b7d3e}

/* ============================================================
   PAGES 2-3 — LUXURY "DARK BLUE" TREATMENT
   Scoped to .contents (Contents p2) + .sectors-page (What We Cover p3)
   Playfair display type to match the cover masthead; deep navy ground;
   gold accents; elegant typographic sector list (no pills).
   ============================================================ */
.contents{background:#0b1a2e;color:#e9eef5}
.contents .masthd{border-bottom-color:#33485f}
.contents .masthd h2{font-family:var(--logo);font-weight:800;letter-spacing:.01em;color:#ffffff}
.contents .masthd h2 span{font-family:var(--logo);font-style:italic;font-weight:400;color:#92a4ba}
.contents .masthd .iss{color:#92a4ba}
/* TOC — Playfair, gold numbers */
.contents .toc li{border-bottom-color:#1c2e44}
.contents .toc .pg{font-family:var(--logo);font-weight:700;color:var(--gold-name)}
.contents .toc .ti b{font-family:var(--logo);font-weight:700;font-size:13pt;color:#eef2f8}
.contents .toc .ti span{color:#92a4ba}
/* ON THE COVER + colophon */
.contents .on-cover img{border-color:#33485f}
.contents .on-cover .cap{color:#92a4ba}
.contents .on-cover .cap b{color:var(--gold-name)}
.contents .colophon{color:#92a4ba}
.contents .colophon b{color:#e9eef5}
/* What We Cover (p3) — typographic sector list */
.sectors-page .masthd h2 span{display:block;font-size:.6em;margin-top:1.5mm}
.sectors-page .cov-lead{font-family:var(--georgia);font-size:13pt;line-height:1.6;max-width:150mm;margin:0;color:#dbe3ee}
.sectors-page .sec-list{margin-top:9mm}
.sectors-page .sec-lead-lab{font-family:var(--kicker);font-weight:700;font-size:8.5pt;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-name);margin:0 0 4mm}
.sectors-page .sec-list ul{list-style:none;margin:0;padding:0}
.sectors-page .sec-list li{font-family:var(--logo);font-weight:500;font-size:15.5pt;letter-spacing:.01em;padding:4.6mm 0;border-top:1px solid #1c2e44;display:flex;align-items:baseline;gap:6mm;color:#eef2f8}
.sectors-page .sec-list li:last-child{border-bottom:1px solid #1c2e44}
.sectors-page .sec-list li .n{font-family:var(--kicker);font-weight:600;font-size:8pt;color:var(--gold-name);letter-spacing:.1em;flex:none;width:8mm}
.sectors-page .cov-open{font-family:var(--georgia);font-size:10.6pt;line-height:1.55;max-width:152mm;margin:0;padding-top:5mm;border-top:1px solid #1c2e44;color:#92a4ba}
.sectors-page .cov-open b{font-family:var(--logo);font-style:italic;font-weight:700;color:var(--gold-name)}
.sectors-page .sectors{justify-content:space-between}

/* Page 3 — luxury section opener (eyebrow over single-line title + thin gold rule) */
.sectors-page{justify-content:flex-start}
.sectors-page .sec-head{border-bottom:1px solid var(--gold-rule);padding-bottom:6mm}
.sectors-page .sec-eyebrow{font-family:var(--kicker);font-weight:700;font-size:8.5pt;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-name);margin:0 0 6mm}
.sectors-page .sec-title{font-family:var(--logo);font-weight:800;font-size:46pt;line-height:1;letter-spacing:.01em;color:#ffffff;margin:0}
.sectors-page .sec-sub{font-family:var(--logo);font-style:italic;font-weight:400;font-size:18pt;color:#92a4ba;margin:3mm 0 0}
.sectors-page .cov-lead{margin-top:9mm}
.sectors-page .sec-list{margin-top:11mm}
.sectors-page .sec-list li{padding:5.6mm 0}
.sectors-page .cov-open{margin-top:10mm}

/* ============================================================
   GOLDEN HAND AWARDS (p2) — charcoal + gold inside-cover explainer
   ============================================================ */
.goldhand{background:#16151a;color:#f1ece2;display:flex}
.gh-text{flex:1;padding:24mm 15mm 17mm 19mm;display:flex;flex-direction:column}
.gh-photo{width:90mm;flex:none;background:#16151a url('assets/gh-trophy.png') center/cover no-repeat;position:relative}
.gh-eyebrow{font-family:var(--kicker);font-weight:700;font-size:8.5pt;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-name);margin:0 0 6mm}
.gh-title{font-family:var(--logo);font-weight:800;font-size:40pt;line-height:1.02;letter-spacing:.01em;color:#fff;margin:0}
.gh-sub{font-family:var(--logo);font-style:italic;font-weight:400;font-size:14.5pt;color:#bda979;margin:4mm 0 0;max-width:110mm}
.gh-rule{width:30mm;height:2px;background:var(--gold-rule);margin:7mm 0}
.goldhand p{font-family:var(--georgia);font-size:11pt;line-height:1.62;color:#ddd6c7;margin:0 0 4mm;max-width:118mm}
.gh-facts{display:flex;gap:11mm;margin:9mm 0 0;border-top:1px solid #3a352c;padding-top:7mm}
.gh-facts div{display:flex;flex-direction:column}
.gh-facts b{font-family:var(--logo);font-weight:700;font-size:21pt;color:var(--gold-name);line-height:1}
.gh-facts span{font-family:var(--kicker);font-weight:600;font-size:7.4pt;letter-spacing:.12em;text-transform:uppercase;color:#a79f90;margin-top:3mm;line-height:1.4}
.goldhand .gh-foot{margin-top:18mm;font-family:var(--georgia);font-style:italic;font-size:10.5pt;line-height:1.62;color:#bda979;max-width:118mm}

/* ============================================================
   TONE MAP — alternating per-section page backgrounds
   ============================================================ */
.editor{background:#f6f1e7}                       /* Editor's Letter — warm ivory */
.feature-text{background:#e4e2db}                  /* Cover-story text — stone gray */
.ed-desc{background:#f6f1e7}                        /* Edition descriptions — warm ivory ... */
.ed-desc.tone-stone{background:#e4e2db}            /* ... alternating with stone gray */

/* ============================================================
   LUXURY AUDIT ADOPTIONS (2026-06) — tone + legibility fixes
   ============================================================ */

/* (1) Page 4 "What We Cover" (.sectors-page): deep navy -> warm ivory,
   so the 4-5 spread reads as one unified light relief (matches Editor's
   Letter p5). Overrides the "PAGES 2-3 DARK BLUE" block above. */
.contents.sectors-page{background:#f6f1e7;color:#1c1c1e}
.sectors-page .sec-eyebrow{color:#9b7d3e}
.sectors-page .sec-title{color:#15233b}
.sectors-page .sec-sub{color:#6b7280}
.sectors-page .sec-head{border-bottom-color:#b9985a}
.sectors-page .cov-lead{color:#26303d}
.sectors-page .sec-lead-lab{color:#9b7d3e}
.sectors-page .sec-list li{color:#1c1c1e;border-top-color:#dccfb8}
.sectors-page .sec-list li:last-child{border-bottom-color:#dccfb8}
.sectors-page .sec-list li .n{color:#9b7d3e}
.sectors-page .cov-open{color:#5d626b;border-top-color:#dccfb8}
.sectors-page .cov-open b{color:#9b7d3e}


/* ============================================================
   PAGE 8 — COVER-STORY OPENER (.cstory-open)
   Photo band fills the mid-page void; bottom aside becomes the
   "Executive Access" panel per the Digital Media Hub spec
   (matte #111111, soft white #FAFAFA, metallic gold #C5A572).
   ============================================================ */
.cstory-open .ft-body{flex:0 0 auto}
.cstory-open .ft-photo{flex:1 1 auto;min-height:60mm;margin:7mm 0 0;position:relative;overflow:hidden;border-radius:2px}
.cstory-open .ft-photo img{width:100%;height:100%;object-fit:cover;display:block}
.cstory-open .ft-photo figcaption{position:absolute;left:0;right:0;bottom:0;
   font-family:var(--sans);font-size:7.2pt;letter-spacing:.02em;color:#f3efe6;
   padding:10mm 6mm 3mm;background:linear-gradient(to top,rgba(6,9,15,.72) 0%,rgba(6,9,15,0) 100%)}

/* bottom band -> matte-black Executive Access ground */
.factbox.exec{background:#111111;color:#FAFAFA}
.factbox.exec h3{color:#C5A572}
.factbox.exec b{color:#fff}
.factbox.exec li::before{background:#C5A572}
.factbox.exec .bridge.exec-access{width:54mm;border-left:1px solid rgba(197,165,114,.38);
   display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1mm 0 1mm 7mm}
.exec-access .ea-eyebrow{font-family:var(--kicker);font-weight:700;font-size:8pt;letter-spacing:.24em;
   text-transform:uppercase;color:#C5A572;margin:0 0 2mm}
.exec-access .ea-line{font-family:var(--georgia);font-style:italic;font-size:8.4pt;line-height:1.35;
   color:#e9e4d8;margin:0 0 3.5mm;max-width:46mm}
.exec-access .qr{width:26mm;height:26mm;background:#fff;border:1.5px solid #C5A572;border-radius:4px;
   padding:2mm;box-shadow:0 2px 10px rgba(0,0,0,.45)}
.exec-access .qr img{display:block;width:100%;height:100%}
.exec-access .qr-u{font-family:var(--sans);font-weight:700;font-size:7.2pt;letter-spacing:.03em;
   color:#C5A572;margin-top:3mm}
.exec-access .ea-feat{font-family:var(--sans);font-weight:600;font-size:6.6pt;letter-spacing:.05em;
   text-transform:uppercase;color:#9c968a;margin-top:2.5mm;line-height:1.5;max-width:48mm}

/* ============================================================
   TYPE ROLLOUT — display serif is now Playfair Display (via --serif).
   Playfair has no italic face, so italic body elements fall back to
   Georgia italic; factbox facts move to Georgia for an editorial read.
   The logo/masthead is unaffected (it uses --logo).
   ============================================================ */
.pullquote,.editor .sign,.mission p{font-family:'Georgia',serif}
.factbox ul{font-family:'Georgia','Times New Roman',serif}

/* Page 9 — Central Taiwan Science Park: full-bleed top hero, running head overlaid */
.sp-hero{padding-top:0}
.sp-hero .ft-bleed{margin:0 -19mm 7mm;position:relative;overflow:hidden;height:120mm}
.sp-hero .ft-bleed img{width:100%;height:100%;object-fit:cover;object-position:center 44%;display:block}
.sp-hero .ft-bleed::before{content:"";position:absolute;top:0;left:0;right:0;height:56mm;z-index:1;
   background:linear-gradient(to bottom,rgba(6,9,15,.6) 0%,rgba(6,9,15,0) 100%)}
.sp-hero .ft-head.over{position:absolute;top:15mm;left:19mm;right:19mm;z-index:2;
   border-bottom:1px solid var(--gold-rule);padding-bottom:4mm}
.sp-hero .ft-head.over .rh{color:var(--gold-bright)}
.sp-hero .ft-head.over .rh b{color:#fff}
.sp-hero .ft-head.over .no{color:#fff}
.sp-hero .ft-bleed figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;
   font-family:var(--sans);font-size:7.2pt;letter-spacing:.02em;color:#f3efe6;
   padding:10mm 19mm 3mm;background:linear-gradient(to top,rgba(6,9,15,.66) 0%,rgba(6,9,15,0) 100%)}
.sp-hero .ft-body{flex:0 1 auto}

/* Page 10 — Director Chen at the wall: full-bleed band across the BOTTOM */
.ph-bottom{padding-bottom:0}
.ph-bottom .ft-body{flex:1 1 auto}
.ph-bottom .ft-bleed-bottom{margin:8mm -19mm 0;position:relative;overflow:hidden;height:120mm}
.ph-bottom .ft-bleed-bottom img{width:100%;height:100%;object-fit:cover;object-position:40% 28%;display:block}
.ph-bottom .ft-bleed-bottom figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;
   font-family:var(--sans);font-size:7.2pt;letter-spacing:.02em;color:#f3efe6;
   padding:10mm 19mm 3mm;background:linear-gradient(to top,rgba(6,9,15,.66) 0%,rgba(6,9,15,0) 100%)}

/* Full-bleed handshake page (verso) — clean image + subtle bottom gradient + small tagline */
.hs-full{background-size:cover;background-position:center;position:relative}
.hs-full::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
   background:linear-gradient(to top,rgba(6,9,15,.6) 0%,rgba(6,9,15,0) 25%)}
.hs-tag{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 16mm 13mm;max-width:150mm;
   font-family:var(--kicker);font-weight:700;font-size:9pt;letter-spacing:.16em;
   text-transform:uppercase;color:var(--gold-bright)}

/* Efforts page (recto) — environmental standing portrait bleeds to the outer edge; text keeps left margins */
.feature-text.eff-page{padding-right:92mm}
.eff-portrait{position:absolute;top:0;right:0;bottom:0;width:84mm;margin:0;overflow:hidden;z-index:1}
.eff-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.eff-portrait figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20mm 8mm 9mm;
   font-family:var(--kicker);font-weight:700;font-size:7pt;letter-spacing:.16em;text-transform:uppercase;
   color:var(--gold-bright);background:linear-gradient(to top,rgba(8,12,20,.62),rgba(8,12,20,0))}
.eff-page .ft-cols{column-count:1;text-align:left}
.eff-page .qpara{font-size:10.2pt;line-height:1.46;border-left:3px solid var(--gold-rule);
   padding-left:6mm;margin:0 0 5mm;text-align:left}

/* Sample placeholders — clearly marked spots for the Director to fill in */
.feature-text figcaption.cap-ph{font-style:italic !important;letter-spacing:.05em;color:#ecdcab !important}
.feature-text .qpara.ph-quote{color:#9b8757 !important;border-left-style:dashed !important;font-weight:400}

/* Page 12 (Golden Hand) — taller band so the restored text meets the image (no bare gap) */
.gh-band .ft-bleed-bottom{height:124mm}
.gh-band .ft-bleed-bottom img{object-position:50% 42%}

/* Page 14 — TICEC architectural feature (distinct): clean image band + gold stat row */
.ticec-feat{padding-top:0}
.ticec-feat .tc-hero{margin:0 -19mm 0;position:relative;overflow:hidden;height:148mm}
.ticec-feat .tc-hero img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block}
.ticec-feat .tc-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
   background:linear-gradient(to top,rgba(8,12,20,.52),rgba(8,12,20,0) 42%)}
.ticec-feat .tc-hero figcaption{position:absolute;left:19mm;right:19mm;bottom:5mm;z-index:2;
   font-family:var(--kicker);font-weight:700;font-size:7pt;letter-spacing:.16em;text-transform:uppercase;
   color:var(--gold-bright)}
.tc-stats{display:flex;margin:6mm 0 5.5mm;border-top:1px solid var(--gold-rule);border-bottom:1px solid var(--gold-rule)}
.tc-stats .st{flex:1;text-align:center;padding:3.6mm 2mm}
.tc-stats .st + .st{border-left:1px solid #d8cdb5}
.tc-stats .st b{display:block;font-family:var(--serif);font-weight:700;font-size:15.5pt;color:#15233b;line-height:1}
.tc-stats .st span{display:block;font-family:var(--kicker);font-weight:700;font-size:6.3pt;letter-spacing:.12em;
   text-transform:uppercase;color:#9b7d3e;margin-top:1.8mm}

/* Page 15 — cover-story finale: keep all copy, close on a montage (makers · promotion · the international city) */
.end-page{padding-bottom:0}
.end-page .ft-body{flex:0 0 auto}
.end-row{display:flex;gap:3mm;margin:5.5mm -19mm 3mm}
.end-row figure{flex:1;margin:0;overflow:hidden;height:50mm}
.end-row img{width:100%;height:100%;object-fit:cover;display:block}
.end-city{flex:1 1 auto;margin:0 -19mm;position:relative;overflow:hidden;min-height:78mm}
.end-city img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block}
.end-city::after{content:"";position:absolute;inset:0;pointer-events:none;
   background:linear-gradient(to top,rgba(8,12,20,.5),rgba(8,12,20,0) 40%)}
.end-city figcaption{position:absolute;left:19mm;right:19mm;bottom:4mm;z-index:2;
   font-family:var(--kicker);font-style:italic;font-size:6.6pt;letter-spacing:.04em;color:#ecdcab}

/* ============================================================
   SCREEN PREVIEW ONLY — fit the fixed A4 pages to any window so the
   preview never scrolls sideways. Wrapped in @media screen, so the
   Print → Save as PDF (A4) output is completely unaffected.
   ============================================================ */
@media screen{
  html,body{overflow-x:hidden}            /* no horizontal scroll, ever */
}
@media screen and (max-width:826px){
  main{padding-left:0;padding-right:0}
  /* scale the 210mm (≈794px) page down to fit narrow windows / phones;
     capped at 1 so it never zooms larger than full size */
  .page{zoom:min(1, calc((100vw - 16px) / 794px))}
  /* keep the control bar tidy at narrow widths: drop the button to its
     own line instead of letting it clip off the right edge */
  .screen-bar{padding:12px 16px}
  .screen-bar .spacer{flex:0 0 100%;height:0}
}