/*
Theme Name: Spotlight
Theme URI: https://theasiaspotlight.com/
Author: The Asia Spotlight
Author URI: https://theasiaspotlight.com/
Description: Spotlight — an editorial longform magazine theme for The Asia Spotlight. Classic PHP theme with a single CSS file, a single JS file, fully responsive, and an SVG site-logo uploadable from the Media library.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: spotlight
Tags: blog, news, magazine, two-columns, custom-logo, custom-menu, featured-images, sticky-post, threaded-comments, translation-ready, editorial
*/
:root{
  --paper:#FBFAF7; --paper-2:#F1ECE2; --ink:#0F1B2D; --ink-2:#26303F;
  --muted:#6A7382; --gold:#9C7A2A; --gold-bright:#B8923C; --gold-pale:#D6BC85;
  --line:#E4DECF; --line-2:#D6CDB9; --img-bg:#16243d;
  --bodoni:"Bodoni Moda","Didot",Georgia,serif;
  --display:"Fraunces",Georgia,serif;
  --serif:"Newsreader",Georgia,serif;
  --sans:"Hanken Grotesk",-apple-system,"Segoe UI",system-ui,sans-serif;
  --mono:"Spline Sans Mono",ui-monospace,Menlo,monospace;
  --maxw:1280px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;height:auto;}
h1,h2,h3,h4,h5,h6,p,figure,blockquote,ul,ol{margin:0;}
button{font-family:inherit;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 36px;}
.mono{font-family:var(--mono);}
.cat{font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);}
.by{font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--muted);text-transform:uppercase;}
.by b{color:var(--ink-2);font-weight:500;}

a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:1px;}

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;word-wrap:normal!important;}
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;font-family:var(--sans);font-weight:700;}
.skip-link:focus{left:8px;top:8px;}

.art{position:relative;overflow:hidden;border-radius:2px;background:var(--img-bg);}
.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1);}
a:hover .art img{transform:scale(1.045);}
.scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,27,45,.30),transparent 50%);}

