/* Web Vybz accessibility and motion refinements */
:root{--wv-orange:#9f3f16;--wv-black:#151515;--wv-gray:#595959;--wv-white:#fff}
.dark-section{background:var(--wv-black)!important;color:#fff!important}
.dark-section h2,.dark-section h2 em,.dark-section .section-head p,.dark-section .fine,.dark-section .gallery-controls span{color:#fff!important}
.dark-section .eyebrow{color:#e7a184!important}
.portfolio-grid{scroll-snap-type:none!important;scroll-behavior:auto!important;overflow-x:auto!important;scrollbar-width:none!important}
.portfolio-grid .work{background:#292929!important;color:#fff!important}
.portfolio-grid .work span,.portfolio-grid .work b,.portfolio-grid .work small{color:#fff!important}
.portfolio-grid .work:hover img{transform:scale(1.045)}
.portfolio-grid .work img{transition:transform .45s ease}
.dark-section .gallery-controls{display:none!important}
.learning .gallery-controls{display:none!important}
.learning-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;scroll-snap-type:none!important;gap:20px!important}
.learning-grid>a{min-width:0!important;transition:transform .35s ease,box-shadow .35s ease}
.learning-grid>a:hover{transform:translateY(-5px);box-shadow:0 14px 32px #0000001a}
.learning-grid>a img{transition:transform .45s ease}
.learning-grid>a:hover img{transform:scale(1.035)}
.hero-art>img{aspect-ratio:1.38!important;object-fit:cover!important;object-position:center!important}
.hero-art-small img{object-fit:cover!important}
.cta-inner{transition:opacity .75s ease,transform .75s ease;opacity:1;transform:none}
.js-motion .cta-inner:not(.is-visible){opacity:0;transform:translateY(40px)}
.js-motion .cta-inner.is-visible{opacity:1;transform:translateY(0)}
a:focus-visible,button:focus-visible{outline:3px solid #9f3f16!important;outline-offset:4px}
.dark-section a:focus-visible{outline-color:#fff!important}
@media(max-width:760px){.learning-grid{grid-template-columns:1fr!important}.hero-art>img{aspect-ratio:1.4!important}}
@media(prefers-reduced-motion:reduce){.cta-inner,.portfolio-grid .work img,.learning-grid>a{transition:none!important}.js-motion .cta-inner:not(.is-visible){opacity:1!important;transform:none!important}}
