body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{box-sizing:border-box}
a{color:var(--gold-deep);text-decoration:none;transition:color .2s}
a:hover{color:var(--gold-brand)}
button{font-family:inherit;border:0;background:none;cursor:pointer;color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
section.band{padding:var(--band-y) 0}
.secondary-band{background:var(--secondary)}
.on-dark-sec{background:var(--ink);color:var(--text-dark)}
.on-dark-sec h1,.on-dark-sec h2,.on-dark-sec h3,.on-dark-sec h4{color:#fff}
.on-dark-sec p{color:var(--text-dark-soft)}
.ico{stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.reveal{transform:translateY(16px);transition:transform .7s ease;will-change:transform}
.reveal.in{transform:none}
@media (max-width:560px){.wrap{padding:0 20px}section.band{padding:var(--band-y-sm) 0}}