.wire{background:var(--ink);color:#E9E4D8;overflow:hidden;}
.wire-inner{display:flex;align-items:center;height:34px;}
.wire-tag{flex:none;background:var(--gold-bright);color:var(--ink);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:0 14px;height:100%;display:flex;align-items:center;}
.wire-mask{flex:1;overflow:hidden;}
.wire-track{display:flex;gap:44px;white-space:nowrap;animation:wire 40s linear infinite;font-family:var(--mono);font-size:12px;color:#C3CAD6;padding-left:24px;}
.wire-track:hover{animation-play-state:paused;}
.wire-track b{color:var(--gold-pale);font-weight:500;margin-right:8px;}
@keyframes wire{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.edition{border-bottom:1px solid var(--line);}
.edition .wrap{display:flex;align-items:center;justify-content:space-between;height:40px;}
.edition .ed{font-family:var(--mono);font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64vw;}
.edition .ed b{color:var(--ink);font-weight:600;}
.edition .acct{display:flex;gap:20px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;flex:none;white-space:nowrap;}
.edition .acct a:hover{color:var(--gold);}
.edition .sub{color:var(--gold);}

.masthead{text-align:center;padding:30px 0 22px;}
.wm{display:inline-block;}
.wm .kicker{font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.52em;text-transform:uppercase;color:var(--gold);margin-left:.5em;}
.wm .name{font-family:var(--bodoni);font-weight:600;font-size:62px;line-height:.92;color:var(--ink);margin-top:4px;letter-spacing:.008em;}
.wm .rule{display:flex;align-items:center;justify-content:center;margin-top:12px;}
.wm .rule .ln{height:1px;width:min(300px,34vw);background:var(--line-2);}
.wm .rule .dia{width:9px;height:9px;background:var(--gold-bright);transform:rotate(45deg);margin:0 14px;flex:none;}
.masthead .custom-logo-link{display:inline-block;}
.masthead .custom-logo{max-height:120px;width:auto;margin:0 auto;}
.masthead .tag{margin-top:16px;font-family:var(--serif);font-style:italic;color:var(--muted);font-size:15px;}

.nav{position:sticky;top:0;z-index:50;background:rgba(251,250,247,.94);backdrop-filter:blur(8px);border-top:1px solid var(--line);border-bottom:1.5px solid var(--ink);}
.nav .wrap{display:flex;justify-content:center;align-items:center;position:relative;}
.nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0;}
.nav a{display:block;padding:0 16px;line-height:48px;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);transition:color .2s;white-space:nowrap;}
.nav a:hover,.nav .current-menu-item>a,.nav .current_page_item>a,.nav li.accent>a{color:var(--gold);}
.nav-toggle{display:none;}

.hero{padding:40px 0 52px;}
.hero-wrap{display:grid;grid-template-columns:1.7fr 1fr;gap:42px;}
.lead .art{aspect-ratio:16/9;}
.lead h1{font-family:var(--display);font-weight:600;font-size:44px;line-height:1.04;letter-spacing:-.015em;margin:18px 0 12px;}
.lead h1 a:hover{color:var(--gold);}
.lead .dek{font-family:var(--serif);font-size:19px;line-height:1.5;color:var(--ink-2);margin:0 0 14px;max-width:60ch;}
.sec-row{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:32px;padding-top:28px;border-top:1px solid var(--line);}
.sec .art{aspect-ratio:16/10;margin-bottom:12px;}
.sec h3{font-family:var(--display);font-weight:600;font-size:20px;line-height:1.16;margin:8px 0 7px;}
.sec h3 a:hover{color:var(--gold);}
.sec p{font-family:var(--serif);font-size:14.5px;color:var(--muted);margin:0 0 8px;}

.rail-h{padding-left:46px;border-left:1px solid var(--line);}
.rail-title{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--ink);padding-bottom:10px;margin:0 0 6px;display:flex;justify-content:space-between;align-items:center;}
.rail-title .g{color:var(--gold);font-family:var(--mono);font-weight:500;letter-spacing:.04em;font-size:10.5px;}
.top{counter-reset:t;margin-bottom:34px;}
.top a{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:baseline;}
.top a:last-child{border-bottom:0;}
.top a::before{counter-increment:t;content:counter(t);font-family:var(--bodoni);font-weight:600;font-size:22px;color:var(--gold-bright);flex:none;width:24px;}
.top h4{margin:0;font-family:var(--display);font-weight:600;font-size:17px;line-height:1.2;}
.top a:hover h4{color:var(--gold);}
.top .tm{font-family:var(--mono);font-size:10.5px;color:var(--muted);display:block;margin-top:4px;}
.picks a{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);}
.picks a:last-child{border-bottom:0;}
.picks .thumb{width:74px;height:56px;flex:none;border-radius:2px;object-fit:cover;background:var(--img-bg);}
.picks .cat{font-size:9.5px;}
.picks h4{margin:3px 0 0;font-family:var(--display);font-weight:600;font-size:15px;line-height:1.2;}
.picks a:hover h4{color:var(--gold);}

.bigread{background:var(--ink);color:#F4F1EA;}
.br-grid{display:grid;grid-template-columns:1.12fr 1fr;}
.br-img{position:relative;min-height:440px;background:var(--img-bg);overflow:hidden;}
.br-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.br-text{padding:60px 54px;display:flex;flex-direction:column;justify-content:center;}
.br-kick{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-pale);margin-bottom:22px;display:flex;gap:10px;align-items:center;}
.br-kick .dot{width:5px;height:5px;background:var(--gold-bright);border-radius:50%;}
.br-text h2{font-family:var(--display);font-weight:600;font-size:clamp(30px,3.4vw,42px);line-height:1.08;letter-spacing:-.015em;margin:0 0 18px;}
.br-text h2 a:hover{color:var(--gold-pale);}
.br-text .dek{font-family:var(--serif);font-size:18px;line-height:1.5;color:#CDD3DC;margin:0 0 22px;}
.br-text .by{color:#8E96A3;}
.br-text .by b{color:var(--gold-pale);}

.module{padding:46px 0;border-top:1px solid var(--line);}
.mod-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:11px;margin-bottom:26px;}
.mod-head h2{font-family:var(--display);font-weight:600;font-size:25px;margin:0;}
.mod-head .more{font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--gold);}
.mod-head .more:hover{color:var(--ink);}
.mod-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:44px;}
.mod-lead .art{aspect-ratio:16/10;margin-bottom:14px;}
.mod-lead h3{font-family:var(--display);font-weight:600;font-size:27px;line-height:1.12;margin:9px 0 9px;letter-spacing:-.01em;}
.mod-lead h3 a:hover{color:var(--gold);}
.mod-lead .dek{font-family:var(--serif);font-size:16px;line-height:1.5;color:var(--ink-2);margin:0 0 9px;}
.mod-list .li{padding:15px 0;border-bottom:1px solid var(--line);}
.mod-list .li:first-child{padding-top:0;}
.mod-list .li:last-child{border-bottom:0;}
.mod-list h4{font-family:var(--display);font-weight:600;font-size:18px;line-height:1.18;margin:5px 0 6px;}
.mod-list .li a:hover h4{color:var(--gold);}

