:root{--ink:#0b0d0b;--paper:#e8e5d9;--acid:#bdff42;--red:#e04b39;--muted:#61665f;--line:#aaaca2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:500 14px/1.5 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:14px 4vw;border-bottom:1px solid var(--line);background:var(--ink);color:var(--paper)}.brand{display:flex;align-items:center;gap:10px;min-height:44px;font-size:11px;line-height:1;letter-spacing:.12em}.brand b{color:var(--red);font-size:22px}.topbar nav{display:flex;gap:8px}.topbar nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;border:1px solid #596057;text-transform:uppercase;font-size:10px;letter-spacing:.09em}.topbar nav a:hover{border-color:var(--acid);color:var(--acid)}
main{padding:90px 4vw 110px}.rubric-head{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:8vw;align-items:end;max-width:1500px;margin:auto}.section-index,.card-case{text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#555b54}.rubric-head h1{margin:22px 0 0;font-size:clamp(58px,9vw,136px);font-weight:600;line-height:.82;letter-spacing:-.07em}.rubric-head .intro{font:400 18px/1.55 "PT Serif",serif;margin:0;max-width:520px}.rubric-links{max-width:1500px;margin:54px auto 0;padding:24px 0;border-block:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rubric-links span{margin-right:auto;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#555b54}.rubric-links a{display:flex;align-items:center;min-height:44px;padding:8px 13px;border:1px solid #8b8e85;font-size:11px}.rubric-links a:hover{background:var(--ink);color:var(--acid)}
.rubric-note{max-width:760px;margin:46px auto 0;font:400 16px/1.65 "PT Serif",serif;color:#3f443d}.rubric-note p{margin:0 0 14px}.rubric-note p:last-child{margin-bottom:0}.rubric-note a{border-bottom:1px solid #8b8e85;padding-block:3px}.rubric-note a:hover{color:#000;border-color:#000}
.card-grid{max-width:1500px;margin:70px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:42px 20px}.archive-card{position:relative}.archive-card>a{display:block;height:100%}.card-image{aspect-ratio:4/3;background:#20251f;overflow:hidden;position:relative}.card-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(.7) sepia(.2);transition:.5s}.archive-card:hover img{transform:scale(1.025);filter:grayscale(.1)}.card-index{position:absolute;right:10px;top:10px;background:var(--acid);padding:5px 7px;font-size:9px}.card-case{display:block;margin-top:15px}.archive-card h2{font:400 25px/1.1 "PT Serif",serif;margin:6px 28px 8px 0}.archive-card p{color:var(--muted);margin:0;max-width:500px;font-size:12px}.archive-card a:after{content:"↗";position:absolute;right:3px;bottom:1px;font-size:20px}
footer{padding:42px 4vw;border-top:1px solid #30352f;background:var(--ink);color:#a4a99f;display:flex;justify-content:space-between;gap:20px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}footer a{display:flex;align-items:center;min-height:44px}
:focus-visible{outline:3px solid var(--acid);outline-offset:3px;box-shadow:0 0 0 6px #000}
@media(max-width:900px){.card-grid{grid-template-columns:repeat(2,1fr)}.rubric-head{gap:5vw}}
@media(max-width:700px){.topbar{align-items:flex-start;gap:12px}.topbar nav{justify-content:flex-end;flex-wrap:wrap}.rubric-head{grid-template-columns:1fr;gap:30px}main{padding:65px 5vw 80px}.rubric-links{margin-top:40px}.rubric-links span{flex-basis:100%}.card-grid{margin-top:50px}}
@media(max-width:620px){.card-grid{grid-template-columns:1fr;gap:20px}.archive-card>a{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:14px;min-height:124px}.archive-card .card-image{grid-row:1/4;width:112px;height:112px;aspect-ratio:1}.card-case{grid-column:2;margin:0}.archive-card h2{grid-column:2;margin:3px 22px 5px 0;font-size:19px;line-height:1.12;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}.archive-card p{grid-column:2;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:11px;line-height:1.4}.archive-card a:after{top:0;bottom:auto}.card-index{right:6px;top:6px}.rubric-head h1{font-size:min(18vw,76px);overflow-wrap:break-word;hyphens:auto}.topbar{padding-inline:5vw}.topbar nav a{padding-inline:9px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}