:root{--bg:#FAFAF7;--fg:#111111;--muted:#57574F;--line:#E3E2DB;--card:#FFFFFF;--slot:#ECEBE6;--slotfg:#626259;--accent-l:#C4481C;--accent-d:#EE7A4E;--brand:#E05A2B;--accent:var(--accent-l);color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111110;--fg:#F2F1EC;--muted:#A6A59E;--line:#2B2B28;--card:#171715;--slot:#22221F;--slotfg:#9C9B94;--accent:var(--accent-d);color-scheme:dark}}
:root[data-theme=dark]{--bg:#111110;--fg:#F2F1EC;--muted:#A6A59E;--line:#2B2B28;--card:#171715;--slot:#22221F;--slotfg:#9C9B94;--accent:var(--accent-d);color-scheme:dark}
html,body{margin:0;background:var(--bg);color:var(--fg)}
body{font-family:'Geist',system-ui,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:inherit}
a:hover{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
::selection{background:var(--accent);color:#fff}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}
.dsk{display:contents}
.mob{display:none}
:root{--bento-cols:minmax(0,1.2fr) minmax(0,1fr);--bento-span:span 2;--cap-cols:repeat(4,minmax(0,1fr))}
@media (max-width:999.98px){:root{--cap-cols:repeat(2,minmax(0,1fr))}}
@media (max-width:759.98px){.dsk{display:none}.mob{display:contents}:root{--bento-cols:minmax(0,1fr);--bento-span:auto}}
@media (max-width:599.98px){:root{--cap-cols:minmax(0,1fr)}}
html.rv [data-reveal]{opacity:0;transform:translateY(14px)}
button:disabled{opacity:.6;cursor:default}
@view-transition{navigation:auto}
.x0:focus{left:8px!important}
.x1:hover{color:var(--fg)!important}
.x2:hover{background:var(--slot)!important}
.x3:hover{transform:translateY(-1px)!important;color:var(--bg)!important}
.x4:hover{transform:translateY(-1px)!important;border-color:var(--fg)!important;color:var(--fg)!important}
.x5:hover{transform:translateY(-4px)!important;box-shadow:0 22px 40px -28px rgba(0,0,0,.35)!important;color:var(--fg)!important}
.x6:hover{transform:translateY(-3px)!important;box-shadow:0 22px 40px -28px rgba(0,0,0,.35)!important}
.x7:hover{transform:translateY(-1px)!important}
.x8:hover{color:var(--bg)!important}