@layer theme,base,components;@layer surfaces{.ec-production-hero__frame{--ec-prod-logo-height:10rem;--ec-prod-logo-ratio:3;width:min(100%, calc(var(--ec-prod-logo-height) * var(--ec-prod-logo-ratio)));margin-inline:auto;position:relative}.ec-production-hero__frame>svg,.ec-production-hero__frame>img{width:100%;height:auto;display:block}.ec-production-hero__mark--heartbeat.ec-production-hero__frame{--ec-prod-logo-height:min(20rem, 42vh)}.ec-production-hero__mark--made-in-space.ec-production-hero__frame{--ec-prod-logo-ratio:2.459}.ec-production-hero__mark{--ec-prod-arrive-duration:.62s;--ec-prod-arrive-scale:.95;opacity:1;animation:ec-prod-logo-arrive var(--ec-prod-arrive-duration) cubic-bezier(.22, 1, .36, 1) backwards;transform:none}@keyframes ec-prod-logo-arrive{0%{opacity:0;transform:scale(var(--ec-prod-arrive-scale))}to{opacity:1;transform:scale(1)}}.ec-production-hero__mark--brisk{--ec-prod-arrive-duration:.5s;--ec-prod-arrive-scale:.92}.ec-production-hero__mark--immersive{--ec-prod-arrive-duration:.85s;--ec-prod-arrive-scale:.97}.ec-production-hero__frame .ec-mark-stage,.ec-production-hero__frame .ec-mark-part{opacity:1;transform:none}.ec-production-hero__mark--heartbeat .ec-hb-growth{--ec-hb-run:3.2s;--ec-hb-word-run:.8s;--ec-hb-lead:var(--ec-prod-arrive-duration,.5s)}.ec-production-hero__mark--heartbeat .ec-hb-line,.ec-production-hero__mark--heartbeat .ec-hb-wipe{fill:none;stroke:#fff;stroke-dasharray:calc(var(--ec-l) * 1px) calc((var(--ec-l) + 2) * 1px);stroke-dashoffset:0;animation-name:ec-hb-draw;animation-timing-function:linear;animation-fill-mode:backwards;animation-duration:calc(var(--ec-l) / var(--ec-hb-total) * var(--ec-hb-run));animation-delay:calc(var(--ec-hb-lead) + var(--ec-d) / var(--ec-hb-total) * var(--ec-hb-run))}.ec-production-hero__mark--heartbeat .ec-hb-line{stroke-width:calc(var(--ec-hb-w) * 1.8 * 1px);stroke-linecap:round;stroke-linejoin:round}.ec-production-hero__mark--heartbeat .ec-hb-wipe{stroke-width:calc(var(--ec-hb-word) * 1px);stroke-linecap:butt;animation-duration:var(--ec-hb-word-run)}@keyframes ec-hb-draw{0%{stroke-dashoffset:calc((var(--ec-l) + 1) * 1px)}to{stroke-dashoffset:0}}.ec-production-hero__mark--heartbeat>.ec-hb-heart{pointer-events:none;position:absolute;inset:0}.ec-production-hero__mark--heartbeat .ec-hb-heart>svg{width:100%;height:100%;display:block}.ec-production-hero__mark--heartbeat .ec-hb-heart>.ec-hb-glow{position:absolute;inset:0}.ec-production-hero__mark--ecstasea .ec-mark-part{animation:1.25s cubic-bezier(.22,1,.36,1) backwards ec-sea-swell;animation-delay:calc(.1s + var(--ec-x) * .95s)}@keyframes ec-sea-swell{0%{opacity:0;transform:translateY(46px)}45%{opacity:1}62%{transform:translateY(-13px)}to{opacity:1;transform:translateY(0)}}.ec-production-hero__mark--laniakea .ec-mark-part{animation:1.6s ease-out backwards ec-lan-firelight;animation-delay:calc(.12s + var(--ec-c) * 3.2s)}@keyframes ec-lan-firelight{0%{opacity:0}16%{opacity:.82}28%{opacity:.22}44%{opacity:1}56%{opacity:.45}70%{opacity:.95}84%{opacity:.68}to{opacity:1}}.ec-production-hero__mark--dancina .ec-mark-part{transform-box:fill-box;transform-origin:50%;animation:.72s cubic-bezier(.34,1.56,.64,1) backwards ec-dan-flip;animation-delay:calc(60ms + var(--ec-i) * 55ms)}@keyframes ec-dan-flip{0%{opacity:0;transform:translateY(calc(var(--ec-s) * -58px)) rotate(calc(var(--ec-s) * -7deg)) scale(.9)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}.ec-production-hero__mark--dancina .ec-mark-stage{transform-box:view-box;transform-origin:50%;animation:.36s ease-out .7s backwards ec-dan-lock}@keyframes ec-dan-lock{0%,to{transform:scale(1)}45%{transform:scale(1.035)}}.ec-production-hero__mark--soulful-sessions .ec-mark-part{animation:1.15s cubic-bezier(.33,1,.68,1) backwards ec-soul-standing;animation-delay:calc(.1s + (.5 - var(--ec-c)) * 3.8s)}@keyframes ec-soul-standing{0%{opacity:0;transform:translateY(calc(var(--ec-s) * 34px))}35%{opacity:1;transform:translateY(calc(var(--ec-s) * -14px))}68%{transform:translateY(calc(var(--ec-s) * 5px))}to{opacity:1;transform:translateY(0)}}.ec-production-hero__mark--made-in-space .ec-mark-raster{animation:3.4s cubic-bezier(.22,1,.36,1) backwards ec-mis-dive}@keyframes ec-mis-dive{0%{opacity:0;clip-path:circle(0%);transform:scale(1.14)}30%{opacity:1}to{opacity:1;clip-path:circle(140%);transform:scale(1)}}.ec-production-hero__mark--made-in-space .ec-mis-field{pointer-events:none;opacity:0;background-image:radial-gradient(circle at 20% 30%,#4a2c38d9 0 1.2px,#0000 1.8px),radial-gradient(circle at 68% 12%,#4a2c388c 0 1px,#0000 1.5px),radial-gradient(circle at 45% 78%,#7a4a46b3 0 1.1px,#0000 1.6px),radial-gradient(circle at 86% 62%,#4a2c3873 0 .9px,#0000 1.4px);background-size:120px 120px,170px 170px,90px 90px,210px 210px;animation:3.4s ease-out backwards ec-mis-field-drift;position:absolute;inset:-20%}@keyframes ec-mis-field-drift{0%{opacity:0;transform:scale(.35)translateY(6%)}25%{opacity:.85}to{opacity:0;transform:scale(2.6)translateY(-4%)}}@media (prefers-reduced-motion:reduce){.ec-production-hero__mark{opacity:1;transform:none;animation:none!important}.ec-production-hero__mark *{animation:none!important}.ec-production-hero__frame .ec-mark-stage,.ec-production-hero__frame .ec-mark-part,.ec-production-hero__frame .ec-mark-raster{opacity:1;clip-path:none;transform:none}.ec-production-hero__mark--made-in-space .ec-mis-field{opacity:0}}}@layer utilities{.ec-production-hero__frame>svg:is(.block,.h-10,.h-24,.h-4,.h-7,.h-8,.h-9,.h-\[1\.15em\],.h-\[15px\],.h-auto,.h-full,.w-10,.w-4,.w-7,.w-8,.w-\[1\.15em\],.w-full){height:revert-layer;width:revert-layer;display:revert-layer}.ec-production-hero__frame>img:is(.h-10,.h-full,.w-10,.w-full){width:revert-layer;height:revert-layer}}
