/* A single native studio floor spans the hero. Images are never color filtered. */
.hero.native-blender-hero{background:#111112;height:100svh;min-height:650px}
.native-blender-hero:after{display:none}
.native-blender-hero .hero-main{position:relative;z-index:2;display:flex;align-items:center;height:100%;min-height:0;padding-top:90px;padding-bottom:0;pointer-events:none;max-width:1580px}
.native-blender-hero .hero-copy{position:relative;z-index:2;width:43%;padding-bottom:22px;pointer-events:auto}
.native-blender-hero h1{font-size:clamp(42px,4.65vw,70px)}
.native-blender-hero .hero-lead{font-size:clamp(14px,1.18vw,17px)}
.native-blender-hero .hero-actions{gap:25px}
.native-floor{position:absolute;z-index:0;bottom:0;right:0;width:108.43%;aspect-ratio:23/10;pointer-events:none}
.native-floor img{display:block;width:100%;height:100%;max-width:none}
.native-floor{mask-image:linear-gradient(180deg,transparent,#000 12%);user-select:none}
.hero-visual.native-scene{position:absolute;z-index:1;bottom:0;right:0;width:66%;height:auto;max-width:none;margin:0;aspect-ratio:7/5;touch-action:pan-y;transform:none}
.native-scene .native-poster,.native-scene .native-canvas,.native-scene .native-head,.native-scene .native-blocks{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none;display:block;pointer-events:none}
.native-scene .native-poster,.native-scene .native-canvas{mask-image:linear-gradient(90deg,transparent,#000 1.5%,#000 98.5%,transparent),linear-gradient(180deg,transparent,#000 8%);mask-composite:intersect;user-select:none}
.native-scene .native-canvas,.native-scene .native-head,.native-scene .native-blocks{visibility:hidden}
.native-scene[data-render="interactive"] .native-canvas,.native-scene[data-render="interactive"] .native-head,.native-scene[data-render="interactive"] .native-blocks{visibility:visible}
.native-scene[data-render="interactive"] .native-poster{opacity:0}
.native-block-target{position:absolute;left:12%;top:20%;width:46%;height:61%;z-index:3;cursor:pointer;border:0;background:none;padding:0;border-radius:14px;touch-action:pan-y}
.native-block-target:focus-visible{outline:1px solid #e6e2d5;outline-offset:8px}
.native-motion-toggle{position:absolute;z-index:4;right:8%;bottom:5%;border:1px solid #ffffff38;border-radius:30px;padding:7px 12px;font-family:inherit;font-size:11px;line-height:1.5;background:#111112c0;color:#c4c7c7;cursor:pointer}
.native-motion-status{display:none;position:absolute;z-index:4;right:8%;bottom:calc(5% + 42px);font-family:inherit;font-size:11px;color:#c4c7c7;pointer-events:none}
.native-block-target:disabled{cursor:progress}
.native-loading{position:absolute;z-index:5;right:8%;bottom:calc(5% + 43px);width:180px;padding:13px 15px;background:#111112e8;border:1px solid #ffffff24;border-radius:4px;color:#e2e5e3;font-size:11px;line-height:1.5;pointer-events:none}
.native-loading[hidden]{display:none}
.native-loading-label{display:block;letter-spacing:.06em;margin-bottom:9px}
.native-loading progress{display:block;appearance:none;border:0;border-radius:2px;width:100%;height:2px;background:#ffffff1c;color:#d9e2dc}
.native-loading progress::-webkit-progress-bar{background:#ffffff1c;border-radius:2px}
.native-loading progress::-webkit-progress-value{background:#d9e2dc;border-radius:2px}
.native-loading progress::-moz-progress-bar{background:#d9e2dc;border-radius:2px}
.native-motion-toggle:hover{color:#fff;border-color:#ffffff80}
.native-motion-toggle:focus-visible{outline:2px solid #efe9d7;outline-offset:4px}
.native-motion-toggle:disabled{cursor:default;opacity:.7}
@media(max-width:1100px) and (min-width:801px){.native-blender-hero .hero-copy{width:42%}.native-blender-hero h1{font-size:43px}.native-blender-hero .hero-actions{gap:17px}.native-blender-hero .hero-actions .button{padding-inline:15px}}
@media(max-width:800px){
 .hero.native-blender-hero{height:auto;min-height:max(100svh,calc(420px + (100vw + 24px)*1.071429))}
 .native-blender-hero .hero-main{height:auto;min-height:0;padding-top:126px;display:block}
 .native-blender-hero .hero-copy{width:100%;padding-bottom:0}
 .native-blender-hero h1{font-size:clamp(42px,8.6vw,58px)}
 .native-blender-hero .hero-lead{font-size:16px}
 .native-floor{width:calc((100% + 24px)*1.642857);right:-12px;aspect-ratio:23/15}
 .hero-visual.native-scene{width:calc(100% + 24px);right:-12px;bottom:calc((100vw + 24px)*.357143)}
 .native-motion-toggle{font-size:10px;right:10%;bottom:6%}
}
@media(max-width:520px){.native-blender-hero .hero-main{padding-top:120px}.native-blender-hero h1{font-size:43px}.native-blender-hero .hero-lead{font-size:15px}.native-blender-hero .hero-actions{gap:19px}}
@media(prefers-reduced-motion:reduce){.native-scene .native-canvas,.native-scene .native-head,.native-scene .native-blocks{display:none}}