/* Final Web Vybz homepage refinements: white, black, gray, burnt orange only */
:root{--burnt:#9f3f16!important;--cream:#fff!important;--ink:#151515!important;--muted:#595959!important}
body,.hero,.section,.learning,.journal,.soft-section,.cta{background:#fff!important;color:#151515}
.hero{background:#fff!important}.dark-section,.photo-band,footer{background:#151515!important}
.photo-band{min-height:310px!important;display:flex;align-items:center;position:relative;overflow:hidden}
.photo-band>img{display:none!important}.photo-band:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#151515 0%,#151515 56%,#303030 100%)}
.photo-band-text{position:relative;z-index:1;padding-block:55px!important}.photo-band-text h2,.photo-band-text h2 em{color:#fff!important}.photo-band-text h2 em{color:#e5e5e5!important}
.photo-band .btn{background:#9f3f16!important;color:#fff!important;border-color:#9f3f16!important}
.btn,.nav-cta,.video-play .play-circle{background:#9f3f16!important;color:#fff!important;border-color:#9f3f16!important}
.btn.outline{background:#fff!important;color:#9f3f16!important}.btn:hover,.nav-cta:hover{background:#151515!important;color:#fff!important}
a:not(.btn):not(.nav-cta):hover,.text-link,.feature-card strong,.learning-grid strong,.journal-grid strong,.cta-secondary{color:#9f3f16!important}
.section-head h2 em,.hero h1 em,.copy-block h2 em,.cta h2 em{color:#9f3f16!important}
.audience>img,.stack-large,.stack-small{background:#e5e5e5!important}
.learning-grid>a,.journal-grid>a,.feature-card,.audience-tags span{border-color:#d4d4d4!important;background:#fff!important}
/* Horizontal, swipeable galleries with no duplicate portfolio section */
.portfolio-grid,.learning-grid{display:flex!important;gap:18px!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:5px 2px 22px!important;scrollbar-width:thin;scrollbar-color:#9f3f16 #e5e5e5}
.portfolio-grid>.work{flex:0 0 clamp(270px,32%,370px)!important;min-width:0;scroll-snap-align:start}
.learning-grid>a{flex:0 0 clamp(265px,32%,365px)!important;min-width:0;scroll-snap-align:start}
.portfolio-grid .work img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.gallery-controls{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin:0 0 14px}
.gallery-controls button{width:42px;height:42px;border:1px solid #9f3f16;background:#fff;color:#9f3f16;font-size:23px;cursor:pointer;border-radius:3px}
.gallery-controls button:hover{background:#9f3f16;color:#fff}
.gallery-controls span{font-size:12px;color:#595959;margin-right:auto}
@media(max-width:700px){.portfolio-grid>.work,.learning-grid>a{flex-basis:83%!important}.photo-band{min-height:285px!important}.photo-band-text{padding-block:42px!important}}
@media(prefers-reduced-motion:reduce){.portfolio-grid,.learning-grid{scroll-behavior:auto}}

.hero-art>img{width:100%;height:auto;aspect-ratio:600/392;object-fit:cover;object-position:center;border-radius:3px}.hero-art{min-width:0}.portfolio-grid,.learning-grid{scrollbar-width:none!important}.portfolio-grid::-webkit-scrollbar,.learning-grid::-webkit-scrollbar{display:none}.gallery-controls button{touch-action:manipulation}.ticker{display:none!important}