.band{background:var(--ink);color:#F4F1EA;}
.band .wrap{padding:52px 36px;}
.band-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:10px;}
.band-head h2{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-pale);margin:0;}
.band-head .note{font-family:var(--serif);font-style:italic;color:#9AA3B1;font-size:15px;}
.franchises{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1d2940;border:1px solid #1d2940;}
.fr{background:var(--ink);padding:28px;transition:background .3s;display:block;}
.fr:hover{background:#15223a;}
.fr .no{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--gold-bright);}
.fr .label{font-family:var(--display);font-weight:600;font-size:24px;color:#F4F1EA;margin:14px 0 9px;}
.fr p{font-size:14px;color:#A8B0BC;margin:0 0 16px;line-height:1.5;}
.fr .ctaf{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-pale);}
.fr .ctaf .arr{display:inline-block;transition:transform .25s;}
.fr:hover .ctaf .arr{transform:translateX(4px);}

.opinion{padding:50px 0;border-top:1px solid var(--line);}
.op-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:26px;}
.op{padding:0 34px;border-left:1px solid var(--line);}
.op:first-child{padding-left:0;border-left:0;}
.op .name{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.op blockquote{margin:0;font-family:var(--display);font-weight:500;font-style:italic;font-size:22px;line-height:1.3;color:var(--ink);}
.op blockquote a:hover{color:var(--gold);}
.op cite{display:block;margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-style:normal;}

.trending{background:var(--paper-2);padding:48px 0;}
.tr-head{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--ink);padding-bottom:11px;margin-bottom:6px;}
.tr-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;counter-reset:tr;}
.tr-grid a{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid var(--line-2);align-items:baseline;}
.tr-grid a::before{counter-increment:tr;content:counter(tr);font-family:var(--bodoni);font-weight:600;font-size:22px;color:var(--gold-bright);flex:none;width:26px;}
.tr-grid h4{margin:0;font-family:var(--display);font-weight:600;font-size:17px;line-height:1.22;}
.tr-grid a:hover h4{color:var(--gold);}
.tr-grid .by{display:block;margin-top:5px;}

.news{padding:60px 0;text-align:center;border-top:1px solid var(--line);}
.news .kick{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);}
.news h2{font-family:var(--display);font-weight:600;font-size:clamp(28px,4vw,38px);margin:14px 0 10px;letter-spacing:-.01em;}
.news p{font-family:var(--serif);font-size:17px;color:var(--muted);margin:0 auto 26px;max-width:520px;}
.nform{display:flex;gap:10px;max-width:470px;margin:0 auto;}
.nform input{flex:1;border:1px solid var(--line-2);background:#fff;border-radius:2px;padding:13px 16px;font-family:var(--sans);font-size:15px;}
.nform input:focus{outline:2px solid var(--gold);border-color:var(--gold);}
.nform button{border:0;background:var(--ink);color:#fff;border-radius:2px;padding:0 26px;cursor:pointer;font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;transition:background .25s;}
.nform button:hover{background:var(--gold);}
.news .fine{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:14px;letter-spacing:.04em;}

.breadcrumb{font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:24px;}
.breadcrumb .sep{margin:0 8px;color:var(--line-2);}
.breadcrumb a:hover{color:var(--gold);}
.breadcrumb .here{color:var(--gold);}

.sec-head-wrap{padding:46px 0 30px;}
.sec-head{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:24px;}
.sec-head .kick{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);}
.sec-head h1{font-family:var(--display);font-weight:600;font-size:clamp(40px,6vw,64px);line-height:1;letter-spacing:-.02em;margin:10px 0 0;}
.sec-head .sec-dek{font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.5;color:var(--ink-2);margin:0;}
.subnav{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;}
.subnav a{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);border-radius:2px;padding:8px 15px;border:1px solid var(--line-2);}
.subnav a:hover{border-color:var(--gold);color:var(--gold);}
.subnav a.on{color:var(--paper);background:var(--ink);border-color:var(--ink);}

