:root{--ink:#112339;--muted:#566c7a;--line:#dbe7ed;--bg:#f5fafd;--card:#fff;--accent:#007fa6;--nav:#071527;--glow:#e4f7fe;--serif:Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,system-ui,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}header{background:var(--nav);color:white}header .wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{text-decoration:none;text-transform:uppercase;font-size:1rem;letter-spacing:.14em;font-weight:800}.nav{display:flex;flex-wrap:wrap;gap:20px}.nav a{text-decoration:none;font-size:.9rem;color:#e3f3f9}.nav a:hover{text-decoration:underline}.hero{padding:84px 0 72px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 85% 10%,var(--glow),transparent 55%),var(--bg)}.back{color:var(--muted);font-size:.9rem;text-decoration:none}.eyebrow{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:800;margin-top:44px}h1{font:400 clamp(3rem,7vw,6rem)/1.02 var(--serif);letter-spacing:-.045em;margin:14px 0 24px;max-width:15ch}.lede{font-size:clamp(1.05rem,1.8vw,1.3rem);max-width:740px;color:var(--muted);margin:0}.note{max-width:760px;color:var(--muted);font-size:.88rem}.main{padding:50px 0 100px}.controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.controls label{display:grid;gap:5px;font-size:.8rem;color:var(--muted)}select{padding:11px 14px;min-width:180px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;font:inherit}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;min-height:275px}.meta{font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.story h2{font:400 1.7rem/1.2 var(--serif);letter-spacing:-.025em;margin:15px 0}.story p{color:var(--muted);font-size:.94rem;margin:0 0 24px}.story a{margin-top:auto;color:var(--accent);font-weight:750;text-decoration:none}.story a:hover{text-decoration:underline}.empty{max-width:730px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:30px}.empty p{color:var(--muted)}.empty a,.collection{color:var(--accent);font-weight:700}.collection{display:inline-block;margin-bottom:23px}footer{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:.83rem}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}header .wrap{align-items:flex-start;flex-direction:column;padding:18px 0;gap:8px}.hero{padding:60px 0}}@media(max-width:580px){.wrap{width:calc(100% - 32px)}.grid{grid-template-columns:1fr}.story{min-height:0}.controls{display:block}.controls label{margin:0 0 12px}.controls select{width:100%}h1{font-size:clamp(2.8rem,12vw,4.5rem)}.hero{padding:44px 0}.main{padding:36px 0 65px}}