.studio-card-hero{padding-top:112px;padding-bottom:20px}.studio-card-hero h1{text-wrap:balance;font-size:clamp(40px,4.5vw,64px);line-height:1.2}.studio-hero.studio-card-hero .studio-title-line{white-space:nowrap;color:var(--color-ink);justify-content:center;display:flex}.studio-hero.studio-card-hero .studio-title-accent{color:var(--color-accent)}.studio-hero.studio-card-hero .studio-title-character{color:inherit;transform-origin:bottom;-webkit-text-stroke:0 transparent;transition:font-weight .26s var(--ease-out), padding .26s var(--ease-out), -webkit-text-stroke-width .26s var(--ease-out), -webkit-text-stroke-color .26s var(--ease-out);animation:studio-character-arrive .46s var(--ease-out) both;display:inline-block}.studio-card-hero[data-arrived=true] .studio-title-character,.studio-card-hero[data-motion=paused] .studio-title-character{animation:none}.studio-card-hero[data-motion=paused] .studio-title-character{transition:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.studio-card-hero[data-motion=playing] .studio-title-character:hover+.studio-title-character+.studio-title-character{font-weight:800}.studio-card-hero[data-motion=playing] .studio-title-character:has(+.studio-title-character+.studio-title-character:hover){font-weight:800}.studio-card-hero[data-motion=playing] .studio-title-character:hover+.studio-title-character{-webkit-text-stroke:calc(1em / 96) currentColor;padding-inline:.0833333em;font-weight:850}.studio-card-hero[data-motion=playing] .studio-title-character:has(+.studio-title-character:hover){-webkit-text-stroke:calc(1em / 96) currentColor;padding-inline:.0833333em;font-weight:850}.studio-card-hero[data-motion=playing] .studio-title-character:hover{-webkit-text-stroke:calc(1em / 24) currentColor;padding-inline:.0833333em;font-weight:900}}.studio-card-hero .studio-lede{margin-top:14px}.studio-card-hero .studio-hero-copy>*{animation:studio-copy-arrive .85s var(--ease-out) both}.studio-hero.studio-card-hero .studio-hero-copy h1{animation:none}.studio-card-hero .studio-lede{animation-delay:.17s}.studio-card-hero .studio-hero-actions{margin-top:20px;animation-delay:.26s}.studio-card-hero .studio-hero-actions .button-primary{width:min(320px,100%)}.studio-card-hero .hero-light,.studio-card-hero .hero-beams{animation:studio-light-arrive 1.1s var(--ease-out) both}.studio-card-hero .showcase-stage{width:min(780px,100% - 48px);height:350px;margin-top:24px}.studio-card-hero .showcase-stage[data-preview=true]{z-index:var(--z-raised)}.studio-card-hero .stage-layer{animation:studio-card-arrive .95s var(--ease-out) both;transition:none}.studio-card-hero .stage-layer[data-preview=true]{z-index:var(--z-raised)}.studio-card-hero .stage-main{--card-hover-rotate:.5deg;width:280px;animation-delay:.26s;left:calc(50% - 140px)}.studio-card-hero .main-specimen{padding:18px}.studio-card-hero .main-specimen .specimen-media{border-radius:10px;width:232px;height:232px;margin:4px auto 8px;display:block;overflow:hidden}.studio-card-hero .specimen-media>img{object-fit:contain;width:100%;height:100%;transition:scale .65s var(--ease-out)}.studio-card-hero .specimen-preview-panel{--preview-gap:18px;z-index:2;left:calc(100% + var(--preview-gap));border:1px solid var(--color-glass-rule);background:var(--color-paper-2);width:180px;box-shadow:0 24px 70px -15px var(--color-stage-shadow), 0 0 24px -12px var(--color-accent);pointer-events:none;transform-origin:0 0;transform:translateY(var(--preview-offset-y,0px));opacity:0;transition:opacity var(--dur-medium) var(--ease-out), translate var(--dur-medium) var(--ease-out);border-radius:16px;padding:7px;position:absolute;top:12px;bottom:auto;translate:-8px}.studio-card-hero .stage-left .specimen-preview-panel{width:168px;top:0;rotate:7deg}.studio-card-hero .stage-right .specimen-preview-panel{left:auto;right:calc(100% + var(--preview-gap));transform-origin:100% 0;width:168px;top:-14px;translate:8px;rotate:-8deg}.studio-card-hero .specimen-preview-panel.is-playing{opacity:1;translate:none}.studio-card-hero .showcase-stage[data-preview=true] .stage-note{visibility:hidden}.studio-card-hero[data-motion=paused] .specimen-preview-panel{display:none}.studio-card-hero .specimen-preview-panel>video{aspect-ratio:750/1624;object-fit:contain;pointer-events:none;background:var(--color-paper);border-radius:9px;width:100%;max-height:calc(100dvh - 170px);display:block}.studio-card-hero .specimen-preview-heading,.studio-card-hero .specimen-preview-heading>span{justify-content:space-between;align-items:center;gap:5px;display:flex}.studio-card-hero .specimen-preview-heading{color:var(--color-ink-2);padding:4px 3px 9px;font-size:9px}.studio-card-hero .specimen-preview-heading i{background:var(--color-accent);border-radius:50%;width:4px;height:4px}.studio-card-hero .specimen-preview-heading small{color:var(--color-muted);font:400 7px/1.5 var(--font-display);letter-spacing:.08em}@media (min-width:1200px){.studio-card-hero .stage-left .specimen-preview-panel{left:auto;right:calc(100% + var(--preview-gap));transform-origin:100% 0;translate:8px}.studio-card-hero .stage-right .specimen-preview-panel{left:calc(100% + var(--preview-gap));transform-origin:0 0;right:auto;translate:-8px}.studio-card-hero :is(.stage-left,.stage-right) .specimen-preview-panel.is-playing{translate:none}}@media (max-width:1023px){.studio-card-hero .specimen-preview-panel{--preview-gap:12px;width:clamp(150px,17.6vw,180px)}.studio-card-hero :is(.stage-left,.stage-right) .specimen-preview-panel{width:clamp(150px,17.6vw,168px)}}.studio-card-hero .stage-left,.studio-card-hero .stage-right{width:210px;top:42px}.studio-card-hero .stage-left{--card-hover-rotate:-1.25deg;animation-delay:.34s}.studio-card-hero .stage-right{--card-hover-rotate:1.25deg;animation-delay:.42s;top:56px}.studio-card-hero .side-specimen{padding:16px}.studio-card-hero .side-specimen>img{width:170px;height:170px}.studio-card-hero .specimen-card{--specimen-float-y:-12px;isolation:isolate;-webkit-user-select:none;user-select:none;animation:studio-specimen-float 7.6s var(--ease-in-out) -2.4s infinite;transition:border-color .25s var(--ease-out), box-shadow .35s var(--ease-out), translate .5s var(--ease-out), rotate .5s var(--ease-out), scale .18s var(--ease-out);position:relative;overflow:hidden}.studio-card-hero .stage-left .specimen-card{animation-duration:6.8s;animation-delay:-4.2s}.studio-card-hero .stage-main .specimen-card{--specimen-float-y:-14px}.studio-card-hero .stage-right .specimen-card{animation-duration:8.4s;animation-delay:-5.6s}.studio-card-hero .specimen-card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at calc(50% + var(--pointer-x) * 5) calc(28% + var(--pointer-y) * 5), var(--color-glow-strong), var(--color-transparent) 65%), linear-gradient(135deg, var(--color-ink-faint), var(--color-transparent) 43%);opacity:0;transition:opacity .4s var(--ease-out);position:absolute;inset:0}.studio-card-hero .specimen-card>*{position:relative}:is(.studio-card-hero .specimen-card:hover,.studio-card-hero .specimen-card:focus-visible){border-color:var(--color-accent);box-shadow:0 24px 60px -20px var(--color-stage-shadow), 0 0 24px -12px var(--color-accent)}.studio-card-hero .specimen-card:focus-visible:before{opacity:.55}.studio-card-hero .specimen-card>img{transition:scale .65s var(--ease-out)}.studio-card-hero[data-motion=playing] .specimen-card:focus-visible{translate:0 -4px}.studio-card-hero[data-motion=playing] .specimen-card:focus-visible>img{scale:1.025}.studio-card-hero[data-motion=playing] .specimen-card:focus-visible .specimen-media>img{scale:1.025}.studio-card-hero .specimen-open{transition:background-color .25s var(--ease-out), border-color .25s var(--ease-out), color .25s var(--ease-out)}.studio-card-hero .specimen-bottom>svg,.studio-card-hero .specimen-open svg{transition:translate .35s var(--ease-out), scale .35s var(--ease-out)}:is(.studio-card-hero .specimen-card:hover .specimen-open,.studio-card-hero .specimen-card:focus-visible .specimen-open){background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.studio-card-hero .stage-note{animation:studio-note-arrive .7s var(--ease-out) both;padding:11px 14px;font-size:10px}.studio-card-hero .stage-note-left{animation-delay:.5s;bottom:6px}.studio-card-hero .stage-note-right{animation-delay:.56s;bottom:0}.studio-card-hero .stage-controls{max-width:780px;animation:studio-copy-arrive .65s var(--ease-out) .56s both;justify-content:space-between;margin-top:8px}.hero-selection-note{font-family:var(--font-display);color:var(--color-muted);letter-spacing:.1em;font-size:9px}.studio-card-hero .hero-platforms{animation:studio-platforms-arrive .65s var(--ease-out) .72s both;margin-top:16px;padding-top:16px}.studio-card-hero[data-arrived=true] :is(.studio-hero-copy>*,.hero-light,.hero-beams,.stage-layer,.stage-note,.stage-controls,.hero-platforms,.specimen-art){animation:none}.studio-card-hero[data-motion=paused] .float-slow{animation-play-state:paused}.studio-card-hero[data-motion=paused] .specimen-card{translate:none;rotate:none;scale:1}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.studio-card-hero[data-motion=playing] .specimen-card:hover{translate:0 -9px;rotate:var(--card-hover-rotate)}.studio-card-hero[data-motion=playing] .specimen-card:hover:before{opacity:.85}.studio-card-hero[data-motion=playing] .specimen-card:hover>img,.studio-card-hero[data-motion=playing] .specimen-card:hover .specimen-media>img{scale:1.04}.studio-card-hero[data-motion=playing] .specimen-card:hover .specimen-bottom>svg{translate:2px -2px}.studio-card-hero[data-motion=playing] .specimen-card:hover .specimen-open svg{scale:1.08}}.studio-card-hero[data-motion=playing] .specimen-card:active{scale:.99}@keyframes studio-specimen-float{0%,to{transform:translate(0,0)}50%{transform:translate3d(0, var(--specimen-float-y), 0)}}@keyframes studio-copy-arrive{0%{opacity:0;translate:0 18px}to{opacity:1;translate:none}}@keyframes studio-character-arrive{0%{opacity:0;transform:translateY(.55em)rotate(4deg)scale(.88)}62%{opacity:1;transform:translateY(-.04em)rotate(-.7deg)scale(1.025)}to{opacity:1;transform:none}}@keyframes studio-card-arrive{0%{opacity:0;translate:0 26px;scale:.94}to{opacity:1;translate:none;scale:1}}@keyframes studio-note-arrive{0%{opacity:0;translate:0 12px}to{opacity:1;translate:none}}@keyframes studio-platforms-arrive{0%{opacity:0;translate:0 8px}to{opacity:1;translate:none}}@keyframes studio-light-arrive{0%{opacity:.15}to{opacity:1}}@media (max-width:900px) and (min-width:640px){.studio-card-hero .showcase-stage{width:calc(100% - 70px)}.studio-card-hero .stage-left,.studio-card-hero .stage-right{width:180px}.studio-card-hero .side-specimen>img{width:146px;height:146px}}@media (max-width:639px){.studio-card-hero .specimen-preview-panel{display:none}.studio-card-hero{padding-top:108px;padding-bottom:20px}.studio-card-hero h1{font-size:clamp(28px,7.65vw,43px);line-height:1.25}.studio-card-hero .studio-lede{max-width:310px;margin-top:12px;font-size:11px}.studio-card-hero .showcase-stage{width:calc(100% - 36px);max-width:440px;height:228px;margin-top:22px}.studio-card-hero .specimen-card{--specimen-float-y:-6px}.studio-card-hero .stage-main .specimen-card{--specimen-float-y:-7px}.studio-card-hero .stage-main{width:43%;left:28.5%}.studio-card-hero .main-specimen{border-radius:18px;padding:11px}.studio-card-hero .main-specimen .specimen-media{aspect-ratio:1;width:100%;height:auto;margin-block:8px}.studio-card-hero .stage-left,.studio-card-hero .stage-right{width:27%;top:42px}.studio-card-hero .stage-left{left:0;transform:rotate(-7deg)}.studio-card-hero .stage-right{top:54px;right:0;transform:rotate(7deg)}.studio-card-hero .side-specimen{border-radius:14px;padding:9px}.studio-card-hero .side-specimen>img{aspect-ratio:1;width:100%;height:auto;margin-block:9px}.studio-card-hero .side-specimen .specimen-topline{letter-spacing:0;font-size:6px}.studio-card-hero .side-specimen .specimen-bottom{white-space:nowrap;font-size:8px;display:flex}.studio-card-hero .side-specimen .specimen-bottom small,.studio-card-hero .side-specimen .specimen-bottom>svg{display:none}.studio-card-hero .main-specimen .specimen-bottom{font-size:9px}.studio-card-hero .main-specimen .specimen-bottom small{font-size:7px}.studio-card-hero .specimen-open{width:25px;height:25px}.studio-card-hero .specimen-open svg{width:12px}.studio-card-hero .stage-controls{flex-direction:row;gap:10px;max-width:440px;margin-top:0}.hero-selection-note{letter-spacing:.04em;font-size:7px}.studio-card-hero .hero-platforms{margin-top:12px;padding-top:14px}.studio-card-hero .hero-platforms>span{display:none}}@media (max-width:359px){.studio-card-hero .showcase-stage{height:210px}.studio-card-hero .main-specimen{padding:9px}.studio-card-hero .main-specimen .specimen-bottom{font-size:8px}.studio-card-hero .specimen-open{width:21px;height:21px}}@media (prefers-reduced-motion:reduce){.studio-card-hero .specimen-preview-panel{display:none}.studio-card-hero .studio-title-character{transition:none;animation:none}.studio-card-hero :is(.studio-hero-copy>*,.hero-light,.hero-beams,.stage-layer,.stage-note,.stage-controls,.hero-platforms,.specimen-art){opacity:1;animation:none;translate:none;scale:1}.studio-card-hero .float-slow{animation:none;transform:none}.studio-card-hero .specimen-card,.studio-card-hero .specimen-card:before,.studio-card-hero .specimen-bottom>svg,.studio-card-hero .specimen-open svg,.studio-card-hero .specimen-card>img,.studio-card-hero .specimen-media>img,.studio-card-hero .specimen-preview-panel{transition:none!important;translate:none!important;rotate:none!important;scale:1!important}}