/* Surgical PASS 4: source clarity, individual crops, tier state separation. */
/* Extended panorama follows the source perspective; the original image stays crisp above it. */
.community-hero:has(.community-owner-scene.is-active):before{content:"";position:absolute;inset:-10px;z-index:-3;pointer-events:none;background:url('assets/community-ambient-left-v2.png') center/cover no-repeat;filter:blur(5px) brightness(.43);mask-image:linear-gradient(90deg,#000 0%,#000 38%,transparent 68%),linear-gradient(180deg,transparent,#000 16%,#000 78%,transparent);mask-composite:intersect}
.community-hero .community-owner-scene{inset:0 0 0 36%;transform:none;display:grid;place-items:center}
.community-hero .community-owner-scene img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:none;transform:none;mask-image:linear-gradient(90deg,transparent,#000 25%),linear-gradient(180deg,transparent,#000 12%,#000 84%,transparent);mask-composite:intersect}
.community-hero:has(.community-owner-scene.is-active):after{background:linear-gradient(90deg,#0b0b0c66 0%,#0b0b0c40 32%,transparent 53%),linear-gradient(180deg,#0b0b0c45,transparent 22%)}
@media(max-width:760px){
 .community-hero:has(.community-owner-scene.is-active){padding-top:300px;min-height:720px;padding-bottom:45px}
 .community-hero .community-owner-scene{inset:65px 0 auto;height:350px}
 .community-hero .community-owner-scene img{object-position:center;mask-image:linear-gradient(180deg,transparent,#000 10%,#000 88%,transparent);mask-composite:add}
 .community-hero:has(.community-owner-scene.is-active):after{background:linear-gradient(0deg,#0b0b0c 40%,transparent 62%)}
}
.hero-art .hero-scene{inset:-1.5%}
.hero-art .hero-scene img{object-position:var(--hero-focal)!important;filter:none;transform:scale(1.03);transition:transform 4.5s cubic-bezier(.2,.6,.3,1)}
.hero-art .hero-scene.is-active img{transform:scale(1.015)}
.plans .plan[data-plan-card]{background:linear-gradient(140deg,#18191b,#101113 70%);border-color:#ffffff24!important;box-shadow:inset 0 1px #ffffff08;transform:none}
.plans .plan[data-plan-card=explorator]{--tier:#b94d60;--tier-light:#82919e18;--tier-selected:linear-gradient(140deg,#272e34,#13171b 65%,#101113)}
.plans .plan[data-plan-card=veteran]{--tier:#b77c67;--tier-light:#93433322;--tier-selected:linear-gradient(135deg,#481c25,#291419 60%,#151214)}
.plans .plan[data-plan-card=legendar]{--tier:#baa079;--tier-light:#a8884620;--tier-selected:linear-gradient(140deg,#353027,#1c1b17 50%,#0e1011)}
.plans .plan[data-plan-card].is-selected{background:var(--tier-selected);border-color:var(--tier)!important;box-shadow:inset 0 2px var(--tier),0 12px 30px #0003}
.plans .plan[data-plan-card]:before{background:linear-gradient(115deg,var(--tier-light),transparent 65%);opacity:0}
.plans .plan[data-plan-card].is-selected:before{opacity:1}
@media(hover:hover){
 .plans .plan[data-plan-card]:hover{transform:perspective(1200px) translateY(-5px) rotateX(.6deg);border-color:var(--tier)!important;box-shadow:inset 0 1px #ffffff20,0 18px 32px #0005}
 .plans .plan[data-plan-card]:hover:before{opacity:1}
 .plans .plan[data-plan-card].is-selected:hover{box-shadow:inset 0 2px var(--tier),0 18px 32px #0005}
}
@media(max-width:760px){.hero-art .hero-scene img{object-position:var(--hero-mobile-focal,var(--hero-focal))!important}}
.motion-reduced .hero-art .hero-scene img,.motion-reduced .plans .plan[data-plan-card]{transform:none!important}
@media(prefers-reduced-motion:reduce){.hero-art .hero-scene img,.plans .plan[data-plan-card]{transform:none!important}}
