@font-face{font-family:"Source Serif 4";src:url("/fonts/SourceSerif4.woff2") format("woff2");font-weight:300 600;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("/fonts/SourceSerif4-Italic.woff2") format("woff2");font-weight:300 600;font-style:italic;font-display:swap}
@font-face{font-family:"Inter";src:url("/fonts/Inter.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#12241F}
a{color:#D9C08F}a:hover{color:#E8D5AE}
:focus-visible{outline:3px solid #D9C08F;outline-offset:3px;border-radius:6px}
@keyframes bar{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes sweep{0%{background-position:100% 0}100%{background-position:0 0}}
@keyframes rise{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:none}}
@keyframes scene{0%{opacity:0;transform:translateY(10px)}3%{opacity:1;transform:none}23%{opacity:1;transform:none}26%{opacity:0}100%{opacity:0}}
@keyframes stepOn{0%{background:transparent}3%{background:#FFFFFF}23%{background:#FFFFFF}26%{background:transparent}100%{background:transparent}}
@keyframes stepFill{0%{transform:scaleX(0)}25%{transform:scaleX(1)}26%,100%{transform:scaleX(0)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(217,192,143,.7)}70%{box-shadow:0 0 0 18px rgba(217,192,143,0)}100%{box-shadow:0 0 0 0 rgba(217,192,143,0)}}
@keyframes fill{0%{width:8%}100%{width:96%}}
@keyframes glow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes word{0%{background:transparent;color:#B8B2A3}3%{background:#D9C08F;color:#1D2925}72%{background:#D9C08F;color:#1D2925}76%{background:transparent;color:#B8B2A3}100%{background:transparent;color:#B8B2A3}}
@media (prefers-reduced-motion: reduce){*{animation:none!important}}
/* Phones: tighter sides and less vertical space */
@media (max-width:640px){
  .page header,.page section,.page section>div,.page footer{padding-left:20px!important;padding-right:20px!important}
  .page section>div,.page section[id]{padding-top:84px!important;padding-bottom:84px!important}
  .page header{padding-top:18px!important;padding-bottom:18px!important}
  .page nav a[href="#how"]{display:none!important}
}
@media (prefers-reduced-motion: reduce){.w{background:#D9C08F;color:#1D2925}}