/* Keep the still image beneath the hero video for loading, tab restores, and reduced motion. */
:root { --paper:#f6f8f5; --ink:#08120e; --muted:#5d6b63; --line:#dce8e1; --teal:#0cf2cb; --orange:#0cf2cb; }
body { background:var(--paper); color:var(--ink); }
.skip-link:focus { top:12px; }
.link-arrow { display:inline-block; width:16px; height:16px; flex:none; vertical-align:-.18em; }
.site-header { height:86px; border-color:var(--line); }
.brand img { width:162px; }
.brand-divider { background:var(--line); }
.brand-journal { font-size:14px; }
.live-dot { background:var(--teal); }
.product-link { border:0; border-bottom:1px solid currentColor; border-radius:0; padding:0 0 4px; gap:14px; font-size:13px; }
.product-link:hover { background:transparent; color:#078b76; }

body.journal-home-active { background:#021017; }
.journal-home-active .site-header { position:absolute; inset:30px 0 auto; z-index:5; width:100%; max-width:1480px; height:auto; padding:0 clamp(28px,5vw,74px); color:#eefaf6; border:0; background:transparent; }
.journal-home-active .brand img { filter:brightness(0) invert(1); }
.journal-home-active .brand-divider { display:none; }
.journal-home-active .brand-journal { margin-left:3px; color:#c8dad7; }
.journal-home-active .product-link { border:0; }
.journal-home-active .product-link:hover { color:var(--teal); }
.journal-home-active main { max-width:none; padding:0; }
.journal-home-active .site-footer { max-width:1480px; padding-left:clamp(28px,5vw,74px); padding-right:clamp(28px,5vw,74px); color:#9bb7b4; border:0; }
.journal-home-active .site-footer img { filter:brightness(0) invert(1); }

.journal-stage { display:block; padding:0 0 60px; }
.journal-hero { position:relative; isolation:isolate; container-type:inline-size; width:100%; max-width:1480px; aspect-ratio:1672 / 941; margin:0 auto; overflow:hidden; background:transparent; color:#f1faf7; }
.hero-scene, .hero-light { position:absolute; inset:0; pointer-events:none; }
.hero-scene { overflow:hidden; -webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 98%,transparent); mask-image:linear-gradient(to right,transparent,#000 6%,#000 98%,transparent); }
/* Preserve the artwork's proportions: extra screen width becomes outer space. */
.hero-scene video, .hero-scene img { position:absolute; top:0; left:0; display:block; width:100%; height:auto; -webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 65%,rgba(0,0,0,.65) 83%,transparent 100%); mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 65%,rgba(0,0,0,.65) 83%,transparent 100%); }
.hero-scene video { z-index:1; opacity:0; }
.hero-scene video.is-playing { opacity:1; }
.hero-scene .hero-still { display:block; z-index:0; }
.hero-scene video.is-playing + .hero-still { visibility:hidden; }
@media(prefers-reduced-motion:reduce) { .hero-scene video { display:none; } .hero-scene .hero-still { display:block; } }
.hero-light { background:linear-gradient(90deg,rgba(2,16,23,.65),rgba(2,16,23,.2) 38%,transparent 58%); }
.hero-content { position:relative; z-index:1; padding:clamp(135px,14cqw,207px) clamp(28px,5cqw,74px) 130px; }
.journal-intro { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:0; padding:0; }
.intro-kicker, .lead-kicker { display:inline-flex; align-items:center; gap:10px; color:var(--teal); font:11px/1.4 GeistMono,monospace; letter-spacing:1.3px; }
.intro-kicker .live-dot { width:7px; height:7px; box-shadow:0 0 13px #0cf2cb; }
.journal-intro h1 { max-width:650px; margin-top:30px; color:#fff; font:700 clamp(38px,5.25cqw,78px)/.99 EinaDisplay,Eina,sans-serif; letter-spacing:-.055em; text-transform:none; }
.journal-intro h1 span { color:var(--teal); }
.journal-intro > p { display:block; max-width:min(35cqw,420px); margin-top:31px; color:#c3dbd8; font:clamp(16px,1.4cqw,19px)/1.55 Eina,Arial,sans-serif; letter-spacing:0; }
.journal-intro > p > .extinction-mark { position:relative; display:inline-block; isolation:isolate; padding:0 .02em .08em; white-space:nowrap; color:#f0fffd; font:inherit; font-weight:700; }
.extinction-mark::after { content:""; position:absolute; right:-.05em; bottom:-.04em; left:-.04em; height:.2em; background:#65e2fa; clip-path:polygon(0 48%,14% 30%,51% 34%,79% 12%,100% 0,97% 79%,58% 93%,15% 100%); transform:rotate(-2deg); opacity:.88; }
.story-showcase { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,.85fr); align-items:start; gap:22px; max-width:1220px; margin:-78px auto 0; padding:0 clamp(28px,4vw,54px); color:#f5fffc; }
@media(min-width:1360px) {
  .story-showcase::after { content:"breakthroughs."; position:absolute; top:28px; right:-43px; writing-mode:vertical-rl; color:rgba(143,205,198,.34); font:italic 400 43px/1 Georgia,serif; letter-spacing:.02em; pointer-events:none; }
}
.lead-entry { display:grid; grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr); min-width:0; height:318px; overflow:hidden; background:linear-gradient(110deg,#18282b,#0b1b20); color:#f7fffc; }
.lead-stack { min-width:0; }
.community-proof { display:flex; align-items:center; gap:15px; min-height:64px; padding:17px 2px 0; color:#dcebe7; }
.community-proof[hidden] { display:none; }
.community-faces { display:flex; flex-shrink:0; padding-left:7px; }
.community-faces img { display:block; width:39px; height:39px; margin-left:-7px; object-fit:cover; border:2px solid #021017; border-radius:50%; background:#183438; }
.community-proof-copy { display:flex; flex-direction:column; gap:3px; font:13px/1.25 Eina,Arial,sans-serif; }
.community-proof-copy strong { color:#82d7ca; font:11px/1.3 GeistMono,monospace; }
.featured-image { position:relative; display:block; height:100%; overflow:hidden; }
.featured-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:30% center; transition:transform .45s ease; }
.featured-image:hover img { transform:scale(1.025); }
.featured-image img.bonus-cover { object-position:center; }
.featured-pin { position:absolute; z-index:1; top:14px; left:15px; display:grid; width:33px; height:33px; place-items:center; color:var(--teal); transform:rotate(-25deg); }
.featured-pin svg { display:block; width:25px; height:25px; }
.featured-caption { display:flex; min-width:0; flex-direction:column; justify-content:center; padding:22px 27px 25px 12px; }
.lead-kicker { width:100%; }
.lead-kicker > span { margin-left:auto; color:#96b6b4; }
.lead-entry h2 { margin:13px 0 9px; font:400 clamp(33px,2.5vw,39px)/1.05 Georgia,serif; letter-spacing:-1.4px; }
.lead-entry h2 a:hover { color:var(--teal); }
.posted-at { display:block; font:600 15px/1.3 Eina,Arial,sans-serif; letter-spacing:0; }
.lead-entry .posted-at { color:#86e4d6; }
.featured-caption > p { max-width:610px; margin-top:14px; color:#c9dcda; font:15px/1.5 Eina,Arial,sans-serif; }
.hero-read { display:inline-flex; align-self:flex-start; align-items:center; width:max-content; gap:11px; margin-top:15px; border-bottom:1px solid currentColor; padding:0 0 4px; color:var(--teal); font:600 14px/1.3 Eina,Arial,sans-serif; transition:color .2s ease; }
.hero-read > svg { width:16px; height:16px; flex:none; }
.hero-read:hover { color:#fff; gap:11px; }

.journal-history { min-width:0; color:#eaf8f4; }
.archive-toggle { display:inline-flex; align-items:center; gap:8px; flex-shrink:0; margin:20px 0 0; padding:0; background:none; color:#9de8dc; font:600 13px/1.3 Eina,Arial,sans-serif; }
.archive-toggle:hover { background:none; color:#fff; }
.older-stories { display:grid; grid-template-columns:1fr; gap:14px; }
.older-story { min-width:0; overflow:hidden; background:linear-gradient(120deg,#1a292b,#101f23); }
.older-link { --thumb-size:152px; display:grid; grid-template-columns:var(--thumb-size) minmax(0,1fr); min-height:var(--thumb-size); padding:0; }
.older-copy { display:flex; min-width:0; flex-direction:column; justify-content:center; gap:12px; padding:14px 16px; }
.older-copy .posted-at { color:#83d8cc; font:11px/1.3 GeistMono,monospace; }
.older-copy h2 { margin:0; font:400 clamp(19px,1.65vw,23px)/1.13 Georgia,serif; letter-spacing:-.5px; }
.older-link:hover h2 { color:var(--teal); }
.older-image { position:relative; display:block; width:var(--thumb-size); aspect-ratio:1; overflow:hidden; }
.older-image img, .older-image svg { display:block; width:100%; height:100%; object-fit:cover; }

.site-footer { flex-direction:row; align-items:center; padding-top:26px; padding-bottom:35px; }
.site-footer img { width:140px; }
.footer-signup { display:inline-flex; align-items:center; gap:12px; font-size:14px; }
.footer-signup:hover { text-decoration:underline; text-underline-offset:5px; }
.preview-trigger { background:#fff; color:var(--muted); border:1px solid var(--line); border-radius:0; box-shadow:none; }

/* The feed carries the same dark, image-led story treatment as the Journal home. */
body.journal-feed-active { background:#021017; color:#f5fffc; }
.journal-feed-active .site-header { border-color:#214044; color:#f5fffc; }
.journal-feed-active .brand img, .journal-feed-active .site-footer img { filter:brightness(0) invert(1); }
.journal-feed-active .brand-divider { background:#214044; }
.journal-feed-active .site-footer { border-color:#214044; color:#a9c3bf; }
.journal-feed-active .product-link:hover { color:var(--teal); }
.journal-feed-active #posts-view { max-width:980px; }
.journal-feed-active .post-back { color:#9ed9d0; }
.journal-feed-active .feed-heading { margin-bottom:34px; }
.journal-feed-active .feed-heading h1 { color:#fff; }
.journal-feed-active .feed-heading p { color:#a9c3bf; }
.journal-feed-active .feed-post { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); grid-template-rows:auto auto 1fr auto; grid-template-areas:"image author" "image title" "image excerpt" "image read"; min-height:320px; margin-bottom:18px; padding:0; border:0; background:linear-gradient(115deg,#18282b,#0b1b20); color:#f5fffc; }
.journal-feed-active .feed-post .post-author { grid-area:author; align-self:end; padding:25px 28px 0; }
.journal-feed-active .feed-post .post-author > div > span { color:#a9c3bf; }
.journal-feed-active .feed-post .posted-at { color:#86e4d6; font-size:15px; }
.journal-feed-active .feed-post h2 { grid-area:title; margin:13px 0 10px; padding:0 28px; font:400 clamp(27px,3vw,38px)/1.1 Georgia,serif; letter-spacing:-1px; }
.journal-feed-active .feed-post h2 a:hover { color:var(--teal); }
.journal-feed-active .feed-excerpt { grid-area:excerpt; align-self:start; padding:0 28px; color:#c9dcda; font-size:16px; line-height:1.55; }
.journal-feed-active .feed-image { grid-area:image; width:100%; height:100%; min-height:320px; margin:0; background:#10292e; }
.journal-feed-active .feed-image img { transition:transform .45s ease; }
.journal-feed-active .feed-image:hover img { transform:scale(1.025); }
.journal-feed-active .post-read { grid-area:read; justify-self:start; margin:0 28px 23px; border-bottom:1px solid currentColor; padding:0 0 4px; color:var(--teal); font-weight:600; font-size:14px; }
.journal-feed-active .feed-end { border-color:#214044; color:#a9c3bf; }
.journal-feed-active .feed-end a { color:var(--teal); }
/* The article remains a calm, single-column reading surface. */
#posts-view, #article-view { max-width:720px; margin:0 auto; padding:18px 0 60px; font-family:Eina,Arial,sans-serif; }
.post-back { display:inline-block; padding:12px 0; font-size:15px; color:var(--muted); }
.post-back:hover, .post-read:hover, .post-next a:hover, .feed-end a:hover { text-decoration:underline; text-underline-offset:5px; }
.feed-heading { margin:34px 0 48px; }
.feed-heading h1 { font:700 clamp(44px,5vw,60px)/1.1 EinaDisplay,Eina,sans-serif; letter-spacing:-2px; }
.feed-heading p { margin-top:14px; color:var(--muted); font-size:19px; line-height:1.5; }
.feed-post { padding:34px 0 40px; border-top:1px solid var(--line); }
.post-author { display:flex; align-items:center; gap:12px; }
.post-author img { width:40px; height:40px; object-fit:cover; border-radius:50%; }
.post-author > div > span { display:block; margin-bottom:4px; font-size:14px; color:var(--muted); }
.post-author .posted-at { color:var(--ink); font-size:18px; }
.feed-post h2 { margin:22px 0 12px; font:700 32px/1.15 EinaDisplay,Eina,sans-serif; letter-spacing:-1px; }
.feed-excerpt { color:#35483e; font-size:19px; line-height:1.6; }
.feed-image, .post-image { display:block; aspect-ratio:16/9; overflow:hidden; margin:23px 0; background:#edf7f3; }
.post-image-contract { aspect-ratio:4/3; }
.post-image-contract img { object-position:50% 20%; }
.feed-image img, .post-image img, .feed-image svg, .post-image svg { width:100%; height:100%; object-fit:cover; }
.post-read { display:inline-flex; align-items:center; gap:20px; padding:8px 0; font-size:16px; }
.feed-end { border-top:1px solid var(--line); padding-top:30px; color:var(--muted); line-height:1.7; }
.feed-end a { display:block; margin-top:8px; color:var(--ink); }
.post-heading { margin:30px 0 25px; }
.post-heading h1 { max-width:640px; margin-top:25px; font:700 clamp(34px,4.2vw,52px)/1.08 EinaDisplay,Eina,sans-serif; letter-spacing:-1.7px; }
#article-view .post-image { margin-bottom:33px; }
#article-view .article-body { color:#27382e; font:20px/1.7 Eina,Arial,sans-serif; }
#article-view .article-body > p { margin-bottom:24px; }
#article-view .article-body h2 { margin:36px 0 16px; font:700 25px/1.25 EinaDisplay,Eina,sans-serif; letter-spacing:-.5px; }
#article-view .article-body blockquote { margin:30px 0; padding-left:20px; border-left:2px solid #0ba78e; font-size:23px; line-height:1.5; }
#article-view .article-callout { padding:0 0 0 20px; border-left:2px solid #b9d8ca; background:none; border-radius:0; font-size:18px; line-height:1.65; }
.post-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-top:36px; padding-top:20px; border-top:1px solid var(--line); }
.post-actions .share-button { padding:8px 0; border:0; font:15px Eina,Arial,sans-serif; }
.preview-note { margin-left:auto; color:var(--muted); font-size:12px; }
.post-actions .share-status { flex-basis:100%; margin:0; font-size:13px; }
.post-actions .share-status:empty { display:none; }
.post-next { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-top:30px; padding-top:25px; border-top:1px solid var(--line); font-size:16px; line-height:1.5; }
.post-next > a:last-child { max-width:65%; text-align:right; }
.post-next span { display:block; margin-bottom:5px; color:var(--muted); font-size:13px; }

/* Article covers borrow the journal's dark palette without carrying the home hero into the story. */
.journal-article-active { background:radial-gradient(ellipse 85% 560px at 78% 0,rgba(13,66,75,.27),transparent 75%),#06191e; color:#f2f9f7; }
.journal-article-active .site-header { height:86px; border:0; color:#f2f5f3; }
.journal-article-active .site-header nav { display:none; }
.journal-article-active .brand img, .journal-article-active .site-footer img { filter:brightness(0) invert(1); }
.journal-article-active .brand-divider { background:#3c6567; }
.journal-article-active .brand-journal { color:#bdd1cd; }
.journal-article-active .site-footer { max-width:1380px; color:#c2d9d5; border-color:#315359; }
#article-view { max-width:1260px; padding:28px 0 76px; color:#f2f5f3; }
.article-cover { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:clamp(38px,5vw,88px); align-items:stretch; min-height:550px; }
.article-cover-art { min-height:550px; overflow:hidden; background:#102b30; }
.article-cover-art img, .article-cover-art svg { display:block; width:100%; height:100%; object-fit:cover; }
.article-cover-art img { object-position:50% 34%; }
.article-cover-copy { position:relative; display:flex; flex-direction:column; min-width:0; }
.article-mini-nav { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:clamp(18px,2vw,30px); padding:10px 0; color:#c9d7d4; font:11px/1.4 GeistMono,monospace; letter-spacing:.08em; text-transform:uppercase; }
.article-mini-nav a:hover { color:#0cf2cb; }
#article-view .post-heading { position:relative; isolation:isolate; margin:auto 0; padding:120px 0 44px; }
.article-backdrop { position:absolute; z-index:-1; top:68px; left:-.04em; width:100%; overflow:hidden; color:rgba(127,220,210,.09); font:800 clamp(72px,6vw,102px)/.9 EinaDisplay,Eina,sans-serif; letter-spacing:-.075em; white-space:nowrap; pointer-events:none; }
.article-overline { margin-bottom:20px; color:#68d9c9; font:11px/1.4 GeistMono,monospace; letter-spacing:.13em; text-transform:uppercase; }
.article-overline span { padding:0 8px; color:#789c98; }
#article-view .post-heading h1 { max-width:700px; margin:0; color:#f7fbf9; font:700 clamp(42px,4.5vw,72px)/1.02 EinaDisplay,Eina,sans-serif; letter-spacing:-.055em; }
.article-deck { max-width:560px; margin:24px 0 34px; color:#b9c9c6; font:18px/1.5 Eina,Arial,sans-serif; }
#article-view .post-author { gap:13px; }
#article-view .post-author img { width:46px; height:46px; border:1px solid #67938d; }
#article-view .post-author > div > span { margin-bottom:4px; color:#eef8f5; font:12px/1.3 GeistMono,monospace; letter-spacing:.02em; }
#article-view .post-author .posted-at { color:#a5bdb8; font:13px/1.3 Eina,Arial,sans-serif; }
.article-reading { margin-top:54px; padding-top:42px; border-top:1px solid #315359; }
#article-view .article-body { max-width:650px; margin:0 auto; color:#e0eeea; font:19px/1.65 Georgia,serif; }
.article-join { max-width:650px; margin:70px auto 12px; padding:34px 38px 38px; background:linear-gradient(135deg,#12373b,#0b252d); }
.article-join > span { color:#7ae8d8; font:11px/1.4 GeistMono,monospace; letter-spacing:.16em; }
.article-join h2 { margin:16px 0 10px; color:#fff; font:700 clamp(29px,4vw,42px)/1.08 EinaDisplay,Eina,sans-serif; letter-spacing:-.04em; }
.article-join p { margin:0 0 27px; color:#c1d8d3; font:16px/1.55 Eina,Arial,sans-serif; }
.article-join a { display:inline-flex; align-items:center; gap:18px; padding:12px 18px; color:#052123; background:#36e8cb; font:700 15px/1.4 Eina,Arial,sans-serif; }
.article-join a:hover { background:#9affea; }
.article-join a:focus-visible { outline:2px solid #fff; outline-offset:3px; }
#article-view .article-body h2 { break-after:avoid; margin:40px 0 15px; color:#f5fbf8; font:700 28px/1.2 EinaDisplay,Eina,sans-serif; }
#article-view .article-body h2:first-child { margin-top:0; }
#article-view .article-body blockquote { margin:32px auto; padding:8px 0 8px 24px; border-color:#0cf2cb; color:#f0fbf7; font:400 clamp(25px,3vw,38px)/1.35 Georgia,serif; }
#article-view .article-callout { margin:32px auto; padding:18px 24px; border-left:2px solid #0cf2cb; color:#d0e8e3; background:#123038; }
#article-view .article-callout strong { color:#fff; }
#article-view .article-body figure { position:relative; left:50%; width:min(900px,calc(100vw - 40px)); max-width:none; margin:42px 0; transform:translateX(-50%); }
#article-view .article-body figure img, #article-view .article-body figure video { display:block; width:100%; height:auto; }
#article-view .article-body figcaption { margin-top:10px; color:#a3b7b1; font:italic 12px/1.5 GeistMono,monospace; }
#article-view .article-image-trigger { position:relative; display:block; width:100%; padding:0; border:0; background:none; cursor:zoom-in; }
#article-view .article-image-trigger:focus-visible { outline:2px solid #0cf2cb; outline-offset:4px; }
.article-image-zoom-icon { position:absolute; right:14px; bottom:14px; display:grid; place-items:center; width:40px; height:40px; border:1px solid rgba(238,255,251,.5); border-radius:50%; color:white; background:rgba(3,22,27,.78); font:30px/1 Eina,Arial,sans-serif; transition:transform .2s ease,background .2s ease; }
.article-image-trigger:hover .article-image-zoom-icon, .article-image-trigger:focus-visible .article-image-zoom-icon { transform:scale(1.08); background:#075e61; }
.image-lightbox { position:fixed; inset:0; width:100vw; height:100vh; max-width:none; max-height:none; margin:0; padding:54px 28px 44px; border:0; border-radius:0; color:#eefaf7; background:transparent; box-shadow:none; overflow:hidden; }
.image-lightbox::backdrop { background:rgba(0,7,13,.92); backdrop-filter:blur(7px); }
.image-lightbox[open] { animation:articleImageIn .28s cubic-bezier(.2,.8,.2,1) both; }
.lightbox-toolbar { position:absolute; z-index:2; top:12px; right:28px; display:flex; justify-content:flex-end; gap:8px; }
.lightbox-toolbar button { padding:8px 13px; border:1px solid rgba(190,229,222,.32); border-radius:999px; color:#e9faf6; background:rgba(10,39,46,.84); font:13px/1.3 Eina,Arial,sans-serif; cursor:pointer; }
.lightbox-toolbar button:hover, .lightbox-toolbar button:focus-visible { background:#176568; outline:2px solid #0cf2cb; outline-offset:2px; }
.lightbox-stage { display:flex; align-items:center; width:100%; height:calc(100vh - 125px); overflow:auto; }
.lightbox-stage img { display:block; width:auto; max-width:100%; max-height:100%; margin:auto; transition:width .25s ease; }
.image-lightbox.is-zoomed .lightbox-stage img { width:175%; max-width:none; max-height:none; }
.lightbox-caption { max-width:1100px; margin:8px auto 0; color:#b6cbc7; text-align:center; font:italic 12px/1.5 GeistMono,monospace; }
@keyframes articleImageIn { from { opacity:0; transform:scale(.92); } to { opacity:1; transform:scale(1); } }
@media(prefers-reduced-motion:reduce) { .image-lightbox[open] { animation:none; } .lightbox-stage img, .article-image-zoom-icon { transition:none; } }
#article-view .post-actions, #article-view .post-next { max-width:650px; margin-left:auto; margin-right:auto; border-color:#315359; }
#article-view .post-actions .share-button, #article-view .post-next a { color:#bdf2e8; }
#article-view .preview-note, #article-view .post-next span { color:#9bb5ae; }

@media(max-width:1100px) {
  .site-header, main, .site-footer { padding-left:32px; padding-right:32px; }
  .story-showcase { gap:20px; }
  .featured-caption { padding:20px 22px 22px 10px; }
  .older-link { --thumb-size:138px; }
  .older-copy h2 { font-size:21px; }
}
@media(max-width:900px) {
  .article-cover { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:32px; min-height:440px; }
  .article-cover-art { min-height:440px; }
  #article-view .post-heading { padding-top:80px; }
  #article-view .post-heading h1 { font-size:clamp(36px,5.4vw,55px); }
  .article-backdrop { top:35px; font-size:clamp(66px,9vw,100px); }
  .story-showcase { display:block; margin-top:-45px; }
  .lead-entry { display:block; height:auto; }
  .featured-image { height:300px; }
  .featured-caption { display:block; padding:23px 26px 28px; }
  .lead-entry h2 { font-size:clamp(36px,5vw,45px); }
  .journal-history { margin-top:36px; }
  .older-link { --thumb-size:144px; }
}
@media(max-width:760px) {
  #article-view { padding-top:8px; }
  .article-cover { display:flex; flex-direction:column; gap:24px; }
  .article-cover-art { min-height:0; aspect-ratio:4/3; }
  .article-cover-copy { display:contents; }
  .article-mini-nav { order:-1; justify-content:flex-start; gap:22px; padding:10px 0 0; }
  #article-view .post-heading { margin:0; padding:38px 0 0; }
  .article-backdrop { top:0; }
  .article-reading { margin-top:38px; padding-top:25px; }
  #article-view .article-body { font-size:18px; }
  .journal-stage { padding:0 0 40px; }
  .journal-home-active .site-header { top:24px; }
  .journal-hero { --mobile-art-height:min(98.5vw,383px); aspect-ratio:auto; }
  .hero-scene { top:30px; bottom:auto; height:var(--mobile-art-height); }
  /* Crop only the empty left side on phones; retain the full monitor group. */
  .hero-scene video, .hero-scene img { left:auto; right:0; width:min(175%,680px); max-width:none; }
  .hero-light { display:none; }
  .hero-content { display:block; padding:calc(var(--mobile-art-height) + 55px) 28px 37px; }
  .journal-intro h1 { margin-top:18px; font-size:clamp(48px,10vw,67px); }
  .journal-intro > p { max-width:530px; margin-top:20px; }
  .story-showcase { display:block; margin-top:0; padding:0 28px; }
  .featured-image { height:300px; }
  .lead-entry h2 { font-size:clamp(36px,7vw,48px); }
  .journal-history { margin-top:46px; }
  .older-stories { grid-template-columns:1fr; gap:14px; }
  .older-link { --thumb-size:144px; }
}
@media(max-width:540px) {
  .article-mini-nav { font-size:10px; gap:14px; }
  .article-cover-art { aspect-ratio:1.16; }
  #article-view .post-heading h1 { font-size:clamp(38px,10vw,50px); }
  .article-backdrop { font-size:clamp(64px,18vw,94px); }
  .article-deck { font-size:16px; }
  #article-view .article-body blockquote { font-size:26px; }
  .site-header, main, .site-footer { padding-left:20px; padding-right:20px; }
  .site-header { height:74px; }
  .brand { gap:13px; }
  .brand img { width:145px; }
  .site-header nav { display:none; }
  .hero-content { padding:calc(var(--mobile-art-height) + 55px) 22px 32px; }
  .journal-intro h1 { font-size:clamp(43px,11vw,54px); letter-spacing:-2.4px; }
  .journal-intro > p { font-size:16px; }
  .story-showcase { padding:0 20px; }
  .featured-image { height:235px; }
  .featured-image img { object-position:50% 24%; }
  .featured-caption { padding:20px 22px 25px; }
  .lead-entry h2 { font-size:36px; }
  .featured-caption > p { font-size:16px; }
  .journal-history { margin-top:40px; }
  .older-link { --thumb-size:110px; }
  .older-copy { gap:8px; padding:10px 13px; }
  .older-copy h2 { font-size:20px; }
  #posts-view, #article-view { padding-top:0; padding-bottom:38px; }
  .feed-heading { margin:25px 0 30px; }
  .feed-heading h1 { font-size:43px; }
  .feed-heading p, .feed-excerpt, #article-view .article-body { font-size:18px; }
  .feed-post { padding:28px 0; }
  .feed-post h2 { font-size:28px; }
  .post-heading h1 { font-size:36px; }
  #article-view .article-body h2 { font-size:23px; }
  .post-next { gap:15px; font-size:14px; }
}
@media(max-width:760px) {
  .journal-feed-active .feed-post { grid-template-columns:1fr; grid-template-rows:auto; grid-template-areas:"image" "author" "title" "excerpt" "read"; }
  .journal-feed-active .feed-image { min-height:0; height:auto; aspect-ratio:16/10; }
  .journal-feed-active .feed-post .post-author { padding:20px 22px 0; }
  .journal-feed-active .feed-post h2 { padding:0 22px; font-size:clamp(27px,6vw,35px); }
  .journal-feed-active .feed-excerpt { padding:0 22px; font-size:16px; }
  .journal-feed-active .post-read { margin:18px 22px 24px; }
}
/* A true square cover fits the established Journal layout without letterboxing. */
#article-view[data-art="bonus"] .article-cover-art { min-height:0; aspect-ratio:1; align-self:center; background:#030914; }
#article-view[data-art="bonus"] .article-cover-art img { object-position:center; }
#article-view[data-art="bonus"] .article-body figure { width:min(1100px,calc(100vw - 40px)); }
#article-view[data-art="bonus"] .article-body figure img { border:1px solid #315359; border-radius:10px; }
.comparison-label { display:block; margin:0 0 10px; color:#c8d8d4; font:11px/1.5 GeistMono,monospace; letter-spacing:.12em; text-transform:uppercase; }
.research-note { margin-top:44px; padding-top:22px; border-top:1px solid #315359; color:#a3b7b1; font:13px/1.6 Eina,Arial,sans-serif; }