.bwrap{z-index:3;max-width:1040px;margin:0 auto;padding:18px 18px 48px;position:relative}.bnav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;padding:10px 0 22px;display:flex}.bnav .brand{color:var(--gold);letter-spacing:.02em;font-family:Barlow Condensed,sans-serif;font-size:30px;font-weight:800;line-height:1;text-decoration:none}.bnav .brand span{color:var(--dim);letter-spacing:.3em;text-transform:uppercase;margin-top:3px;font-family:Barlow,sans-serif;font-size:9px;font-weight:600;display:block}.bnav .links{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:22px;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:600;display:flex}.bnav .links a{color:var(--muted);transition:color .14s var(--eo);text-decoration:none}.bnav .links a:hover,.bnav .links a[aria-current=page]{color:var(--gold)}.bnav .play{background:linear-gradient(#f0cd6e,#dcb345);border-radius:6px;padding:8px 18px;font-weight:800;color:#0a0a0f!important}.crumbs{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:18px;font-family:Barlow Condensed,sans-serif;font-size:12px}.crumbs a{color:var(--gold);text-decoration:none}.crumbs a:hover{text-decoration:underline}.bhero{text-align:center;padding:6px 0 34px}.bhero .eyebrow{letter-spacing:.34em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:10px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:600}.bhero h1{text-transform:uppercase;letter-spacing:.02em;margin-bottom:12px;font-family:Barlow Condensed,sans-serif;font-size:clamp(34px,5.4vw,54px);font-weight:800;line-height:1.02}.bhero h1 em{color:var(--gold);font-style:normal}.bhero .lede{color:var(--muted);max-width:620px;margin:0 auto;font-size:15px;line-height:1.7}.brow{justify-content:space-between;align-items:baseline;gap:12px;margin:8px 0 16px;display:flex}.brow h2{text-transform:uppercase;letter-spacing:.08em;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:800}.brow .note{color:var(--dim);font-size:12px}.bgrid{grid-template-columns:1fr;gap:18px;margin-bottom:40px;display:grid}@media (width>=640px){.bgrid{grid-template-columns:1fr 1fr}}@media (width>=980px){.bgrid{grid-template-columns:1fr 1fr 1fr}}.post{background:var(--panel);border:1px solid var(--line);color:inherit;transition:transform .22s var(--eo), border-color .22s var(--eo), box-shadow .22s var(--eo);border-radius:12px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.post:hover{border-color:var(--gold-deep);transform:translateY(-3px);box-shadow:0 12px 30px #0006}.post:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.post .art{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:linear-gradient(160deg,#16131f,#0d0d14);width:100%;display:block}.post .body{flex-direction:column;flex:1;padding:15px 16px 17px;display:flex}.post h3{letter-spacing:.01em;margin:9px 0 7px;font-family:Barlow Condensed,sans-serif;font-size:21px;font-weight:700;line-height:1.16}.post:hover h3{color:var(--gold)}.post .excerpt{color:var(--muted);flex:1;font-size:13.5px;line-height:1.62}.post .meta{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);align-items:center;gap:8px;margin-top:13px;font-family:Barlow Condensed,sans-serif;font-size:12px;display:flex}.post .meta .dot{background:var(--dim);border-radius:50%;width:3px;height:3px}.featured{border:1px solid var(--gold-deep);color:inherit;transition:transform .22s var(--eo), box-shadow .22s var(--eo);background:linear-gradient(160deg,#1c1708,#12121a);border-radius:14px;grid-template-columns:1fr;gap:0;margin-bottom:42px;text-decoration:none;display:grid;overflow:hidden}.featured:hover{transform:translateY(-3px);box-shadow:0 16px 40px #e8c15a17}.featured:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (width>=800px){.featured{grid-template-columns:1.05fr 1fr;align-items:stretch}}.featured .art{aspect-ratio:16/9;border-bottom:1px solid var(--gold-deep);width:100%;display:block}@media (width>=800px){.featured .art{aspect-ratio:auto;border-bottom:none;border-right:1px solid var(--gold-deep);height:100%}}.featured .body{flex-direction:column;justify-content:center;padding:26px 26px 28px;display:flex}.featured h3{text-transform:uppercase;letter-spacing:.01em;margin:11px 0 10px;font-family:Barlow Condensed,sans-serif;font-size:clamp(25px,3vw,33px);font-weight:800;line-height:1.06}.featured:hover h3{color:var(--gold)}.featured .excerpt{color:var(--muted);font-size:14.5px;line-height:1.7}.featured .meta{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);align-items:center;gap:8px;margin-top:16px;font-family:Barlow Condensed,sans-serif;font-size:12px;display:flex}.featured .meta .dot{background:var(--dim);border-radius:50%;width:3px;height:3px}.chip{text-transform:uppercase;letter-spacing:.1em;border-radius:10px;align-self:flex-start;padding:3px 9px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:600}.chip.study{color:var(--gold);background:#2e2410}.chip.records{color:#a9a3ef;background:#1c1a33}.chip.dream{color:#f09595;background:#2e1214}.chip.games{color:#5dcaa5;background:#0f2a20}.chip.eras{color:#8fc4f0;background:#14202e}.topics{flex-wrap:wrap;justify-content:center;gap:9px;margin:0 0 40px;display:flex}.topics .t{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-family:Barlow Condensed,sans-serif;font-size:12.5px;font-weight:600}.byline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:11px;margin:20px 0 28px;padding:14px 0;display:flex}.byline .av{flex:none}.byline .who{color:var(--muted);font-size:13.5px;line-height:1.5}.byline .who a{color:var(--text);font-weight:600;text-decoration:none}.byline .who a:hover{color:var(--gold)}.byline .when{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-top:2px;font-family:Barlow Condensed,sans-serif;font-size:12px}.authorbox{background:var(--panel);border:1px solid var(--line);border-left:2px solid var(--gold-deep);border-radius:12px;align-items:flex-start;gap:16px;margin:40px 0 8px;padding:20px;display:flex}.authorbox .av{flex:none}.authorbox .n{text-transform:uppercase;letter-spacing:.04em;font-family:Barlow Condensed,sans-serif;font-size:19px;font-weight:800}.authorbox .n a{color:inherit;text-decoration:none}.authorbox .n a:hover{color:var(--gold)}.authorbox .b{color:var(--muted);margin-top:5px;font-size:13.5px;line-height:1.68}.authorbox .b a{color:var(--gold);text-decoration:none}@media (width<=520px){.authorbox{flex-direction:column}}.bfoot{border-top:1px solid var(--line);text-align:center;margin-top:12px;padding-top:26px}@media (prefers-reduced-motion:reduce){.post,.featured{transition:none}.post:hover,.featured:hover{transform:none}}#progress{background:linear-gradient(90deg, var(--gold-deep), var(--gold));z-index:80;width:0;height:3px;position:fixed;top:0;left:0}.article{max-width:720px;margin:0 auto}.article .kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:10px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:600}.article h1{text-transform:uppercase;letter-spacing:.01em;margin-bottom:14px;font-family:Barlow Condensed,sans-serif;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.04}.article .standfirst{color:var(--text);margin-bottom:4px;font-size:16.5px;line-height:1.7}.article h2{text-transform:uppercase;letter-spacing:.05em;margin:38px 0 14px;font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:800}.article h3{text-transform:uppercase;letter-spacing:.05em;margin:24px 0 10px;font-family:Barlow Condensed,sans-serif;font-size:19px;font-weight:700}.article p{color:#bdbaca;margin-bottom:15px;font-size:15.5px;line-height:1.8}.article p b,.article p strong{color:var(--text)}.article a:not(.btn){color:var(--gold);border-bottom:1px solid #e8c15a59;text-decoration:none}.article a:not(.btn):hover{border-bottom-color:var(--gold)}.article ul{margin:0 0 15px;padding:0;list-style:none}.article ul li{color:#bdbaca;padding:5px 0 5px 22px;font-size:15px;line-height:1.7;position:relative}.article ul li:before{content:"›";color:var(--gold);font-weight:700;position:absolute;left:4px}.byline .when b{color:var(--muted);font-weight:600}.takeaways{border:1px solid var(--gold-deep);background:linear-gradient(160deg,#1c1708,#12121a);border-radius:12px;margin:26px 0;padding:20px 22px}.takeaways .tt{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:800}.takeaways li{color:#cfccda!important}.tablewrap{margin:18px 0 22px;overflow-x:auto}.dtable{border-collapse:collapse;width:100%;min-width:420px;font-size:14.5px}.dtable caption{caption-side:bottom;color:var(--dim);text-align:left;padding-top:8px;font-size:12.5px}.dtable th{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);text-align:left;border-bottom:1px solid var(--gold-deep);padding:10px 12px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700}.dtable td{color:#cfccda;font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff0f;padding:10px 12px}.dtable tr:last-child td{border-bottom:none}.dtable .hl td{color:var(--text);background:#e8c15a0f}.fig{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:24px 0;padding:18px 16px 12px}.fig figcaption{color:var(--dim);padding:10px 4px 4px;font-size:12.5px;line-height:1.6}.fig svg{width:100%;height:auto;display:block}.fig .bar{transform-box:fill-box;transform-origin:50% 100%;transition:opacity .14s,filter .14s}.fig svg rect.bar:hover{filter:brightness(1.4)drop-shadow(0 0 7px #e8c15a8c);cursor:pointer;opacity:1!important}#chartTip{z-index:90;pointer-events:none;border:1px solid var(--gold-deep);letter-spacing:.02em;color:var(--text);opacity:0;background:#0c0a11;border-radius:8px;max-width:220px;padding:7px 11px;font-family:Barlow Condensed,sans-serif;font-size:13px;line-height:1.35;transition:opacity .12s,transform .12s;position:fixed;transform:translateY(4px);box-shadow:0 8px 22px #0000008c}#chartTip.on{opacity:1;transform:translateY(0)}#chartTip b{color:var(--gold)}.hbstrip{background-image:radial-gradient(#e8c15a1c 1px,#0000 1.4px);background-position:50%;background-size:13px 13px;border-bottom:1px solid #e8c15a24;height:46px;margin:-2px 0 12px;position:relative;overflow:hidden}.hbstrip .hbbase{stroke:#e8c15a38;stroke-width:1px;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}.hbstrip .hblabel{letter-spacing:.22em;color:var(--dim);z-index:2;font-family:Barlow Condensed,sans-serif;font-size:10.5px;font-weight:700;position:absolute;top:4px;left:2px}.hbstrip svg{width:100%;height:46px;display:block}.hbstrip .hbline{fill:none;stroke:var(--gold);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #e8c15a80)}@media (prefers-reduced-motion:no-preference){body.anim .hbstrip .ecgline{animation:3.4s linear infinite hbscroll}@keyframes hbscroll{0%{transform:translate(0)}to{transform:translate(-240px)}}}.funnel{flex-direction:column;gap:7px;padding:4px 2px;display:flex}.funnel .frow{grid-template-columns:64px 1fr 74px;align-items:center;gap:10px;display:grid}.funnel .fl{letter-spacing:.06em;color:var(--muted);text-align:right;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700}.funnel .ftrack{background:#ffffff0a;border-radius:4px;height:18px;overflow:hidden}.funnel .fbar{background:linear-gradient(90deg, var(--gold-deep), var(--gold));border-radius:4px;min-width:2px;height:100%}.funnel .frow:last-child .fbar{background:linear-gradient(90deg,#f0cd6e,#ffe9a8);box-shadow:0 0 12px #e8c15a80}.funnel .fv{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px}@media (prefers-reduced-motion:no-preference){body.anim .fig .bar{transition:transform .8s var(--eo)}body.anim .fig:not(.vis) .bar{transform:scaleY(0)}body.anim .fig .fbar{transition:width .9s var(--eo)}body.anim .fig:not(.vis) .fbar{width:0!important}body.anim .heropulse{animation:5s ease-in-out infinite heropulse}@keyframes heropulse{0%,to{opacity:.55}50%{opacity:1}}}.faq details{border:1px solid var(--line);background:var(--panel);border-radius:10px;margin-bottom:10px;overflow:hidden}.faq summary{cursor:pointer;letter-spacing:.03em;padding:14px 38px 14px 16px;font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--gold);font-size:20px;font-weight:600;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.faq details[open] summary:after{content:"–"}.faq .fa{color:#bdbaca;padding:0 16px 14px;font-size:14.5px;line-height:1.75}.quotecard{border:1px solid var(--gold-deep);background:linear-gradient(158deg,#1e1809,#111019);border-radius:14px;margin:32px 0;padding:30px 26px 22px 30px;position:relative;overflow:hidden}.quotecard:before{content:"“";color:var(--gold);opacity:.32;pointer-events:none;font-family:Georgia,Times New Roman,serif;font-size:80px;line-height:1;position:absolute;top:6px;left:18px}.quotecard .qt{letter-spacing:.005em;color:var(--text);font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:600;line-height:1.42;display:block;position:relative}.quotecard .qt b{color:var(--gold);font-weight:700}.quotecard .qa{border-top:1px solid #e8c15a2e;align-items:center;gap:12px;margin-top:18px;padding-top:15px;display:flex}.quotecard .qa .av{flex:none}.quotecard .qa .nm{text-transform:uppercase;letter-spacing:.05em;font-family:Barlow Condensed,sans-serif;font-size:15.5px;font-weight:800;line-height:1.1}.quotecard .qa .nm a{color:inherit;border:none;text-decoration:none}.quotecard .qa .nm a:hover{color:var(--gold)}.quotecard .qa .rl{color:var(--gold);letter-spacing:.03em;margin-top:3px;font-size:12px}@media (prefers-reduced-motion:no-preference){body.anim .quotecard:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#e8c15a12 50%,#0000 60%);animation:7s ease-in-out 1.5s infinite sheen;position:absolute;inset:0;transform:translate(-100%)}@keyframes sheen{0%,22%{transform:translate(-100%)}45%,to{transform:translate(100%)}}body.anim .funnel .frow:last-child .fbar{animation:winglow 2.2s var(--eo) .8s both}@keyframes winglow{0%{box-shadow:0 0 #e8c15a00}40%{box-shadow:0 0 18px #e8c15ab3}to{box-shadow:0 0 10px #e8c15a66}}}.related{border-top:1px solid var(--line);margin-top:34px;padding-top:20px}.related .rt{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:12px;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:800}
