:root{--hue: 24;--hue-accent: 179;--hue-deep: 229;--sat-low: .48;--sat-base: .62;--sat-high: .74;--l-50: 97%;--l-100: 93%;--l-200: 86%;--l-300: 78%;--l-400: 65%;--l-500: 50%;--l-600: 40%;--l-700: 32%;--l-800: 24%;--l-900: 16%;--ink-50: hsl(var(--hue) 30% 96%);--ink-100: hsl(var(--hue) 24% 92%);--ink-200: hsl(var(--hue) 20% 84%);--ink-900: hsl(var(--hue-deep) 38% 8%);--ink-950: hsl(var(--hue-deep) 42% 5%);--brand-50: hsl(var(--hue) 60% var(--l-50));--brand-100: hsl(var(--hue) 58% var(--l-100));--brand-200: hsl(var(--hue) 56% var(--l-200));--brand-300: hsl(var(--hue) 54% var(--l-300));--brand-400: hsl(var(--hue) 50% var(--l-400));--brand-500: hsl(var(--hue) 62% var(--l-500));--brand-600: hsl(var(--hue) 66% var(--l-600));--brand-700: hsl(var(--hue) 70% var(--l-700));--brand-800: hsl(var(--hue) 72% var(--l-800));--brand-900: hsl(var(--hue) 74% var(--l-900));--accent-300: hsl(var(--hue-accent) 50% var(--l-300));--accent-400: hsl(var(--hue-accent) 58% var(--l-400));--accent-500: hsl(var(--hue-accent) 66% var(--l-500));--accent-600: hsl(var(--hue-accent) 70% var(--l-600));--deep-500: hsl(var(--hue-deep) 56% var(--l-500));--deep-600: hsl(var(--hue-deep) 64% var(--l-600));--deep-900: hsl(var(--hue-deep) 72% var(--l-900));--bg: var(--ink-50);--bg-soft: hsl(var(--hue) 24% 98%);--bg-inv: var(--ink-900);--bg-inv-2: var(--ink-950);--surface: white;--border: hsl(var(--hue) 18% 88%);--border-strong: hsl(var(--hue) 20% 70%);--text: hsl(var(--hue-deep) 32% 14%);--text-soft: hsl(var(--hue-deep) 22% 32%);--text-mute: hsl(var(--hue-deep) 18% 48%);--text-inv: hsl(var(--hue) 30% 96%);--font-display: "Fraunces", "Iowan Old Style", "Georgia", serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.375rem;--fs-xl: 1.875rem;--fs-2xl: 2.75rem;--fs-3xl: 4rem;--fs-4xl: 6.5rem;--lh-tight: 1.05;--lh-snug: 1.25;--lh-base: 1.55;--lh-loose: 1.75;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-eyebrow: .18em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--radius-sm: 4px;--radius: 8px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 2px hsl(var(--hue-deep) 32% 14% / .06);--shadow: 0 4px 16px hsl(var(--hue-deep) 32% 14% / .08);--shadow-lg: 0 20px 60px hsl(var(--hue-deep) 32% 14% / .18);--shadow-spotlight: 0 30px 120px hsl(var(--hue) 62% 50% / .45);--max-w: 1240px;--max-w-prose: 68ch}@media(prefers-color-scheme:dark){:root{--bg: var(--ink-900);--bg-soft: var(--ink-950);--bg-inv: var(--ink-50);--surface: hsl(var(--hue-deep) 32% 12%);--border: hsl(var(--hue-deep) 22% 22%);--border-strong: hsl(var(--hue-deep) 22% 36%);--text: hsl(var(--hue) 30% 96%);--text-soft: hsl(var(--hue) 22% 78%);--text-mute: hsl(var(--hue) 16% 60%);--text-inv: hsl(var(--hue-deep) 32% 14%)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--text);background:var(--bg);font-feature-settings:"kern","liga","cv11"}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);margin:0;color:var(--text)}h1{font-size:clamp(2.75rem,6vw + 1rem,var(--fs-4xl))}h2{font-size:clamp(2rem,3vw + 1rem,var(--fs-3xl))}h3{font-size:var(--fs-2xl)}h4{font-size:var(--fs-xl)}p{margin:0 0 var(--space-4)}a{color:var(--brand-700);text-decoration:none;transition:color .12s ease}a:hover{color:var(--brand-900)}em,.italic,h1 em,h2 em{font-style:italic;font-family:var(--font-display);color:var(--accent-500)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.92em}img,svg{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.prose{max-width:var(--max-w-prose)}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--text-mute)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.85em 1.6em;border-radius:999px;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:500;letter-spacing:var(--tracking-wide);transition:transform .14s ease,box-shadow .14s ease,background .14s ease;border:1px solid transparent;text-decoration:none}.btn:hover{transform:translateY(-1px);color:inherit}.btn-primary{background:var(--brand-500);color:var(--brand-50);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--brand-600);box-shadow:var(--shadow);color:var(--brand-50)}.btn-ghost{border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover{background:var(--bg-soft);color:var(--text)}.btn-inv{background:var(--text-inv);color:var(--ink-900)}.btn-inv:hover{background:var(--brand-100);color:var(--ink-900)}.nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);background:hsl(var(--hue) 30% 96% / .78);border-bottom:1px solid var(--border)}@media(prefers-color-scheme:dark){.nav{background:hsl(var(--hue-deep) 38% 8% / .78)}}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding-block:var(--space-4)}.nav-brand{font-family:var(--font-display);font-size:var(--fs-md);font-weight:500;letter-spacing:var(--tracking-tight);color:var(--text);display:inline-flex;align-items:baseline;gap:.4em}.nav-brand em{font-style:italic;color:var(--brand-500)}.nav-links{display:flex;align-items:center;gap:clamp(1rem,2vw,1.75rem);list-style:none;margin:0;padding:0}.nav-links a{font-size:var(--fs-sm);letter-spacing:var(--tracking-normal);color:var(--text-soft);position:relative;padding-block:.4em}.nav-links a:hover,.nav-links a.is-active{color:var(--text)}.nav-links a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brand-500);border-radius:2px}@media(max-width:720px){.nav-links{gap:.9rem}.nav-links a{font-size:var(--fs-xs)}.nav-cta{display:none}}section{padding-block:clamp(4rem,9vw,8rem)}.section-header{display:flex;flex-direction:column;gap:var(--space-3);max-width:56ch;margin-bottom:var(--space-7)}.hero{position:relative;padding-block:clamp(5rem,11vw,10rem) clamp(3rem,7vw,6rem);background:var(--ink-950);color:var(--text-inv);overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 32%,hsl(var(--hue) 90% 60% / .45),transparent 55%),radial-gradient(circle at 14% 78%,hsl(var(--hue-accent) 80% 50% / .32),transparent 60%);filter:blur(20px);z-index:-2}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 78% 32%,transparent 0,transparent 90px,hsl(var(--hue-deep) 42% 5%) 240px),linear-gradient(180deg,transparent,hsl(var(--hue-deep) 42% 5% / .85));z-index:-1}.hero-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--space-7);align-items:center}@media(max-width:900px){.hero-inner{grid-template-columns:1fr}}.hero h1{color:var(--text-inv);font-size:clamp(2.75rem,7vw + 1rem,5.75rem);font-weight:350;font-variation-settings:"opsz" 144,"SOFT" 50;letter-spacing:-.035em;line-height:.98;margin-bottom:var(--space-5)}.hero h1 em{color:hsl(var(--hue) 92% 72%)}.hero-lede{font-size:var(--fs-md);line-height:var(--lh-loose);color:hsl(var(--hue) 22% 82%);max-width:52ch;margin-bottom:var(--space-6)}.hero-cta{display:flex;gap:var(--space-3);flex-wrap:wrap}.hero-spotlight{position:relative;aspect-ratio:4 / 5;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-spotlight);border:1px solid hsl(var(--hue) 60% 80% / .15)}.hero-spotlight img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.1)}.hero-spotlight-cap{position:absolute;inset:auto var(--space-4) var(--space-4) var(--space-4);display:flex;justify-content:space-between;align-items:end;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-inv);text-shadow:0 2px 12px hsl(var(--hue-deep) 42% 5%)}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-5);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid hsl(var(--hue) 18% 50% / .22)}.hero-stat-num{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:500;color:var(--text-inv);letter-spacing:-.02em;display:block;line-height:1}.hero-stat-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:hsl(var(--hue) 22% 78%);margin-top:var(--space-2);display:block}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.gallery-item{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .24s ease,box-shadow .24s ease}.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.gallery-item img{width:100%;height:100%;aspect-ratio:var(--ratio, 1 / 1);object-fit:cover;transition:transform .7s ease}.gallery-item:hover img{transform:scale(1.04)}.gallery-item-cap{position:absolute;inset:auto 0 0;padding:var(--space-4);background:linear-gradient(180deg,transparent,hsl(var(--hue-deep) 42% 5% / .92));color:var(--text-inv);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);display:flex;justify-content:space-between;gap:var(--space-3);opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}.gallery-item:hover .gallery-item-cap,.gallery-item:focus-within .gallery-item-cap{opacity:1;transform:translateY(0)}.gallery-item-cap strong{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:var(--fs-sm);letter-spacing:0;display:block;color:var(--brand-200);margin-bottom:2px}.gallery-item-cap span{color:hsl(var(--hue) 18% 80%)}.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-6);padding-block:var(--space-7);border-block:1px solid var(--border);background:var(--bg-soft)}.stats-bar-item{display:flex;flex-direction:column;gap:var(--space-2)}.stats-bar-num{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:500;letter-spacing:-.02em;line-height:1;color:var(--text)}.stats-bar-label{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--text-mute)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.feature-card{display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s ease,transform .2s ease;text-decoration:none;color:inherit;min-height:240px}.feature-card:hover{border-color:var(--brand-500);transform:translateY(-2px);color:inherit}.feature-card .glyph{font-family:var(--font-display);font-style:italic;font-size:2.6rem;font-weight:400;color:var(--brand-500);line-height:1}.feature-card h3{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:500;margin-block:var(--space-4) var(--space-2)}.feature-card p{color:var(--text-soft);margin-bottom:var(--space-5)}.feature-card .link{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text);display:inline-flex;align-items:center;gap:.4em}.feature-card .link:after{content:"→";transition:transform .18s ease}.feature-card:hover .link:after{transform:translate(4px)}.sources{font-family:var(--font-display);font-size:var(--fs-lg);line-height:var(--lh-loose);color:var(--text-soft);max-width:76ch}.sources em{font-style:italic;color:var(--text)}.cta-band{background:var(--ink-950);color:var(--text-inv);border-radius:var(--radius-xl);padding:clamp(3rem,6vw,5rem);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-7);align-items:center;position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 110% 50%,hsl(var(--hue) 90% 60% / .32),transparent 55%);z-index:0}.cta-band>*{position:relative}.cta-band h2{color:var(--text-inv);font-size:clamp(2rem,4vw + 1rem,3.25rem);font-weight:350}.cta-band h2 em{color:hsl(var(--hue) 92% 72%)}.cta-band p{color:hsl(var(--hue) 22% 82%);margin-block:var(--space-4) var(--space-5)}@media(max-width:760px){.cta-band{grid-template-columns:1fr}}.site-footer{padding-block:var(--space-7) var(--space-6);border-top:1px solid var(--border);margin-top:var(--space-7);background:var(--bg-soft)}.site-footer-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-5);align-items:end}.site-footer p{margin:0;font-size:var(--fs-sm);color:var(--text-soft);max-width:56ch}.site-footer-credit{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-mute);letter-spacing:var(--tracking-wide)}.site-footer ul{display:flex;gap:var(--space-4);list-style:none;margin:0;padding:0}.site-footer ul a{font-size:var(--fs-sm);color:var(--text-soft)}@media(max-width:720px){.site-footer-inner{grid-template-columns:1fr}}.muted{color:var(--text-mute)}.small{font-size:var(--fs-sm)}.mono{font-family:var(--font-mono)}.center{text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden}.playground{width:100%;max-width:var(--max-w);margin:0 auto;padding:var(--space-7) clamp(1.25rem,4vw,2.5rem) var(--space-9)}.playground-header{max-width:var(--max-w-prose);margin-bottom:var(--space-6)}.playground-header h1{font-size:clamp(2rem,4vw + 1rem,var(--fs-3xl));letter-spacing:var(--tracking-tight);margin:var(--space-2) 0 var(--space-4)}.playground-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-6);align-items:start}@media(max-width:900px){.playground-grid{grid-template-columns:1fr}}.canvas-wrap{display:flex;flex-direction:column;gap:var(--space-3)}#canvas{display:block;width:100%;max-width:720px;aspect-ratio:1 / 1;background:var(--ink-950);border:1px solid var(--border);border-radius:var(--radius);image-rendering:-webkit-optimize-contrast}.canvas-hint{font-size:var(--fs-sm);color:var(--text-mute);margin:0}.controls{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:var(--space-4);box-shadow:var(--shadow-sm)}@media(prefers-color-scheme:dark){.controls{background:hsl(var(--hue-deep) 28% 11%)}}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-mute);display:flex;justify-content:space-between;align-items:baseline}.field-value{color:var(--accent-500);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0}.controls select,.controls input[type=number]{font:inherit;font-size:var(--fs-sm);width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text)}.controls input[type=range]{width:100%;accent-color:var(--accent-500)}.btn-row{display:flex;gap:var(--space-2)}.controls .btn{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);text-align:center;font-weight:500;font-size:var(--fs-sm)}.controls .btn-primary{background:var(--accent-500);border-color:var(--accent-500);color:var(--text-inv)}.controls .btn:hover{border-color:var(--accent-500)}.stats{margin:0;padding-top:var(--space-4);border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--fs-xs)}.stats>div{display:flex;justify-content:space-between;gap:var(--space-2)}.stats dt{color:var(--text-mute);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.stats dd{margin:0;color:var(--accent-500);font-variant-numeric:tabular-nums;text-align:right}.playground-help{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border);max-width:var(--max-w-prose);color:var(--text-soft)}.playground-help h2{font-size:var(--fs-xl);color:var(--text);margin-bottom:var(--space-3)}.playground-help ul{padding-left:var(--space-5)}.playground-help li{margin-bottom:var(--space-2)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out-expo, ease),transform .6s var(--ease-out-expo, ease)}.play-fullscreen{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#0a0a0a;margin:0;padding:0}.play-fullscreen #play-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:#0a0a0a;cursor:crosshair}.play-panel{position:fixed;top:24px;right:24px;width:340px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;z-index:10;background:#14110dc7;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px;color:#e8e2d4;font:13px/1.5 Inter,system-ui,sans-serif;box-shadow:0 16px 48px #00000080;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .22s cubic-bezier(.16,1,.3,1);transform-origin:top right}.play-panel.is-hidden{transform:translate(calc(100% + 32px));opacity:0;pointer-events:none}.play-panel__head h2{margin:0 0 4px;font:600 18px/1.2 Fraunces,serif;color:#f6f0e4}.play-panel__sub{margin:0 0 20px;font:12px/1.3 JetBrains Mono,monospace;color:#8a8073;letter-spacing:.02em}.play-panel__nav{display:flex;gap:6px;margin:14px 0 0}.play-nav-btn{font:11px Inter,system-ui,sans-serif;font-weight:500;letter-spacing:.04em;text-transform:lowercase;padding:5px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#e8e2d4;cursor:pointer;flex:1;transition:background .16s,border-color .16s,color .16s}.play-nav-btn:hover{background:#d68c5d2e;border-color:#d68c5d80;color:#f6f0e4}.play-nav-pos{display:flex;align-items:center;justify-content:center;min-width:56px;font:11px JetBrains Mono,monospace;color:#8a8073;letter-spacing:.04em}.play-params{display:flex;flex-direction:column;gap:14px}.play-params .param{display:flex;flex-direction:column;gap:6px}.play-params .param-row{display:flex;justify-content:space-between;align-items:baseline}.play-params .param-name{font:11px/1 JetBrains Mono,monospace;color:#8a8073;text-transform:lowercase;letter-spacing:.04em}.play-params .param-val{font:11px JetBrains Mono,monospace;color:#e8e2d4;font-variant-numeric:tabular-nums}.play-params input[type=range]{width:100%;accent-color:#d68c5d}.play-params .param-toggle{font:11px JetBrains Mono,monospace;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#8a8073;cursor:pointer;align-self:flex-start;transition:background .16s,color .16s,border-color .16s}.play-params .param-toggle:hover{border-color:#ffffff40;color:#e8e2d4}.play-params .param-toggle.is-on{background:#d68c5d;color:#14110d;border-color:#d68c5d}.play-params .param-toggle.is-on:hover{background:#e89a6c;border-color:#e89a6c}.play-panel__foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.play-panel__foot button{font:12px Inter,sans-serif;font-weight:500;padding:8px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#d68c5d;color:#14110d;cursor:pointer;transition:transform .12s,background .2s,opacity .2s}.play-panel__foot.is-shuffling button{opacity:.35}.play-panel__foot button:hover{background:#e89a6c;transform:translateY(-1px)}.play-panel__foot button.ghost{background:transparent;color:#e8e2d4;border-color:#ffffff2e}.play-panel__foot button.ghost:hover{background:#ffffff0f}.play-panel__foot button.is-paused{background:#7a9462;color:#14110d}.play-panel__foot button.is-paused:hover{background:#8aa572}.play-toggle{position:fixed;top:24px;right:24px;z-index:11;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#14110dc7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#e8e2d4;font-size:18px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .22s,transform .16s}.play-toggle:hover{transform:scale(1.06)}.play-panel.is-hidden~.play-toggle{opacity:1;pointer-events:auto}.play-status{position:fixed;top:24px;left:24px;z-index:11;display:flex;gap:8px}.play-status .pill{font:11px/1 JetBrains Mono,monospace;padding:6px 10px;border-radius:999px;background:#14110dc7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);color:#8a8073}.play-status .pill#play-state{color:#7a9462}.play-status .pill#play-state.is-paused{color:#d68c5d}.play-menu{position:fixed;left:24px;bottom:24px;z-index:12;font:13px/1.5 Inter,system-ui,sans-serif}.play-menu__btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#14110dc7;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);color:#e8e2d4;font:12px/1 Inter,sans-serif;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:transform .16s,background .2s,border-color .2s}.play-menu__btn:hover{transform:translateY(-1px);border-color:#ffffff38;background:#1e1914d9}.play-menu__icon{font-size:18px;line-height:1;color:#d68c5d;display:inline-block;transform:translateY(-1px)}.play-menu.is-open .play-menu__btn{background:#d68c5d;border-color:#d68c5d;color:#14110d}.play-menu.is-open .play-menu__icon{color:#14110d}.play-menu__list{margin:10px 0 0;padding:8px;min-width:280px;background:#14110deb;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 16px 48px #0009;display:none;transform-origin:bottom left}.play-menu.is-open .play-menu__list{display:block;animation:playMenuIn .2s cubic-bezier(.16,1,.3,1) both}@keyframes playMenuIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.play-menu__section+.play-menu__section{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.play-menu__heading{margin:0 4px 6px;padding:0;font:10px/1 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.12em;color:#8a8073;font-weight:500}.play-menu__section ul{list-style:none;margin:0;padding:0}.play-menu__list li{margin:0;padding:0}.play-menu__list a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;color:#e8e2d4;text-decoration:none;border-radius:7px;font:13px/1.3 Inter,system-ui,sans-serif;transition:background .14s,color .14s}.play-menu__list a:hover{background:#ffffff0f;color:#f6f0e4}.play-menu__list a small{font:10px/1 JetBrains Mono,monospace;color:#8a8073;text-transform:lowercase;letter-spacing:.04em;margin-left:auto;text-align:right}.play-menu__list a:hover small{color:#d68c5d}.play-menu__list li.is-current a{color:#d68c5d;background:#d68c5d1a;pointer-events:none}.play-menu__list li.is-current a.demo-link{cursor:default}.play-menu__list li.is-current a small{color:#d68c5d}.play-menu__list a.demo-link{cursor:pointer}.play-menu__list a.demo-link:hover{background:#d68c5d1a;color:#d68c5d}body.is-minimal .play-panel,body.is-minimal .play-toggle,body.is-minimal .play-status,body.is-minimal .play-menu__btn,body.is-minimal .play-menu__list{opacity:0!important;pointer-events:none!important;transition:opacity .28s cubic-bezier(.16,1,.3,1)}.play-panel,.play-toggle,.play-status,.play-menu__btn,.play-menu__list{transition:opacity .28s cubic-bezier(.16,1,.3,1)}body.is-minimal .play-panel.is-hidden{opacity:0!important}.play-reveal{position:fixed;left:24px;bottom:24px;z-index:13;font:11px/1 JetBrains Mono,monospace;padding:6px 12px;border-radius:999px;background:#14110d8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#8a8073;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .32s cubic-bezier(.16,1,.3,1)}body.is-minimal .play-reveal{opacity:1;pointer-events:auto}.play-reveal.is-idle{opacity:0!important;pointer-events:none!important}.play-reveal:hover{color:#d68c5d;border-color:#d68c5d66}body.is-minimal .play-menu{pointer-events:none}@media(max-width:720px){.play-panel{inset:auto 12px 12px;width:auto;max-height:50vh;max-height:50dvh;transform-origin:bottom center}.play-panel.is-hidden{transform:translateY(calc(100% + 16px))}.play-toggle{top:12px;right:12px}.play-status{top:12px;left:12px}.play-menu{left:12px;bottom:12px}.play-menu__list{min-width:220px}}@media(prefers-reduced-motion:reduce){.play-panel,.play-toggle,.play-menu,.play-menu__btn,.play-panel__foot button{transition:none}.play-menu.is-open .play-menu__list{animation:none}}.skip-link{position:absolute;top:-100px;left:12px;z-index:1000;padding:10px 16px;background:#d68c5d;color:#14110d;font:600 13px/1 Inter,system-ui,sans-serif;text-decoration:none;border-radius:6px;transition:top .2s}.skip-link:focus,.skip-link:focus-visible{top:12px;outline:2px solid #f6f0e4;outline-offset:2px}.visually-hidden-aria{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.play-fullscreen a:focus-visible,.play-fullscreen button:focus-visible,.play-fullscreen input:focus-visible,.play-fullscreen select:focus-visible,.play-fullscreen textarea:focus-visible,.play-fullscreen [role=menuitem]:focus-visible,.play-fullscreen [tabindex]:focus-visible{outline:2px solid #d68c5d;outline-offset:3px;border-radius:6px}.play-fullscreen canvas:focus-visible{outline:none}.play-fullscreen input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #d68c5d73}.play-fullscreen input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #d68c5d73}.play-menu__list li.is-current a{color:#d68c5d}.evolve-audio-widget{position:fixed;left:18px;bottom:18px;z-index:50;font-family:var(--font-body);pointer-events:none}.evolve-audio-widget>*{pointer-events:auto}.evolve-audio-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .95rem;background:#14110dd1;color:#d68c5d;border:1px solid rgba(214,140,93,.35);border-radius:999px;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);transition:background .18s,border-color .18s,transform .18s;box-shadow:0 6px 18px #00000059}.evolve-audio-toggle:hover,.evolve-audio-toggle:focus-visible{background:#14110df2;border-color:#d68c5db3;transform:translateY(-1px);outline:none}.evolve-audio-toggle.is-open{background:#d68c5d26;border-color:#d68c5db3;color:#e89a6c}.evolve-audio-toggle__icon{font-size:1.05rem;line-height:1;font-weight:600}.evolve-audio-panel{position:absolute;left:0;bottom:calc(100% + 10px);width:380px;max-width:calc(100vw - 36px);background:#14110deb;color:var(--ink);border:1px solid rgba(214,140,93,.35);border-radius:14px;padding:1rem 1rem .9rem;box-shadow:0 16px 40px #0000008c;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);animation:evolve-audio-panel-in .18s ease-out}@keyframes evolve-audio-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.evolve-audio-panel__head{margin-bottom:.55rem}.evolve-audio-panel__title{font-family:var(--serif);font-size:1rem;margin:0;letter-spacing:-.005em;color:var(--ink)}.evolve-audio-panel__sub{font-family:var(--mono);font-size:.7rem;margin:.15rem 0 0;color:var(--ink-dim);letter-spacing:.04em}.evolve-audio-panel__status{display:inline-block;font-family:var(--mono);font-size:.7rem;padding:.25rem .55rem;margin:.5rem 0 .7rem;border-radius:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--ink-soft);letter-spacing:.02em}.evolve-audio-panel__status.is-loading{color:#e8b75c;border-color:#e8b75c59}.evolve-audio-panel__status.is-ready{color:#7ac99a;border-color:#7ac99a59}.evolve-audio-panel__status.is-error{color:#e8704d;border-color:#e8704d59}.evolve-audio-keyboard{margin:.3rem 0 .7rem;border-radius:6px;overflow:hidden;background:#14110d;border:1px solid rgba(255,255,255,.08)}.evolve-audio-keyboard canvas{display:block}.evolve-audio-row{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:.6rem;margin:.4rem 0}.evolve-audio-row label{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.evolve-audio-row input[type=range]{width:100%;accent-color:#d68c5d}.evolve-audio-row select{width:100%;padding:.3rem .5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:var(--ink);border-radius:4px;font-family:var(--font-body);font-size:.85rem}.evolve-audio-row select:focus{outline:2px solid #d68c5d;outline-offset:1px}.evolve-audio-panel__hint{font-family:var(--mono);font-size:.66rem;color:var(--ink-dim);letter-spacing:.03em;margin:.7rem 0 0;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.06);line-height:1.4}@media(max-width:480px){.evolve-audio-panel{width:calc(100vw - 36px)}.evolve-audio-widget{left:12px;bottom:12px}.evolve-audio-toggle{padding:.45rem .75rem;font-size:.68rem}}.wiggam-bar{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border, rgba(255,255,255,.08));font-size:.875rem;flex-wrap:wrap}.btn-wiggam{display:inline-flex;align-items:center;gap:.4rem;font-variant-numeric:tabular-nums}.btn-wiggam .wiggam-icon{display:inline-block;transition:transform .2s ease}.btn-wiggam.on{background:var(--color-accent, #cf7030);color:#0a0a0a;border-color:transparent}.btn-wiggam.on .wiggam-icon{animation:wiggam-spin 2s linear infinite}@keyframes wiggam-spin{to{transform:rotate(360deg)}}.wiggam-interval{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-text-muted, #9a9a9a)}.wiggam-interval select{background:var(--color-surface, #1a1410);color:inherit;border:1px solid var(--color-border, rgba(255,255,255,.15));border-radius:4px;padding:2px 6px;font:inherit}.wiggam-status{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-text-muted, #9a9a9a);font-variant-numeric:tabular-nums}.wiggam-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent, #cf7030);opacity:.6;transition:opacity .3s ease}.wiggam-bar:has(.btn-wiggam.on) .wiggam-dot{opacity:1;box-shadow:0 0 6px var(--color-accent, #cf7030)}.wiggam-top{margin:2rem 0 1.5rem;padding:1.25rem 1.25rem 1rem;border:1px solid var(--color-border, rgba(255,255,255,.08));border-radius:12px;background:var(--color-surface, rgba(26, 20, 16, .4))}.wiggam-top-head h2{margin:0 0 .25rem;font-size:1.125rem}.wiggam-top-sub{margin:0 0 .75rem;font-size:.85rem;color:var(--color-text-muted, #9a9a9a)}.wiggam-top-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.wiggam-top-item{display:flex;align-items:stretch;gap:.5rem}.wiggam-rank{display:inline-flex;align-items:center;padding:0 .5rem;font-size:.75rem;color:var(--color-text-muted, #9a9a9a);font-variant-numeric:tabular-nums;border:1px solid var(--color-border, rgba(255,255,255,.08));border-radius:4px}.wiggam-pick-btn{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:transparent;color:inherit;border:1px solid var(--color-border, rgba(255,255,255,.08));border-radius:4px;padding:.4rem .6rem;font:inherit;font-size:.8rem;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.wiggam-pick-btn:hover{background:var(--color-surface-hover, rgba(255,255,255,.04));border-color:var(--color-accent, #cf7030)}.wiggam-pick-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiggam-pick-score{font-variant-numeric:tabular-nums;color:var(--color-accent, #cf7030);font-size:.75rem}.wiggam-empty{color:var(--color-text-muted, #9a9a9a);font-size:.85rem;font-style:italic;grid-column:1 / -1}body.shader-fullscreen .evolve-audio-widget,body.shader-fullscreen .site-footer,body.shader-fullscreen .site-nav,body.shader-fullscreen .shaders-header,body.shader-fullscreen .wiggam-top,body.shader-fullscreen .shaders-index{display:none!important}body.shader-fullscreen .shader-player{grid-template-columns:1fr!important}body.shader-fullscreen .canvas-wrap{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;border-radius:0!important}body.shader-fullscreen #canvas{width:100vw!important;height:100vh!important}body.shader-fullscreen .controls-panel{position:fixed!important;right:0;top:0;max-height:100vh;overflow-y:auto;z-index:50;background:var(--color-surface, rgba(26, 20, 16, .9))}.btn.on{background:var(--color-accent, #cf7030);color:#0a0a0a;border-color:transparent}Director-mode additions ============================================================ */ .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out-expo, ease),transform .6s var(--ease-out-expo, ease)}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 0 hsl(var(--hue) 62% 50% / .45)}50%{transform:scale(1.02);box-shadow:0 0 0 16px hsl(var(--hue) 62% 50% / 0)}}.breathe{animation:breathe 3.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.breathe{animation:none!important}}.marquee{overflow:hidden;padding-block:var(--space-6);border-block:1px solid var(--border)}.marquee-track{display:flex;width:max-content;gap:var(--space-7);animation:scroll-marquee 38s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-item{font-family:var(--font-display);font-size:clamp(28px,3vw,48px);letter-spacing:-.01em;white-space:nowrap;color:var(--text-soft)}.marquee-item em{font-style:italic;color:var(--brand-500);margin-right:1.5rem}@keyframes scroll-marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.theme-toggle{display:inline-flex;align-items:center;border-radius:999px;padding:4px;gap:2px;background:var(--bg-soft);border:1px solid var(--border)}.theme-toggle button{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;color:var(--text-mute);transition:all .2s ease}.theme-toggle button:hover{color:var(--text)}.theme-toggle button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.theme-toggle svg{width:14px;height:14px}.pricing-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.pricing-rail .tier{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);transition:transform .24s ease,border-color .24s ease}.pricing-rail .tier:hover{transform:translateY(-3px);border-color:var(--brand-500)}.pricing-rail .tier.featured{background:var(--ink-950);color:var(--text-inv);border-color:var(--ink-950)}.pricing-rail .tier.featured .eyebrow{color:var(--brand-300)}.pricing-rail .tier .name{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:500;letter-spacing:-.015em}.pricing-rail .tier .price{font-family:var(--font-display);font-size:clamp(36px,3vw,56px);line-height:1;letter-spacing:-.03em;font-weight:500}.pricing-rail .tier .price small{font-size:.35em;font-weight:400;opacity:.7;letter-spacing:0}.pricing-rail .tier .body{color:var(--text-soft);font-size:var(--fs-sm);margin:0}.pricing-rail .tier.featured .body{color:hsl(var(--hue) 22% 82%)}.pricing-rail .tier .meta-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);color:var(--text-mute)}.pricing-rail .tier.featured .meta-list{color:hsl(var(--hue) 22% 78%)}.pricing-rail .tier .cta{margin-top:auto;display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--brand-700)}.pricing-rail .tier.featured .cta{color:var(--brand-200)}.pricing-rail .tier .cta:after{content:"→";transition:transform .2s ease}.pricing-rail .tier:hover .cta:after{transform:translate(4px)}@media(max-width:760px){.pricing-rail{grid-template-columns:1fr}}.platforms-table{width:100%;border-collapse:collapse;margin-top:var(--space-4);font-size:var(--fs-sm)}.platforms-table th,.platforms-table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.platforms-table th{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-mute)}.platforms-table .tag{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--bg-soft);font-size:var(--fs-xs);color:var(--text-mute)}.platforms-table .tag.ok{background:hsl(var(--hue-accent) 50% 92%);color:var(--accent-600)}.platforms-table .tag.maybe{background:hsl(var(--hue) 60% 92%);color:var(--brand-700)}.platforms-table tbody tr:hover{background:var(--bg-soft)}@media(max-width:720px){.platforms-table{display:block;overflow-x:auto;white-space:nowrap}}.learn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.chapter{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);text-decoration:none;color:inherit;transition:border-color .24s ease,transform .24s ease}.chapter:hover{border-color:var(--brand-500);transform:translateY(-2px);color:inherit}.chapter .num{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--brand-500)}.chapter h3{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:500;letter-spacing:-.01em;margin:0}.chapter p{color:var(--text-soft);margin:0;font-size:var(--fs-sm);line-height:var(--lh-loose)}.chapter .meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-mute);letter-spacing:var(--tracking-wide);border-top:1px solid var(--border);padding-top:var(--space-3)}@media(max-width:760px){.learn-grid{grid-template-columns:1fr}}.sources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.source-card{display:flex;flex-direction:column;gap:4px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease}.source-card:hover{border-color:var(--brand-500);transform:translateY(-2px);color:inherit}.source-card h4{font-family:var(--font-display);font-size:var(--fs-md);font-weight:500;margin:0;letter-spacing:-.01em}.source-card .meta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-mute);letter-spacing:var(--tracking-wide)}.mint{background:var(--bg)}.mint-card{background:linear-gradient(135deg,var(--ink-900),var(--ink-950));color:var(--text-inv);border-radius:var(--radius-xl);padding:clamp(3rem,7vw,6rem);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-7);align-items:center;position:relative;overflow:hidden}.mint-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 110% 30%,hsl(var(--hue) 90% 60% / .35),transparent 55%),radial-gradient(circle at -10% 70%,hsl(var(--hue-accent) 80% 50% / .25),transparent 60%);z-index:0}.mint-card>*{position:relative}.mint-card h2{font-family:var(--font-display);color:var(--text-inv);font-size:clamp(2rem,4vw + 1rem,3.25rem);font-weight:350;letter-spacing:-.025em;margin-bottom:var(--space-4)}.mint-card h2 em{font-style:italic;color:hsl(var(--hue) 92% 72%)}.mint-card p{color:hsl(var(--hue) 22% 82%);margin:0}.mint-card .steps{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;padding:0;font-family:var(--font-mono);font-size:var(--fs-sm)}.mint-card .steps li{display:flex;gap:var(--space-3);align-items:baseline}.mint-card .steps li:before{content:counter(step);counter-increment:step;width:24px;height:24px;border-radius:999px;background:hsl(var(--hue) 90% 50% / .18);color:hsl(var(--hue) 92% 72%);font-weight:500;font-size:var(--fs-xs);display:inline-grid;place-items:center;flex:0 0 auto}.mint-card .steps{counter-reset:step}@media(max-width:760px){.mint-card{grid-template-columns:1fr}}.divider-eyebrow{display:flex;align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--text-mute);margin-bottom:var(--space-3)}.divider-eyebrow:before,.divider-eyebrow:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--border),transparent)}.divider-eyebrow.left:before{display:none}.divider-eyebrow.left:after{background:var(--border)}