@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/Archivo-Variable.woff2") format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 800;font-display:swap;src:url("fonts/HankenGrotesk-Variable.woff2") format('woff2')}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400;font-display:swap;src:url("fonts/Caveat-Regular.woff2") format('woff2')}
:root{--lime:#a8e014;--deep-green:#5a9e00;--ink:#121a0e;--paper:#f2f1eb;--card:#faf9f3;--ink-a75:rgba(18,26,14,.75);--ink-a65:rgba(18,26,14,.65);--ink-a55:rgba(18,26,14,.55);--ink-a45:rgba(18,26,14,.45);--ink-a12:rgba(18,26,14,.12);--font-display:'Archivo',Arial,sans-serif;--font-body:'Hanken Grotesk',-apple-system,sans-serif;--font-hand:'Caveat',cursive}
html,body{margin:0;padding:0;background:#121A0E}
html{scroll-behavior:smooth}
a{color:var(--deep-green)}
a:hover{color:var(--ink)}
:focus-visible{outline:2px solid #A8E014;outline-offset:3px}
[hidden]{display:none !important}
@keyframes rise{from{opacity:0;transform:translateY(16px)}}
@keyframes fadein{from{opacity:0}}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes segfill{from{width:0}to{width:100%}}
@keyframes float1{from{transform:translateY(-6px)}to{transform:translateY(8px)}}
@keyframes float2{from{transform:translateY(7px)}to{transform:translateY(-8px)}}
@keyframes float3{from{transform:translateY(-5px) rotate(-0.6deg)}to{transform:translateY(7px) rotate(0.6deg)}}
[data-rv]{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
[data-rv="hide"]{opacity:0;transform:translateY(28px) scale(.97)}
#dock a{transition:background .15s ease,color .15s ease}
#dock > div{scrollbar-width:none}
#dock > div::-webkit-scrollbar{display:none}
#dock a[data-nav]{color:rgba(252,252,251,.66)}
#dock a[data-nav]:hover{color:#FCFCFB;background:rgba(252,252,251,.06)}
#dock a[data-nav][data-active]{color:#A8E014;background:rgba(168,224,20,.09)}
#dock a[data-lang]{color:rgba(252,252,251,.4)}
#dock a[data-lang]:hover{color:#FCFCFB}
#dock a[data-lang][aria-current]{color:rgba(252,252,251,.9)}
#reader::backdrop{background:rgba(18,26,14,.78)}
#contact input::placeholder{color:rgba(242,241,235,.55)}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}html{scroll-behavior:auto}[data-rv="hide"]{opacity:1;transform:none}}
.only-m{display:none}
@media (max-width:860px){.only-m{display:block}.only-d{display:none}}
.h1:focus{left:12px !important;top:12px !important;z-index:500 !important;background:var(--lime) !important;color:#121A0E !important;padding:10px 14px !important;border-radius:9px !important}
.h2:hover{transform:rotate(-1.6deg) scale(1.07) !important}
.h3:hover{transform:rotate(-2deg) scale(1.07) !important}
.h4:hover{transform:rotate(1.8deg) scale(1.07) !important}
.h5:hover{transform:rotate(1.2deg) scale(1.07) !important}
.h6:hover{transform:rotate(-2.2deg) scale(1.07) !important}
.h7:hover{transform:rotate(1.4deg) scale(1.07) !important}
.h8:hover{transform:rotate(-1.8deg) scale(1.07) !important}
.h9:hover{transform:rotate(1.6deg) scale(1.07) !important}
.h10:hover{transform:rotate(-1.5deg) scale(1.07) !important}
.h11:hover{transform:rotate(2deg) scale(1.07) !important}
.h12:hover{transform:translateY(-6px) !important;border-color:#A8E014 !important;background:rgba(18,26,14,.78) !important}
.h13:hover{color:#121A0E !important}
.h14:hover{background:#F2F1EB !important}
.h15:hover{background:#121A0E !important;color:#A8E014 !important}
.h16:hover{opacity:.85 !important}
.h17:hover{color:#A8E014 !important}