@font-face{font-family:Red Hat Display;src:url('/fonts/RedHatDisplay-v1.woff2') format('woff2');font-display:swap}@font-face{font-family:Barlow Condensed;src:url('/fonts/BarlowCondensed-SemiBold-v1.woff2') format('woff2');font-weight:600;font-display:swap}
:root{color-scheme:light dark;--paper:#f3f1ec;--panel:#fffefa;--ink:#232c28;--muted:#656c66;--line:#d9d9d1;--accent:#a93827;--button:#b33e2b}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'Red Hat Display',system-ui,sans-serif}a{color:var(--accent);text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;font-weight:600;line-height:1.05}h1{font-size:clamp(42px,5.8vw,76px);letter-spacing:-.02em;margin:16px 0 24px}h2{font-size:34px;margin:0 0 18px}h3{font-size:27px;margin:0 0 12px}p{margin:0 0 20px}.wrap{max-width:1160px;margin:auto;padding:0 28px}.skip{position:absolute;left:12px;top:-80px;background:var(--panel);padding:12px;z-index:3}.skip:focus{top:12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand img{width:42px;height:42px}.wordmark{font:600 27px/1 'Barlow Condensed',sans-serif}.wordmark small{display:block;font:700 9px/1.2 'Red Hat Display',sans-serif;letter-spacing:.32em;margin-top:6px}.backlink{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.crumb{font-size:13px;color:var(--muted);margin-top:24px}.hero{display:grid;grid-template-columns:1fr 1.02fr;gap:64px;align-items:center;padding:35px 0 64px}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--accent)}.intro{font-size:18px;line-height:1.65;max-width:520px}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 24px;border-radius:7px;background:var(--button);color:#fff;text-decoration:none;font-weight:600;margin-top:8px}.small{font-size:13px;color:var(--muted)}.hero .small{margin:12px 0 0}.hero figure{margin:0}.hero img{width:100%;aspect-ratio:1;border-radius:16px}.hero figcaption{margin-top:10px;font-size:12px;color:var(--muted)}.section{padding:48px 0;border-top:1px solid var(--line)}.shells{display:flex;gap:18px;flex-wrap:wrap}.shell{width:200px;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--ink)}.shell img{width:100%;aspect-ratio:1;object-fit:cover}.shell span{display:block;padding:14px;font-weight:600;line-height:1.4}.shell small{display:block;color:var(--accent);font-size:12px;margin-top:8px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:56px}.prompt{background:var(--panel);border-left:3px solid var(--accent);padding:22px 24px;margin:0;line-height:1.7}.muted{color:var(--muted)}.more{display:flex;gap:8px 25px;flex-wrap:wrap}.more a{min-height:44px;display:inline-flex;align-items:center}details{border-bottom:1px solid var(--line);padding:16px 0}summary{font-weight:600;cursor:pointer;min-height:30px}details p{margin:12px 0 0;color:var(--muted)}footer{border-top:1px solid var(--line);padding:24px 0 32px;font-size:12px;color:var(--muted)}footer a{display:inline-flex;min-height:44px;align-items:center;margin-right:20px}footer p{max-width:800px}.closing{margin-top:26px}.closing .small{margin-top:10px}
@media(max-width:700px){.wrap{padding:0 20px}.topbar{padding:20px 0}.wordmark{font-size:23px}.backlink{font-size:12px}.hero{grid-template-columns:1fr;gap:30px;padding:28px 0 38px}.hero figure{max-width:520px}.intro{font-size:16px}.two-col{grid-template-columns:1fr;gap:26px}.section{padding:34px 0}.shell{width:calc(50% - 9px)}.shell span{font-size:14px;padding:12px}h2{font-size:30px}.prompt{padding:18px}.brand{gap:8px}.brand img{width:34px;height:34px}}
:root.dark{--paper:#151918;--panel:#202624;--ink:#f3f1e9;--muted:#b3b9b2;--line:#3c4540;--accent:#f5a18b;--button:#b33e2b}@media(prefers-color-scheme:dark){:root:not(.light){--paper:#151918;--panel:#202624;--ink:#f3f1e9;--muted:#b3b9b2;--line:#3c4540;--accent:#f5a18b;--button:#b33e2b}}

.example-angles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.hero .example-angles img{aspect-ratio:1;border-radius:8px}