/* SARPHAN V5: Only home hero artwork changes; all other page styles stay on V4. */
.hero .hero-layout{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(20px,2.9vw,54px)}
.hero .hero-visual-v5{height:475px;min-height:0;min-width:0;width:100%;margin:0;position:relative;display:flex;align-items:center;justify-content:center;transform:none;perspective:none;overflow:visible}
.hero .hero-visual-v5::before{content:"";position:absolute;z-index:-1;inset:19% -6% 7%;border-radius:50%;background:radial-gradient(ellipse at 50% 55%,rgba(3,169,183,.19),rgba(3,169,183,.05) 51%,transparent 71%);filter:blur(18px);pointer-events:none}
.hero .hero-art-frame{width:112%;max-width:745px;flex:0 0 auto;position:relative;transform:translate(7px,-3px);filter:drop-shadow(0 25px 30px rgba(0,5,16,.42));animation:heroV5Float 9s ease-in-out infinite;will-change:transform}
.hero .hero-art-image{display:block;width:100%;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
@keyframes heroV5Float{0%,100%{transform:translate(7px,0)}50%{transform:translate(7px,-9px)}}
@media(max-width:1150px){.hero .hero-layout{gap:15px}.hero .hero-visual-v5{transform:none;height:415px}.hero .hero-art-frame{width:112%}}
@media(max-width:960px){.hero .hero-layout{grid-template-columns:1fr;gap:12px}.hero .hero-visual-v5{height:auto;width:100%;max-width:760px;margin:8px auto 4px;transform:none}.hero .hero-art-frame{width:100%;max-width:735px;transform:none;animation:none}}
@media(max-width:700px){.hero .hero-visual-v5{height:auto;min-height:0;max-width:none;width:106%;margin:15px -3% 12px;transform:none}.hero .hero-art-frame{width:100%;transform:none;filter:drop-shadow(0 15px 15px rgba(0,0,0,.35))}}
@media(max-width:440px){.hero .hero-visual-v5{height:auto;width:110%;margin:18px -5% 9px;transform:none}.hero .hero-art-frame{width:100%}}
@media(prefers-reduced-motion:reduce){.hero .hero-art-frame{animation:none}}