/* Shared YouTube slider — Nakhsha Homes + Nakhsha Builders */
.media-showcase{position:relative;overflow:hidden;background:#f5f1ea;color:#302b27}
.homes-page .media-showcase{padding-top:clamp(78px,8vw,120px);padding-bottom:clamp(78px,8vw,120px)}
.media-showcase__head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.6fr);gap:clamp(28px,6vw,92px);align-items:end;margin-bottom:38px}
.homes-page .media-showcase__head{max-width:1440px;margin-left:auto;margin-right:auto}
.media-showcase__head h2{margin:10px 0 0!important;color:#302b27!important;font-size:clamp(2.5rem,5.5vw,5.9rem);line-height:.92;letter-spacing:-.065em;font-weight:500}
.media-showcase__head h2 em{color:#806000!important;font-style:normal;font-weight:400}
.media-showcase__head>p{max-width:520px;margin:0;color:#514a44!important;line-height:1.75;font-size:14px}
.media-slider{position:relative}
.media-slider__track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 1px 18px;scrollbar-width:none;overscroll-behavior-inline:contain}
.media-slider__track::-webkit-scrollbar{display:none}
.media-slide{flex:0 0 min(880px,78vw);scroll-snap-align:start;border:1px solid rgba(48,43,39,.15);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 18px 52px rgba(61,50,40,.08)}
.media-slide__frame{position:relative;aspect-ratio:16/9;background:#211f1d;overflow:hidden}
.media-slide__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.media-slide__copy{padding:22px 24px 26px;min-height:116px}
.media-slide__copy span{display:block;color:#806000!important;text-transform:uppercase;letter-spacing:.14em;font-size:8px;font-weight:800;margin-bottom:9px}
.media-slide__copy h3{margin:0!important;color:#302b27!important;font-size:clamp(1.25rem,2vw,1.9rem);line-height:1.08;letter-spacing:-.04em}
.media-slide__copy p{margin:8px 0 0;color:#6a625b!important;font-size:12px;line-height:1.6}
.media-slide--playlist{border-color:rgba(128,96,0,.3)}
.media-slider__nav{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:18px}
.media-slider__nav button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(48,43,39,.25);background:transparent;color:#302b27;font-size:18px;cursor:pointer;transition:.2s ease}
.media-slider__nav button:hover{background:#302b27;color:#fff;border-color:#302b27}
.media-slider__nav button:disabled{opacity:.3;cursor:default}
.media-slider__nav span{min-width:66px;text-align:center;color:#6a625b;font-size:10px;letter-spacing:.12em}
.vertical-page .media-showcase{background:var(--beige-2,#f5f1ea)!important}
.vertical-page .media-showcase .vl-wrap{width:min(100% - 48px,1440px);margin:auto}
.vl-ecosystem__grid--compact{grid-template-columns:repeat(2,1fr)!important;max-width:760px}
@media(max-width:900px){.media-showcase__head{grid-template-columns:1fr;gap:16px}.media-slide{flex-basis:88vw}.vertical-page .media-showcase .vl-wrap{width:min(100% - 36px,1440px)}}
@media(max-width:640px){.homes-page .media-showcase{padding-left:22px;padding-right:22px}.media-slide{flex-basis:94vw;border-radius:20px}.media-slide__copy{padding:17px 18px 20px;min-height:100px}.media-slider__nav{justify-content:space-between}.vertical-page .media-showcase .vl-wrap{width:min(100% - 28px,1440px)}.vl-ecosystem__grid--compact{grid-template-columns:1fr!important}}
.media-video-trigger{display:block;width:100%;padding:0;border:0;cursor:pointer;text-align:left}
.media-video-trigger>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.media-video-trigger__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,13,12,.08),rgba(15,13,12,.44))}
.media-video-trigger__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:rgba(245,241,234,.94);color:#302b27;font-size:24px;box-shadow:0 12px 36px rgba(0,0,0,.18);transition:.25s ease}
.media-video-trigger:hover>img{transform:scale(1.025)}
.media-video-trigger:hover .media-video-trigger__play{transform:translate(-50%,-50%) scale(1.06);background:#d5aa00;color:#211f1d}
.media-video-trigger iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:640px){.media-video-trigger__play{width:58px;height:58px;font-size:18px}}

/* Expanded 50-video library */
.media-library-meta{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 20px;padding:15px 0;border-top:1px solid rgba(48,43,39,.14);border-bottom:1px solid rgba(48,43,39,.14)}
.media-library-meta>span{display:flex;align-items:baseline;gap:9px;color:#6a625b!important;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:700}
.media-library-meta strong{font-size:26px;line-height:1;color:#302b27!important;font-weight:500;letter-spacing:-.04em}
.media-library-meta a{color:#302b27!important;font-size:11px;font-weight:700;border-bottom:1px solid rgba(48,43,39,.35);padding-bottom:3px}
.media-library-meta a b{color:#806000!important;margin-left:5px}
.media-slider--library .media-slide{flex-basis:calc((100% - 18px)/2);border-radius:24px;box-shadow:0 12px 34px rgba(61,50,40,.055)}
.media-slider--library .media-slide__copy{min-height:126px}
.media-video-trigger__number{position:absolute;left:16px;top:16px;z-index:2;display:grid;place-items:center;min-width:42px;height:42px;padding:0 9px;border-radius:999px;background:rgba(245,241,234,.92);color:#302b27!important;font-size:9px;letter-spacing:.1em;font-weight:800;backdrop-filter:blur(10px)}
@media(max-width:900px){.media-slider--library .media-slide{flex-basis:78vw}.media-library-meta{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.media-slider--library .media-slide{flex-basis:calc(100vw - 44px)}.media-library-meta{margin-top:-8px}.media-library-meta a{font-size:10px}}

/* Direct-video verification pass */
.media-slide__youtube-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:#514a44!important;font-size:10px;font-weight:700;letter-spacing:.02em;border-bottom:1px solid rgba(48,43,39,.25);padding-bottom:3px;transition:.2s ease}
.media-slide__youtube-link b{color:#806000!important;font-size:12px}
.media-slide__youtube-link:hover{color:#302b27!important;border-color:#806000}
