/* Vuxora V16 — Why Vuxora section refresh */
.vx-why-section{position:relative}
.vx-why-head{align-items:end}
.vx-why-head>p{max-width:430px;font-size:16px;line-height:1.8}
.vx-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.vx-why-card{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:610px;background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:0 18px 50px rgba(16,41,72,.06);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease)}
.vx-why-card:hover,.vx-why-card:focus-within{transform:translateY(-8px);box-shadow:0 26px 60px rgba(16,41,72,.12);border-color:color-mix(in srgb,var(--orange) 30%,var(--line))}
.vx-why-media{position:relative;height:365px;overflow:hidden;background:#e9eef5}
.vx-why-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,20,61,0) 32%,rgba(7,20,61,.12) 100%);pointer-events:none}
.vx-why-media img{width:100%;height:100%;object-fit:cover;will-change:transform}
.vx-motion-a img{animation:vxWhyDriftA 11s ease-in-out infinite alternate}
.vx-motion-b img{animation:vxWhyDriftB 12s ease-in-out infinite alternate}
.vx-motion-c img{animation:vxWhyDriftC 10.5s ease-in-out infinite alternate}
.vx-why-content{display:flex;flex-direction:column;gap:18px;flex:1;padding:28px 28px 30px}
.vx-why-content>span{font:800 11px/1 var(--heading);letter-spacing:.16em;color:var(--orange)}
.vx-why-content h3{font-size:clamp(28px,2.4vw,40px);line-height:1.08;letter-spacing:-.05em;margin:0;color:var(--text)}
.vx-why-content p{margin:0 0 6px;font-size:15px;line-height:1.8;color:var(--muted)}
.vx-why-content .text-link{margin-top:auto;align-self:flex-start}
@keyframes vxWhyDriftA{0%{transform:scale(1.05) translate3d(0,0,0)}50%{transform:scale(1.09) translate3d(-10px,-8px,0)}100%{transform:scale(1.06) translate3d(10px,6px,0)}}
@keyframes vxWhyDriftB{0%{transform:scale(1.05) translate3d(0,0,0)}50%{transform:scale(1.08) translate3d(8px,-10px,0)}100%{transform:scale(1.06) translate3d(-8px,10px,0)}}
@keyframes vxWhyDriftC{0%{transform:scale(1.05) translate3d(0,0,0)}50%{transform:scale(1.1) translate3d(-8px,8px,0)}100%{transform:scale(1.07) translate3d(10px,-8px,0)}}
@media(max-width:1023px){.vx-why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.vx-why-card{min-height:580px}.vx-why-card:last-child{grid-column:1/-1}.vx-why-media{height:340px}}
@media(max-width:760px){.vx-why-grid{grid-template-columns:1fr;gap:22px}.vx-why-card,.vx-why-card:last-child{grid-column:auto;min-height:0}.vx-why-media{height:300px}.vx-why-content{padding:24px 22px 26px;gap:15px}.vx-why-content h3{font-size:34px}.vx-why-head>p{max-width:none;font-size:15px;margin-top:22px}}
@media(prefers-reduced-motion:reduce){.vx-motion-a img,.vx-motion-b img,.vx-motion-c img{animation:none}}

/* V18: user-selected portrait photography; styles scoped to Why Vuxora only. */
.vx-why-section .vx-why-media{height:auto;aspect-ratio:3/4;background:#0b0b10}
.vx-why-section .vx-why-media img{width:100%;height:100%;object-fit:cover;object-position:center}
@media(min-width:1024px){.vx-why-section .vx-why-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vx-why-section .vx-why-card:last-child{grid-column:auto}}