:root{--void:#0d0b14;--ember:#ff6b35;--ash:#f4f4f4;--dusk:#1a152c}
*{box-sizing:border-box}
html,body{height:100%;margin:0;padding:0;background:var(--void);color:var(--ash);font-family:'Georgia',serif;overflow-x:hidden}
@font-face{font-family:'Gallatin';src:url('/fonts/gallatin.woff2') format('woff2')}
body{font-family:'Gallatin','Georgia',serif;line-height:1.6}
h1,h2,h3{text-transform:none;letter-spacing:-0.03em}
a{color:var(--ember);text-decoration:none}
a:hover{text-shadow:0 0 40px var(--ember)}
.section{min-height:90vh;display:grid;place-items:center;gap:8vmin;position:relative}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(40vmin,1fr));gap:6vmin;width:100%;max-width:120vmin}
.card{border:1px solid var(--ember);border-radius:24px;padding:6vmin;background:linear-gradient(180deg,var(--void) 0%,var(--dusk) 100%);transition:transform 0.8s cubic-bezier(.2,.8,.2,1)}
.card:hover{transform:translateZ(60px) rotateX(2deg)}
@keyframes spiral{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}