/* Layered type: one readable face, one decorative extrusion, no WebGL dependency. */
.hero h1.hero-heading-3d{max-width:1180px;font-size:clamp(44px,6.25vw,96px);line-height:1.19;letter-spacing:-.055em;margin:32px 0 38px;perspective:1100px;color:#f7f4ff;overflow:visible}
.hero-heading-3d .motion-line{overflow:visible;padding:.1em 0 .15em;margin:-.1em 0 -.15em;perspective:1100px}
.hero-heading-3d .motion-line+.motion-line{margin-top:.035em}
.hero-heading-3d .motion-line-content{background:none;color:inherit;text-shadow:none;animation:none!important;transform-origin:0 50%}
.hero-title-surface{display:flex;align-items:center;gap:.23em;width:max-content;max-width:100%;transform-style:preserve-3d;transform-origin:15% 50%}
.hero-word{display:inline-grid;position:relative;transform-style:preserve-3d;white-space:nowrap}
.hero-word>span{grid-area:1/1;display:block}
.hero-face{position:relative;z-index:2;background:linear-gradient(115deg,#fff 4%,#f0eaff 24%,#cecdff 45%,#a9fff1 62%,#e9bdff 81%,#fff 98%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 22px #bda0ff22);transform:translateZ(8px)}
.hero-depth{color:#63518b;transform:translate3d(1px,3px,0);text-shadow:1px 1px #5d4a89,2px 2px #53417d,3px 3px #483769,4px 4px #3c2d5c,5px 5px #30234d,7px 9px 16px #0008;user-select:none}
.hero-heading-3d .motion-line:nth-child(2) .hero-face{background-image:linear-gradient(110deg,#a5efff 3%,#a7fff0 24%,#c6b6ff 49%,#f0b2ed 72%,#b9e7ff 98%)}
.hero-heading-3d .motion-line:nth-child(2) .hero-depth{color:#3b636e;text-shadow:1px 1px #355561,2px 2px #304755,3px 3px #2e3c4b,4px 4px #2b3042,5px 5px #25263a,7px 9px 16px #0008}
.hero-title-icon{position:relative;flex:0 0 .81em;width:.81em;height:.81em;display:grid;place-items:center;transform:translateZ(26px) rotate(-7deg);filter:drop-shadow(2px 4px 0 #2c2148) drop-shadow(0 0 15px #aaf7ef44)}
.hero-title-icon:before{content:'';position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#a5fff11c,transparent 72%);transform:scale(1.45)}
.hero-title-icon svg{width:100%;height:100%;position:relative;overflow:visible;stroke:#b2fff0;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.frame-window,.story-bubble{fill:#b49bff0c;stroke:#c8b7ff}.frame-mountains{stroke:#c8b7ff;opacity:.65}.hero-title-icon circle{fill:#c8b7ff;stroke:none}.frame-corners{stroke-width:2.7}.frame-scan{stroke:#c2fff4;opacity:.8}.icon-star{fill:#d7bcff;stroke:none;transform-box:fill-box;transform-origin:center}.story-play{fill:#b8ffeb;stroke:#b8ffeb}.story-trail{stroke:#b8ffeb;opacity:.65}
html.motion-enabled .hero-title-surface{animation:hero-type-drift 7s ease-in-out infinite}
html.motion-enabled .hero-heading-3d .motion-line:nth-child(2) .hero-title-surface{animation-delay:-3.5s}
html.motion-enabled .hero-face{animation:hero-face-light 6s ease-in-out infinite}
html.motion-enabled .hero-heading-3d .motion-line:nth-child(2) .hero-face{animation-delay:-3s}
html.motion-enabled .hero-title-icon{animation:hero-icon-float 5s ease-in-out infinite}
html.motion-enabled .hero-heading-3d .motion-line:nth-child(2) .hero-title-icon{animation-delay:-2s}
html.motion-enabled .frame-scan{animation:hero-frame-scan 3.4s ease-in-out infinite}
html.motion-enabled .icon-star{animation:hero-star 4s ease-in-out infinite}
html.motion-enabled .story-play{animation:hero-play-pulse 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
html.motion-disabled .hero-title-surface,html.motion-disabled .hero-title-icon{transform:none}
@keyframes hero-type-drift{0%,100%{transform:rotateX(3deg) rotateY(-2deg) translateY(0)}50%{transform:rotateX(-2deg) rotateY(1deg) translateY(-4px)}}
@keyframes hero-face-light{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes hero-icon-float{0%,100%{transform:translate3d(0,0,26px) rotate(-7deg)}50%{transform:translate3d(0,-7px,32px) rotate(5deg)}}
@keyframes hero-frame-scan{0%,100%{transform:translateY(0);opacity:0}15%,70%{opacity:.85}80%{transform:translateY(26px);opacity:0}}
@keyframes hero-star{0%,100%{transform:scale(.8) rotate(0deg);opacity:.6}50%{transform:scale(1.15) rotate(90deg);opacity:1}}
@keyframes hero-play-pulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}
@media(max-width:1100px){.hero h1.hero-heading-3d{font-size:clamp(44px,7.6vw,82px)}.hero-title-surface{gap:.18em}.hero-title-icon{flex-basis:.72em;width:.72em;height:.72em}.hero .motion-sculpture{opacity:.3}}
@media(max-width:700px){.hero h1.hero-heading-3d{font-size:clamp(28px,8.8vw,58px);letter-spacing:-.055em;line-height:1.36;margin:28px 0 30px}.hero-title-surface{gap:.18em}.hero-title-icon{flex-basis:.72em;width:.72em;height:.72em}.hero-depth{transform:translate3d(0,2px,0);text-shadow:1px 1px #5d4a89,2px 2px #483769,3px 3px #30234d,4px 6px 9px #0008}.hero-heading-3d .motion-line:nth-child(2) .hero-depth{text-shadow:1px 1px #355561,2px 2px #2e3c4b,3px 3px #25263a,4px 6px 9px #0008}}