/* Approved panoramic orbit: photographic background, live localized copy. */
.hero-orbit{position:relative;isolation:isolate;display:grid;place-items:center;min-height:clamp(540px,39.6vw,760px);padding:46px 0 58px;overflow:hidden;background:#fff;text-align:center}
.hero-orbit-art{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-orbit-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-content{width:min(560px,38vw);margin-inline:auto}
.hero-orbit h1{font-size:clamp(44px,4.8vw,76px);line-height:1.15;letter-spacing:-.035em}
.hero-orbit .hero-sub{font-size:clamp(16px,1.2vw,19px);line-height:1.6;margin-top:24px}
.hero-orbit .hero-detail{font-size:clamp(14px,1.1vw,17px);line-height:1.65;margin-top:12px}
.hero-orbit .actions{gap:12px;margin-top:26px}
.hero-orbit .button{min-height:46px;padding:11px 20px}
@media(min-width:701px) and (max-width:1100px){
 .hero-orbit{min-height:560px}
 .hero-content{width:440px;max-width:53vw}
 .hero-orbit h1{font-size:48px}
 .hero-orbit .hero-sub{font-size:16px}
 .hero-orbit .hero-detail{font-size:14px}
 .hero-orbit .button{font-size:13px;padding-inline:16px}
}
@media(max-width:700px){
 .hero-orbit{display:grid;min-height:240px;height:calc(39.5687vw + 63.31px);padding:0;overflow:hidden;align-items:center}
 .hero-content{position:relative;isolation:isolate;width:calc(100% - 48px);max-width:240px}
 .hero-content::before{content:"";position:absolute;inset:-14px -2px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.96) 12%,rgba(255,255,255,.96) 88%,transparent);mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
 .hero-orbit h1{font-size:clamp(22px,6.5vw,26px);letter-spacing:-.035em;line-height:1.18}
 .hero-orbit .hero-sub{font-size:12px;margin-top:8px;line-height:1.4}
 .hero-orbit .hero-detail{font-size:11px;margin-top:6px;line-height:1.45}
 .hero-orbit .actions{margin-top:10px;gap:8px;flex-wrap:nowrap}
 .hero-orbit .button{font-size:10.5px;min-height:44px;padding:6px 8px;flex:0 1 auto;min-width:0;line-height:1.3}
 .hero-orbit-art{position:absolute;inset:0 -80px;display:block;z-index:-1;width:auto;height:100%;margin:0}
 .hero-orbit-art img{object-fit:contain;object-position:center}
 #math h2{font-size:26px;line-height:1.35;text-wrap:initial}
 .hero-phrase{display:inline-block;white-space:nowrap}
}
@media(max-width:360px){
 .hero-content{width:calc(100% - 56px)}
 .hero-orbit-art{inset-inline:-100px}
}
.math-title-phrase{display:inline-block;white-space:nowrap}