@import url('frame-theme.css');
@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url('fonts/inter-latin-wght-normal.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 300 700; font-display: swap; src: url('fonts/space-grotesk-latin-wght-normal.woff2') format('woff2'); }
@font-face { font-family: 'Geist Mono'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('fonts/geist-mono-latin-wght-normal.woff2') format('woff2'); }
:root { font-family: Inter, system-ui, sans-serif; font-size: 16px; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--background); color: var(--text); }
button { font: inherit; }
button, summary { cursor: pointer; }
button { color: inherit; }
button:disabled { cursor: default; opacity: .35; }
button, summary, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
[hidden] { display: none !important; }
.icon-definitions { position: absolute; width: 0; height: 0; overflow: hidden; }
.icon { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
svg use[href='#i-play'] { fill: currentColor; stroke-width: 1; }
.site-header { margin: auto; display: flex; align-items: center; }
.wordmark { display: inline-flex; align-items: center; gap: 10px; color: var(--text); text-decoration: none; }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 10px; min-height: 44px; padding: 10px 20px; border: 3px solid var(--line); background: var(--raised); font-weight: 700; white-space: nowrap; box-shadow: 4px 4px 0 var(--shadow); }
.button:hover { background: var(--surface); }
.primary { background: var(--accent); color: var(--on-accent); }
.primary:hover { background: #deb084; }