/* =====================================================================
   read.css — shared styles for all ARTICLE and REVIEW pages
   Change something here and every article + review page updates at once.
   (The homepage has its own styles; this file is only for reading pages.)
   ===================================================================== */
:root{
  --black:#050608; --bone:#eae4d8; --bone-dim:#9a978f; --ink:#181613;
  --steel:#7fa6c9; --gold:#c9a86a; --riso-red:#e5322f; --line:#23262c;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--bone);font-family:'Inter',sans-serif;font-weight:300;line-height:1.75;font-size:18px}
img{display:block;max-width:100%}
a{color:inherit}
.serif{font-family:'Cormorant Garamond',serif}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}

/* top bar */
.bar{position:sticky;top:0;z-index:40;background:rgba(5,6,8,.9);backdrop-filter:blur(4px);border-bottom:1px solid var(--line)}
.bar .wrap{max-width:1100px;display:flex;align-items:center;gap:14px;padding:14px 24px}
.bar .logo{font-family:'Anton';text-transform:uppercase;font-size:1.05rem;letter-spacing:.04em;text-decoration:none}
.bar .logo span{color:var(--riso-red)}
.bar a.home{margin-left:auto;text-decoration:none;font-family:'Special Elite';font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim);border:1px solid var(--line);padding:8px 14px;transition:.2s}
.bar a.home:hover{color:var(--bone);border-color:var(--steel)}

/* hero */
.hero{position:relative;padding:13vh 0 7vh;border-bottom:1px solid var(--line);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 0%,rgba(127,166,201,.12),transparent 60%)}
.hero .wrap{position:relative}
.kicker{font-family:'Special Elite';font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--riso-red);margin-bottom:18px}
h1{font-family:'Cormorant Garamond';font-weight:400;font-size:clamp(2.4rem,6.5vw,4.4rem);line-height:1.03;letter-spacing:.01em;margin-bottom:20px}
h1 em{font-style:italic;color:var(--steel)}
.meta{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;font-size:.78rem;letter-spacing:.06em;color:var(--bone-dim);text-transform:uppercase;font-family:'Special Elite'}
.meta .stars{color:var(--gold);letter-spacing:3px;font-size:1rem;font-family:'Inter'}

/* optional cover image */
figure.cover{margin:6vh 0 0}
figure.cover img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:grayscale(.2) contrast(1.05) brightness(.92)}
figure.cover figcaption{font-family:'Special Elite';font-size:.68rem;letter-spacing:.04em;color:var(--bone-dim);padding-top:8px}

/* body */
article{padding:7vh 0 4vh}
article .lede{font-family:'Cormorant Garamond';font-size:1.5rem;line-height:1.5;font-weight:400;color:#d8d2c6;margin-bottom:34px}
article p{margin-bottom:22px;color:#cfc9bd}
article h2{font-family:'Cormorant Garamond';font-weight:500;font-size:1.9rem;margin:46px 0 14px;color:var(--bone)}
article p:first-of-type::first-letter{font-family:'Cormorant Garamond';font-weight:600;float:left;font-size:4rem;line-height:.7;padding:8px 12px 0 0;color:var(--riso-red)}
article blockquote{margin:34px 0;padding:6px 0 6px 24px;border-left:3px solid var(--riso-red);font-family:'Cormorant Garamond';font-style:italic;font-size:1.5rem;line-height:1.4;color:var(--bone)}

/* review-only: verdict box */
.verdict{margin:48px 0 0;padding:26px;border:1px solid var(--line);background:rgba(127,166,201,.05)}
.verdict .t{font-family:'Special Elite';font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--steel);margin-bottom:10px}
.verdict .score{font-family:'Cormorant Garamond';font-size:2.4rem;color:var(--gold)}
.verdict p{margin:8px 0 0;color:#cfc9bd}

/* article-only: dateline */
.dateline{font-family:'Special Elite';font-size:.8rem;color:var(--bone-dim);border-left:3px solid var(--riso-red);padding-left:12px;margin-bottom:30px;letter-spacing:.04em}

/* footer */
footer.f{border-top:1px solid var(--line);padding:6vh 0 10vh;text-align:center}
footer .back{display:inline-block;font-family:'Special Elite';font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bone);border:1px solid var(--steel);padding:12px 22px;text-decoration:none;transition:.2s}
footer .back:hover{background:var(--steel);color:var(--black)}
footer .sig{margin-top:22px;font-family:'Special Elite';font-size:.68rem;letter-spacing:.1em;color:var(--bone-dim);text-transform:uppercase}

/* protect images from casual download (deterrent — see notes) */
img,figure.cover img{-webkit-user-drag:none;-khtml-user-drag:none;user-drag:none;user-select:none;-webkit-touch-callout:none}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
@media(max-width:640px){.hero{padding:11vh 0 6vh}}