:root{--paper:#fbfaf7;--ink:#141414;--ink2:#3d3d3d;--muted:#727272;--rule:#141414;--hair:#e2dfd8;--plum:#7a1f3d;--plum2:#f3e6ea;--sea:#e8eef1;--serif:"Newsreader",Georgia,serif;--sans:"Hanken Grotesk",system-ui,sans-serif;--e:cubic-bezier(.22,.8,.24,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}
.wrap{width:min(1240px,100% - 40px);margin:0 auto}
.hl{font-family:var(--serif);font-weight:500;letter-spacing:-.012em;line-height:1.1;margin:0}
a .hl,a.hl{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .4s var(--e)}a:hover .hl,a.hl:hover{background-size:100% 1px}
.kick{font:700 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--plum)}
.meta{font-size:13px;color:var(--muted)}.meta b{color:var(--ink);font-weight:600}
.bar{position:fixed;top:0;left:0;height:3px;background:var(--plum);width:0;z-index:60}
.top{border-bottom:1px solid var(--hair);font-size:12.5px;color:var(--ink2)}.top .wrap{display:flex;gap:18px;align-items:center;height:36px}.top .sp{margin-left:auto;display:flex;gap:16px}
.clock:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--plum);margin-right:7px;animation:blink 2s infinite}@keyframes blink{50%{opacity:.25}}
.mast{text-align:center;padding:26px 0 18px}.mast a{display:inline-block}
.word{font:600 clamp(46px,7.4vw,92px)/.9 var(--serif);letter-spacing:-.035em;display:inline-flex;align-items:baseline;gap:.12em}.word i{font-style:italic;font-weight:300;color:var(--plum)}
.word span{display:inline-block;opacity:0;transform:translateY(.25em);animation:ltr .7s var(--e) forwards}
@keyframes ltr{to{opacity:1;transform:none}}
.tagline{font:italic 400 16px var(--serif);color:var(--ink2);margin-top:8px}
.nav{border-top:2px solid var(--rule);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:50;background:var(--paper)}
.nav .wrap{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;height:48px}.nav a{padding:6px 14px;font-weight:600;font-size:14.5px;position:relative}
.nav a:after{content:"";position:absolute;left:14px;right:14px;bottom:-8px;height:3px;background:var(--plum);transform:scaleX(0);transition:transform .3s var(--e)}.nav a:hover:after,.nav a[aria-current]:after{transform:none}.nav .mini-logo:after{display:none}
.nav .ic{position:absolute;right:0;display:flex;gap:6px}
.ib{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--hair);border-radius:50%;background:none;cursor:pointer;transition:background .2s}.ib:hover{background:var(--sea)}.ib svg{width:16px;height:16px}
.nav .mini-logo{position:absolute;left:0;padding:0;font:600 22px var(--serif);letter-spacing:-.03em;opacity:0;pointer-events:none;transition:opacity .3s}.nav.stuck .nav-x,.nav.stuck .mini-logo{opacity:1;pointer-events:auto}
.burger{display:none}
.strip{border-bottom:1px solid var(--hair);padding:10px 0;font-size:13.5px;overflow:hidden}.strip .wrap{display:flex;gap:14px;align-items:center}.strip b{flex:none;background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px}
.strip .tk{overflow:hidden;mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.strip .tk div{display:flex;gap:40px;width:max-content;animation:tk 50s linear infinite}.strip .tk:hover div{animation-play-state:paused}.strip a:hover{color:var(--plum)}@keyframes tk{to{transform:translateX(-50%)}}
.lead{display:grid;grid-template-columns:2.1fr 1fr;gap:32px;padding:30px 0 34px;border-bottom:1px solid var(--rule)}
.lead .main .fig{overflow:hidden;margin-bottom:16px}.fig img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform 1.4s var(--e)}a:hover .fig img{transform:scale(1.04)}
.lead .main .hl{font-size:clamp(30px,3.6vw,48px)}.lead .main p{font:400 19px/1.45 var(--serif);color:var(--ink2);margin:12px 0}
.side{display:flex;flex-direction:column}.side a{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--hair)}.side a:last-child{border:0;margin:0}.side .fig{margin-bottom:10px}.side .hl{font-size:21px;margin-top:6px}
.blk{padding:34px 0;border-bottom:1px solid var(--rule)}.bh{display:flex;align-items:baseline;justify-content:space-between;border-top:3px solid var(--ink);padding-top:10px;margin-bottom:22px}
.bh h2{font:600 26px var(--serif);margin:0;letter-spacing:-.02em}.bh a{font-size:13.5px;font-weight:600;color:var(--plum)}.bh a:hover{text-decoration:underline}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.grid .hl{font-size:20px;margin:8px 0 6px}.grid p{font-size:14.5px;color:var(--ink2);margin:0 0 8px}
.cols{display:grid;grid-template-columns:3fr 1fr;gap:40px}
.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.list a{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--hair)}.list a:first-child{padding-top:0}.list img{aspect-ratio:1;object-fit:cover}.list .hl{font-size:19px;margin:5px 0}
.most{counter-reset:m}.most a{display:grid;grid-template-columns:42px 1fr;gap:6px;padding:14px 0;border-bottom:1px solid var(--hair);counter-increment:m}.most a:before{content:counter(m);font:300 38px/1 var(--serif);color:var(--plum)}.most .hl{font-size:17px}
.news{background:var(--plum);color:#fff;padding:26px;margin-top:26px}.news h3{font:500 26px/1.1 var(--serif);margin:0 0 8px}.news p{font-size:14.5px;opacity:.85}
.news input{width:100%;border:0;padding:12px;margin:8px 0;background:#fff;color:var(--ink)}.news button{width:100%;border:1px solid #fff;background:none;color:#fff;padding:11px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.news button:hover{background:#fff;color:var(--plum)}.news .msg{font-size:13px;margin:8px 0 0}
.quote{background:var(--sea);padding:56px 0;text-align:center;border-bottom:1px solid var(--rule)}.quote p{font:italic 300 clamp(24px,3vw,38px)/1.3 var(--serif);max-width:860px;margin:0 auto 14px}
.pg{padding:40px 0 20px;border-bottom:1px solid var(--rule)}.pg h1{font:500 clamp(40px,5vw,64px)/1 var(--serif);letter-spacing:-.03em;margin:8px 0 10px}.pg p{font:400 19px var(--serif);color:var(--ink2);max-width:720px;margin:0}
.art{padding:36px 0 20px}.ahd{max-width:860px;margin:0 auto;text-align:center}.crumb{font-size:13px;color:var(--muted);margin-bottom:16px}.crumb a:hover{color:var(--plum)}
.ahd h1{font:500 clamp(34px,4.6vw,58px)/1.05 var(--serif);letter-spacing:-.025em;margin:12px 0 16px}.ahd .dek{font:400 21px/1.45 var(--serif);color:var(--ink2);margin:0 0 20px}
.by{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;align-items:center;font-size:13.5px;color:var(--muted);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:12px 0}.by b{color:var(--ink)}
.tools{display:flex;gap:6px}.tools button{border:1px solid var(--hair);background:none;padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:600;cursor:pointer}.tools button:hover,.tools button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.hero{margin:28px auto 8px;max-width:1100px;overflow:hidden}.hero img{width:100%;aspect-ratio:16/9;object-fit:cover;animation:hz 1.6s var(--e)}@keyframes hz{from{transform:scale(1.06);opacity:.4}}
.cap{max-width:1100px;margin:0 auto;font-size:12.5px;color:var(--muted)}
.abody{display:grid;grid-template-columns:1fr 680px 1fr;gap:30px;margin-top:34px}
.prose{grid-column:2;font:400 20px/1.65 var(--serif);color:#222}.prose.lg{font-size:22px}.prose p{margin:0 0 1.05em}.prose h2{font:600 26px/1.2 var(--sans);letter-spacing:-.02em;margin:1.6em 0 .5em}
.prose>p:first-of-type:first-letter{float:left;font:600 4.3em/.8 var(--serif);margin:.08em .1em 0 0;color:var(--plum)}
.facts{grid-column:3;align-self:start;position:sticky;top:80px;border-top:3px solid var(--plum);padding-top:10px;font-size:14px}.facts h4{margin:0 0 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.facts ul{padding-left:18px;margin:0}.facts li{margin-bottom:8px;color:var(--ink2)}
.note{grid-column:2;border:1px solid var(--hair);background:#fff;padding:16px 18px;font-size:14px;color:var(--ink2);margin-top:10px}
.prose-doc{max-width:760px;margin:0 auto;padding:40px 0 70px;font:400 18.5px/1.65 var(--serif);color:#222}.prose-doc h2{font:600 22px var(--sans);margin:1.8em 0 .4em}
.co{border-top:3px solid var(--ink);padding-top:14px;margin-top:40px;font:15px/1.7 var(--sans)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form .full{grid-column:1/-1}.form label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.form input,.form textarea,.form select{width:100%;border:1px solid #bbb;background:#fff;padding:11px 12px}.form :focus{outline:2px solid var(--plum)}.form textarea{min-height:150px}
.btn{display:inline-block;background:var(--ink);color:var(--paper);padding:12px 22px;border:0;font-weight:700;cursor:pointer;transition:background .2s}.btn:hover{background:var(--plum)}
.chk{display:flex;gap:10px;font-size:14px}.chk input{width:auto;accent-color:var(--plum)}
.srch input{width:100%;font:400 30px var(--serif);border:0;border-bottom:2px solid var(--ink);background:none;padding:10px 0;outline:none}
.ft{background:var(--ink);color:#bdbdbd;margin-top:0;padding:50px 0 24px;font-size:14.5px}.ft .word{color:#fff;font-size:44px}.ft .word i{color:#e8a2b6}
.fg{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:36px}.ft h4{color:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px}.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.ft a:hover{color:#fff}.fs{border-top:1px solid #333;margin-top:36px;padding-top:18px;font-size:12.5px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--e),transform .8s var(--e)}.rv.in{opacity:1;transform:none}
.st>*{opacity:0;transform:translateY(22px);transition:opacity .7s var(--e),transform .7s var(--e)}.st.in>*{opacity:1;transform:none}.st.in>*:nth-child(2){transition-delay:.08s}.st.in>*:nth-child(3){transition-delay:.16s}.st.in>*:nth-child(4){transition-delay:.24s}
.saved{color:var(--plum)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv,.st>*,.word span{opacity:1;transform:none}}
@media (max-width:1020px){.lead,.cols{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.abody{grid-template-columns:1fr}.prose,.facts,.note{grid-column:1}.facts{position:static}.fg{grid-template-columns:1fr 1fr}.mini-logo{display:none}}
@media (max-width:720px){.top .hide,.top .sp{display:none}.word span{letter-spacing:-.02em}.nav .wrap{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.nav .wrap::-webkit-scrollbar{display:none}.nav a{white-space:nowrap;padding:6px 10px}.nav .ic{position:static;margin-left:auto}.grid,.row3,.form,.fg{grid-template-columns:1fr}.list a{grid-template-columns:96px 1fr}.prose{font-size:18.5px}.ahd .dek{font-size:18.5px}.lead .main p{font-size:17px}}
