/* A more compact first screen and a larger expanding ripple mark. */
.hero h1{line-height:1.04;letter-spacing:-.035em}
.hero-copy .pro-lines{max-width:none}
.hero-art{isolation:isolate}
.hero-symbol{transition:transform 1s cubic-bezier(.2,.7,.2,1),filter 1s;transform-origin:center}
.ripple-halo:before,.ripple-halo:after{content:'';position:absolute;inset:20%;border:1px solid #e1d1a03d;border-radius:50%;opacity:0;transform:scale(.75);transition:transform 1.2s ease,opacity 1.2s ease}
.ripple-halo:after{inset:12%;transition-delay:.08s;border-color:#e1d1a025}
.hero-facts{grid-column:1/-1;align-items:center;margin-top:22px;gap:18px;justify-content:flex-start}
.hero-facts span{white-space:nowrap}
.hero-facts span+span:before{margin-right:18px}
@media(min-width:1101px){
 .hero-grid{grid-template-columns:1.12fr 1fr;gap:0 36px}
 .hero h1{font-size:clamp(70px,6.25vw,90px);margin-bottom:0}
 .hero-copy .pro-lines{margin-top:28px}
 .pro-lines>p{font-size:clamp(18px,1.48vw,21px);white-space:nowrap;line-height:1.55}
 .pro-lines>p+p{margin-top:15px}
 .hero-art{min-height:700px}
 .hero-symbol{width:78%;left:11%;top:13%}
 .orbit{width:210px;min-height:93px;font-size:19px;padding:16px 18px}
 .orbit-one,.orbit-two{top:3%}
 .orbit-one,.orbit-three{left:0}
 .orbit-two,.orbit-four{right:0}
 .orbit-three,.orbit-four{bottom:27%}
 .art-caption.journey-sign{bottom:0;left:0;height:110px;width:100%;max-width:none}
 .hero-facts{flex-wrap:nowrap;font-size:18px}
}
@media(hover:hover) and (pointer:fine){
 .hero-art:has(.hero-symbol:hover) .hero-symbol{transform:scale(1.12);filter:drop-shadow(0 0 22px #e1d1a025)}
 .hero-art:has(.hero-symbol:hover) .ripple-halo:before{transform:scale(1.3);opacity:1}
 .hero-art:has(.hero-symbol:hover) .ripple-halo:after{transform:scale(1.35);opacity:.8}
 .hero-art:has(.hero-symbol:hover) .orbit-one,.hero-art:has(.hero-symbol:hover) .orbit-three{translate:-8px 0}
 .hero-art:has(.hero-symbol:hover) .orbit-two,.hero-art:has(.hero-symbol:hover) .orbit-four{translate:8px 0}
 .orbit{transition:translate 1s ease,background .3s,border-color .3s,box-shadow .3s}
}
@media(max-width:1100px) and (min-width:651px){
 .hero-grid{grid-template-columns:1fr;gap:0}
 .hero-copy{max-width:800px}
 .hero h1{font-size:76px}
 .pro-lines>p{white-space:nowrap;font-size:21px}
 .hero-art{width:min(630px,100%);min-height:660px;margin:30px auto 0}
 .hero-symbol{width:80%;left:10%;top:13%}
 .orbit{width:210px;font-size:19px;min-height:93px}
 .orbit-one,.orbit-two{top:3%}
 .orbit-three,.orbit-four{bottom:25%}
 .hero-facts{flex-wrap:nowrap;font-size:17px;gap:14px}
 .hero-facts span+span:before{display:inline;margin-right:14px}
}
@media(max-width:650px){
 .hero h1{line-height:1.08}
 .pro-lines>p{white-space:normal}
 .hero-facts{flex-wrap:wrap;font-size:18px;gap:10px 18px;margin-top:28px}
 .hero-facts span+span:before{display:none}
 .hero-art{margin-top:35px}
}
@media(min-width:651px) and (max-width:850px){.hero-facts{flex-wrap:wrap}.hero-facts span+span:before{display:none}}
@media(prefers-reduced-motion:reduce){
 .hero-symbol,.orbit,.ripple-halo:before,.ripple-halo:after{transition:none!important}
 .hero-art:has(.hero-symbol:hover) .hero-symbol{transform:none;filter:none}
 .hero-art:has(.hero-symbol:hover) .orbit{translate:none}
 .ripple-halo:before,.ripple-halo:after{display:none}
}
