:root{color-scheme:light;--text:#172027;--muted:#61717d;--line:#d9e2e8;--brand:#0b6b68;--accent:#c84d2f;--paper:#f7faf9}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.55}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:3}.brand{font-weight:800;color:var(--brand);text-decoration:none;font-size:21px}nav{display:flex;gap:22px}nav a{color:#25323a;text-decoration:none;font-size:15px}.hero{min-height:520px;display:flex;align-items:end;padding:0 6vw 72px;background:linear-gradient(90deg,rgba(9,33,40,.82),rgba(9,33,40,.22)),url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?w=1800&q=80&fit=crop') center/cover;color:#fff}.hero div{max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:#bce6df}.hero h1{font-size:clamp(36px,6vw,72px);line-height:1.02;margin:10px 0 18px;letter-spacing:0}.hero p{font-size:20px;max-width:650px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:54px 6vw;background:var(--paper)}article{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}article img{width:100%;height:230px;object-fit:cover;display:block}article h2{font-size:22px;margin:22px 22px 8px}article p{margin:0 22px 24px;color:var(--muted)}.notes{padding:54px 6vw}.notes h2,.page h1{font-size:34px;margin:0 0 22px}.list{display:grid;gap:12px;max-width:820px}.list a{display:flex;gap:16px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--text)}.list span{color:var(--accent);font-weight:700;min-width:86px}.page{min-height:65vh;padding:70px 6vw;max-width:900px}.page p{font-size:19px;color:var(--muted)}footer{padding:30px 6vw;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:820px){.topbar{height:auto;align-items:flex-start;gap:10px;flex-direction:column;padding:16px 5vw}nav{flex-wrap:wrap;gap:12px}.hero{min-height:480px;padding:0 5vw 44px}.hero p{font-size:18px}.grid{grid-template-columns:1fr;padding:34px 5vw}.notes,.page{padding:38px 5vw}.list a{align-items:flex-start;flex-direction:column;gap:6px}.list span{min-width:0}}