:where(body.noir-on[data-page=article]) .ar-hero{position:relative;padding:180px 0 60px;overflow:hidden}:where(body.noir-on[data-page=article]) .ar-hero .halo{width:1000px;height:1000px;left:50%;top:-520px;transform:translateX(-50%)}:where(body.noir-on[data-page=article]) .ar-hin{position:relative;max-width:980px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}:where(body.noir-on[data-page=article]) .crumbs{display:flex;gap:10px;font:400 12px var(--mono);color:var(--dim);flex-wrap:wrap;justify-content:center}:where(body.noir-on[data-page=article]) .crumbs a{color:var(--muted)}:where(body.noir-on[data-page=article]) .ar-hero h1{font:400 clamp(44px,6vw,92px)/.98 var(--serif);letter-spacing:-.03em;text-wrap:balance}:where(body.noir-on[data-page=article]) .by{display:flex;align-items:center;gap:14px;font:400 13px var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:center}:where(body.noir-on[data-page=article]) .by img{width:40px;height:40px;border-radius:50%}:where(body.noir-on[data-page=article]) .by b{color:var(--ivory);font:500 14px var(--sans)}:where(body.noir-on[data-page=article]) .cover{position:relative;max-width:1200px;margin:50px auto 0;aspect-ratio:21/9;border-radius:28px;overflow:hidden;border:1px solid var(--line-2);background:radial-gradient(circle at 30% 30%,rgba(214,179,106,.35),transparent 50%),radial-gradient(circle at 80% 80%,rgba(60,52,137,.55),transparent 55%),#0F0D09;display:grid;place-items:center}:where(body.noir-on[data-page=article]) .cover img{position:absolute;inset:0;width:100%;height:115%;-o-object-fit:cover;object-fit:cover;will-change:transform}:where(body.noir-on[data-page=article]) .cover span{font-size:120px}:where(body.noir-on[data-page=article]) .ar{display:grid;grid-template-columns:220px minmax(0,720px) 280px;gap:60px;justify-content:center;padding:80px 40px 120px;max-width:1400px;margin:0 auto}:where(body.noir-on[data-page=article]) .toc{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:4px}:where(body.noir-on[data-page=article]) .toc span{font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}:where(body.noir-on[data-page=article]) .toc a{font-size:13px;color:var(--muted);padding:8px 0 8px 14px;border-left:1px solid var(--line);transition:all .3s;line-height:1.4}:where(body.noir-on[data-page=article]) .toc a:hover{color:var(--ivory)}:where(body.noir-on[data-page=article]) .toc a.on{color:var(--gold-hi);border-color:var(--gold)}:where(body.noir-on[data-page=article]) .share{display:flex;gap:8px;margin-top:30px}:where(body.noir-on[data-page=article]) .share a{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ivory-2)}:where(body.noir-on[data-page=article]) .share a:hover{border-color:var(--gold);color:var(--gold)}:where(body.noir-on[data-page=article]) .body{font-size:18px;line-height:1.75;color:var(--ivory-2)}:where(body.noir-on[data-page=article]) .body>*+*{margin-top:24px}:where(body.noir-on[data-page=article]) .body .dek{font:400 clamp(24px,2.4vw,30px)/1.35 var(--serif);color:var(--ivory)}:where(body.noir-on[data-page=article]) .body .dek:first-letter{float:left;font:italic 400 92px/.8 var(--serif);color:var(--gold);margin:10px 14px 0 0}:where(body.noir-on[data-page=article]) .body h2{font:400 clamp(34px,3.2vw,46px)/1.05 var(--serif);letter-spacing:-.02em;color:var(--ivory);margin-top:80px;scroll-margin-top:110px}:where(body.noir-on[data-page=article]) .body h3{font:400 26px/1.2 var(--serif);color:var(--ivory);margin-top:44px}:where(body.noir-on[data-page=article]) .body strong{color:var(--ivory);font-weight:500}:where(body.noir-on[data-page=article]) .body ul{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:14px}:where(body.noir-on[data-page=article]) .body ul li{display:flex;gap:14px}:where(body.noir-on[data-page=article]) .body ul li:before{content:"✦";color:var(--gold);flex:none}:where(body.noir-on[data-page=article]) .vs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}:where(body.noir-on[data-page=article]) .vs-c{padding:26px;border-radius:20px;border:1px solid var(--line-2);background:var(--noir-2);display:flex;flex-direction:column;gap:18px}:where(body.noir-on[data-page=article]) .vs-c h4{font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}:where(body.noir-on[data-page=article]) .st{display:flex;flex-direction:column;gap:6px}:where(body.noir-on[data-page=article]) .st b{font:400 48px/1 var(--serif);color:var(--ivory)}:where(body.noir-on[data-page=article]) .st span{font-size:14px;line-height:1.5;color:var(--muted)}:where(body.noir-on[data-page=article]) .st i{display:block;height:3px;border-radius:3px;background:rgba(214,179,106,.12);overflow:hidden}:where(body.noir-on[data-page=article]) .st i em{display:block;height:100%;background:var(--gold-grad);transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease)}:where(body.noir-on[data-page=article]) .vs.in .st i em{transform:scaleX(1)}:where(body.noir-on[data-page=article]) .shifts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}:where(body.noir-on[data-page=article]) .shift{padding:22px;border-radius:18px;border:1px solid var(--line);display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.55;color:var(--muted)}:where(body.noir-on[data-page=article]) .shift svg{color:var(--gold);width:24px;height:24px}:where(body.noir-on[data-page=article]) .shift b{font:400 22px var(--serif);color:var(--ivory)}:where(body.noir-on[data-page=article]) .pull{margin:60px 0;padding:40px 0;border-block:1px solid var(--line-2);font:italic 400 clamp(32px,3.4vw,48px)/1.12 var(--serif);color:var(--ivory);text-align:center}:where(body.noir-on[data-page=article]) .callout{padding:22px 24px;border-radius:16px;background:rgba(214,179,106,.07);border:1px solid var(--line-2);font-size:16px;display:flex;gap:14px}:where(body.noir-on[data-page=article]) .callout svg{color:var(--gold);flex:none;margin-top:4px}:where(body.noir-on[data-page=article]) .quiz{padding:30px;border-radius:24px;border:1px solid var(--gold);background:linear-gradient(160deg,rgba(214,179,106,.1),var(--noir-2) 60%);display:flex;flex-direction:column;gap:18px}:where(body.noir-on[data-page=article]) .qz{display:flex;flex-direction:column;gap:12px;padding:18px 0;border-top:1px solid var(--line)}:where(body.noir-on[data-page=article]) .qz p{font:400 21px/1.3 var(--serif);color:var(--ivory)}:where(body.noir-on[data-page=article]) .qz-o{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}:where(body.noir-on[data-page=article]) .qz-o button{min-height:48px;border-radius:12px;border:1px solid var(--line-2);background:none;color:var(--ivory-2);font:400 14px var(--sans);cursor:pointer;transition:all .3s;padding:8px 12px;text-align:left}:where(body.noir-on[data-page=article]) .qz-o button:hover{border-color:var(--gold)}:where(body.noir-on[data-page=article]) .qz-o button.on{background:var(--gold);color:var(--noir);border-color:var(--gold)}:where(body.noir-on[data-page=article]) .meter{display:flex;flex-direction:column;gap:10px;padding-top:12px}:where(body.noir-on[data-page=article]) .meter-l{display:flex;justify-content:space-between;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}:where(body.noir-on[data-page=article]) .meter-t{position:relative;height:8px;border-radius:8px;background:linear-gradient(90deg,rgba(214,179,106,.25),rgba(60,52,137,.5))}:where(body.noir-on[data-page=article]) .meter-t i{position:absolute;top:50%;left:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 0 6px rgba(214,179,106,.2);transition:left .8s var(--ease)}:where(body.noir-on[data-page=article]) .meter-r{font:400 26px/1.2 var(--serif);color:var(--gold-hi);min-height:1.3em}:where(body.noir-on[data-page=article]) .rules{counter-reset:r;display:grid;gap:12px}:where(body.noir-on[data-page=article]) .rule{counter-increment:r;display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:20px;border-radius:16px;border:1px solid var(--line)}:where(body.noir-on[data-page=article]) .rule:before{content:counter(r,decimal-leading-zero);font:italic 400 36px/1 var(--serif);color:var(--gold)}:where(body.noir-on[data-page=article]) .rule b{display:block;font:400 22px var(--serif);color:var(--ivory);margin-bottom:4px}:where(body.noir-on[data-page=article]) .rule span{font-size:15px;color:var(--muted);line-height:1.55}:where(body.noir-on[data-page=article]) .inl{padding:34px;border-radius:24px;background:linear-gradient(150deg,#F2DDA4,#B8924A);color:#140F06;display:flex;flex-direction:column;gap:14px}:where(body.noir-on[data-page=article]) .inl h3{font:400 32px/1.05 var(--serif);color:#140F06;margin:0}:where(body.noir-on[data-page=article]) .inl p{color:rgba(20,15,6,.78);font-size:16px}:where(body.noir-on[data-page=article]) .inl .btn{background:#140F06;color:var(--gold-hi);width:-moz-fit-content;width:fit-content}:where(body.noir-on[data-page=article]) .inl .btn:hover{color:#fff}:where(body.noir-on[data-page=article]) .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:50px}:where(body.noir-on[data-page=article]) .author{margin-top:40px;padding:26px;border-radius:20px;border:1px solid var(--line-2);display:flex;gap:18px;align-items:center}:where(body.noir-on[data-page=article]) .author img{width:64px;height:64px;border-radius:16px}:where(body.noir-on[data-page=article]) .author b{font:400 24px var(--serif);color:var(--ivory)}:where(body.noir-on[data-page=article]) .side{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:16px}:where(body.noir-on[data-page=article]) .rep{padding:26px;border-radius:22px;border:1px solid var(--line-2);background:var(--noir-2);display:flex;flex-direction:column;gap:14px}:where(body.noir-on[data-page=article]) .rep h4{font:400 24px var(--serif)}:where(body.noir-on[data-page=article]) .rep ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--ivory-2)}:where(body.noir-on[data-page=article]) .rep li{display:flex;justify-content:space-between}:where(body.noir-on[data-page=article]) .rep li span{color:var(--muted)}:where(body.noir-on[data-page=article]) .rep .pr{font:400 40px/1 var(--serif)}:where(body.noir-on[data-page=article]) .rep .btn{width:100%}:where(body.noir-on[data-page=article]) .related{border-top:1px solid var(--line);padding:100px 0}:where(body.noir-on[data-page=article]) .rel-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}@media (max-width:1200px){:where(body.noir-on[data-page=article]) .ar{grid-template-columns:minmax(0,720px) 260px}:where(body.noir-on[data-page=article]) .toc{display:none}}@media (max-width:900px){:where(body.noir-on[data-page=article]) .ar{grid-template-columns:minmax(0,1fr);padding:50px 20px 80px}:where(body.noir-on[data-page=article]) .side{position:static}:where(body.noir-on[data-page=article]) .rel-g,:where(body.noir-on[data-page=article]) .shifts,:where(body.noir-on[data-page=article]) .vs{grid-template-columns:minmax(0,1fr)}:where(body.noir-on[data-page=article]) .qz-o{grid-template-columns:minmax(0,1fr)}:where(body.noir-on[data-page=article]) .cover{border-radius:18px;margin:30px 20px 0;aspect-ratio:16/10}:where(body.noir-on[data-page=article]) .body{font-size:17px}}