.featured-lead{padding:6px 0 0;}
.featured-lead a{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;}
.featured-lead .art{aspect-ratio:16/10;}
.featured-lead h2{font-family:var(--display);font-weight:600;font-size:clamp(28px,3.2vw,40px);line-height:1.06;letter-spacing:-.015em;margin:12px 0 14px;}
.featured-lead .dek{font-family:var(--serif);font-size:18px;line-height:1.5;color:var(--ink-2);margin:0 0 16px;}

.archive-body{padding:40px 0 0;}
.archive-grid{display:grid;grid-template-columns:1fr 320px;gap:54px;align-items:start;}
.post-row{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line);}
.post-row .art{aspect-ratio:4/3;}
.post-row h3{font-family:var(--display);font-weight:600;font-size:21px;line-height:1.16;margin:6px 0 8px;}
.post-row h3 a:hover{color:var(--gold);}
.post-row p{font-family:var(--serif);font-size:15px;line-height:1.5;color:var(--muted);margin:0 0 8px;}

.pager{margin-top:40px;padding-top:30px;border-top:1px solid var(--line);}
.pager .nav-links{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;}
.pager .page-numbers{font-family:var(--mono);font-size:12px;color:var(--ink-2);padding:9px 14px;border:1px solid var(--line);border-radius:2px;}
.pager .page-numbers:hover{border-color:var(--gold);color:var(--gold);}
.pager .page-numbers.current{color:var(--paper);background:var(--ink);border-color:var(--ink);}
.pager .page-numbers.dots{border:0;}

.sidebar{position:sticky;top:70px;}
.side-head{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--ink);padding-bottom:11px;margin-bottom:6px;}
.side-pop{counter-reset:t;margin-bottom:34px;}
.side-pop a{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:baseline;}
.side-pop a:last-child{border-bottom:0;}
.side-pop a::before{counter-increment:t;content:counter(t);font-family:var(--bodoni);font-weight:600;font-size:22px;color:var(--gold-bright);flex:none;width:24px;}
.side-pop h4{margin:0;font-family:var(--display);font-weight:600;font-size:16px;line-height:1.2;}
.side-pop a:hover h4{color:var(--gold);}
.side-pop .tm{font-family:var(--mono);font-size:10.5px;color:var(--muted);display:block;margin-top:4px;}
.side-brief{background:var(--ink);color:#F4F1EA;border-radius:2px;padding:26px;}
.side-brief .kick{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-pale);}
.side-brief h3{font-family:var(--display);font-weight:600;font-size:21px;line-height:1.15;margin:12px 0 10px;}
.side-brief p{font-family:var(--serif);font-size:14px;line-height:1.5;color:#CDD3DC;margin:0 0 16px;}
.side-brief form{display:flex;flex-direction:column;gap:8px;}
.side-brief input{border:1px solid #2a3a55;background:var(--img-bg);color:#F4F1EA;border-radius:2px;padding:11px 13px;font-family:var(--sans);font-size:14px;}
.side-brief button{border:0;background:var(--gold-bright);color:var(--ink);border-radius:2px;padding:12px;cursor:pointer;font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;}
.side-brief button:hover{background:var(--gold-pale);}

.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--gold-bright);z-index:120;transition:width .08s linear;}
.article-head{max-width:760px;margin:0 auto;padding:46px 24px 0;}
.article-head .kick{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);}
.article-head h1{font-family:var(--display);font-weight:600;font-size:clamp(34px,5.2vw,54px);line-height:1.04;letter-spacing:-.018em;margin:14px 0 18px;text-wrap:balance;}
.article-head .dek{font-family:var(--serif);font-size:22px;line-height:1.45;color:var(--ink-2);margin:0 0 26px;font-style:italic;}
.byline{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.byline .who{display:flex;align-items:center;gap:14px;}
.byline .avatar{width:44px;height:44px;border-radius:50%;background:var(--img-bg);flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--bodoni);color:var(--gold-pale);font-size:16px;font-weight:600;overflow:hidden;}
.byline .avatar img{width:100%;height:100%;border-radius:50%;}
.byline .nm{font-family:var(--sans);font-size:14px;font-weight:700;color:var(--ink);}
.byline .meta{font-family:var(--mono);font-size:11px;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin-top:2px;}
.byline .actions{display:flex;gap:8px;}
.byline .actions a{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line-2);border-radius:2px;padding:8px 14px;}
.byline .actions a:hover{border-color:var(--gold);color:var(--gold);}

