/* A deliberate, left-aligned opening. The CTA belongs to the headline. */
.home-page .hero-bottom{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:24px;margin-top:25px;max-width:580px}
.home-page .hero-bottom .button{margin-top:0;min-height:55px;padding:16px 23px;gap:38px}
.home-page .hero-bottom p{max-width:44ch}
.home-page .hero-content{top:25%}
/* Editorial vector artwork, rendered at the screen's native resolution. */
.story-visual{width:49%;height:76%;right:3%;top:10%}
.story-illustration{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;will-change:opacity,transform}
.story-illustration:first-child{opacity:1;visibility:visible}
.chapter-art{display:block;width:100%;height:100%;max-height:570px;overflow:visible}
.chapter-art text{font-family:'Open Sans',Arial,sans-serif}
.chapter-art .art-draw{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--art-progress,1))}
.chapter-art .art-rise{transform-box:fill-box;transform-origin:center}
.flat-zero{display:flex;align-items:center;justify-content:center;padding:10px 0}
.flat-zero .chapter-art{max-height:440px}
.home-page .flat-join-art{mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none;width:106%;margin-left:-3%;aspect-ratio:560/460}
@media(min-width:761px) and (max-height:750px){
 .home-page .hero-content{top:24%}
 .home-page .hero h1{font-size:clamp(55px,6.4vw,88px);margin-top:20px}
 .home-page .hero-bottom{margin-top:22px;gap:21px}
 .home-page .hero-bottom p{font-size:14px}
 .home-page .hero-bottom .button{min-height:50px;padding:14px 22px}
 .story-visual{height:75%;top:8%}
}
@media(min-width:761px) and (max-height:620px){
 .home-page .hero-content{top:22%}
 .home-page .hero h1{font-size:56px;line-height:1;margin-top:15px}
 .home-page .hero-bottom{gap:16px;margin-top:16px}
 .home-page .hero-bottom p{font-size:12px}
}
@media(max-width:1100px) and (min-width:761px){.story-visual{width:48%;right:2%}.story-scenes{width:43%}}
@media(max-width:760px){
 .home-page .hero-content{top:25%}
 .home-page .hero-bottom{gap:24px;margin-top:23px}
 .home-page .hero-bottom p{font-size:13px;max-width:34ch}
 .home-page .hero-bottom .button{padding:16px 21px;min-height:54px;gap:30px}
 .story-visual{top:10%;left:6%;right:6%;width:auto;height:42%}
 .chapter-art{max-height:370px}
 .story-scenes{top:55%}
 .home-page .flat-join-art{width:108%;margin:10px -4% 0;aspect-ratio:560/460}
 .flat-zero{height:330px;margin-top:32px}
}
@media(max-width:760px) and (max-height:680px){
 .home-page .hero-content{top:23%}
 .home-page .hero-bottom{gap:17px;margin-top:16px}
 .home-page .hero-bottom p{font-size:11px;line-height:1.5}
 .home-page .hero-bottom .button{padding:12px 18px;min-height:44px}
 .story-visual{top:9%;height:39%}
 .story-scenes{top:51%}
}
@media(prefers-reduced-motion:reduce){.story-illustration,.chapter-art .art-rise{transform:none!important;will-change:auto}}

.home-page .platform-top h2 .word-clip,.home-page .platform-top h2 .word-motion{color:inherit}

/* Vector arrows never fall back to platform emoji fonts. */
.ui-arrow{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.12em;overflow:visible;color:inherit}
.ui-arrow path{stroke:currentColor}
.round-arrow>.ui-arrow{width:19px;height:19px}

/* Let the departing ship travel out of frame; do not lock it to the center. */
.hero-film[data-scene="0"]{object-position:50% 50%;filter:none;transform:none}
@media(max-width:760px){.hero-film[data-scene="0"]{object-position:65% 50%}}