.interactive-hero{--hero-x:0;--hero-y:0;--hero-media-offset:-50%;--hero-tilt-x:-3deg;--hero-tilt-y:4deg;z-index:1;isolation:isolate;perspective:1200px;background:#0a0a0c;padding:42px 32px 44px;position:relative;overflow:visible;container-type:inline-size}.hero-environment{--hero-scene-height:clamp(720px, calc(30cqw + 400px), 900px);z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#0a0a0c6b,#0a0a0c29 52%,#0000 78%),linear-gradient(#0a0a0c40,#0000 38%,#0a0a0c1f 64%,#0a0a0c 100%),url(/media/hero-coast-matched.webp);background-size:100% var(--hero-scene-height);filter:saturate(.9)sepia(.07)brightness(.96);-webkit-mask-image:linear-gradient(#000 calc(var(--hero-scene-height) * .7), transparent var(--hero-scene-height)), linear-gradient(#000 calc(100% - 120px), transparent);mask-image:linear-gradient(#000 calc(var(--hero-scene-height) * .7), transparent var(--hero-scene-height)), linear-gradient(#000 calc(100% - 120px), transparent);-webkit-mask-image:linear-gradient(#000 calc(var(--hero-scene-height) * .7), transparent var(--hero-scene-height)), linear-gradient(#000 calc(100% - 120px), transparent);-webkit-mask-composite:source-in;background-position:top;background-repeat:no-repeat;position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.hero-media{z-index:1;aspect-ratio:16/9;pointer-events:none;transform-origin:50% 45%;width:min(800px,100% - 32px);transform:translateX(var(--hero-media-offset)) rotateX(calc(var(--hero-y) * var(--hero-tilt-x))) rotateY(calc(var(--hero-x) * var(--hero-tilt-y)));will-change:transform;position:absolute;top:210px;left:50%}.hero-media video{object-fit:contain;opacity:.98;filter:saturate(.9)sepia(.07)brightness(.96);--hero-video-mask:radial-gradient(ellipse 78% 82% at 50% 48%, #000 55%, transparent 100%), linear-gradient(90deg, transparent, #0000000f 6%, #00000052 14%, #000000bf 23%, #000 32%, #000 87%, #000000b3 94%, transparent), linear-gradient(180deg, transparent, #0000002e 2%, #000000b3 5%, #000 10%, #000 86%, #000000a6 94%, transparent);width:100%;height:100%;-webkit-mask-image:var(--hero-video-mask);mask-image:var(--hero-video-mask);-webkit-mask-image:var(--hero-video-mask);-webkit-mask-composite:source-in;display:block;-webkit-mask-composite:source-in;mask-composite:intersect}.hero-ambient{z-index:2;pointer-events:none;background:radial-gradient(#d49a5614,#0000 70%);width:min(1000px,100%);height:440px;position:absolute;top:330px;left:50%;transform:translate(-50%)}.hero-foreground{z-index:20;max-width:1480px;margin:0 auto;position:relative}.hero-copy{text-align:center}.hero-badge{color:#e2cda9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14141899;border:1px solid #e6c4922b;border-radius:999px;align-items:center;gap:9px;padding:7px 13px;font-size:11px;transition:border-color .18s,background .18s;display:inline-flex}.hero-badge:hover{background:#282119b3;border-color:#e6c4926b}.hero-copy h1{color:#f5f2ed;letter-spacing:-.04em;text-shadow:0 2px 28px #000,0 1px 6px #000000a6;margin-top:19px;font-size:clamp(32px,4vw,48px);font-weight:550;line-height:1.2}.hero-copy p{color:#c1bcb4;text-shadow:0 1px 10px #000;max-width:540px;margin:14px auto 0;font-size:13px;line-height:1.8}.hero-scene-caption{color:#d1bda1;letter-spacing:.12em;text-shadow:0 1px 8px #000;justify-content:center;align-items:center;gap:12px;margin:calc(min(450px,56.25cqw) + 38px) 0 18px;font-size:10px;display:flex}.hero-scene-caption>span:first-child,.hero-scene-caption>span:last-child{background:linear-gradient(90deg,#0000,#b3996f);width:28px;height:1px}.hero-scene-caption>span:last-child{transform:rotate(180deg)}.hero-composer-area{margin:0 auto}.hero-composer-area #generate{max-width:960px;margin-inline:auto}.hero-composer-area .generation-composer{-webkit-backdrop-filter:blur(20px);background:#1414188c;border:1px solid #ffffff1f;border-radius:18px;box-shadow:0 16px 80px #00000047,inset 0 1px #ffffff08}.hero-composer-area .generation-composer:focus-within{border-color:#d49a567a}.hero-composer-area .composer-submit{color:#201a13;background:linear-gradient(145deg,#e5c79a,#c79151)}.hero-composer-area .composer-toolbar{padding-bottom:14px}.hero-composer-area .composer-menu-content{background:#18181d}.hero-data-cards{z-index:10;pointer-events:none;width:145px;transform:translate3d(calc(var(--hero-x) * -12px), calc(var(--hero-y) * -12px), 40px);will-change:transform;position:absolute;top:215px;right:max(32px,50% - 490px)}.hero-data-card{-webkit-backdrop-filter:blur(16px);background:#16161b70;border:1px solid #ffffff24;border-radius:12px;padding:13px 15px;position:relative;box-shadow:0 12px 32px #0000001a}.hero-data-card>span:not(.hero-card-dot):not(.hero-card-rule){letter-spacing:.15em;color:#b7afa3;font-size:8px;display:block}.hero-data-card strong{color:#f0e3ce;margin-top:5px;font-size:12px;font-weight:450;display:block}.hero-card-dot{background:#d8b880;border-radius:50%;width:4px;height:4px;position:absolute;top:15px;right:14px;box-shadow:0 0 9px #c79151}.hero-frame-card{width:145px;margin-top:12px;margin-left:24px}.hero-frame-card strong{font-variant-numeric:tabular-nums}.hero-card-unit{color:#9c958a;font-size:9px}.hero-card-rule{background:repeating-linear-gradient(90deg,#d49a5673 0 1px,#0000 1px 6px);height:8px;margin-top:9px;display:block;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.hero-prompt-pills{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.hero-prompt-pill{color:#bcb7af;background:#16161a8c;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:10px;padding:8px 13px;font-size:11px;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.hero-prompt-pill:hover{color:#f0e3ce;background:#d49a5617;border-color:#d49a564d}.hero-prompt-pill:first-child{color:#dbc8a6}@container (min-width:960px){.hero-media{--hero-media-offset:0%;--hero-tilt-x:-1.5deg;--hero-tilt-y:2deg;width:min(800px,64cqw);top:150px;left:auto;right:max(16px,50% - 800px)}.hero-copy,.hero-scene-caption,.hero-composer-area #generate{width:min(960px,100% - min(480px,38.4cqw) - 24px);margin-inline:0}.hero-copy{text-align:left;padding-top:35px}.hero-copy p{margin-left:0}.hero-scene-caption{justify-content:flex-start;margin-top:48px}.hero-prompt-pills{justify-content:flex-start}.hero-data-cards{gap:10px;width:auto;display:flex;top:68px;right:max(32px,50% - 740px)}.hero-data-card,.hero-frame-card{width:145px;margin:0}.hero-composer-area #generate{min-height:340px}}@container (max-width:959px){.hero-data-cards{display:none}}@media (max-width:767px){.interactive-hero{padding:30px 16px 34px}.hero-copy h1{letter-spacing:-.03em;font-size:32px}.hero-copy p{max-width:300px;font-size:12px}.hero-media{height:auto;top:190px}.hero-data-cards{display:none}.hero-scene-caption{font-size:9px}.hero-composer-area .generation-composer{border-radius:14px}.hero-prompt-pills{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.hero-prompt-pill{white-space:nowrap;flex-shrink:0;font-size:10px}}@media (prefers-reduced-motion:reduce),(hover:none){.hero-media{transform:translateX(var(--hero-media-offset));will-change:auto}.hero-data-cards{will-change:auto;transform:none}.hero-scene-caption{visibility:hidden}}