@font-face{font-family:display;src:url(../media/Cinzel-s.p.0vdh-39enq-vh.ttf)format("truetype");font-display:swap;font-weight:400 900}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:77.71%;descent-override:29.62%;line-gap-override:0.0%;size-adjust:125.6%}.wV-M2a_className{font-family:display,display Fallback}.wV-M2a_variable{--font-display:"display", "display Fallback"}
@font-face{font-family:brush;src:url(../media/Shojumaru-s.p.1e6fgya6953k1.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:brush Fallback;src:local(Arial);ascent-override:63.9%;descent-override:21.89%;line-gap-override:0.0%;size-adjust:154.35%}.S9KBeW_className{font-family:brush,brush Fallback;font-weight:400}.S9KBeW_variable{--font-brush:"brush", "brush Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15110e;--fg:#f4f1ea;--muted:#a39f97;--accent:#ff7a1a;--warn:#f5b942;--bad:#ff5d5d;--chip:#241e19;--chip-hover:#30281f;--ember-gold:#ffb020;--ember-hot:#ff4d1a;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--rise:12px;--soften:4px;--fire:#ff7a1a;--water:#3fa9f5;--air:#cfe3ea;--blast:#ff4b1f;--spark:#9db8ff;--display:var(--font-display), "Cinzel", Georgia, "Times New Roman", serif;--brushface:var(--font-brush), "Shojumaru", Impact, sans-serif;--line:#ffbe8221}@property --glow{syntax:"<color>";inherits:true;initial-value:#ff8c00}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:radial-gradient(900px 560px at 78% -120px, #ff6e0029, transparent 70%) no-repeat, radial-gradient(700px 520px at 6% 18%, #3fa9f50f, transparent 70%) no-repeat, radial-gradient(1200px 800px at 50% 110%, #ff5a1412, transparent 70%) no-repeat, var(--bg);min-height:100vh}.embers{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0}.hero,main{z-index:1;position:relative}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}main{max-width:720px;margin:0 auto;padding:24px 16px 64px}h1{font-family:var(--display);letter-spacing:.01em;margin:.2em 0;font-size:clamp(2rem,7vw,3.2rem);font-weight:900}a{color:var(--accent)}button,.btn{font:inherit;background:var(--accent);color:#1a0d00;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-out), background-color .2s ease, color .2s ease, opacity .2s ease, box-shadow .24s ease, filter .2s ease;border:0;border-radius:999px;padding:12px 18px;font-weight:600;text-decoration:none;display:inline-block}button:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}button.secondary,.btn.secondary{background:var(--chip);color:var(--fg)}button:active:not(:disabled),.btn:active:not([aria-disabled=true]){transform:scale(.97)}@media (hover:hover) and (pointer:fine){button:not(.secondary):not(.tile):not(:disabled):hover,.btn:not(.secondary):hover{filter:brightness(1.08)}button.secondary:not(:disabled):hover,.btn.secondary:hover{background-color:var(--chip-hover)}}.chip{background:var(--chip);border-radius:999px;margin:4px 6px 4px 0;padding:4px 10px;font-size:.85rem;display:inline-block}.chip.warn{color:var(--warn)}.chip.bad{color:var(--bad)}.muted{color:var(--muted)}button:not(.secondary):not(.tile) .muted,.btn:not(.secondary):not(.tile) .muted{color:#4a2a00}.row{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}h2{font-family:var(--display);letter-spacing:.02em;margin:1.6em 0 .4em;font-size:1.3rem;font-weight:800}h3{font-family:var(--display);letter-spacing:.02em;font-weight:700}.lede{margin:0 0 .6em;font-size:1.25rem}section{border-top:1px solid var(--line);padding-top:4px}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:12px 0;display:grid}.tile{background:var(--chip);color:var(--fg);text-align:left;border-radius:14px;flex-direction:column;gap:6px;padding:6px;display:flex}.tile video{aspect-ratio:9/16;object-fit:cover;pointer-events:none;background:#000;border-radius:10px;width:100%}.tile span{padding:0 4px 2px;font-size:.85rem}.perform{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.perform .plate{aspect-ratio:9/16;object-fit:contain;background:#000;border-radius:12px;width:240px}.perform .plate.wide{aspect-ratio:16/9;width:min(100%,560px)}.perform .face{aspect-ratio:3/4;object-fit:cover;background:#000;border-radius:12px;width:120px;transform:scaleX(-1)}.meter{--level:0;background:var(--chip);max-width:360px;height:10px;box-shadow:0 0 calc(2px + var(--level) * 22px) calc(var(--level) * 2px) rgba(255, 110, 0, calc(var(--level) * .6));border-radius:999px;margin:12px 0 4px;transition:box-shadow 90ms linear;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg, var(--ember-gold), var(--accent) 55%, var(--ember-hot));height:100%;clip-path:inset(0 calc(100% - var(--level) * 100%) 0 0 round 999px);transition:clip-path 70ms linear;display:block}.result{background:#000;border-radius:12px;width:100%;max-width:420px;display:block}.result.wide{max-width:720px}.tile .note{font-size:.7rem;line-height:1.25}.guide{aspect-ratio:9/16;background:#000;border-radius:10px;width:120px}.retime{margin-top:12px}.ribbon{background:var(--chip);touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize;border-radius:10px;width:100%;max-width:600px;height:90px;display:block}.spot{background:#000;border-radius:6px;flex:none;height:64px;position:relative;overflow:hidden}.spot video{object-fit:fill;width:100%;height:100%;display:block}.spot i{background:var(--accent);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;box-shadow:0 0 0 2px #000}.cue-audio{max-width:240px;height:36px}.hook{margin:14px 0 6px}.hook-row{grid-template-columns:repeat(3,1fr);gap:8px;max-width:720px;display:grid}.hook figure{flex-direction:column;gap:4px;margin:0;display:flex}.hook video{aspect-ratio:1080/1984;object-fit:cover;object-position:center bottom;cursor:pointer;background:#000;border-radius:12px;width:100%;display:block}.hook figcaption{color:var(--fg);font-size:.75rem;line-height:1.25}.again{margin:24px 0}.again p{line-height:1.5}.again-fact{color:var(--accent)}.again-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}.again-strangers{grid-template-columns:repeat(4,minmax(0,1fr))}.again h3{margin:28px 0 4px;font-size:1.05rem}.again figure{min-width:0;margin:0}.again video{aspect-ratio:1080/1984;object-fit:contain;outline-offset:2px;width:100%;transition:opacity .3s ease, outline-color .24s ease, box-shadow .32s ease, transform .32s var(--ease-out);background:#000;border-radius:12px;outline:2px solid #0000;display:block}.again figcaption{margin-top:8px;font-size:.85rem;font-weight:600;transition:color .24s,opacity .3s}.again-current video{outline-color:var(--accent);transform:translateY(-4px);box-shadow:0 18px 44px -16px #ff6e00bf}.again-current figcaption{color:var(--accent)}.again-row:has(.again-current) figure:not(.again-current) video{opacity:.45}.again-row:has(.again-current) figure:not(.again-current) figcaption{opacity:.6}.again-status{min-height:1.5em;font-size:.85rem}.again button:focus-visible,.again a:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.studio-anchor{scroll-margin-top:24px}.quick-start{margin:20px 0 28px;padding:16px 0 0}.quick-intro{align-items:center;gap:24px;display:flex}.quick-intro>div{flex:1;min-width:0}.element-picker{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.element-choice{min-height:44px;padding-inline:16px}.element-forms{margin-bottom:16px}.element-forms button{min-height:44px}.quick-intro>div>p:first-child{max-width:540px;margin-top:0;line-height:1.5}.quick-preview{flex:none;width:150px;margin:0 0 12px}.quick-preview video{aspect-ratio:1080/1984;background:#000;border-radius:12px;width:100%;display:block}.quick-preview figcaption{margin-top:6px;font-size:.75rem}.quick-cta{min-height:48px;margin:4px 0}.quick-note{max-width:560px;font-size:.9rem;line-height:1.5}.quick-selected{scroll-margin-top:16px}.quick-selected .row{margin-bottom:0}.quick-performer h2{margin-top:1em}.quick-performer>p{max-width:570px;line-height:1.5}.quick-performer .plate{width:150px;max-height:267px}.quick-performer .row{margin:12px 0}.quick-fallback{margin:20px 0}summary{cursor:pointer}.quick-result-actions{margin-top:18px}.quick-shot .result{width:auto;max-width:100%;max-height:60vh}.shot-result{scroll-margin-top:72px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--fg);outline-offset:4px}@media (max-width:520px){.element-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.element-choice{min-width:0;padding-inline:4px;font-size:.8rem}.again-row{grid-template-columns:minmax(0,1fr);gap:20px;max-width:360px;margin-inline:auto}.again-strangers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none}.quick-cta{width:100%}.quick-intro{flex-direction:column;align-items:stretch;gap:6px}.quick-preview{width:108px}.quick-performer .plate{width:126px;max-height:224px}}.film{flex-direction:column;gap:8px;width:100%;max-width:560px;display:flex}.film video{object-fit:contain;background:#000;border-radius:12px;width:100%;max-height:60vh}.film video.mirror{transform:scaleX(-1)}.film.live{max-width:960px}.film canvas{background:#000;border-radius:12px;width:100%;display:block}@keyframes rise-in{0%{opacity:0;translate:0 var(--rise);filter:blur(var(--soften))}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;filter:blur(var(--soften));scale:.96}}@keyframes drop-in{0%{opacity:0;translate:0 calc(var(--rise) * -.4)}}@keyframes scroll-rise{0%{opacity:0;translate:0 calc(var(--rise) * 2.5)}}@keyframes ember-pulse{0%{opacity:.4;scale:.75}to{opacity:1;scale:1.15}}@keyframes rec-blink{0%{opacity:1}to{opacity:.25}}main>p.muted:first-child,main>h1,main>.lede{animation:rise-in .7s var(--ease-out) backwards}main>h1{animation-delay:70ms}main>.lede{animation-delay:.14s}main>section,main>p.muted:last-child{animation:.7s ease-out .45s backwards fade-in}h1 .boom{color:var(--accent);text-shadow:0 0 28px #ff6e0059;animation:ignite 1.2s var(--ease-out) .42s backwards;display:inline-block}@keyframes ignite{0%{opacity:.15;filter:blur(6px);color:#fff1d0;text-shadow:0 0 #ff8c0000;scale:.9}35%{opacity:1;filter:blur();color:#ffc46a;text-shadow:0 0 34px #ff8c00f2;scale:1.05}}.quick-start{--glow:#ff8c00;transition:--glow .7s;position:relative}.quick-start[data-element=air]{--glow:#9fd6ff}.quick-start[data-element=explosion]{--glow:#ff5a1f}.quick-start[data-element=lightning]{--glow:#8fb0ff}.quick-start[data-element=water]{--glow:#4aa8ff}.quick-start[data-element=earth]{--glow:#c99358}.quick-intro>div>*{animation:rise-in .6s var(--ease-out) .48s backwards}.quick-intro>div>:nth-child(2){animation-delay:.3s}.quick-intro>div>:nth-child(3){animation-delay:.35s}.quick-intro>div>:nth-child(4){animation-delay:.4s}.quick-intro>div>:nth-child(5){animation-delay:.45s}.quick-intro>div>.element-picker{animation:none}.element-picker>button{animation:rise-in .52s var(--ease-out) backwards}.element-picker>button:first-child{animation-delay:.18s}.element-picker>button:nth-child(2){animation-delay:.225s}.element-picker>button:nth-child(3){animation-delay:.27s}.element-picker>button:nth-child(4){animation-delay:.315s}.element-picker>button:nth-child(5){animation-delay:.36s}.quick-start>.row{animation:rise-in .6s var(--ease-out) .54s backwards}.quick-start>p{animation:.3s ease-out backwards fade-in}.element-choice{position:relative}.element-choice.selected{box-shadow:0 6px 22px -8px #ff7800cc,inset 0 1px #ffffff47}.element-choice.selected:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 0 2px var(--accent), 0 0 18px #ff8c0099;opacity:0;animation:ring-out .56s var(--ease-out);position:absolute;inset:0}@keyframes ring-out{0%{opacity:.9;scale:1}to{opacity:0;scale:1.22 1.45}}@media (hover:hover) and (pointer:fine){.element-choice.secondary:not(:disabled):hover{transform:translateY(-1px)}.element-choice.secondary:not(:disabled):active{transform:scale(.97)}}.cue-word{animation:cue-in .48s var(--ease-out) backwards;display:inline-block}@keyframes cue-in{0%{opacity:0;filter:blur(3px);color:var(--accent);scale:.85}55%{opacity:1;filter:blur();color:var(--accent);scale:1.06}}.quick-preview{isolation:isolate;animation:pop-in .7s var(--ease-out) backwards;position:relative}.quick-preview:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, var(--glow), transparent);opacity:.3;animation:4.5s ease-in-out infinite alternate breathe;position:absolute;inset:-10% -38% 6%}@keyframes breathe{0%{opacity:.18;scale:.94}to{opacity:.38;scale:1.06}}.quick-preview video{box-shadow:0 18px 50px -20px #000}.quick-cta{isolation:isolate;background:linear-gradient(100deg, #ffa424, var(--accent) 45%, #ff6614);position:relative;overflow:hidden;box-shadow:0 10px 30px -12px #ff6e00d9,inset 0 1px #ffffff4d}.quick-cta:after{content:"";z-index:-1;pointer-events:none;animation:sheen 1.1s var(--ease-in-out) 1.3s;background:linear-gradient(105deg,#0000 35%,#ffffff80 50%,#0000 65%);position:absolute;inset:0;translate:-110%}@keyframes sheen{0%{translate:-110%}to{translate:110%}}@keyframes sheen-again{0%{translate:-110%}to{translate:110%}}.quick-cta:disabled{box-shadow:none}.quick-cta:disabled:after{animation:none}@media (hover:hover) and (pointer:fine){.quick-cta:not(:disabled):hover{box-shadow:0 14px 38px -10px #ff6e00,inset 0 1px #ffffff59}.quick-cta:not(:disabled):hover:after{animation:sheen-again .9s var(--ease-in-out)}}:where(.studio-anchor section:not(.quick-start)){animation:.32s ease-out backwards fade-in}:where(.studio-anchor section:not(.quick-start))>*{animation:rise-in .52s var(--ease-out) backwards}:where(.studio-anchor section:not(.quick-start))>:nth-child(2){animation-delay:60ms}:where(.studio-anchor section:not(.quick-start))>:nth-child(3){animation-delay:.12s}:where(.studio-anchor section:not(.quick-start))>:nth-child(n+4){animation-delay:.18s}.studio-anchor .grid>.tile{animation:rise-in .52s var(--ease-out) .12s backwards}.studio-anchor .grid>.tile:nth-child(2){animation-delay:.16s}.studio-anchor .grid>.tile:nth-child(3){animation-delay:.2s}.studio-anchor .grid>.tile:nth-child(4){animation-delay:.24s}.studio-anchor .grid>.tile:nth-child(5){animation-delay:.28s}.studio-anchor .grid>.tile:nth-child(n+6){animation-delay:.32s}details[open]>:not(summary){animation:drop-in .3s var(--ease-out) backwards}summary{transition:color .2s}.chip.bad,.chip.warn{animation:pop-in .28s var(--ease-out) backwards}@media (hover:hover) and (pointer:fine){summary:hover{color:var(--fg)}}.tile{transition:transform .26s var(--ease-out), background-color .22s ease, box-shadow .28s ease, opacity .2s ease}.tile video{transition:filter .28s}@media (hover:hover) and (pointer:fine){.tile:hover{background-color:#23212a;transform:translateY(-3px);box-shadow:0 14px 34px -16px #ff6e0099}.tile:hover video{filter:brightness(1.12)saturate(1.1)}.tile:active{transform:scale(.98)}}.record-cta{isolation:isolate;position:relative}.record-cta:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:calc(.15 + var(--level,0) * 1.3);scale:calc(1 + var(--level,0) * .06);transition:opacity 90ms linear,scale 90ms linear;position:absolute;inset:0;box-shadow:0 0 24px 2px #ff7800e6}.record-cta:disabled:before{opacity:0}.perform .plate{outline-offset:3px;outline:2px solid #0000;transition:outline-color .24s,box-shadow .32s}section[data-step=performing] .perform .plate{outline-color:#ff3b30;box-shadow:0 0 34px -6px #ff3b308c}.rec-status{transition:color .2s}section[data-step=performing] .rec-status{color:var(--fg)}section[data-step=performing] .rec-status:before,.chip.rec:before{content:"";vertical-align:0;background:#ff3b30;border-radius:50%;width:9px;height:9px;margin-right:8px;animation:.9s ease-in-out infinite alternate rec-blink;display:inline-block;box-shadow:0 0 10px #ff3b30cc}.making{margin:16px 0 10px}.making-bar{--p:0;background:var(--chip);border-radius:999px;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.making-bar progress{opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.making-fill{border-radius:inherit;background:linear-gradient(90deg, #6b2400, var(--accent) 55%, var(--ember-gold) 88%, #fff1d0);translate:calc((var(--p) - 1) * 100%) 0;transition:translate .9s var(--ease-out);position:absolute;inset:0;overflow:hidden}.making-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:45%;animation:1.6s linear infinite heat;position:absolute;top:0;bottom:0;left:0}@keyframes heat{0%{translate:-100%}to{translate:230%}}.making-message{animation:drop-in .36s var(--ease-out) backwards;margin:12px 0}.making-message:before{content:"";background:var(--accent);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:10px;animation:1.1s ease-in-out infinite alternate ember-pulse;display:inline-block;box-shadow:0 0 12px #ff8c00e6}.making .row{animation:rise-in .52s var(--ease-out) backwards}.ready-title{animation:ready-in .9s var(--ease-out) backwards}@keyframes ready-in{0%{opacity:0;filter:blur(4px);color:#ffe0a3;text-shadow:0 0 #ff8c0000;translate:0 6px}35%{opacity:1;filter:blur();color:var(--ember-gold);text-shadow:0 0 24px #ff8c00d9;translate:0}to{text-shadow:0 0 #ff8c0000}}.shot-result{animation:.2s ease-out backwards fade-in}.shot-result>video.result{animation:pop-in .36s var(--ease-out) backwards}.quick-shot .shot-result>video.result{animation:shot-reveal 1.1s var(--ease-out) backwards;box-shadow:0 24px 60px -24px #ff6e008c}@keyframes shot-reveal{0%{opacity:0;filter:blur(14px)brightness(2.6)saturate(1.5);scale:.94;box-shadow:0 0 #ff8c0000}30%{opacity:1;filter:blur()brightness(1.5)saturate(1.25);box-shadow:0 0 80px 2px #ff820080}to{opacity:1;filter:blur()brightness()saturate();scale:1;box-shadow:0 24px 60px -24px #ff6e008c}}.shot-result>:not(video){animation:rise-in .52s var(--ease-out) .38s backwards}.shot-result>:not(video)~:not(video){animation-delay:.46s}.gallery-player{animation:rise-in .42s var(--ease-out) backwards}.gallery-player video{animation:pop-in .42s var(--ease-out) backwards}.film{animation:aperture .64s var(--ease-drawer) backwards}@keyframes aperture{0%{opacity:0;clip-path:inset(10% 16% 30% round 28px)}to{opacity:1;clip-path:inset(0 round 12px)}}.film>:not(canvas):not(video){animation:rise-in .48s var(--ease-out) .24s backwards}.film.live{position:relative;container-type:inline-size}.film.live[data-loading] canvas{background:radial-gradient(50% 60% at 50% 55%,#ff6e0029,#0000 70%),#000}.film.live[data-loading]:before,.film.live[data-loading]:after{content:"";pointer-events:none;border-radius:50%;width:84px;height:84px;margin:-42px 0 0 -42px;position:absolute;top:27cqw;left:50%}.film.live[data-loading]:before{background:radial-gradient(closest-side, #fff4dc, var(--ember-gold) 30%, #ff5a0080 62%, transparent);animation:1.2s ease-in-out infinite alternate ember-pulse}.film.live[data-loading]:after{animation:ripple 1.6s var(--ease-out) infinite;box-shadow:0 0 0 2px #ff9628b3}@keyframes ripple{0%{opacity:.8;scale:.6}to{opacity:0;scale:2}}.again-fact strong{text-shadow:0 0 22px #ff780059}.hook video{transition:transform .3s var(--ease-out), box-shadow .3s ease}@media (hover:hover) and (pointer:fine){.hook video:hover{transform:translateY(-3px);box-shadow:0 16px 40px -18px #ff6e00b3}}@supports (animation-timeline:view()){#again-heading,.again-fact,.again-row>figure,.hook figure,main>section>.grid>.tile{animation:scroll-rise var(--ease-out) both;animation-timeline:view();animation-range:entry entry 45%}.again-row>figure:nth-child(3n+2),.hook figure:nth-child(3n+2),main>section>.grid>.tile:nth-child(3n+2){animation-range:entry 6% entry 55%}.again-row>figure:nth-child(3n),.hook figure:nth-child(3n),main>section>.grid>.tile:nth-child(3n){animation-range:entry 12% entry 65%}}@media (prefers-reduced-motion:reduce){:root{--rise:0px;--soften:0px}*,:before,:after{animation-name:fade-in!important;animation-iteration-count:1!important;animation-timeline:auto!important}button:active:not(:disabled),.btn:active,.element-choice.secondary:hover,.tile:hover,.tile:active,.hook video:hover,.again-current video{transform:none!important}.record-cta:before{scale:1!important}}.kicker{letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:.74rem;font-weight:700}.kicker a{color:inherit}.hero{--el:var(--fire);max-width:1200px;margin:0 auto;padding:56px 32px 12px}.hero-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:40px;display:grid}.hero-title{letter-spacing:.015em;text-shadow:0 2px #0006;margin:.08em 0 .22em;font-size:clamp(2.8rem,6.4vw,5.6rem);line-height:1}.hero-title .boom{color:var(--fire);text-shadow:0 0 36px #ff6e0073,0 0 90px #ff500040}.hero-line{font-family:var(--display);max-width:30ch;margin:0 0 14px;font-size:clamp(1.6rem,3.1vw,2.5rem);font-weight:700;line-height:1.15}.hero-line span{color:#ffd7a8;display:block}.hero .lede strong{color:var(--fg)}.hero .lede{color:var(--muted);max-width:46ch;margin-bottom:22px;font-size:1.08rem;line-height:1.5}.seal-row{flex-wrap:wrap;gap:18px;margin:0 0 22px;padding:0;list-style:none;display:flex}.seal-row li{text-align:center;justify-items:center;gap:4px;width:66px;display:grid}.seal-row .seal{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--c) 45%, transparent))}.seal-name{font-family:var(--display);letter-spacing:.06em;font-size:.78rem;font-weight:700}.seal-cue{font-family:var(--brushface);color:var(--c);letter-spacing:.03em;font-size:.72rem}.seal path,.seal circle{stroke-dasharray:100;stroke-dashoffset:0;animation:seal-draw 1.4s var(--ease-out) backwards}.seal-row li:nth-child(2) .seal *{animation-delay:.12s}.seal-row li:nth-child(3) .seal *{animation-delay:.24s}.seal-row li:nth-child(4) .seal *{animation-delay:.36s}.seal-row li:nth-child(5) .seal *{animation-delay:.48s}@keyframes seal-draw{0%{stroke-dashoffset:100px}}.hero-actions{margin:0}.hero-cta{background:linear-gradient(100deg, #ffa424, var(--fire) 45%, #ff6614);min-height:48px;padding-inline:24px;box-shadow:0 12px 34px -12px #ff6e00e6,inset 0 1px #ffffff4d}.hero-actions .btn{align-items:center;min-height:48px;display:inline-flex}.hero-actions .btn.secondary{border:1px solid var(--line)}.hero-stage{isolation:isolate;place-items:center;min-height:600px;display:grid;position:relative}.stage-glow{z-index:-2;background:radial-gradient(closest-side, color-mix(in srgb, var(--el) 38%, transparent), transparent 72%);border-radius:50%;transition:background .7s;animation:4.5s ease-in-out infinite alternate breathe;position:absolute;inset:8% 4%}.stage-seal{z-index:-1;opacity:.22;width:min(520px,100%);height:auto;animation:60s linear infinite seal-turn,.7s ease-out fade-in;position:absolute}.stage-seal path,.stage-seal circle{animation:seal-draw 1.6s var(--ease-out) backwards}@keyframes seal-turn{to{rotate:360deg}}.reel{width:min(300px,70vw);margin:0;position:relative}.reel video{aspect-ratio:400/696;object-fit:cover;width:100%;box-shadow:0 30px 80px -30px #000, 0 0 60px -10px color-mix(in srgb, var(--el) 55%, transparent);background:#000;border:1px solid #ffdcb424;border-radius:18px;transition:box-shadow .6s;display:block}.reel figcaption{color:var(--muted);text-align:center;min-height:2.6em;margin-top:12px;font-size:.8rem;animation:.5s ease-out fade-in}.brush{pointer-events:none;place-items:center;width:82%;height:74px;display:grid;position:absolute;bottom:22%;left:-34%}.brush svg{width:100%;height:100%;fill:var(--el);opacity:.32;transition:fill .5s;position:absolute;inset:0}.brush-word{font-family:var(--brushface);color:var(--el);text-shadow:0 0 22px color-mix(in srgb, var(--el) 60%, transparent), 0 3px 0 #0000008c;animation:stamp .52s var(--ease-out);font-size:clamp(2rem,3.6vw,3rem);position:relative;rotate:-4deg}@keyframes stamp{0%{opacity:0;filter:blur(4px);scale:1.5}60%{opacity:1;filter:blur();scale:.96}}.hero-steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}.hero-steps li{counter-increment:step;border:1px solid var(--line);background:linear-gradient(#ffc8960d,#ffc89604);border-radius:16px;padding:16px 18px 16px 62px;position:relative}.hero-steps li:before{content:counter(step);width:32px;height:32px;font-family:var(--display);color:var(--fire);border:1.5px solid color-mix(in srgb, var(--fire) 70%, transparent);border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;top:15px;left:16px;box-shadow:0 0 14px -2px #ff6e0080}.hero-steps strong{font-family:var(--display);letter-spacing:.03em;margin-bottom:4px;font-weight:800;display:block}.hero-steps span{color:var(--muted);font-size:.88rem;line-height:1.45}.hero-copy>*{animation:rise-in .7s var(--ease-out) backwards}.hero-copy>:nth-child(2){animation-delay:70ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.23s}.hero-copy>:nth-child(5){animation:none}.hero-copy>:nth-child(6){animation-delay:.42s}.hero-steps{animation:.8s ease-out .5s backwards fade-in}.studio-head{margin:44px 0 6px}.studio-head h2{margin:0;font-size:clamp(1.4rem,3vw,1.9rem)}main{max-width:760px}.studio-anchor{border:1px solid var(--line);background:linear-gradient(#1e1813d9,#15110eb8);border-radius:22px;padding:4px 22px 8px;position:relative;box-shadow:0 30px 80px -40px #ff640059,inset 0 1px #ffdcb40f}.studio-anchor>section:first-child{border-top:0}.credits{margin-top:32px;font-size:.82rem;line-height:1.5}.element-choice.secondary{border:1px solid var(--line)}@media (max-width:860px){.hero{padding:28px 16px 4px}.hero-inner{grid-template-columns:1fr;gap:8px}.hero-stage{min-height:0;padding:18px 0 4px}.stage-seal{width:min(420px,108%)}.reel{width:min(230px,62vw)}.brush{width:76%;height:56px;left:-26%}.hero-steps{grid-template-columns:1fr;gap:8px;margin-top:18px}.hero-steps li{padding:12px 14px 12px 56px}.hero-steps li:before{width:30px;height:30px;top:11px}.hero-stage{overflow:clip}.seal-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.seal-row li{width:auto}.seal-name{letter-spacing:.02em;font-size:.66rem}.seal-cue{font-size:.62rem}main,.element-choice{padding-inline:12px}.hero-actions .btn{flex:auto;justify-content:center}.studio-anchor{border-radius:18px;padding:2px 10px 6px}.studio-head{margin-top:32px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage-seal{rotate:none!important}}
