.home-page{overflow-x:clip}.section-intro{max-width:620px;margin-top:16px;font-size:1.125rem}.hero{--progress: 0;--stand: clamp(0, var(--progress) * 2, 1);padding-left:max(20px,6vw);padding-right:max(20px,6vw);padding-top:clamp(32px,7vh,80px);padding-bottom:clamp(64px,10vh,120px)}.hero-head{max-width:1200px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:clamp(20px,5vw,72px)}.hero-head h1{font-size:clamp(2.5rem,5.2vw,4.2rem)}.hero-head p{max-width:520px;font-size:1.125rem}.hero-figure{max-width:1200px;margin-left:auto;margin-right:auto;margin-top:clamp(32px,6vh,64px)}.hero-figure figcaption{display:none;margin-top:12px;font-size:.875rem;color:#556074}.hero-shot{position:relative;border:1px solid rgba(11,19,34,.9);border-radius:8px;box-shadow:0 24px 60px -24px #0b13228c;overflow:hidden;transform:perspective(1800px) rotateX(calc((1 - var(--stand)) * 16deg)) scale(calc(.92 + var(--stand) * .08));transform-origin:50% 100%;will-change:transform}.hero-shot img{width:100%;height:auto}.hero-ring{position:absolute;left:40.2%;top:8.6%;width:56%;height:11%;border:3px solid #3DDC84;border-radius:4px;clip-path:inset(0 100% 0 0);animation:hero-ring-draw .7s ease-out .5s forwards}.hero-note{position:absolute;left:40.2%;top:22.5%;max-width:34%;padding:10px 14px;background:#3ddc84;color:#0b1322;font-size:clamp(.8125rem,1.25vw,1rem);font-weight:700;line-height:1.3;border-radius:0 6px 6px;opacity:0;animation:hero-note-in .4s ease-out 1.1s forwards}.hero-facts{max-width:1200px;margin-left:auto;margin-right:auto;margin-top:clamp(48px,8vh,88px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px clamp(20px,3vw,40px)}.hero-facts dt{padding-top:14px;border-top:2px solid #0B1322;font-weight:800;line-height:1.25}.hero-facts dd{margin-top:8px;font-size:.9375rem;color:#556074}@keyframes hero-ring-draw{to{clip-path:inset(0)}}@keyframes hero-note-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1}}@media(max-width:960px){.hero-head{grid-template-columns:minmax(0,1fr)}.hero-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.hero-note{display:none}.hero-figure figcaption{display:block}}@media(max-width:480px){.hero-facts{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.hero-shot{transform:none}.hero-ring{animation:none;clip-path:none}.hero-note{animation:none;opacity:1}}.panel{border-top:1px solid rgba(11,19,34,.14)}.panel-pin{padding-left:max(20px,6vw);padding-right:max(20px,6vw);padding-top:clamp(56px,9vh,104px);padding-bottom:clamp(64px,11vh,128px)}.panel-head{max-width:1200px;margin-left:auto;margin-right:auto}.panel-viewer{max-width:1200px;margin-left:auto;margin-right:auto;margin-top:clamp(32px,5vh,56px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.3fr);align-items:start;gap:clamp(20px,3vw,48px)}.panel-tabs{display:flex;flex-direction:column}.panel-tabs button{display:block;padding:12px 0 12px 16px;background:none;border:none;border-left:3px solid rgba(11,19,34,.14);font:inherit;color:#556074;text-align:left;cursor:pointer;transition:color .2s,border-color .2s}.panel-tabs button:hover{color:#0b1322}.panel-tabs button.active{color:#0b1322;border-left-color:#2747d8}.panel-tabs button strong{display:block;font-weight:800;font-size:1.125rem}.panel-tabs button span{display:none;margin-top:4px;font-size:.9375rem;color:#556074}.panel-tabs button.active span{display:block}.panel-screen{position:relative;aspect-ratio:1600/1000;border:1px solid rgba(11,19,34,.9);border-radius:8px;box-shadow:0 24px 60px -24px #0b13228c;overflow:hidden;background:#0b1322}.panel-screen img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .25s}.panel-screen img.active{opacity:1}@media(min-width:861px)and (min-height:700px)and (prefers-reduced-motion:no-preference){.panel{height:300vh}.panel-pin{position:sticky;top:0;height:100vh;padding-top:0;padding-bottom:0;display:flex;flex-direction:column;justify-content:center}.panel-head,.panel-viewer{width:100%}.panel-screen{width:100%;max-width:calc((100vh - 330px)*1.6);justify-self:end}}@media(max-width:860px){.panel-viewer{grid-template-columns:minmax(0,1fr)}.panel-tabs{position:relative;flex-direction:row;flex-wrap:wrap;gap:4px 18px;padding-bottom:4.6rem}.panel-tabs button{padding:4px 0;border-left:none;border-bottom:3px solid transparent}.panel-tabs button.active{border-bottom-color:#2747d8}.panel-tabs button strong{font-size:1rem}.panel-tabs button span{position:absolute;left:0;right:0;bottom:0;height:4.2rem}}@media(prefers-reduced-motion:reduce){.panel-screen img{transition:none}}.mods{padding-left:max(20px,6vw);padding-right:max(20px,6vw);padding-top:clamp(56px,9vh,104px);padding-bottom:clamp(72px,12vh,136px);border-top:1px solid rgba(11,19,34,.14)}.mods-head,.mods-example,.mods-more{max-width:1200px;margin-left:auto;margin-right:auto}.mods-example{margin-top:clamp(32px,5vh,56px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,56px)}.mods-code{background:#0b1322;color:#e6ebf5;border-radius:8px;overflow:hidden}.mods-code figcaption{padding:10px 20px;border-bottom:1px solid rgba(230,235,245,.16);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:.8125rem;color:#aab4c8}.mods-code pre{padding:20px;overflow-x:auto;font-size:.8125rem;line-height:1.7}.mods-code span{color:#9fe3b4}.mods-shots{--progress: 0;--land: clamp(0, var(--progress) * 3.2 - .25, 1);position:relative;padding-bottom:22%}.mods-shots figure{border:1px solid rgba(11,19,34,.9);border-radius:8px;box-shadow:0 24px 60px -24px #0b13228c;overflow:hidden;background:#0b1322}.mods-shots figcaption{padding:8px 12px;font-size:.8125rem;color:#aab4c8}.mods-shot-barrel{width:82%;transform:translate(calc((1 - var(--land)) * -14%),calc((1 - var(--land)) * 60px)) rotate(calc((1 - var(--land)) * -7deg - 1.5deg))}.mods-shot-help{position:absolute;right:0;bottom:0;width:62%;transform:translate(calc((1 - var(--land)) * 30%),calc((1 - var(--land)) * 140px)) rotate(calc((1 - var(--land)) * 10deg + 2deg))}.mods-more{margin-top:clamp(40px,7vh,72px)}.mods-more>span{display:block;max-width:620px}.mods-more a{color:#2747d8;font-weight:700;text-decoration:underline;text-underline-offset:.18em}@media(max-width:900px){.mods-example{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.mods-shots{padding-bottom:0;display:grid;gap:16px}.mods-shot-barrel,.mods-shot-help{position:static;width:auto;transform:none}}@media(prefers-reduced-motion:reduce){.mods-shots{--land: 1}}.letter-section{--progress: 0;--settle: clamp(0, var(--progress) * 4 - .35, 1);padding-left:max(20px,6vw);padding-right:max(20px,6vw);padding-top:clamp(72px,13vh,144px);padding-bottom:clamp(72px,13vh,144px);background:#0b1322;color:#0b1322;overflow:hidden}.letter-layout{max-width:820px;margin:0 auto}.letter{padding:clamp(28px,5.5vw,80px);background:#fbfaf6;border-radius:6px;transform:translateY(calc((1 - var(--settle)) * 120px)) rotate(calc((1 - var(--settle)) * -5deg - 1deg));transform-origin:20% 100%}.letter h2{font-size:clamp(2.6rem,6vw,5rem);margin-bottom:32px}.letter p{max-width:640px;margin-bottom:22px;font-size:clamp(1.0625rem,1.4vw,1.25rem);line-height:1.6;color:#0b1322bd}.letter .letter-ask{margin:30px 0;font-size:clamp(1.3rem,2vw,1.6rem);font-weight:800;line-height:1.45;color:#0b1322}.letter .letter-ask mark{padding:.08em .25em;background:#3ddc8480;color:inherit;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.letter-signature{display:block;margin-top:36px;font-weight:700}@media(max-width:900px){.letter-section{padding-top:88px;padding-bottom:88px}}@media(prefers-reduced-motion:reduce){.letter{transform:rotate(-1deg)}}.footer{padding-left:max(20px,6vw);padding-right:max(20px,6vw);padding-top:32px;padding-bottom:40px;background:#0b1322;color:#e6ebf5;border-top:1px solid rgba(230,235,245,.16)}.footer-top{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px 24px}.footer-wordmark{font-weight:800;font-size:1.25rem;letter-spacing:-.02em}.footer-links{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:.9375rem;font-weight:600}.footer-links a{color:#aab4c8;transition:color .2s}.footer-links a:hover{color:#e6ebf5}.footer-legal{max-width:720px;margin-top:20px;font-size:.8125rem;color:#aab4c8}