
body{margin:0;background:#0A0C0A;color:#ECEFE6;font-family:'Geist',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#C5F53C;text-decoration:none}a:hover{color:#C5F53C}
.mono{font-family:'Geist Mono',ui-monospace,monospace}
.nav{position:sticky;top:0;z-index:50;background:rgba(10,12,10,.6);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid rgba(214,230,190,.1)}
.hero-bg{background-image:url(/assets/meadow.jpg);background-size:cover;background-position:58% 42%}
.kb{animation:kenburns 38s ease-in-out infinite alternate}
@keyframes kenburns{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1.5%,-1%,0)}}
.fog{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;mix-blend-mode:screen}
.fog1{animation:fogA 22s ease-in-out infinite alternate}
.fog2{animation:fogB 30s ease-in-out infinite alternate}
.fog3{animation:fogC 26s ease-in-out infinite alternate}
@keyframes fogA{from{transform:translate3d(-6%,2%,0) scale(1);opacity:.55}to{transform:translate3d(8%,-4%,0) scale(1.25);opacity:.9}}
@keyframes fogB{from{transform:translate3d(6%,0,0) scale(1.1);opacity:.35}to{transform:translate3d(-10%,3%,0) scale(.9);opacity:.7}}
@keyframes fogC{from{transform:translate3d(0,4%,0);opacity:.25}to{transform:translate3d(4%,-6%,0);opacity:.55}}
.pt{position:absolute;border-radius:50%;pointer-events:none;will-change:transform,opacity}
@keyframes floatA{0%{transform:translate3d(0,0,0);opacity:0}15%{opacity:1}50%{transform:translate3d(24px,-70px,0)}85%{opacity:.9}100%{transform:translate3d(-10px,-160px,0);opacity:0}}
@keyframes floatB{0%{transform:translate3d(0,0,0);opacity:0}20%{opacity:.9}50%{transform:translate3d(-30px,-50px,0)}80%{opacity:1}100%{transform:translate3d(18px,-130px,0);opacity:0}}
@keyframes floatC{0%{transform:translate3d(0,0,0) scale(.6);opacity:0}25%{opacity:1}60%{transform:translate3d(40px,-30px,0) scale(1)}100%{transform:translate3d(70px,-90px,0) scale(.7);opacity:0}}
@media (prefers-reduced-motion: reduce){.kb,.fog1,.fog2,.fog3,.pt{animation:none!important}}
.lnk{color:#A7AF9F}.lnk:hover{color:#ECEFE6}
.btn-w{background:#ECEFE6;color:#0A0C0A;transition:background .2s}.btn-w:hover{background:#C5F53C;color:#0A0C0A}
.btn-o{color:#ECEFE6;transition:border-color .2s,background .2s}.btn-o:hover{border-color:rgba(214,230,190,.45)!important;background:rgba(214,230,190,.05);color:#ECEFE6}
.card{transition:border-color .3s,transform .3s}.card:hover{border-color:rgba(197,245,60,.4)!important;transform:translateY(-4px)}
.row{transition:background .2s}.row:hover{background:rgba(197,245,60,.04)}
.chip{transition:all .2s}
.word{display:inline-block;animation:wordIn 1.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes wordIn{from{opacity:0;filter:blur(18px);transform:translateY(20px)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes revealIn{from{opacity:0;filter:blur(14px);transform:translateY(36px)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes heroOut{to{opacity:0;filter:blur(20px);transform:translateY(-70px) scale(.97)}}
@keyframes heroBg{to{filter:blur(12px) brightness(.55);transform:scale(1.1)}}
@keyframes navSolid{from{background:rgba(10,12,10,0);backdrop-filter:blur(0);border-bottom-color:rgba(214,230,190,0)}to{background:rgba(10,12,10,.62);backdrop-filter:blur(18px) saturate(140%);border-bottom-color:rgba(214,230,190,.1)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.live{animation:pulse 2s ease-in-out infinite}
@supports (animation-timeline: view()){
@media (prefers-reduced-motion: no-preference){
.reveal{animation:revealIn linear both;animation-timeline:view();animation-range:entry 0% entry 85%}
.hero-inner{animation:heroOut linear both;animation-timeline:scroll(root);animation-range:0 70vh}
.hero-bg{animation:heroBg linear both;animation-timeline:scroll(root);animation-range:0 100vh}
.nav{animation:navSolid linear both;animation-timeline:scroll(root);animation-range:0 240px}
}}
.show-m{display:none!important}
@media (max-width:900px){.hide-m{display:none!important}.show-m{display:flex!important}.pb-m{padding-bottom:88px}}
@media (max-width:640px){.h1{font-size:42px!important;letter-spacing:-1.2px!important}.h2{font-size:30px!important}.pad{padding-left:20px!important;padding-right:20px!important}.hero{min-height:640px!important}}
.df-field{position:absolute;inset:0}
.df-dots{position:absolute;top:0;bottom:0;left:0;width:calc(100% + 360px);background:#C5F53C;-webkit-mask-image:radial-gradient(circle,#000 .9px,transparent 1.3px),url(/assets/dither.svg);mask-image:radial-gradient(circle,#000 .9px,transparent 1.3px),url(/assets/dither.svg);-webkit-mask-size:4px 4px,360px 240px;mask-size:4px 4px,360px 240px;-webkit-mask-repeat:repeat,repeat-x;mask-repeat:repeat,repeat-x;-webkit-mask-position:0 0,left bottom;mask-position:0 0,left bottom;-webkit-mask-composite:source-in;mask-composite:intersect}
@keyframes df-drift{to{translate:-360px 0}}
@keyframes df-rise{from{translate:0 30%}}
@media (prefers-reduced-motion: no-preference){.df-dots{animation:df-drift 40s linear infinite}
@supports (animation-timeline: view()){.df-band{view-timeline:--df-band}.df-mark{animation:df-rise linear both;animation-timeline:--df-band;animation-range:entry 20% entry 100%}}}
.df-a{color:#A7AF9F;transition:color .2s}.df-a:hover{color:#ECEFE6}
.df-soc{color:#A7AF9F;transition:background .2s,color .2s}.df-soc:hover{background:rgba(236,239,230,.06);color:#ECEFE6}
.df-a:focus-visible,.df-soc:focus-visible,.df-btn:focus-visible{outline:2px solid #C5F53C;outline-offset:2px}
.df-in{outline:none;transition:border-color .2s}.df-in:focus{border-color:#C5F53C!important}
.hide-l{}
@media (max-width:1180px){.hide-l{display:none!important}}
.bar{transition:filter .2s,opacity .2s}.bar:hover{filter:brightness(1.25)}
@media (max-width:900px){.side{max-width:none!important}.side-list{max-height:280px;overflow:auto;border:1px solid rgba(214,230,190,.1);border-radius:12px;padding:12px 4px}}
.inp{outline:none}.inp:focus{border-color:rgba(197,245,60,.55)!important}
.row{transition:background .2s}.row:hover{background:rgba(197,245,60,.04)}
