:root{--yellow:#ffd400;--yellow-hot:#ffe34d;--black:#050606;--panel:#0a0b0b;--text:#c4c9cb;--muted:#777e82;--line:rgba(255,212,0,.34);--line-soft:rgba(255,212,0,.13);--max:1080px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#000}body{margin:0;background:var(--black);color:var(--text);font-family:"DM Mono",monospace;min-height:100vh}a{color:inherit;text-decoration:none}.hex-field{position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg width='104' height='90' viewBox='0 0 104 90' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffd400' stroke-opacity='.12' stroke-width='1'%3E%3Cpath d='M26 1h52l25 44-25 44H26L1 45z'/%3E%3C/g%3E%3C/svg%3E");background-size:104px 90px;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent)}.scan{position:fixed;z-index:20;left:0;right:0;height:15vh;top:-20vh;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(255,212,0,.015),rgba(255,212,0,.045),transparent);animation:scan 15s linear infinite}.page-shell{width:min(calc(100% - 28px),var(--max));margin:14px auto;border-left:1px solid var(--line);border-right:1px solid var(--line);position:relative;background:rgba(5,6,6,.91)}.site-header{min-height:104px;padding:16px 26px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--yellow);color:#111}.brand{display:flex;align-items:center;gap:15px}.brand-logo{width:70px;height:62px;object-fit:contain;filter:brightness(0)}.brand-copy strong{display:block;font:700 24px "Space Grotesk",sans-serif;letter-spacing:.11em}.brand-copy small{display:block;margin-top:3px;font-size:8px;letter-spacing:.2em}.header-actions{display:flex;gap:8px}.header-actions a{width:42px;height:42px;border:1px solid rgba(0,0,0,.45);display:grid;place-items:center;transition:.18s}.header-actions svg{width:20px;height:20px;fill:currentColor}.header-actions a:hover,.header-actions a:focus-visible{background:#000;color:var(--yellow);outline:none;transform:translateY(-2px)}section{padding:36px 44px;border-bottom:1px solid var(--line)}.section-code{display:flex;justify-content:space-between;gap:18px;color:var(--yellow);font-size:9px;letter-spacing:.16em}.eyebrow,.kicker{font-size:9px;letter-spacing:.17em;color:var(--yellow);margin:0 0 15px}h1,h2{font-family:"Space Grotesk",sans-serif;text-transform:uppercase}h1{margin:0;font-size:clamp(43px,6.1vw,68px);line-height:.94;letter-spacing:-.045em;color:#f1f3f3}.statement-premise{display:block}.statement-imperative{display:block;color:var(--yellow-hot);margin-top:7px}h2{font-size:clamp(34px,4.8vw,55px);line-height:.98;letter-spacing:-.04em;margin:0;color:#edf0f1}.hero{padding-top:29px;padding-bottom:34px}.hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:34px;align-items:center;margin-top:26px}.lead{font-size:13px;line-height:1.7;max-width:510px;margin:21px 0 0}.hero-thesis{font-size:11px;line-height:1.7;color:#8e9699;max-width:520px;margin:12px 0 0}.hero-thesis strong{color:#e8ebec;font-weight:500}.hero-photo{margin:0;border:1px solid var(--line);padding:7px;background:#090a0a}.hero-photo img{display:block;width:100%;height:310px;object-fit:cover;object-position:57% center}.hero-photo figcaption{display:flex;justify-content:space-between;gap:10px;padding:8px 3px 1px;color:var(--yellow);font-size:7px;letter-spacing:.12em}.built-grid,.sidekick-grid,.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:34px}.built-copy>p:not(.kicker),.sidekick-copy>p:not(.kicker),.next-copy p,.closing-copy>p:not(.kicker){font-size:10.5px;line-height:1.75;color:#979ea1}.verbs{display:grid;grid-template-columns:1fr 1fr;margin-top:25px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.verbs span{padding:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--yellow);font:600 13px "Space Grotesk";letter-spacing:.1em}.family-photo{margin:0;border:1px solid var(--line);padding:7px}.family-photo img{display:block;width:100%;height:360px;object-fit:cover;object-position:center 55%}.sidekick{background:linear-gradient(180deg,rgba(255,212,0,.035),transparent 45%)}.motion-card{position:relative;border:1px solid var(--line);padding:7px;background:#080909}.motion-card video{display:block;width:100%;height:390px;object-fit:cover;background:#111}.motion-toggle{position:absolute;left:18px;bottom:47px;border:1px solid var(--yellow);background:rgba(5,6,6,.88);color:var(--yellow);font:500 8px "DM Mono";letter-spacing:.14em;padding:9px 11px;cursor:pointer}.motion-labels{display:flex;flex-wrap:wrap;gap:5px;padding-top:7px}.motion-labels span{font-size:6.5px;letter-spacing:.1em;color:#737a7d;border:1px solid var(--line-soft);padding:5px 6px}.sidekick-copy .pull{display:block;margin-top:22px;color:var(--yellow-hot);font:600 clamp(20px,2.6vw,30px) "Space Grotesk";line-height:1.1}.next-grid{align-items:start}.next-copy{border-left:1px solid var(--line);padding-left:28px}.next-copy strong{color:#e6eaeb;font-weight:500}.next-copy em{color:var(--yellow-hot);font-style:normal}.project-link{display:flex;justify-content:space-between;align-items:center;margin-top:23px;padding:15px 16px;border:1px solid var(--yellow);color:var(--yellow);font-size:9px;letter-spacing:.11em;transition:.18s}.project-link:hover,.project-link:focus-visible{background:var(--yellow);color:#111;outline:none}.project-link[data-needs-url]{cursor:not-allowed}.closing{padding-top:39px;padding-bottom:48px}.closing-copy{max-width:850px;margin-top:37px}.closing-thesis{margin-top:30px;border-left:3px solid var(--yellow);padding:4px 0 4px 20px}.closing-thesis span,.closing-thesis strong{display:block;font-family:"Space Grotesk";text-transform:uppercase}.closing-thesis span{font-size:clamp(14px,2vw,20px);color:#8d9497;margin-bottom:8px}.closing-thesis strong{font-size:clamp(25px,4vw,44px);line-height:1.05;color:#eef1f2}.closing-thesis strong:last-child{color:var(--yellow-hot);margin-top:5px}footer{padding:26px 44px 31px;display:flex;justify-content:space-between;align-items:center}.footer-status,.copyright{font-size:7px;letter-spacing:.15em;color:#656c6f}.footer-status{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 9px var(--yellow);animation:pulse 2.4s ease-in-out infinite}.reveal{opacity:0;transform:translateY(8px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@keyframes scan{to{transform:translateY(145vh)}}@keyframes pulse{50%{opacity:.4;box-shadow:0 0 3px var(--yellow)}}
@media(max-width:760px){.hero-grid,.built-grid,.sidekick-grid,.next-grid{grid-template-columns:1fr}.hero-photo{order:-1}.hero-photo img{height:300px}.built-grid,.sidekick-grid,.next-grid{gap:25px}.family-photo img{height:330px}.motion-card video{height:360px}.next-copy{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}}
@media(max-width:650px){.page-shell{width:calc(100% - 18px);margin:9px auto}.site-header{min-height:82px;padding:10px 14px}.brand{gap:9px}.brand-logo{width:50px;height:50px}.brand-copy strong{font-size:16px}.brand-copy small{font-size:6.5px}.header-actions a{width:32px;height:32px}.header-actions svg{width:16px;height:16px}section{padding:25px 20px}.section-code{font-size:7px;letter-spacing:.11em}.hero{padding-top:21px;padding-bottom:27px}.hero-grid{margin-top:19px;gap:20px}.hero-photo{order:0}.hero-photo img{height:225px}.statement-premise{font-size:clamp(19px,5.5vw,23px);line-height:1.15}.statement-imperative{margin-top:8px;font-size:clamp(36px,10.5vw,48px);line-height:.98}h2{font-size:clamp(30px,9vw,43px)}.lead{font-size:11px;margin-top:16px}.hero-thesis{font-size:9.5px}.eyebrow,.kicker{font-size:7.5px}.built-grid,.sidekick-grid,.next-grid{margin-top:27px}.family-photo img{height:270px}.motion-card video{height:315px}.sidekick-copy .pull{font-size:23px}.closing{padding-top:28px;padding-bottom:34px}.closing-copy{margin-top:28px}.closing-thesis{padding-left:14px;margin-top:23px}.closing-thesis span{font-size:12px}.closing-thesis strong{font-size:27px}footer{padding:22px 20px 26px}}
@media(max-width:390px){.brand-copy small{display:none}.brand-logo{width:44px}.brand-copy strong{font-size:14px}.hero-photo img{height:205px}.motion-card video{height:290px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.status-dot,.scan{animation:none}.reveal{opacity:1;transform:none;transition:none}}