@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

html{scroll-behavior:smooth;background:var(--color-cream)}
body{font-family:var(--font);color:var(--color-text);background:var(--color-cream);line-height:1.65;overflow-x:hidden;text-rendering:optimizeLegibility}
body.is-intro-playing,body.is-menu-open{overflow:hidden}
h1,h2,h3{font-family:var(--font-title);line-height:1.04;letter-spacing:0;color:var(--color-graphite)}
h1{font-size:clamp(2.55rem,6.2vw,5.8rem);max-width:980px}
h2{font-size:clamp(1.85rem,4.2vw,3.5rem)}
h3{font-size:clamp(1.08rem,2vw,1.34rem)}
p{color:var(--color-muted)}
a{text-underline-offset:4px}
.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.container-wide{width:min(var(--container-wide),calc(100% - 40px));margin-inline:auto}
.section{position:relative;padding:var(--space) 0}
.section--muted{background:linear-gradient(180deg,var(--color-offwhite),var(--color-cream))}
.section--dark{background:radial-gradient(circle at 20% 0,rgba(245,154,35,.16),transparent 34%),linear-gradient(135deg,#1d1b19,#090a0b);color:#fff;overflow:hidden}
.section--dark h2,.section--dark h3,.section--dark p,.section--dark span{color:#fff}
.skip-link{position:absolute;left:-999px;top:16px;z-index:100;background:#fff;padding:10px 14px;border-radius:var(--radius-sm);box-shadow:var(--shadow-card)}
.skip-link:focus{left:16px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--color-orange-dark);font-weight:900;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}
.eyebrow::before{content:"";width:28px;height:2px;background:var(--color-orange);border-radius:999px}
img{background:var(--color-sand)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--color-orange);outline-offset:4px}
::selection{background:rgba(245,154,35,.28)}