.site{--field-line:#3a3935}
.site[data-theme="light"]{--field-line:#d3d0ca}
body{margin:0;background:#141413}

.site *{box-sizing:border-box}
.site a{color:inherit}
.site a:focus-visible,.site button:focus-visible,.site summary:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:6px}
.site input,.site select,.site textarea{font:400 15px var(--font-sans);color:var(--text)}
.site input:focus,.site select:focus,.site textarea:focus{outline:none;border-color:var(--amber)!important;box-shadow:0 0 0 3px #e8a85f40}
.motion .t-cursor{animation:t-cursor 1.06s steps(1) infinite}
@keyframes t-cursor{0%{opacity:1}50%{opacity:0}}
.marquee{display:flex;width:max-content}
.motion .marquee{animation:marquee 48s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}
.motion .app-spin{transform-origin:8px 8px;animation:spin 1.1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@supports (animation-timeline: view()){
.motion .reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 75%}
}
@keyframes reveal{from{opacity:0;transform:translateY(56px) scale(.97)}to{opacity:1;transform:none}}
@supports (d: path("M0 0")){
.motion .face-intro .f-left{animation:f-left 5s cubic-bezier(.45,0,.2,1) .2s both}
.motion .face-intro .f-mouth{animation:f-mouth 5s cubic-bezier(.45,0,.2,1) .2s both}
.motion .face-intro .f-eyes{animation:f-eyes 5s cubic-bezier(.45,0,.2,1) .2s both}
.motion .face-intro .f-bob{animation:f-bob 5s ease-in-out .2s both}
}
@keyframes f-left{0%,64%{d:path("M394 396 L394 440 L394 484");stroke-width:62px;stroke:#e8a85f}72%,100%{d:path("M362 384 L426 440 L362 496");stroke-width:35px;stroke:#e7e8eb}}
@keyframes f-eyes{0%,28%{transform:translateX(0)}34%,44%{transform:translateX(32px)}52%,60%{transform:translateX(-32px)}66%,100%{transform:translateX(0)}}
@keyframes f-mouth{0%,12%,24%{d:path("M630 672 Q521 792 412 672")}6%,18%{d:path("M626 682 Q521 756 416 682")}30%,64%{d:path("M624 682 Q521 768 418 682")}72%{d:path("M622 706 Q536 758 420 666")}78%,100%{d:path("M622 700 Q532 752 420 676")}}
@keyframes f-bob{0%,6%,12%,18%,24%,100%{transform:translateY(0)}3%,9%,15%,21%{transform:translateY(-14px)}}
@media (prefers-reduced-motion:reduce){.site *{animation:none!important}}
.site details summary{list-style:none;cursor:pointer}
.site details summary::-webkit-details-marker{display:none}
.site details[open] .chev{transform:rotate(45deg)}
@media (max-width:860px){.site-nav{display:none!important}.hero-pane{display:none!important}}