.hero-figure{max-width:760px;margin:32px auto 0;padding:0 24px;}
.hero-figure .art{aspect-ratio:16/9;}
.hero-figure figcaption{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.02em;margin-top:10px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.hero-figure figcaption .credit{flex:none;color:var(--gold);}

.artbody{max-width:680px;margin:44px auto 0;padding:0 24px;font-family:var(--serif);font-size:19.5px;line-height:1.72;color:#1c2738;}
.artbody p{margin:0 0 1.1em;}
.artbody h2{font-family:var(--display);font-weight:600;font-size:27px;line-height:1.18;letter-spacing:-.01em;color:var(--ink);margin:40px 0 16px;}
.artbody h3{font-family:var(--display);font-weight:600;font-size:22px;line-height:1.2;color:var(--ink);margin:32px 0 12px;}
.artbody a{color:var(--gold);text-decoration:underline;text-underline-offset:2px;}
.artbody ul,.artbody ol{margin:0 0 1.1em;padding-left:1.3em;}
.artbody li{margin:0 0 .5em;}
.artbody img,.artbody .wp-block-image img{border-radius:2px;}
.artbody figure{margin:34px 0;}
.artbody figure img{width:100%;border-radius:2px;}
.artbody figcaption{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:10px;}
.artbody blockquote{margin:38px 0;padding:4px 0 4px 28px;border-left:3px solid var(--gold-bright);}
.artbody blockquote p{font-family:var(--display);font-weight:500;font-style:italic;font-size:26px;line-height:1.32;color:var(--ink);margin:0;}
.artbody blockquote cite{display:block;margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-style:normal;}
.artbody .end{display:inline-block;width:9px;height:9px;background:var(--gold-bright);transform:rotate(45deg);margin-left:6px;}

.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:36px 0 0;}
.tag-list a{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--ink-2);background:var(--paper-2);border-radius:2px;padding:7px 13px;}
.tag-list a:hover{background:var(--line);}

.author-box-wrap{max-width:680px;margin:40px auto 0;padding:0 24px;}
.author-box{display:flex;gap:18px;align-items:flex-start;background:var(--paper-2);border-radius:2px;padding:24px;}
.author-box .avatar{width:54px;height:54px;border-radius:50%;background:var(--img-bg);flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--bodoni);color:var(--gold-pale);font-size:18px;font-weight:600;overflow:hidden;}
.author-box .avatar img{width:100%;height:100%;border-radius:50%;}
.author-box .lbl{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);}
.author-box .nm{font-family:var(--display);font-weight:600;font-size:20px;color:var(--ink);margin:4px 0 8px;}
.author-box p{font-family:var(--serif);font-size:15.5px;line-height:1.6;color:var(--ink-2);margin:0;}

.related{padding:0 0;margin:60px 0 0;}
.related .mod-head{margin-bottom:26px;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;}
.related .art{aspect-ratio:16/10;margin-bottom:13px;}
.related h3{font-family:var(--display);font-weight:600;font-size:19px;line-height:1.18;margin:7px 0 7px;}
.related h3 a:hover{color:var(--gold);}

.page-body{max-width:760px;margin:0 auto;padding:46px 24px;}
.page-body h1.page-title{font-family:var(--display);font-weight:600;font-size:clamp(32px,5vw,48px);line-height:1.05;margin:0 0 24px;}

