:root{color-scheme:dark;--bg:#11151b;--panel:#1a2029;--line:#303947;--text:#edf1f5;--muted:#a5b0bf;--accent:#c5e596}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.top,main,footer{width:min(1120px,calc(100% - 64px));margin:auto}.top{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.06em;font-size:17px}.brand span{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted)}nav{display:flex;gap:28px;font-size:14px;color:var(--muted)}nav a:hover,footer a:hover{color:var(--accent)}.hero{position:relative;padding:78px 0 86px;min-height:520px}.eyebrow{font-size:11px;letter-spacing:.17em;color:var(--accent);font-weight:700;margin:0 0 22px}h1{font-size:clamp(40px,5.6vw,66px);line-height:1.08;letter-spacing:-.045em;margin:0 0 26px;max-width:650px}h1 span{color:var(--accent)}.intro{font-size:16px;color:var(--muted);max-width:465px;margin:0 0 30px}.button{display:inline-flex;gap:30px;align-items:center;background:var(--accent);color:#172117;padding:12px 20px;font-weight:650;border-radius:5px;font-size:14px}.frame{position:absolute;right:0;top:98px;width:360px;height:296px;border:1px solid #46515f;border-radius:12px;background:#161c24;padding:24px;overflow:hidden;transform:rotate(3deg)}.rec{position:relative;z-index:2;font:11px ui-monospace,monospace;color:#e99e8d;letter-spacing:.12em}.scene{position:absolute;inset:0;background:linear-gradient(#263d4c,#617b79);overflow:hidden}.sun{position:absolute;top:50px;right:65px;width:58px;height:58px;border-radius:50%;background:#e4d4a2}.hill{position:absolute;width:430px;height:250px;border-radius:45% 50% 0 0;transform:rotate(-20deg);bottom:-115px;left:-60px}.back{background:#688580;bottom:-65px;left:80px}.front{background:#283f3e}.frame-label{position:absolute;left:24px;bottom:30px;color:#f4f0df;font-size:20px;font-weight:600;letter-spacing:-.02em}.timecode{position:absolute;bottom:12px;right:18px;font:10px ui-monospace,monospace;color:#b7c8c4}.notes{border-top:1px solid var(--line);padding:55px 0 65px}.section-head .eyebrow{margin-bottom:10px}h2{font-size:clamp(25px,3.5vw,34px);line-height:1.25;letter-spacing:-.03em;margin:0 0 28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.number{font:11px ui-monospace,monospace;letter-spacing:.08em;color:var(--accent)}h3{font-size:20px;line-height:1.35;letter-spacing:-.02em;margin:15px 0}article p,.about p{font-size:14px;color:var(--muted);margin:0 0 14px}.about{border-top:1px solid var(--line);padding:48px 0 60px;max-width:720px}.about .eyebrow{margin-bottom:12px}.about h2{margin-bottom:18px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0 32px;font-size:12px;color:var(--muted)}@media(max-width:1000px){.frame{width:280px;height:260px;top:122px}.intro{max-width:430px}h1{max-width:550px}.hero{padding-top:64px}.grid{gap:23px}}@media(max-width:800px){.hero{padding:48px 0}.frame{position:relative;top:auto;right:auto;transform:none;width:100%;height:240px;margin-top:38px}.intro{max-width:600px}h1{max-width:100%}.grid{grid-template-columns:1fr;gap:28px}.top,main,footer{width:calc(100% - 40px)}.brand span{display:none}nav{gap:20px}.notes{padding:40px 0}.about{padding:40px 0}.frame-label{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}