.page-article{--ink-soft:#cfd6e6}.page-article section.art-hero{background:radial-gradient(900px 500px at 80% 25%, #3b6cff33, transparent 60%), radial-gradient(700px 600px at 15% 90%, #8b5cf61a, transparent 60%), var(--bg-deep);border-bottom:1px solid var(--line-dark);position:relative;overflow:hidden}.page-article .art-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 78%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 78%)}.page-article .art-hero-inner{max-width:920px;margin:0 auto;padding:32px clamp(20px,4.5vw,56px) 56px;position:relative}.page-article .crumbs{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);align-items:center;gap:8px;margin-bottom:24px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;display:flex}.page-article .crumbs a{color:var(--ink-mute);text-decoration:none;transition:color .15s}.page-article .crumbs a:hover{color:#fff}.page-article .crumbs .sep{color:#ffffff2e}.page-article .crumbs .here{color:var(--cyan)}.page-article .back-link{letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);background:#5ee0ff0d;border:1px solid #5ee0ff4d;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:7px 11px 7px 9px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;text-decoration:none;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.page-article .back-link:hover{color:#fff;background:#5ee0ff1a;border-color:#5ee0ffa6}.page-article .back-link svg{transition:transform .15s}.page-article .back-link:hover svg{transform:translate(-2px)}.page-article h1.art-title{letter-spacing:-.024em;color:#fff;text-wrap:balance;margin:0 0 18px;font-size:clamp(34px,4.8vw,52px);font-weight:700;line-height:1.08}.page-article h1.art-title .em{color:#fff}.page-article p.art-dek{color:var(--ink-soft);text-wrap:pretty;max-width:760px;margin:0 0 36px;font-size:19px;line-height:1.55}.page-article .byline{border-top:1px dashed #ffffff1a;flex-wrap:wrap;align-items:center;gap:20px;padding:18px 0 0;display:flex}.page-article .byline-meta{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);flex-wrap:wrap;align-items:center;gap:18px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;display:flex}.page-article .byline-meta .v{color:#fff;font-weight:600}.page-article .byline-meta .sep{color:#ffffff2e}.page-article .art-hero-visual{aspect-ratio:2400/870;background:#000;border:1px solid #5ee0ff38;border-radius:18px;max-width:920px;margin:36px auto 0;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000073}.page-article .art-hero-visual .hero-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.page-article section.art-body{background:var(--bg-deep);padding:64px 0 96px;position:relative}.page-article .art-grid{max-width:760px;margin:0 auto;padding:0 clamp(20px,4.5vw,56px);display:block}.page-article .art-prose{color:#dde3f1;min-width:0;font-family:"Source Serif 4",Georgia,serif;font-size:18px;line-height:1.75}.page-article .art-prose .dateline{letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-right:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:600}.page-article .art-prose p{text-wrap:pretty;margin:0 0 22px}.page-article .art-prose p.lead{color:#fff;margin:0 0 28px;font-size:21px;font-weight:500;line-height:1.6}.page-article .art-prose p.lead:first-letter{font-weight:700}.page-article .art-prose a{color:var(--cyan);border-bottom:1px solid #5ee0ff59;text-decoration:none;transition:border-color .15s,color .15s}.page-article .art-prose a:hover{color:#fff;border-bottom-color:#fff}.page-article .art-prose strong{color:#fff;font-weight:600}.page-article .art-prose h3{color:#fff;letter-spacing:-.015em;margin:40px 0 14px;font-family:Inter,system-ui,sans-serif;font-size:22px;font-weight:700}.page-article .pullquote{border-left:3px solid var(--cyan);background:linear-gradient(#5ee0ff0f,#5ee0ff05);border-radius:0 12px 12px 0;margin:36px 0;padding:28px 32px;position:relative}.page-article .pullquote:before{content:"";pointer-events:none;border-top:1.5px solid #5ee0ff8c;border-bottom:none;border-left:none;border-right:1.5px solid #5ee0ff8c;width:12px;height:12px;position:absolute;top:10px;right:12px}.page-article .pullquote .quote-mark{color:var(--cyan);margin-bottom:6px;font-family:"Source Serif 4",Georgia,serif;font-size:42px;font-weight:600;line-height:1;display:block}.page-article .pullquote .q{color:#fff;text-wrap:pretty;margin:0 0 18px;font-family:"Source Serif 4",Georgia,serif;font-size:21px;font-style:italic;font-weight:400;line-height:1.5}.page-article .pullquote .src{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;line-height:1.55}.page-article .pullquote .src .nm{color:#fff;margin-right:8px;font-weight:600}.page-article .pullquote .src .title,.page-article .pullquote .src .org{display:inline}.page-article .pullquote .src .sep{color:#ffffff40;margin:0 6px}@media (max-width:720px){.page-article h1.art-title{font-size:32px}.page-article p.art-dek{font-size:16.5px}.page-article .art-prose{font-size:17px}.page-article .art-prose p.lead{font-size:19px}.page-article .pullquote{margin:28px 0;padding:22px}.page-article .pullquote .q{font-size:18px}.page-article .byline{gap:16px}}
