*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:var(--v2-ink)}[hidden]{display:none!important}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
header,main,footer{max-width:1200px;margin:auto;padding:0 28px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:28px;padding-bottom:24px;border-bottom:1px solid var(--v2-ink-line)}.brand{text-decoration:none;font-weight:900;font-size:24px}.brand span{font-size:13px;margin-left:16px;font-weight:500}.skip{position:absolute;top:-100px;background:var(--v2-sun);padding:12px;z-index:10}.skip:focus{top:0}
.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;padding:64px 0 30px}.hero h1{font-size:clamp(44px,5.3vw,72px);line-height:1.25;color:var(--v2-ink);font-weight:900;margin:18px 0 24px;letter-spacing:.04em}.hero .lead{font-size:24px;font-weight:900;color:var(--v2-ink);margin-bottom:20px}.hero p{max-width:460px}.hero .byline{font-size:12px;letter-spacing:.13em;margin-top:24px}.cover{width:100%;height:auto;border:1px solid var(--v2-ink-line)}.routes{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.intro-note{font-size:13px;color:var(--v2-ink-sub);max-width:850px}
h2,h3{color:var(--v2-ink);font-weight:900}
.catalog{margin-top:44px}.catalog-head{display:flex;gap:20px;align-items:end;justify-content:space-between;margin-bottom:24px}.catalog-head h2{font-size:30px;margin:4px 0 0}.catalog-head>a{font-size:13px}
#filters{display:flex;flex-wrap:wrap;align-items:end;gap:18px;padding:24px;background:var(--v2-ink-lt)}#filters>.search-field{flex:1 0 100%}#filters>div:not(.search-field){flex:1;min-width:180px}#filters button{min-height:48px}
label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}input,select{width:100%;font:inherit;color:var(--v2-body);background:var(--v2-paper);border:1.5px solid var(--v2-ink);border-radius:0;padding:12px;min-height:48px}input:focus-visible,select:focus-visible{outline:3px solid var(--v2-sun);outline-offset:2px}
#count{font-weight:700;font-size:14px;margin:18px 0 24px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.work{border:1px solid var(--v2-ink-line);display:flex;flex-direction:column;min-width:0;scroll-margin-top:20px}.work:target{outline:3px solid var(--v2-sun);outline-offset:4px}.image{position:relative;background:rgba(255,255,255,.35)}.image img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;padding:18px}.number{position:absolute;left:12px;top:12px;z-index:1;background:var(--v2-paper);font:700 17px Outfit,sans-serif;color:var(--v2-ink);padding:2px 8px;border:1px solid var(--v2-ink)}
.work-text{padding:16px;display:flex;flex-direction:column;flex:1}.category{font-size:11px;color:var(--v2-ink-sub);margin:0 0 8px}.work h3{font-size:19px;line-height:1.5;margin:0 0 10px;overflow-wrap:anywhere}.author{font-size:12px;line-height:1.65;margin:0 0 12px;overflow-wrap:anywhere}.format{font-size:11px;color:var(--v2-ink-sub);margin:12px 0 4px}.source{display:block;color:var(--v2-body);font-weight:400;font-size:12px;line-height:1.65;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
.guide{max-width:780px;margin:72px auto 40px;border-top:1.5px dashed var(--v2-ink-line);padding-top:32px}.guide p{font-size:14px}.related{max-width:780px;margin:0 auto 72px;padding:28px;background:var(--v2-sun-lt)}.related h2{font-size:20px;margin:0 0 16px}.related a{display:block;font-size:14px;margin:14px 0}.related p{font-size:12px}
footer{display:flex;gap:24px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--v2-ink-line);padding-top:24px;padding-bottom:40px;font-size:13px}footer p{margin-left:auto}
@media(max-width:950px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:28px}.hero .lead{font-size:20px}}
@media(max-width:700px){header,main,footer{padding-left:20px;padding-right:20px}.brand span{margin-left:8px}header>.eyebrow{display:none}.hero{grid-template-columns:1fr;padding-top:36px;gap:24px}.hero h1{font-size:52px}.hero .lead{font-size:23px}.hero p{font-size:14px}.cover{max-width:580px}.routes{display:grid;margin-top:12px}.intro-note{font-size:12px}.catalog{margin-top:36px}.catalog-head{align-items:start;flex-direction:column;gap:8px}.catalog-head h2{font-size:26px}#filters{padding:18px;gap:14px}#filters>div:not(.search-field){flex:1 0 100%;min-width:0}#filters button{width:100%;padding:10px 12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.work-text{padding:12px}.work h3{font-size:16px}.image img{padding:12px}.number{font-size:15px;left:8px;top:8px}.related{padding:20px}.guide{margin-top:48px}footer{gap:16px}footer p{flex:1 0 100%;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}