.comments-area{max-width:680px;margin:48px auto 0;padding:0 24px;}
.comments-area .comments-title,.comments-area .comment-reply-title{font-family:var(--display);font-weight:600;font-size:24px;margin:0 0 20px;}
.comment-list{list-style:none;margin:0;padding:0;}
.comment-list li{padding:18px 0;border-top:1px solid var(--line);}
.comment-list .children{list-style:none;margin:0 0 0 28px;padding:0;}
.comment-author{font-family:var(--sans);font-weight:700;font-size:14px;}
.comment-meta{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;}
.comment-content{font-family:var(--serif);font-size:16px;line-height:1.6;margin-top:8px;}
.comment-respond input[type=text],.comment-respond input[type=email],.comment-respond input[type=url],.comment-respond textarea{width:100%;border:1px solid var(--line-2);background:#fff;border-radius:2px;padding:11px 13px;font-family:var(--sans);font-size:15px;margin-bottom:12px;}
.comment-respond .submit{border:0;background:var(--ink);color:#fff;border-radius:2px;padding:12px 24px;cursor:pointer;font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;}
.comment-respond .submit:hover{background:var(--gold);}

.page-message{max-width:680px;margin:60px auto;padding:0 24px;text-align:center;}
.page-message h1{font-family:var(--display);font-weight:600;font-size:clamp(40px,8vw,72px);margin:0 0 14px;}
.page-message p{font-family:var(--serif);font-size:18px;color:var(--muted);margin:0 0 24px;}

.site-footer{background:var(--paper);padding:54px 0 0;border-top:1px solid var(--line);margin-top:64px;}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px;border-bottom:1px solid var(--line);}
.foot-brand .kicker{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);font-weight:700;}
.foot-brand .name{display:block;font-family:var(--bodoni);font-weight:600;font-size:30px;color:var(--ink);}
.foot-brand p{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:15px;margin:16px 0 0;max-width:320px;}
.fcol h4{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:6px 0 15px;font-weight:800;}
.fcol ul{list-style:none;margin:0;padding:0;}
.fcol li{margin-bottom:10px;}
.fcol a{font-size:14px;color:var(--ink-2);}
.fcol a:hover{color:var(--gold);}
.foot-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 0 30px;flex-wrap:wrap;gap:10px;}
.foot-bottom .member{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--ink);}
.foot-bottom .copy{font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.02em;}

.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s,transform .7s;}
.reveal.in{opacity:1;transform:none;}

@media(max-width:1000px){
  .hero-wrap{grid-template-columns:1fr;}
  .rail-h{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:30px;margin-top:8px;}
  .br-grid{grid-template-columns:1fr;}
  .br-img{min-height:280px;}
  .br-text{padding:40px 30px;}
  .mod-grid{grid-template-columns:1fr;gap:26px;}
  .franchises,.op-grid,.tr-grid{grid-template-columns:1fr;}
  .op{padding:24px 0;border-left:0;border-top:1px solid var(--line);}
  .op:first-child{border-top:0;padding-top:0;}
  .foot-top{grid-template-columns:1fr 1fr;}
  .sec-head{grid-template-columns:1fr;gap:16px;}
  .featured-lead a{grid-template-columns:1fr;gap:18px;}
  .archive-grid{grid-template-columns:1fr;gap:40px;}
  .sidebar{position:static;}
  .related-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:1000px) and (min-width:641px){
  .wrap{padding:0 28px;}
  .sec-row{gap:26px;}
  .br-text{padding:46px 38px;}
}
@media(max-width:680px){
  .wrap{padding:0 18px;}
  .edition .acct{gap:13px;}
  .edition .ed{max-width:48vw;}
  .wm .name{font-size:40px;}
  .wm .kicker{letter-spacing:.34em;font-size:11px;}
  .masthead{padding:24px 0 18px;}
  .nav ul{flex-wrap:nowrap;}
  .nav .wrap{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .nav .wrap::-webkit-scrollbar{display:none;}
  .nav a{padding:0 13px;line-height:46px;}
  .hero{padding:28px 0 40px;}
  .lead h1{font-size:30px;}
  .lead .dek{font-size:17px;}
  .sec-row{grid-template-columns:1fr;gap:0;}
  .sec{padding:22px 0;border-bottom:1px solid var(--line);}
  .sec:last-child{border-bottom:0;}
  .br-text{padding:34px 22px;}
  .br-text h2{font-size:26px;}
  .br-img{min-height:230px;}
  .module{padding:36px 0;}
  .mod-head h2{font-size:22px;}
  .mod-lead h3{font-size:23px;}
  .band .wrap{padding:38px 18px;}
  .fr{padding:24px;}
  .opinion{padding:38px 0;}
  .trending{padding:38px 0;}
  .news{padding:46px 0;}
  .nform{flex-direction:column;}
  .nform button{padding:13px;}
  .post-row{grid-template-columns:96px 1fr;gap:14px;}
  .related-grid{grid-template-columns:1fr;}
  .foot-top{grid-template-columns:1fr;}
  .foot-bottom{flex-direction:column;align-items:flex-start;gap:8px;}
  .article-head .dek{font-size:19px;}
  .artbody{font-size:18px;}
}
@media(max-width:380px){
  .wm .name{font-size:34px;}
  .lead h1{font-size:27px;}
  .edition .ed{max-width:58vw;}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important;}
  .wire-track{animation:none!important;}
  .reveal{opacity:1;transform:none;}
}