:root{--bg:#1a1b1d;--fg:#ecebe6;--mut:#8d8d8d;--line:#ecebe6;--red:#ee4133}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.55 "Inter Tight",system-ui,sans-serif}
a{color:inherit;text-decoration:none}
header{display:flex;justify-content:space-between;align-items:flex-end;padding:1.2rem clamp(1rem,4vw,3rem) .9rem;border-bottom:3px solid var(--line);flex-wrap:wrap;gap:.5rem}
.logo{font:800 clamp(1.6rem,4vw,2.4rem)/1 "Inter Tight",sans-serif;letter-spacing:-.02em}
.logo::after{content:"";display:inline-block;width:.32em;height:.32em;background:var(--red);margin-left:.15em}
nav a{margin-left:1.4rem;font:700 .75rem "Inter Tight",sans-serif;text-transform:uppercase;letter-spacing:.12em}nav a:hover{color:var(--red)}
main{max-width:1240px;margin:auto;padding:0 clamp(1rem,4vw,3rem)}
.hero{display:grid;grid-template-columns:1fr auto;align-items:end;gap:1rem;padding:2.5rem 0 1rem;border-bottom:1px solid var(--line)}
.hero h1{font:700 clamp(2.8rem,10vw,8rem)/.88 "Inter Tight",sans-serif;letter-spacing:-.03em;margin:0}
.hero p{max-width:18rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;font-weight:500;margin:0}
.filters{display:flex;gap:1.4rem;flex-wrap:wrap;padding:.8rem 0;border-bottom:1px solid var(--line);margin-bottom:2rem}
.filters button{background:none;border:0;padding:0;font:700 .75rem "Inter Tight",sans-serif;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;color:var(--mut)}
.filters button.on,.filters button:hover{color:var(--fg)}.filters button.on{box-shadow:0 2px 0 var(--red)}
.feed{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem 2rem}
.card{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:.9rem}
.card h2{font:700 1.6rem/1.02 "Inter Tight",sans-serif;text-transform:uppercase;margin:.7rem 0 .8rem;letter-spacing:-.01em}
.card:hover h2{color:var(--red)}
.card p{font:400 1rem/1.5 "Source Serif 4",Georgia,serif;margin:0 0 1rem;flex:1}
.card.lead{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr;gap:0 3rem;border-top:3px solid var(--line);padding:1.2rem 0 2.5rem;border-bottom:1px solid var(--line)}
.card.lead .meta{grid-column:1/-1}.card.lead h2{font-size:clamp(2.4rem,6vw,5.2rem);line-height:.92;margin:.8rem 0}
.card.lead p{font-size:1.25rem;align-self:end}.card.lead .foot{grid-column:2}
.meta{display:flex;justify-content:space-between;gap:1rem;font:700 .7rem "Inter Tight",sans-serif;text-transform:uppercase;letter-spacing:.14em}
.artist{color:var(--red)}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font:500 .7rem "Inter Tight",sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--mut)}
.tags span{margin-right:.6rem}
.post{max-width:720px;margin:3.5rem auto 0}.post .meta{justify-content:flex-start}
.post h1{font:700 clamp(2.4rem,7vw,4.8rem)/.92 "Inter Tight",sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:1rem 0 1.2rem}
.post>.tags{font:700 .7rem "Inter Tight",sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--mut)}
.src{font:500 .75rem "Inter Tight",sans-serif;text-transform:uppercase;letter-spacing:.1em;padding:.8rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:1.4rem 0 2rem}
.src a{color:var(--red);border-bottom:1px solid}
.body{font:400 1.18rem/1.65 "Source Serif 4",Georgia,serif}
.body h2{font:700 1.8rem/1 "Inter Tight",sans-serif;text-transform:uppercase;margin:3rem 0 1rem}
blockquote{margin:2rem 0;padding:1rem 0 1rem 1.2rem;border-left:3px solid var(--red);font:400 .95rem/1.55 "Inter Tight",sans-serif;color:#b5b5b0}
.qa{margin:1.6rem 0}.qa .who{display:block;font:700 .68rem "Inter Tight",sans-serif;text-transform:uppercase;letter-spacing:.16em;margin-bottom:.3rem}.qa p{margin:0}
.q p{font:700 1.15rem/1.4 "Inter Tight",sans-serif}.q .who{color:var(--red)}
.a .who{color:var(--mut)}
.back{display:inline-block;margin-top:3rem;font:700 .75rem "Inter Tight",sans-serif;text-transform:uppercase;letter-spacing:.12em;border-bottom:2px solid var(--red)}
footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:5rem;padding:1.2rem clamp(1rem,4vw,3rem) 2rem;border-top:3px solid var(--line);font:500 .7rem "Inter Tight",sans-serif;text-transform:uppercase;letter-spacing:.1em}
footer a:hover{color:var(--red)}
@media(max-width:900px){.feed{grid-template-columns:1fr 1fr}.card.lead{grid-template-columns:1fr}.card.lead .foot{grid-column:1}}
@media(max-width:600px){.feed{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.body{font-size:1.08rem}nav a{margin-left:1rem}}
.intro{padding:3.5rem 0 3rem;border-bottom:3px solid var(--line)}
.kicker,.label{font:700 .75rem "Inter Tight",sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--red)}
.intro h1{font:800 clamp(3.5rem,14vw,11rem)/.86 "Inter Tight",sans-serif;letter-spacing:-.05em;margin:.6rem 0 2.5rem}
.intro-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:end;border-top:1px solid var(--line);padding-top:1.5rem}
.lede{font:400 clamp(1.15rem,2vw,1.5rem)/1.45 "Source Serif 4",Georgia,serif;margin:0}
.btn{display:inline-block;justify-self:start;background:var(--fg);color:var(--bg);font:800 1rem "Inter Tight",sans-serif;text-transform:uppercase;letter-spacing:.08em;padding:1.1rem 1.6rem;transition:.2s}
.btn:hover{background:var(--red)}.btn.inv{background:var(--bg);color:var(--fg)}.btn.inv:hover{background:var(--fg);color:var(--bg)}
.block{margin-top:4rem}.block-h{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);margin-bottom:1.5rem;padding-bottom:.6rem}
.block-h h2{font:800 2.2rem/1 "Inter Tight",sans-serif;text-transform:uppercase;margin:0}.block-h a{font:700 .75rem "Inter Tight";text-transform:uppercase;letter-spacing:.12em}.block-h a:hover{color:var(--red)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.panel{border-top:3px solid var(--line);padding:1.5rem 0}
.panel.red{background:var(--red);color:#0b0b0b;border:0;padding:2rem}.panel.red .label{color:#0b0b0b}
.panel h2{font:800 clamp(1.8rem,3.5vw,2.8rem)/.95 "Inter Tight",sans-serif;text-transform:uppercase;margin:.8rem 0}.panel p{font:400 1.1rem "Source Serif 4",serif;margin:0 0 1.5rem}
.contacts{list-style:none;padding:0;margin:1rem 0 0}.contacts li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #ecebe633;padding:.9rem 0;font-weight:500}
.contacts span{font:700 .72rem "Inter Tight";text-transform:uppercase;letter-spacing:.14em;color:var(--mut)}.contacts a:hover{color:var(--red)}
@media(max-width:700px){.intro-grid,.two{grid-template-columns:1fr;gap:1.5rem}nav{display:flex;flex-wrap:wrap;gap:.3rem 0}}
.rail{border-bottom:1px solid var(--line);padding:1rem 0 1.4rem}
.rail-h{display:flex;justify-content:space-between;align-items:center;padding:0 clamp(1rem,4vw,3rem) .8rem;font:700 .72rem "Inter Tight",sans-serif;text-transform:uppercase;letter-spacing:.16em}
.arrows button{background:none;border:1px solid var(--line);width:2.2rem;height:2.2rem;margin-left:.4rem;font-size:1rem;cursor:pointer}.arrows button:hover{background:var(--fg);color:var(--bg)}
.rail-track{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 clamp(1rem,4vw,3rem);scroll-padding:0 clamp(1rem,4vw,3rem);scrollbar-width:none}.rail-track::-webkit-scrollbar{display:none}
.tile{flex:0 0 clamp(200px,22vw,280px);scroll-snap-align:start}
.thumb{aspect-ratio:4/5;background:var(--fg);display:flex;align-items:flex-end;padding:1rem;overflow:hidden;position:relative}
.tile:nth-child(3n+2) .thumb{background:var(--red)}
.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.thumb span{color:var(--bg);font:800 clamp(1.6rem,2.6vw,2.4rem)/.9 "Inter Tight",sans-serif;text-transform:uppercase;letter-spacing:-.02em}
.tl{font:700 .68rem "Inter Tight",sans-serif;text-transform:uppercase;letter-spacing:.12em;margin-top:.7rem}.tile:hover .tl{color:var(--red)}
.tt{font:500 .9rem/1.3 "Inter Tight",sans-serif;margin-top:.25rem;color:var(--mut)}
@media(max-width:700px){header{flex-wrap:nowrap;flex-direction:column;align-items:flex-start}nav{display:flex;flex-wrap:nowrap;gap:1.1rem;overflow-x:auto;width:100%;scrollbar-width:none}nav a{margin:0;white-space:nowrap}nav a[href$="rss.xml"],nav a.tg{display:none}.arrows{display:none}.tile{flex-basis:62vw}}
.intro h1{font-size:clamp(3rem,8vw,6rem);letter-spacing:-.04em;margin:0 0 .6rem}
.sub{font:500 clamp(1rem,1.8vw,1.35rem)/1.35 "Inter Tight",sans-serif;max-width:34rem;margin:0 0 2.5rem;color:#b5b5b0}
.post figure{margin:2.5rem 0}.post figure img{width:100%;display:block}figcaption{font:500 .72rem "Inter Tight";text-transform:uppercase;letter-spacing:.1em;color:var(--mut);margin-top:.5rem}
.post .cover{margin:0 0 2.5rem}
.body blockquote{border:0;border-top:3px solid var(--fg);border-bottom:1px solid var(--fg);padding:1.4rem 0;margin:2.5rem 0;font:800 clamp(1.4rem,3vw,2rem)/1.15 "Inter Tight",sans-serif;color:var(--fg);text-transform:uppercase;letter-spacing:-.01em}
.lyrics{font:italic 400 1.05rem/1.7 "Source Serif 4",serif;padding-left:1.2rem;border-left:3px solid var(--red);margin:1.5rem 0}
.qa.cont{margin-top:-.6rem}
.a{padding-left:1rem;border-left:1px solid #ecebe633}
body{-webkit-font-smoothing:antialiased}
.body{color:#dcdbd5}
.thumb{background:#1a1a1a}.tile:nth-child(3n+2) .thumb{background:#1f2a33}.thumb span{color:var(--fg)}
.panel.red p{color:#0b0b0b}
.btn.inv{background:#1d1e20;color:var(--fg)}
.arrows button{color:var(--fg)}.arrows button:hover{color:var(--bg)}.filters button{color:var(--mut)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.13;mix-blend-mode:overlay;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
body{background:radial-gradient(ellipse at 50% -10%,#232427,transparent 60%),var(--bg)}
.thumb{background:#1f2022}.tile:nth-child(3n+2) .thumb{background:#2e3740}
.body{color:#e0dfd9}
.thumb img,.post figure img{filter:contrast(1.04) saturate(.92)}
header{border-bottom-color:#d9d8d2}footer{border-top-color:#d9d8d2}
.intro .btn{margin-top:.5rem}
@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-out .28s cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){animation:vt-in .45s cubic-bezier(.2,.7,.2,1) both}
::view-transition-group(hero){animation-duration:.5s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
@keyframes vt-out{to{opacity:0;transform:scale(.985)}}
@keyframes vt-in{from{opacity:0;transform:translateY(14px)}}
.nofx main,.nofx .rail{animation:vt-in .45s cubic-bezier(.2,.7,.2,1) both}
body.leaving main,body.leaving .rail{transition:opacity .2s,transform .2s;opacity:0;transform:scale(.985)}
.tile .thumb{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.thumb img{transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s}
.thumb::after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .35s;mix-blend-mode:overlay;pointer-events:none;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.tile:hover .thumb{transform:translateY(-6px);box-shadow:0 14px 30px -12px #000a}
.tile:hover .thumb img{transform:scale(1.05);filter:contrast(1.1) saturate(.85)}
.tile:hover .thumb::after{opacity:.45}
.card{transition:transform .3s cubic-bezier(.2,.7,.2,1)}.card:hover{transform:translateY(-3px)}
.navdd{position:relative;display:inline-block}
.ddpanel{position:absolute;right:-1rem;top:calc(100% + .9rem);width:min(420px,92vw);background:#1f2022f2;backdrop-filter:blur(6px);border:1px solid #d9d8d244;border-top:2px solid var(--red);padding:1rem;z-index:60;
opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .25s cubic-bezier(.2,.7,.2,1),visibility 0s .25s;box-shadow:0 20px 40px -10px #000c}
.navdd::after{content:"";position:absolute;left:0;right:0;top:100%;height:1rem}
.navdd.open .ddpanel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.ddpanel input{width:100%;background:transparent;border:0;border-bottom:1px solid var(--fg);color:var(--fg);font:500 1.05rem "Inter Tight",sans-serif;padding:.4rem 0 .6rem;outline:none}
.ddpanel input:focus{border-color:var(--red)}
.ddlist{list-style:none;margin:.6rem 0 0;padding:0;max-height:55vh;overflow:auto}
.ddlist li{border-bottom:1px solid #d9d8d222}.ddlist a{display:block;margin:0!important;padding:.7rem 0;text-transform:none!important;letter-spacing:0!important}
.ddlist a:hover .dt{color:var(--red)}.dk{display:block;font:700 .65rem "Inter Tight";text-transform:uppercase;letter-spacing:.14em;color:var(--mut)}.dt{display:block;font:600 .98rem/1.25 "Inter Tight";color:var(--fg);margin-top:.2rem}
.ddlist .none{padding:.8rem 0;color:var(--mut);font-size:.9rem}
.qnote{font:500 .8rem "Inter Tight";text-transform:uppercase;letter-spacing:.1em;color:var(--mut)}.qnote a{color:var(--red)}
@media(max-width:700px){nav{overflow:visible}.navdd{position:static}.ddpanel{position:fixed;left:.75rem;right:.75rem;top:5.2rem;width:auto}}
@media(prefers-reduced-motion:reduce){*,::before,::after{animation:none!important;transition:none!important}@view-transition{navigation:none}.tile:hover .thumb,.card:hover{transform:none}}
.loginbtn{margin-left:1.4rem;background:none;border:1px solid var(--fg);color:var(--fg);font:700 .72rem "Inter Tight",sans-serif;text-transform:uppercase;letter-spacing:.12em;padding:.45rem .8rem;cursor:pointer;transition:.2s}
.loginbtn:hover{background:var(--fg);color:var(--bg)}
.am{position:fixed;inset:0;z-index:100;background:#141516b8;backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
.am.open{opacity:1;visibility:visible;transition-delay:0s}
.am-box{position:relative;width:min(440px,100%);background:#222326;border-top:3px solid var(--red);padding:2rem 1.8rem 1.6rem;box-shadow:0 30px 60px -15px #000d;transform:translateY(18px) scale(.98);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.am.open .am-box{transform:none}
.am-x{position:absolute;right:.8rem;top:.6rem;background:none;border:0;color:var(--mut);font-size:1.8rem;cursor:pointer}.am-x:hover{color:var(--fg)}
.am-k{font:700 .68rem "Inter Tight";text-transform:uppercase;letter-spacing:.16em;color:var(--red);margin-bottom:1rem}
.am-tabs{display:flex;gap:1.4rem;border-bottom:1px solid #d9d8d244;margin-bottom:1.4rem}
.am-tabs[hidden],.am-box form[hidden],.am-box div[hidden]{display:none}
.am-tabs button{background:none;border:0;color:var(--mut);font:800 1.3rem "Inter Tight";text-transform:uppercase;padding:0 0 .6rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.am-tabs button.on{color:var(--fg);border-color:var(--red)}
.am-f{display:block;margin-bottom:1rem}.am-f span{display:block;font:700 .66rem "Inter Tight";text-transform:uppercase;letter-spacing:.14em;color:var(--mut);margin-bottom:.35rem}
.am-f input,.rv-form textarea{width:100%;background:#202123;border:1px solid #d9d8d233;color:var(--fg);font:500 1rem "Inter Tight",sans-serif;padding:.75rem .8rem;outline:none;transition:border-color .2s}
.am-f input:focus,.rv-form textarea:focus{border-color:var(--red)}
.am-box .btn{width:100%;text-align:center;border:0;cursor:pointer;margin-top:.4rem}
.am-link,.linkish{display:inline-block;margin-top:.9rem;font:500 .85rem "Inter Tight";color:var(--mut);background:none;border:0;cursor:pointer;padding:0;border-bottom:1px solid currentColor}.am-link:hover,.linkish:hover{color:var(--red)}
.am-note{font-size:.8rem;color:var(--mut);margin:.8rem 0 0}.am-me{margin:0 0 1rem}
.am-msg{font-size:.85rem;margin:.8rem 0 0;min-height:1em}.am-msg.ok{color:#bfe6c3}.am-msg.err{color:#ffb3a8}
.reviews{margin-top:4rem}.reviews .block-h h2{font-size:1.8rem}.rv-count{font:700 .8rem "Inter Tight";color:var(--red)}
.rv-soon,.rv-login{color:var(--mut);font:500 .95rem "Inter Tight",sans-serif;padding:1.5rem 0;border-bottom:1px solid #d9d8d222;margin:0}
.rv{padding:1.3rem 0;border-bottom:1px solid #d9d8d222}.rv-meta{display:flex;justify-content:space-between;font:700 .68rem "Inter Tight";text-transform:uppercase;letter-spacing:.12em;color:var(--mut)}.rv-a{color:var(--fg)}
.rv-t{font:400 1.05rem/1.6 "Source Serif 4",serif;margin:.6rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.rv-moods{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.rv-moods span{font:600 .7rem "Inter Tight";border:1px solid #ee413366;color:var(--red);padding:.15rem .55rem}
.rv-moods.pick label{cursor:pointer}.rv-moods.pick input{display:none}.rv-moods.pick input:checked+span{background:var(--red);color:#1d1e20}
.rv-form{padding:1rem 0 1.5rem;border-bottom:1px solid #d9d8d222}.rv-form textarea{margin-top:.8rem;resize:vertical;font-family:"Source Serif 4",serif}
.rv-row{display:flex;align-items:center;gap:1rem;justify-content:flex-end;margin-top:.6rem}.rv-cnt{margin-right:auto;font-size:.75rem;color:var(--mut)}.rv-row .btn{border:0;cursor:pointer;padding:.8rem 1.2rem}.rv-row .linkish{margin:0}
.rv-act{margin-top:.6rem;display:flex;gap:1rem}.rv-act button{background:none;border:0;color:var(--mut);font:600 .72rem "Inter Tight";text-transform:uppercase;letter-spacing:.1em;cursor:pointer;padding:0}.rv-act button:hover{color:var(--red)}
footer{flex-direction:column;align-items:stretch}.f-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.f-legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem 1rem;border-top:1px solid #d9d8d222;padding-top:.9rem;color:var(--mut);text-transform:none;letter-spacing:.02em;font-size:.75rem}
@media(max-width:700px){.loginbtn{margin-left:0;padding:.3rem .6rem}}
.body .lead{font:500 clamp(1.3rem,2.4vw,1.65rem)/1.4 "Inter Tight",sans-serif;color:var(--fg);margin:0 0 2rem;letter-spacing:-.01em}
.body blockquote.pull{border:0;margin:3rem -2rem;padding:0 2rem;position:relative;text-transform:none;font:800 clamp(1.6rem,3.6vw,2.5rem)/1.12 "Inter Tight",sans-serif;letter-spacing:-.02em;color:var(--fg)}
.body blockquote.pull::before{content:"“";display:block;font-size:4.5rem;line-height:.6;color:var(--red);margin-bottom:.4rem}
.body blockquote.pull p{margin:0}
.body blockquote.pull::after{content:"";display:block;width:3rem;height:3px;background:var(--red);margin-top:1.2rem}
.qa.q.key{margin:2.6rem 0 1.4rem}.qa.q.key p{font:800 clamp(1.25rem,2.4vw,1.6rem)/1.25 "Inter Tight",sans-serif;color:var(--fg);letter-spacing:-.01em}
.src-end{margin-top:3rem;padding:1.2rem 0;border-top:3px solid var(--fg);border-bottom:1px solid #d9d8d244;display:flex;flex-direction:column;gap:.3rem}
.src-end span{font:700 .68rem "Inter Tight";text-transform:uppercase;letter-spacing:.16em;color:var(--red)}.src-end a{font:600 1.05rem "Inter Tight";border-bottom:1px solid #d9d8d266;align-self:flex-start}.src-end a:hover{color:var(--red)}
@media(max-width:700px){.body blockquote.pull{margin:2.4rem 0;padding:0}}
.ava{width:28px;height:28px;border-radius:50%;flex:none;object-fit:cover;display:inline-grid;place-items:center;background:var(--red);color:#1d1e20;font:800 .8rem "Inter Tight",sans-serif;letter-spacing:0}
.ava.big{width:128px;height:128px;font-size:3.2rem}
.rv-who{display:inline-flex;align-items:center;gap:.6rem}
.rv-art{display:inline-block;margin-top:.7rem;font:700 .95rem "Inter Tight";border-bottom:1px solid #d9d8d244;transition:color .2s}.rv-art:hover{color:var(--red)}
.rv-meta .rv-art{margin:0;font-size:.72rem}
.rv-feed,.acc{max-width:760px;animation:accin .5s cubic-bezier(.2,.7,.2,1)}
@keyframes accin{from{opacity:0;transform:translateY(12px)}}
.acc-grid{display:grid;grid-template-columns:220px 1fr;gap:2.5rem;padding:1rem 0 2.5rem;border-bottom:1px solid #d9d8d222;margin-bottom:2rem}
.acc-card{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.acc-ava{transition:transform .3s}.acc-ava:hover{transform:scale(1.04) rotate(-2deg)}
.acc-card .btn{border:0;cursor:pointer}.acc-mail{font:500 1.1rem "Inter Tight";margin:0 0 1.5rem}
.acc-name .btn{border:0;cursor:pointer}
@media(max-width:700px){.acc-grid{grid-template-columns:1fr}}
/* модерация */
.rv-adm{display:flex;gap:.8rem;margin-top:.5rem}
.rv-adm button{background:none;border:0;padding:0;color:#ee4133;font:inherit;font-size:.72rem;letter-spacing:.06em;text-transform:lowercase;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.rv-adm button:hover{color:#fff}
.am-msg.wait::before{content:"";display:inline-block;width:.8em;height:.8em;margin-right:.5em;border:2px solid #ee4133;border-right-color:transparent;border-radius:50%;vertical-align:-1px;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.acc-card .btn:disabled{opacity:.5;cursor:wait}
.sg-mail{font-family:inherit;opacity:.85;user-select:all;margin:.2rem 0 1rem}
/* ===== читаемость основного текста статьи ===== */
.post{max-width:760px}
.post .body{position:relative;z-index:51;background:#202124;padding:2.2rem 40px 2.4rem;margin:0 -40px;
 color:#d8d4cc;font:400 19px/1.7 "Source Serif 4",Georgia,serif;font-optical-sizing:auto;
 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-kerning:normal;hyphens:manual}
.post .body>*{max-width:680px;margin-left:auto;margin-right:auto}
.post .body p{margin:0 0 1.1em}
.post .body .qa.a p{color:#d8d4cc;font-weight:400}
.post .body .qa.a .who{color:#8f8a82}
/* вопросы: гротеск, светлее, красная линия слева — сразу отличаются от ответов */
.post .body .qa.q:not(.key){border-left:3px solid var(--red);padding-left:.9rem}
.post .body .qa.q:not(.key) p{font:700 1.08rem/1.45 "Inter Tight",sans-serif;color:#f1efe9;letter-spacing:0}
.post .body .qa{margin:1.9rem auto}
.post .body .qa.cont{margin-top:-.4rem}
.post .body a{color:#f1efe9;text-decoration:underline;text-decoration-color:#ee413399;text-underline-offset:3px}
.post .body figure{max-width:none}
.src-end{position:relative;z-index:51}
@media(max-width:800px){.post .body{margin:0 -1rem;padding:1.6rem 1rem 2rem;font-size:17px;line-height:1.7}}
.thumb.nocover{background:var(--red)!important;align-items:flex-end}.thumb.nocover span{font-size:clamp(2rem,3.4vw,3rem);line-height:.9;color:#1a1b1d;letter-spacing:-.02em}
.tmeta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-top:.55rem;font-size:.68rem;letter-spacing:.06em;text-transform:lowercase}.tmeta .td{font-variant-numeric:tabular-nums;opacity:.6;margin-right:.25rem}.tmeta .tg{color:var(--red);border:1px solid var(--red);border-radius:999px;padding:.1rem .5rem;line-height:1.3}
.thumb.nocover span{font-size:clamp(1.4rem,2.6vw,2.6rem);overflow-wrap:anywhere;word-break:break-word;max-width:100%}.tile{min-width:0}
.tile{overflow:hidden;max-width:clamp(200px,22vw,280px)}@media(max-width:700px){.tile{max-width:62vw}}

.tmeta .tg,.tags,.filters{display:none!important}