/* crew page v4 : dome frame, orbit rings crossing in front */
.hero .pw{width:310px;height:350px}
.hero .orb{display:none}
.hero .ph{width:240px;height:310px;border:3px solid #FFD166;border-radius:130px 130px 28px 28px;overflow:visible;background:linear-gradient(145deg,#FFE27A,#E0A02A);box-shadow:inset 0 0 0 5px #FFF8E7,0 0 0 8px rgba(245,184,61,.16),0 24px 50px rgba(0,0,0,.45);animation:fl 5s ease-in-out infinite,fgl 3.6s ease-in-out infinite}
.hero .ph.pic{background-size:cover;background-position:center 15%}
.orbw{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.orbw.f{z-index:3}
.orbw .o{grid-area:1/1;width:310px;height:110px;border:2px solid rgba(255,209,102,.95);border-radius:50%;transform:rotate(-16deg);box-shadow:0 0 14px rgba(245,184,61,.35)}
.orbw .o.two{width:290px;height:96px;border-width:1.5px;border-color:rgba(255,248,231,.85);transform:rotate(15deg);box-shadow:none}
.orbw.b .o{opacity:.45}
.orbw.f .o{clip-path:inset(50% -12px -12px -12px)}
.hero .ph .dt{position:absolute;z-index:2;border-radius:50%;animation:dot 4s ease-in-out infinite}
.hero .ph .dt.a{width:16px;height:16px;left:-10px;top:12%;background:#FF5A0A}
.hero .ph .dt.b{width:10px;height:10px;right:-6px;top:-8px;background:#FFC21A;animation-delay:.8s}
.hero .ph .dt.c{width:14px;height:14px;right:-14px;top:44%;background:#FFF8E7;animation-delay:1.6s}
.hero .ph .dt.d{width:9px;height:9px;left:-14px;bottom:16%;background:#FFC21A;animation-delay:2.4s}
@keyframes fgl{0%,100%{box-shadow:inset 0 0 0 5px #FFF8E7,0 0 0 8px rgba(245,184,61,.16),0 24px 50px rgba(0,0,0,.45)}50%{box-shadow:inset 0 0 0 5px #FFF8E7,0 0 0 14px rgba(245,184,61,.26),0 24px 60px rgba(245,184,61,.25)}}
@keyframes dot{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.hero .ph,.hero .ph .dt{animation:none}}
/* v5 : orbiting halo */
.orbw.f{clip-path:inset(50% -60px -60px -60px)}
.orbw.f .o,.orbw.b .o{clip-path:none}
.orbw .o{position:relative;transform:rotate(-16deg);animation:orbA 16s linear infinite}
.orbw .o.two{transform:rotate(15deg);animation:orbB 24s linear infinite}
.orbw .o:after{content:"";position:absolute;left:-5px;top:50%;margin-top:-5px;width:10px;height:10px;border-radius:50%;background:#FFD166;box-shadow:0 0 12px 3px rgba(255,209,102,.7)}
.orbw .o.two:after{width:7px;height:7px;margin-top:-3.5px;left:-3.5px;background:#FFF8E7;box-shadow:0 0 10px 2px rgba(255,248,231,.6)}
@keyframes orbA{to{transform:rotate(344deg)}}
@keyframes orbB{from{transform:rotate(15deg)}to{transform:rotate(-345deg)}}
@media(prefers-reduced-motion:reduce){.orbw .o{animation:none}}