:root{--bg:#F5F4F0;--paper:#fff;--ink:#16202B;--ink-2:#5C6673;--line:#D8DAD6;--accent:#D9480F;--tint:#FBF0E8;
--display:"Barlow Condensed","Arial Narrow",sans-serif;--body:"Barlow","Helvetica Neue",Arial,sans-serif;--mono:"JetBrains Mono",Menlo,monospace}
@media (prefers-color-scheme:dark){:root{--bg:#15191E;--paper:#1D2228;--ink:#EEF0F2;--ink-2:#A3ACB6;--line:#343B44;--accent:#F08A4B;--tint:#2A2420;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.65}
a{color:inherit}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1120px;margin:0 auto;padding-inline:20px}
.top{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;min-width:0}
.mark{width:34px;height:34px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-family:var(--display);font-weight:700;flex:none}
.brand b{display:block;font-family:var(--display);font-size:20px;text-transform:uppercase;line-height:1;white-space:nowrap}
.brand small{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
nav{display:flex;gap:24px;font-size:15px}nav a{text-decoration:none;color:var(--ink-2)}nav a:hover{color:var(--ink)}
@media (max-width:820px){.top nav{display:none}.brand small{display:none}}
.btn{display:inline-flex;align-items:center;background:var(--accent);color:#fff;font-family:var(--display);font-size:17px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:10px 18px;text-decoration:none;border:1.5px solid var(--accent);border-radius:2px;white-space:nowrap}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.k{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0}
h1,h2{font-family:var(--display);text-transform:uppercase;line-height:1.08;text-wrap:balance;margin:0}
h1{font-size:clamp(34px,5vw,54px);margin-top:10px}
.crumbs{font-size:14px;color:var(--ink-2);padding-top:22px}.crumbs a{color:var(--ink-2)}
.art{max-width:780px}
.lead{font-size:20px;color:var(--ink-2);margin:18px 0 0}
.hero{margin:28px 0 8px}.hero img{width:100%;border-radius:2px}
.hero.portrait img{max-width:440px;margin:0 auto}
.hero figcaption{font-size:12.5px;color:var(--ink-2);margin-top:6px;text-align:center}
.body h2{font-size:28px;margin:36px 0 10px}.body p{margin:0}
.cta{margin:44px 0 18px;padding:24px;background:var(--tint);border:1px solid var(--accent);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;border-radius:2px}
.cta p{margin:6px 0 0;font-size:16px;color:var(--ink-2)}.cta-b{display:flex;flex-direction:column;gap:8px}
@media (max-width:640px){.cta{grid-template-columns:1fr}}
.author{font-size:14px;color:var(--ink-2)}
.rel{max-width:780px;margin:40px auto 56px}.rel h2{font-size:26px;margin-bottom:16px}
.cards{display:grid;gap:18px}.cards.two{grid-template-columns:1fr 1fr}.cards.grid{grid-template-columns:repeat(3,1fr);margin:24px 0 64px}
@media (max-width:900px){.cards.grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.cards.grid,.cards.two{grid-template-columns:1fr}}
.card{background:var(--paper);border:1px solid var(--line);border-radius:2px;text-decoration:none;display:flex;flex-direction:column;gap:6px;padding-bottom:16px;overflow:hidden;min-width:0}
.card img{aspect-ratio:16/9;object-fit:cover;width:100%}.card .k,.card b,.card .ex{padding-inline:16px}.card .k{margin-top:8px}
.card b{font-family:var(--display);font-size:21px;text-transform:uppercase;line-height:1.12}.card .ex{font-size:15px;color:var(--ink-2);line-height:1.5}
.card:hover b{color:var(--accent)}.card[hidden]{display:none}
.bhead{padding:18px 0 6px;max-width:760px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip{font:inherit;font-size:14px;padding:7px 14px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;cursor:pointer}
.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.foot{border-top:1px solid var(--line);background:var(--paper);font-size:14.5px;color:var(--ink-2)}
.foot .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-block:28px}.foot b{color:var(--ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
nav .m{display:none}
.menu-btn{display:none;flex:none;width:44px;height:44px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:2px;cursor:pointer;align-items:center;justify-content:center;padding:0}
.menu-btn i,.menu-btn i::before,.menu-btn i::after{display:block;width:20px;height:2px;background:currentColor;position:relative;transition:transform .2s,background .2s}
.menu-btn i::before,.menu-btn i::after{content:"";position:absolute;left:0}.menu-btn i::before{top:-6px}.menu-btn i::after{top:6px}
.top.open .menu-btn i{background:transparent}.top.open .menu-btn i::before{top:0;transform:rotate(45deg)}.top.open .menu-btn i::after{top:0;transform:rotate(-45deg)}
.btn{flex:none}
@media (max-width:820px){
 .menu-btn{display:inline-flex}
 .top nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 18px 30px -18px rgba(0,0,0,.35);padding:4px 20px 16px;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow:auto}
 .top:not(.open) nav{display:none}.top.open nav{display:flex}
 .top nav .m{display:block}.top nav .d{display:none}
 .top nav a{padding:13px 2px;font-size:18px;color:var(--ink);border-bottom:1px solid var(--line)}
 .top nav a.sub{padding-left:16px;font-size:17px;color:var(--ink-2)}
 .top nav .mh{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);padding:18px 2px 6px}
 .top nav a.tel{border:0;margin-top:10px;background:var(--accent);color:#fff;text-align:center;font-family:var(--display);font-weight:600;letter-spacing:.04em}
 .top .wrap{gap:10px}.brand b{overflow:hidden;text-overflow:ellipsis}.brand>span:last-child{min-width:0}
}
@media (max-width:400px){.top .btn{padding:9px 12px;font-size:15px}.brand b{font-size:18px}}