/* A little more presence, with space for the page to breathe. */
.hero--immersive .hero-context{font-size:clamp(25px,2.35vw,36px);font-weight:600;font-style:italic;line-height:1.15;letter-spacing:-.045em;color:#6652aa;max-width:none;width:fit-content;margin:0 0 30px;transform:rotate(-3deg);transform-origin:left center}
body[data-scene=home] .flow-stage .flow-link{font-size:23px;font-weight:600}
body[data-scene=home] #ambient-canvas{opacity:.82;z-index:3;mask-image:none}
body[data-scene=home].menu-open #ambient-canvas{opacity:0}
.flow-stage .flow-caption{display:none}
.planet-lens-link{left:11%;right:11%;bottom:8px;width:78%;height:auto;aspect-ratio:700/180;padding:0;margin:0;min-height:0;pointer-events:none;text-decoration:none;line-height:1;transform:none}
.planet-lens-link svg{display:block;width:100%;height:100%;overflow:visible}
.planet-lens-link text{font:24px Abundance,'Helvetica Neue',Arial,sans-serif;letter-spacing:.7px;fill:#735a6b;pointer-events:auto}
.planet-lens-link:is(:hover,:focus-visible) text{fill:var(--iris)}
body[data-scene=pillars] .planet-lens-link text{fill:#d8c0be}
.home-mission{display:block;position:relative;isolation:isolate;padding:110px 11% 120px;overflow:clip}
.home-mission .mission-copy{position:relative;z-index:2;max-width:1050px;margin:auto}
.home-mission .mission-copy>.mission-statement{font-size:clamp(35px,4.4vw,62px);font-weight:400;letter-spacing:-.045em;line-height:1.2;max-width:28ch;margin:0 0 38px;color:var(--ink);background:linear-gradient(100deg,#302a46 0%,#302a46 32%,#6152b0 44%,#83567d 50%,#6152b0 56%,#302a46 68%,#302a46 100%);background-size:250% 100%;background-position:calc((1 - var(--mission-progress,0))*100%) 50%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.mission-particles{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.home-mission .action{font-size:18px}
@media(min-width:801px) and (max-width:1100px){body[data-scene=home] .flow-stage .flow-link{font-size:22px}}
@media(max-width:800px){
 .hero--immersive .hero-context{font-size:29px;margin-bottom:28px}
 body[data-scene=home] .flow-stage .flow-link{font-size:23px}
 body[data-scene=home] #ambient-canvas{opacity:.68}
 .planet-lens-link{left:11%;right:11%;bottom:3px}
 .planet-lens-link text{font-size:27px}
 .home-mission{padding:80px 8% 90px}
 .home-mission .mission-copy>.mission-statement{font-size:clamp(34px,5.6vw,47px);max-width:28ch}
}
@media(max-width:520px){
 .hero--immersive .hero-context{font-size:25px;margin-bottom:25px}
 body[data-scene=home] .flow-stage .flow-link{font-size:21px}
 .planet-lens-link{bottom:0}
 .planet-lens-link text{font-size:30px;letter-spacing:.2px}
 .home-mission{padding:70px 8% 80px}
 .home-mission .mission-copy>.mission-statement{font-size:34px;line-height:1.25;margin-bottom:30px}
 .home-mission .action{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.home-mission .mission-copy>.mission-statement{background:none;-webkit-text-fill-color:currentColor}}