:root{--ink:#14282c;--muted:#5f706f;--paper:#f5f1e8;--card:#fffdf8;--accent:#d25a34;--teal:#087c78;--line:#d9d3c7}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 Georgia,serif}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:16px clamp(18px,5vw,72px);background:#102d32;color:#fff}.brand,.creator{color:#fff;text-decoration:none}.brand{display:flex;align-items:center;gap:.55rem;font:700 1.25rem Arial,sans-serif}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);font:800 1.4rem Georgia,serif}.brand span span{color:#7ed5cf}.creator{font:600 .9rem Arial,sans-serif}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.crumb{display:flex;gap:.65rem;flex-wrap:wrap;margin:26px 0 12px;font:600 .82rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em}.crumb a{color:var(--teal)}.hero{padding:24px 0 20px}.eyebrow{margin:0 0 8px;color:var(--teal);font:700 .78rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em}h1{max-width:950px;margin:.1em 0;font-size:clamp(2.4rem,7vw,5.6rem);line-height:.96;letter-spacing:-.045em}h2{font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.2}.lede{max-width:800px;font-size:clamp(1.15rem,2.4vw,1.5rem);line-height:1.45}.meta{display:flex;gap:.75rem;flex-wrap:wrap;color:var(--muted);font:600 .88rem Arial,sans-serif}.media{overflow:hidden;margin:22px 0 36px;border-radius:18px;background:#09191c;box-shadow:0 15px 45px #17373b24}.media img,.media video{display:block;width:100%;height:auto}.media video{max-height:78vh}.article-grid{display:grid;grid-template-columns:minmax(0,720px) minmax(230px,1fr);gap:56px;align-items:start}.prose p{margin:0 0 1.35em}.prose p:first-child::first-letter{float:left;margin:.08em .12em 0 0;color:var(--accent);font-size:4.4rem;line-height:.74}.note,.context{padding:22px 24px;border-left:5px solid var(--accent);background:var(--card);box-shadow:0 4px 18px #1a343713}.context{position:sticky;top:24px;border-left-color:var(--teal);font-size:.92rem}.context h2,.note h2{margin-top:0}.context a,.prose a,.note a{color:var(--teal)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tags span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;font:600 .75rem Arial,sans-serif}.related{margin:60px 0}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{display:block;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:inherit;text-decoration:none}.card strong{display:block;font-size:1.18rem}.card span{color:var(--muted);font:500 .85rem Arial,sans-serif}.article-list{display:grid;gap:22px;margin:30px 0 70px}.article-card{display:grid;grid-template-columns:minmax(220px,38%) 1fr;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--card);color:inherit;text-decoration:none}.article-card img{width:100%;height:100%;min-height:220px;object-fit:cover}.article-card .copy{padding:26px}.article-card h2{margin:.25em 0}.button{display:inline-block;margin-top:12px;padding:10px 15px;background:var(--teal);color:#fff;border-radius:4px;font:700 .85rem Arial,sans-serif}footer{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:28px 18px;background:#102d32;color:#d8e7e5;font:500 .82rem Arial,sans-serif}footer a{color:#7ed5cf}@media(max-width:760px){.article-grid{grid-template-columns:1fr;gap:28px}.context{position:static}.article-card{grid-template-columns:1fr}.cards{grid-template-columns:1fr}h1{font-size:clamp(2.5rem,14vw,4.2rem)}.creator{display:none}}.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0 40px}.film-grid figure{margin:0;overflow:hidden;border-radius:14px;background:#09191c}.film-grid video{display:block;width:100%;height:100%;min-height:240px;object-fit:contain}.film-grid figcaption,.story-image figcaption{padding:9px 12px;color:#d8e7e5;background:#102d32;font:600 .78rem Arial,sans-serif}.story-image{margin:28px 0}.story-image img{display:block;width:100%;height:auto;border-radius:14px}.scene{margin:2.3em 0 1em;padding-top:1.1em;border-top:1px solid var(--line)}blockquote{margin:1.5em 0;padding:.6em 1.2em;border-left:4px solid var(--accent);font-size:1.15rem;font-style:italic}@media(max-width:760px){.film-grid{grid-template-columns:1fr}.film-grid video{min-height:0}}