/* Videos landing page and single video page (purple/blue Google-blog look; loads after dr-archive.css) */
.dr-vpage{overflow-x:clip}
.dr-vpill{flex:0 0 auto;display:inline-flex;align-items:center;height:48px;padding:0 28px;margin-bottom:10px;border-radius:999px;background:linear-gradient(135deg,#7f07e8,#0090ff);color:#fff!important;font-size:16px;font-weight:500;text-decoration:none;box-shadow:0 8px 24px rgba(127,7,232,.28);transition:transform .2s,box-shadow .2s}
.dr-vpill:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(127,7,232,.36)}
.dr-vpage .dr-section{margin-top:clamp(56px,6vw,88px)}
.dr-vpage .dr-grid{margin-top:32px;gap:40px 32px}

/* cards: picture first, 16:9, play button */
.dr-card--video .dr-card__link{gap:14px}
.dr-card--video .dr-card__media{order:1;margin-top:0;aspect-ratio:16/9;border-radius:20px}
.dr-card--video .dr-card__text{order:2}
.dr-play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(255,255,255,.92);color:#202124;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(0,0,0,.3);transition:transform .2s,background .2s,color .2s}
.dr-card--video .dr-card__link:hover .dr-play{transform:scale(1.1);background:linear-gradient(135deg,var(--dr-acc),var(--dr-acc2));color:#fff}
.dr-card--video.dr-card--lead .dr-card__link{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:center}
.dr-card--video.dr-card--lead .dr-card__media{order:1;aspect-ratio:16/9;border-radius:28px;box-shadow:0 14px 44px rgba(127,7,232,.2)}
.dr-card--video.dr-card--lead .dr-card__text{order:2;gap:16px;padding-bottom:0}
.dr-card--video.dr-card--lead .dr-play{width:84px;height:84px;margin:-42px 0 0 -42px}
.dr-card--video.dr-card--lead .dr-play svg{width:34px;height:34px}
.dr-vwatch{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;margin-top:6px;border-radius:999px;background:#202124;color:#fff;font-size:16px;font-weight:500;transition:background .2s}
.dr-card--video .dr-card__link:hover .dr-vwatch{background:linear-gradient(135deg,#7f07e8,#0090ff)}
.dr-more__btn--v{background:linear-gradient(135deg,#7f07e8,#0090ff);color:#fff!important;box-shadow:0 8px 24px rgba(127,7,232,.28)}
.dr-more__btn--v:hover{box-shadow:0 12px 30px rgba(127,7,232,.36)}
.dr-empty{font-size:18px;color:var(--dr-mute)}

/* single video */
.dr-vnarrow{max-width:1040px;margin:0 auto}
.dr-vtitle{font-family:var(--dr-ff)!important;font-size:clamp(32px,4vw,60px);line-height:1.1;font-weight:400;letter-spacing:-.4px;color:var(--dr-ink);margin:0;text-transform:none}
.dr-vmeta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 clamp(40px,4.5vw,64px);font-size:15px;line-height:24px;color:var(--dr-mute)}
.dr-vmeta__tag{padding:4px 14px;border-radius:999px;background:#fff;border:1px solid var(--dr-line);font-size:13px;line-height:20px;color:var(--dr-ink)}

/* player: gradient frame like the news articles, glow takes the video's own colours while it plays */
.dr-vstage{position:relative;isolation:isolate}
.dr-vframe{position:relative;z-index:1;overflow:hidden;isolation:isolate;border-radius:27px;padding:5px;background:linear-gradient(135deg,#7f07e8,#0090ff);box-shadow:0 14px 44px rgba(127,7,232,.2)}
.dr-vframe::before{content:"";position:absolute;left:50%;top:50%;width:220%;aspect-ratio:1;z-index:0;background:conic-gradient(from 0deg,#7f07e8,#0090ff,#a855f7,#38bdf8,#7f07e8);transform:translate(-50%,-50%) rotate(0deg);animation:dr-vspin 7s linear infinite;will-change:transform}
@keyframes dr-vspin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.dr-vbox{position:relative;z-index:1;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#000}
.dr-vbox iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0}
.dr-vbox--raw{aspect-ratio:16/9}
.dr-vplay{all:unset;position:absolute;inset:0;display:block;cursor:pointer;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;filter:none!important;min-height:0!important;width:auto!important;height:auto!important}
.dr-vplay::before,.dr-vplay::after{display:none!important}
.dr-vplay img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,0,0,1)}
.dr-vplay:hover img{transform:scale(1.03)}
.dr-vplay__icon{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;background:rgba(255,255,255,.94);color:#202124;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(0,0,0,.35);transition:transform .2s,background .2s,color .2s}
.dr-vplay:hover .dr-vplay__icon,.dr-vplay:focus-visible .dr-vplay__icon{transform:scale(1.08);background:linear-gradient(135deg,#7f07e8,#0090ff);color:#fff}
.dr-vplay:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.dr-vglow{position:absolute;z-index:0;inset:-7% -5%;pointer-events:none;border-radius:40px;opacity:0;transition:opacity 1.4s ease}
.dr-vglow img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:40px;filter:blur(44px) saturate(2) brightness(1.05);opacity:0;will-change:opacity;animation:dr-vamb 28s ease-in-out infinite;animation-play-state:paused}
.dr-vglow img:nth-child(2){animation-delay:7s}
.dr-vglow img:nth-child(3){animation-delay:14s}
.dr-vglow img:nth-child(4){animation-delay:21s}
@keyframes dr-vamb{0%{opacity:0}6%{opacity:.8}25%{opacity:.8}31%{opacity:0}100%{opacity:0}}
.dr-vstage.is-playing .dr-vglow{opacity:1}
.dr-vstage.is-playing .dr-vglow img{animation-play-state:running}
@media (max-width:640px){.dr-vglow{inset:-5% -3%}.dr-vglow img{filter:blur(30px) saturate(2)}.dr-vplay__icon{width:68px;height:68px;margin:-34px 0 0 -34px}.dr-vframe{border-radius:21px;padding:4px}.dr-vbox{border-radius:17px}}
@media (prefers-reduced-motion:reduce){.dr-vframe::before{animation:none}.dr-vglow img{animation:none}.dr-vglow img:first-child{opacity:.7}.dr-vplay img,.dr-vplay__icon,.dr-vpill{transition:none}}

.dr-vshare{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:clamp(28px,3vw,40px) 0 0;font-size:14px;color:var(--dr-mute)}
.dr-vshare a{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--dr-line);background:#fff;color:var(--dr-ink)!important;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s}
.dr-vshare a:hover{background:#f6f2ff;border-color:#cdb4f7}

/* the text: one readable column */
.dr-vtext{max-width:740px;margin:clamp(40px,5vw,64px) auto 0;font-size:19px;line-height:1.75;color:#202124}
.dr-vtext p{margin:0 0 1.2em;font-size:inherit;line-height:inherit;color:inherit}
.dr-vtext h2,.dr-vtext h3,.dr-vtext h4{font-family:var(--dr-ff)!important;font-weight:400;color:#202124;text-transform:none;letter-spacing:0;line-height:1.25;margin:1.8em 0 .6em}
.dr-vtext h2{font-size:clamp(26px,2vw + 8px,34px)}
.dr-vtext h3{font-size:clamp(22px,1.4vw + 8px,28px)}
.dr-vtext a{color:#174ea6;text-decoration:underline;text-underline-offset:3px}
.dr-vtext img{max-width:100%;height:auto;border-radius:16px}
.dr-vtext iframe{display:block;width:100%;max-width:100%;border:0;border-radius:16px;margin:32px 0}
.dr-vtext iframe[src*="spotify.com"]{height:352px}
.dr-vtext blockquote.instagram-media,.dr-vtext .instagram-media{margin:32px auto!important;max-width:100%!important}
.dr-vtext ul,.dr-vtext ol{margin:0 0 1.2em 1.2em}
.dr-vtext li{font-size:inherit;line-height:inherit;margin:0 0 .4em}
.dr-vtext>:last-child{margin-bottom:0}

/* find the artist card (same as Spin or Bin, purple accent) */
.dr-vtext .dr-sobfind{margin:40px 0 0;padding:22px 28px 10px;border:1px solid var(--dr-line);border-radius:24px;background:#fff;clear:both}
.dr-vtext .dr-sobfind__label{margin:0 0 6px!important;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--dr-mute)}
.dr-vtext .dr-sobfind ul{list-style:none!important;margin:0!important;padding:0!important}
.dr-vtext .dr-sobfind li{list-style:none!important;margin:0!important;padding:0!important;border-top:1px solid rgba(32,33,36,.1)}
.dr-vtext .dr-sobfind li:first-child{border-top:0}
.dr-vtext .dr-sobfind li::before,.dr-vtext .dr-sobfind li::marker{content:none!important;display:none!important}
.dr-vtext .dr-sobfind a{display:flex;align-items:center;gap:16px;padding:14px 0;text-decoration:none;color:#111;border-radius:12px;transition:background .2s}
.dr-vtext .dr-sobfind a:hover{background:#f6f2ff}
.dr-vtext .dr-sobfind__ic{flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:18px}
.dr-vtext .dr-sobfind__t{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.dr-vtext .dr-sobfind__t b{font-weight:500;font-size:17px;line-height:1.3}
.dr-vtext .dr-sobfind__t i{font-style:normal;font-size:14px;line-height:1.3;color:var(--dr-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dr-vtext .dr-sobfind__go{flex:none;font-size:18px;color:var(--dr-mute);transition:transform .2s,color .2s}
.dr-vtext .dr-sobfind a:hover .dr-sobfind__go{transform:translate(2px,-2px);color:#111}
.dr-vtext .dr-sobfind__ic.is-long{font-size:14px;letter-spacing:-.02em}
.dr-vtext .dr-sobfind__ic[style*='#fffc00'],.dr-vtext .dr-sobfind__ic[style*='#ffff64'],.dr-vtext .dr-sobfind__ic[style*='#01ff95']{color:#111}

/* call to action (same as the homepage) */
.dr-vpage .dr-cta{margin-top:clamp(56px,6vw,88px);display:flex;align-items:center;justify-content:space-between;gap:32px;padding:clamp(32px,4vw,56px);border-radius:32px;background:linear-gradient(135deg,#7f07e8,#0090ff);color:#fff}
.dr-vpage .dr-cta h2{font-family:var(--dr-ff)!important;font-size:clamp(28px,2.4vw + 6px,42px);line-height:1.15;font-weight:400;margin:0 0 10px;color:#fff;text-transform:none}
.dr-vpage .dr-cta p{font-size:18px;line-height:1.5;margin:0;max-width:640px;color:rgba(255,255,255,.92)}
.dr-vpage .dr-cta__btn{flex:0 0 auto;display:inline-flex;align-items:center;height:52px;padding:0 30px;border-radius:999px;background:#fff;color:#202124!important;font-size:16px;font-weight:500;text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .2s}
.dr-vpage .dr-cta__btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.28)}

@media (max-width:900px){.dr-card--video.dr-card--lead .dr-card__link{grid-template-columns:1fr}.dr-card--video.dr-card--lead .dr-card__text{order:2}.dr-vpage .dr-cta{flex-direction:column;align-items:flex-start}}
@media (max-width:640px){.dr-ahead__row{flex-direction:column;align-items:flex-start;gap:14px}.dr-vpill{margin-bottom:0}.dr-vtext{font-size:18px}.dr-vtext .dr-sobfind{padding:18px 18px 6px}}