:root{--bg:#0d1117;--bg-alt:#121821;--surface:#171e29;--surface-hover:#1d2633;--border:#263041;--text:#e6e9ef;--text-muted:#9aa4b5;--accent:#ffcf56;--accent-strong:#ffb703;--accent-contrast:#1a1405;--glow-a:#213363;--glow-b:#17594a;--radius:14px;--header-height:64px;--shadow:0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}@media (prefers-color-scheme:light){:root{--bg:#f7f8fa;--bg-alt:#eef1f5;--surface:#fff;--surface-hover:#f8fafc;--border:#dde2ea;--text:#141a24;--text-muted:#566175;--accent:#b7791f;--accent-strong:#975a16;--accent-contrast:#fff;--shadow:0 10px 30px #141a241a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}html.modal-open{overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important;animation:none!important}[data-reveal]{opacity:1!important}}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}h1,h2,h3,h4{margin:0;line-height:1.2}p{margin:0}a{color:inherit}img{max-width:100%;display:block}a,img{-webkit-user-drag:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.container{width:min(1120px,100% - 32px);margin-inline:auto}.accent{color:var(--accent)}.button{border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast);border-radius:999px;align-items:center;gap:.5em;padding:.7em 1.2em;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:var(--accent-strong);transform:translateY(-1px)}.button-ghost{color:var(--text);border-color:var(--border);background:0 0}.button-ghost:hover{background:var(--surface)}.button-small{padding:.35em 1em}.icon-button{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;margin-left:auto;font-size:1.2rem;display:grid}.header{-webkit-user-select:none;user-select:none;z-index:10;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{height:var(--header-height);align-items:center;gap:12px;display:flex}.brand{margin-right:auto}.header-tools{gap:6px;display:flex}.tool-button{border:1px solid var(--border);background:var(--surface);height:34px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:.85rem;font-weight:700;transition:border-color .2s,box-shadow .2s;display:inline-flex}.tool-button:hover{border-color:var(--accent);box-shadow:0 0 14px #ffcf5659}.tool-button svg{color:var(--accent)}.trophy-panel{inset:calc(var(--header-height) + 8px) 16px auto auto;width:min(360px,100vw - 32px);max-height:calc(100dvh - var(--header-height) - 24px);border-radius:var(--radius);color:#e6e9ef;background:linear-gradient(160deg,#1a2238,#0d1117);border:1px solid #ffcf56;margin:0;padding:18px;box-shadow:0 0 40px #ffcf5640}.trophy-panel h2{text-transform:uppercase;letter-spacing:.15em;color:#ffcf56;margin-bottom:12px;font-size:.8rem}.trophy-panel ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.trophy-panel li{background:#ffffff0a;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.trophy-panel li>svg{flex-shrink:0;font-size:1.4rem}.trophy-panel li.done>svg{color:#ffcf56;filter:drop-shadow(0 0 6px #ffcf56)}.trophy-panel li.locked{opacity:.45}.trophy-panel p{color:#aab3c5;font-size:.8rem}.brand{align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.nav-links{align-items:center;gap:4px;margin:0 8px 0 0;padding:0;list-style:none;display:flex}.nav-links a:not(.button){color:var(--text-muted);border-radius:999px;padding:.4em .9em;font-size:.95rem;text-decoration:none;transition:color .2s,background .2s;display:block}.nav-links a:not(.button):hover,.nav-links a.active{color:var(--text);background:var(--surface)}.nav-links .button{margin-left:8px}.menu-toggle{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:1.5rem;display:none}@media (width<=720px){.menu-toggle{order:1;display:block}.nav-links{top:var(--header-height);background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;padding:12px 16px 20px;display:none;position:absolute;left:0;right:0}.nav-links.open{display:flex}.nav-links .button{justify-content:center;margin:8px 0 0}}.hero{--text:#e6e9ef;--text-muted:#aab3c5;--border:#2a3448;--surface:#121927;--accent:#ffcf56;--accent-strong:#ffb703;--accent-contrast:#1a1405;isolation:isolate;min-height:calc(100svh - var(--header-height));color:var(--text);background:radial-gradient(60% 50% at 85% 0%, color-mix(in srgb, var(--glow-b) 45%, transparent), transparent), radial-gradient(50% 50% at 0% 30%, color-mix(in srgb, var(--glow-a) 60%, transparent), transparent), radial-gradient(ellipse at 50% 130%, #1b2a55, transparent 60%), #05070d;align-items:center;padding:64px 0 96px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(transparent, var(--bg-alt));z-index:-1;height:140px;position:absolute;inset:auto 0 0}.starfield{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero-content>*{animation:.9s cubic-bezier(.2,.8,.2,1) both rise}.hero-content>.hero-title{animation:.9s cubic-bezier(.2,.8,.2,1) .1s both rise,7s 3s infinite glitch}@keyframes glitch{0%,90%,94%,to{text-shadow:none;translate:0}91%{text-shadow:3px 0 #ff2a6d,-3px 0 #05d9e8;translate:-4px 1px}92%{text-shadow:-4px 0 #ff2a6d,4px 0 #05d9e8;translate:5px -1px}93%{text-shadow:2px 0 #ff2a6d,-2px 0 #05d9e8;translate:-2px}}html.boot-hold .hero-content>*{animation-play-state:paused}.hero-content>.hero-lead{animation-delay:.25s}.hero-content>.hero-actions{animation-delay:.4s}@keyframes rise{0%{opacity:0;filter:blur(8px);transform:translateY(30px)}}.shimmer{background:linear-gradient(90deg,#ffcf56,#ff6b6b,#c77dff,#4cc9f0,#7bf1a8,#ffcf56) 0 0/300% 100%;color:#0000;filter:drop-shadow(0 0 24px #ffcf564d);-webkit-background-clip:text;background-clip:text;animation:8s linear infinite shimmer}@keyframes shimmer{to{background-position:300% 0}}.button-glow{animation:2.2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #ffcf5699}70%,to{box-shadow:0 0 0 18px #ffcf5600}}.eyebrow{color:var(--text-muted);margin-bottom:16px;font-weight:500}.hero-title{letter-spacing:-.02em;max-width:20ch;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.hero-lead{max-width:62ch;color:var(--text-muted);margin-top:24px;font-size:1.1rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:56px 0 0;display:grid}.stat{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1219278c;flex-direction:column-reverse;padding:18px 20px;display:flex}.stat dd{color:var(--accent);text-shadow:0 0 18px #ffcf568c;margin:0;font-size:1.8rem;font-weight:800}.stat dt{color:var(--text-muted);font-size:.9rem}.chips{flex-wrap:wrap;gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--border);color:var(--text-muted);animation:pop .5s cubic-bezier(.2, 1.4, .4, 1) calc(var(--i) * 60ms + .6s) both;background:#1219278c;border-radius:999px;padding:.3em .85em;font-size:.85rem;transition:color .2s,border-color .2s,box-shadow .2s}.chip:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 14px #ffcf5666}@keyframes pop{0%{opacity:0;transform:scale(.6)translateY(10px)}}.section{isolation:isolate;padding:88px 0;position:relative;overflow:hidden}.section-alt{background:var(--bg-alt)}.section-title{letter-spacing:-.01em;text-shadow:0 0 30px #ffcf5640;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;position:relative}.section-title:before{content:attr(data-shadow);z-index:-1;text-transform:uppercase;white-space:nowrap;color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--accent) 35%, transparent);text-shadow:none;opacity:.45;pointer-events:none;font-size:3.4em;font-weight:900;position:absolute;top:50%;left:-.04em;translate:0 -55%}.contact .section-title:before{left:50%;translate:-50% -55%}.section-lead{max-width:62ch;color:var(--text-muted);margin-top:12px;font-size:1.05rem}.project-group{margin-top:48px}.group-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:20px;font-size:.85rem;font-weight:700}.project-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:24px;display:grid}.project-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));flex-direction:column;padding:0;transition:transform .2s ease-out,box-shadow .3s;display:flex;position:relative;overflow:hidden}@media (hover:hover){.project-card:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px) scale(1.02);box-shadow:var(--shadow), 0 0 40px #ffcf562e}.project-card:hover:before,.project-card:hover:after{opacity:1}.project-card:hover:before{animation:3s linear infinite spin-border}.project-card:hover .carousel img{scale:1.08}}.project-card:before,.project-card:after{content:"";z-index:2;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.project-card:before{background:conic-gradient(from var(--angle), #ffcf56, #ff6b6b, #c77dff, #4cc9f0, #ffcf56);padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.project-card:after{background:radial-gradient(circle at var(--gx,50%) var(--gy,50%), #fff3, transparent 45%)}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin-border{to{--angle:360deg}}.project-card-body{flex-direction:column;flex:1;gap:10px;padding:18px 20px 20px;display:flex}.project-card-heading{align-items:center;gap:10px;display:flex}.project-card h4{font-size:1.1rem}.project-card p{color:var(--text-muted);flex:1;font-size:.95rem}.year{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-size:.85rem}.app-icon{border-radius:8px;flex-shrink:0;width:34px;height:34px}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tags li{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-radius:6px;padding:.15em .6em;font-size:.78rem;font-weight:500}.carousel{aspect-ratio:16/9;background:var(--bg-alt);position:relative;overflow:hidden}.carousel img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.carousel img.visible{opacity:1}.project-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(860px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--text);box-shadow:var(--shadow);padding:0}.project-dialog::backdrop{background:#000000b8}.dialog-content{padding:24px clamp(20px,4vw,36px) 32px}.dialog-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.dialog-header .app-icon{border-radius:12px;width:52px;height:52px}.dialog-header h2{margin-bottom:4px;font-size:1.6rem}.dialog-header .year{margin-left:0}.dialog-media{aspect-ratio:16/9;background:var(--bg-alt);border-radius:10px;position:relative;overflow:hidden}.dialog-media iframe{border:0;width:100%;height:100%}.dialog-content h3{margin:28px 0 10px;font-size:1.1rem}.dialog-content p+p{margin-top:10px}.dialog-content p{color:var(--text-muted)}.contributions{margin:0;padding-left:1.2em}.contributions>li+li{margin-top:10px}.contributions ul{color:var(--text-muted);margin:4px 0 0;padding-left:1.2em;font-size:.95rem}.dialog-content>.tags{margin-top:24px}.dialog-links{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.practice-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;margin-top:40px;display:grid}.practice{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:24px;transition:transform .3s,border-color .3s,box-shadow .3s}.practice:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 0 30px #ffcf562e}.practice:hover .practice-icon{animation:.6s wiggle}@keyframes wiggle{25%{transform:rotate(-15deg)scale(1.25)}75%{transform:rotate(15deg)scale(1.25)}}.practice-icon{color:var(--accent);font-size:1.6rem}.practice h3{margin:16px 0 8px;font-size:1.05rem}.practice p{color:var(--text-muted);font-size:.95rem}.contact{text-align:center}.contact .section-lead{margin-inline:auto}.contact-list{flex-wrap:wrap;justify-content:center;gap:12px;margin:32px 0 0;padding:0;list-style:none;display:flex}.contact-link{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:.6em;padding:.7em 1.2em;text-decoration:none;transition:border-color .2s,transform .2s;display:inline-flex}.contact-link:hover{border-color:var(--accent);transform:translateY(-2px)}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding:28px 16px;font-size:.85rem}[data-reveal]{opacity:0}[data-reveal][data-revealed]{opacity:1;animation:reveal .8s cubic-bezier(.2, .8, .2, 1) var(--delay,0s) backwards}@keyframes reveal{0%{opacity:0;transform:translateY(40px)scale(.96)}}.level{color:#1a1405;letter-spacing:.05em;background:linear-gradient(135deg,#ffcf56,#ff9f1c);border-radius:6px;padding:.15em .5em;font-size:.7rem;font-weight:800}.xp-bar{height:3px;position:absolute;bottom:-1px;left:0;right:0}.xp-fill{transform-origin:0;background:linear-gradient(90deg,#4cc9f0,#c77dff,#ffcf56);height:100%;box-shadow:0 0 12px #ffcf56}.toasts{pointer-events:none;background:0 0;border:0;flex-direction:column;gap:10px;margin:0;padding:0;display:flex;inset:auto 16px 16px auto;overflow:visible}.toast{color:#e6e9ef;background:linear-gradient(135deg,#1a2238,#0d1117);border:1px solid #ffcf56;border-radius:12px;align-items:center;gap:14px;width:min(360px,100vw - 32px);padding:14px 18px;animation:.5s cubic-bezier(.2,1.4,.4,1) both toast-in,.4s ease-in 4.1s forwards toast-out;display:flex;box-shadow:0 0 30px #ffcf5659}.toast-icon{color:#ffcf56;filter:drop-shadow(0 0 8px #ffcf56);flex-shrink:0;font-size:2rem}.toast-label{text-transform:uppercase;letter-spacing:.12em;color:#ffcf56;font-size:.7rem;display:block}.toast strong{display:block}.toast p{color:#aab3c5;font-size:.85rem}@keyframes toast-in{0%{opacity:0;transform:translate(120%)}}@keyframes toast-out{to{opacity:0;transform:translate(120%)}}.confetti{z-index:2000;pointer-events:none;position:fixed;inset:0}.konami-hint{letter-spacing:.3em;opacity:.35;margin-top:6px;font-size:.7rem;display:block}html.god-mode main,html.god-mode .header{animation:.5s shake,3s linear infinite god-mode}@keyframes god-mode{to{filter:hue-rotate(360deg)}}@keyframes shake{20%,60%{translate:-8px 4px}40%,80%{translate:8px -4px}}.click-sparks{z-index:1500;pointer-events:none;position:fixed;inset:0}@media (width<=420px){.level{display:none}}.stage{text-transform:uppercase;letter-spacing:.25em;color:var(--accent);align-items:center;gap:8px;margin-bottom:10px;font-size:.75rem;font-weight:800;display:inline-flex}.stage:before{content:"▶";font-size:.65em;animation:1s linear infinite blink}@keyframes blink{0%,49.9%{opacity:1}50%,to{opacity:0}}.boot{z-index:2500;color:#e6e9ef;background:radial-gradient(at 50% 40%,#13204a,#0000 60%),#05070d;place-items:center;padding:24px;transition:opacity .6s,scale .6s,filter .6s;display:none;position:fixed;inset:0}html.boot-screen .boot{display:grid}.boot.leaving{opacity:0;filter:blur(12px);pointer-events:none;scale:1.4}.boot-inner{justify-items:center;gap:18px;width:min(440px,100%);display:grid}.boot-logo{filter:drop-shadow(0 0 18px #ff9f1c);animation:2.4s ease-in-out infinite float}@keyframes float{50%{translate:0 -8px}}.boot-title{letter-spacing:.08em;font-size:clamp(2.2rem,9vw,3.6rem);font-weight:900;position:relative}.boot-title:before,.boot-title:after{content:attr(data-text);position:absolute;inset:0;overflow:hidden}.boot-title:before{color:#ff2a6d;animation:1.6s step-end infinite glitch-slice}.boot-title:after{color:#05d9e8;animation:1.3s step-end infinite reverse glitch-slice}@keyframes glitch-slice{0%{clip-path:inset(10% 0 70%);translate:-3px}20%{clip-path:inset(60% 0 20%);translate:3px}40%{clip-path:inset(30% 0 50%);translate:-2px}60%{clip-path:inset(80% 0 5%);translate:2px}80%{clip-path:inset(0 0 100%);translate:0}}.boot-bar{background:#ffffff14;border-radius:999px;width:100%;height:6px;overflow:hidden}.boot-fill{transform-origin:0;background:linear-gradient(90deg,#4cc9f0,#c77dff,#ffcf56);height:100%;box-shadow:0 0 16px #c77dff}.boot-status{color:#aab3c5;justify-content:space-between;width:100%;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem;display:flex}.press-start{letter-spacing:.3em;color:#ffcf56;text-shadow:0 0 20px #ff9f1c;opacity:0;font-size:1.4rem;font-weight:900}.press-start.show{opacity:1;animation:.9s linear infinite blink}.boot-skip{color:#5d6678;font-size:.75rem}@media (pointer:fine){:is(html.has-reticle:not(.modal-open):not(:has(#trophies:popover-open)),html.has-reticle:not(.modal-open):not(:has(#trophies:popover-open)) *){cursor:none!important}html.modal-open .reticle{display:none}html:has(#trophies:popover-open) .reticle{display:none}}.reticle{z-index:3000;pointer-events:none;opacity:0;width:0;height:0;transition:opacity .2s;position:fixed;top:0;left:0}.reticle.visible{opacity:1}@media (hover:none),(pointer:coarse){.reticle{display:none}}.reticle-ring,.reticle-dot{border-radius:50%;position:absolute;translate:-50% -50%}.reticle-ring{background:linear-gradient(#ffcf56,#ffcf56) top/2px 7px no-repeat,linear-gradient(#ffcf56,#ffcf56) bottom/2px 7px no-repeat,linear-gradient(#ffcf56,#ffcf56) 0/7px 2px no-repeat,linear-gradient(#ffcf56,#ffcf56) 100%/7px 2px no-repeat;border:2px solid #ffcf56;width:30px;height:30px;transition:scale .2s,rotate .3s,border-color .2s;box-shadow:0 0 10px #ffcf5699,inset 0 0 6px #ffcf5666}.reticle-dot{background:#ffcf56;width:4px;height:4px}.reticle.on-target .reticle-ring{border-color:#ff6b6b;rotate:45deg;scale:1.45}.reticle.pressed .reticle-ring{scale:.75}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.char{display:inline-block}[data-revealed] .char{animation:char-in .7s cubic-bezier(.2, .9, .25, 1.2) calc(var(--i) * 35ms + .1s) both}@keyframes char-in{0%{opacity:0;filter:blur(6px);transform:translateY(.7em)rotate(10deg)}}[data-spotlight]{--mx:-999px;--my:-999px}.spotlight{background-image:radial-gradient(420px circle at var(--mx) var(--my), #ffcf5614, transparent 45%)}.spotlight-border{position:relative}.spotlight-border:before{content:"";border-radius:inherit;background:radial-gradient(240px circle at var(--mx) var(--my), #ffcf56cc, transparent 60%);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.hero:before{content:"";z-index:-1;background:radial-gradient(600px circle at var(--mx) var(--my), #4cc9f01f, transparent 50%);pointer-events:none;position:absolute;inset:0}.magnetic{transition:translate .25s cubic-bezier(.2,.8,.2,1),background .2s,transform .2s,border-color .2s}.carousel img{transition:opacity .8s,scale .6s cubic-bezier(.2,.8,.2,1)}.marquee{background:var(--bg-alt);padding:28px 0 12px}.marquee-band{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track b{color:var(--accent)}.marquee-track{width:max-content;animation:38s linear infinite marquee;display:flex}.marquee-track span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:28px;padding-right:28px;font-size:clamp(.95rem,2vw,1.25rem);font-weight:900;display:inline-flex}.marquee-track b{font-size:.6em}@keyframes marquee{to{transform:translate(-50%)}}.project-dialog[open]{animation:.45s cubic-bezier(.2,.9,.25,1.15) dialog-in}.project-dialog[open]::backdrop{animation:.4s ease-out fade-in}@media (hover:hover) and (pointer:fine){.dialog-content>*{animation:.5s cubic-bezier(.2,.8,.2,1) both dialog-item}.dialog-content>:nth-child(2){animation-delay:60ms}.dialog-content>:nth-child(3){animation-delay:.12s}.dialog-content>:nth-child(n+4){animation-delay:.18s}}@keyframes dialog-in{0%{opacity:0;transform:translateY(30px)scale(.94)}}@keyframes dialog-item{0%{opacity:0;transform:translateY(16px)}}@keyframes fade-in{0%{opacity:0}}body:after{content:"";z-index:2400;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@supports (animation-timeline:view()){.hero-content{animation:linear both hero-out;animation-timeline:view();animation-range:exit exit 80%}.section-title{view-timeline-name:--title}.section-title:before{animation:linear both drift;animation-timeline:--title}@keyframes hero-out{to{opacity:0;filter:blur(4px);transform:translateY(-60px)scale(.97)}}@keyframes drift{0%{transform:translate(8%)}to{transform:translate(-8%)}}}.play-button{color:#fff;font:inherit;cursor:pointer;box-shadow:0 0 0 2px var(--accent);background:#05070dbf;border:0;border-radius:999px;align-items:center;gap:.5em;padding:.8em 1.4em;font-weight:700;transition:background .2s;display:inline-flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.play-button:hover{background:#05070de6}.play-button svg{color:var(--accent)}