.home-video-project{position:relative;width:100%;margin:0;padding:0;background:#000;color:#f8f8f6;overflow:hidden;isolation:isolate}
.home-video-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000;pointer-events:none}
.home-video-frame iframe{position:absolute;top:50%;left:50%;display:block;width:100%;height:100%;border:0;transform:translate(-50%,-50%);pointer-events:none}
.home-video-project::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.14) 62%,rgba(0,0,0,.7) 100%);pointer-events:none}
.home-video-heading{position:absolute;left:5%;right:5%;bottom:7%;z-index:2;pointer-events:none;text-shadow:0 2px 20px #0006}
.home-video-heading h2{font-size:clamp(40px,5vw,80px);line-height:1.05;margin:0 0 14px}
.home-video-heading p{font-size:clamp(19px,2.3vw,34px);line-height:1.3;margin:0}
@media(max-width:700px){.home-video-frame{aspect-ratio:4/5}.home-video-frame iframe{width:222.222222%;height:100%}.home-video-heading{left:6%;right:6%;bottom:7%}.home-video-heading h2{font-size:clamp(36px,10vw,52px);margin-bottom:12px}.home-video-heading p{font-size:clamp(18px,5vw,23px)}}

/* Homepage hero remains a control-free background. */
#top.hero>.hero-video-toggle{display:none}

/* Readable methodology copy in the homepage hero. */
#top .hero-copy{width:58%;max-width:760px}
#top .hero-link{font-size:18px;line-height:1.6;letter-spacing:-.015em;max-width:65ch;gap:14px;margin-top:26px;text-shadow:0 1px 12px #0008}
#top .hero-link .ring{flex:0 0 18px;width:18px;height:18px;border-width:4px;margin-top:6px}
@media(max-width:1000px){#top.hero{min-height:860px}#top .hero-copy{top:15%;width:85%;max-width:680px}#top .hero-editorial{top:auto;bottom:7%}}
@media(max-width:700px){#top.hero{min-height:900px}#top .hero-copy{left:7%;width:86%;max-width:none;top:14%}#top .hero-link{font-size:16px;line-height:1.6;gap:12px;margin-top:24px}#top .hero-link .ring{flex-basis:16px;width:16px;height:16px;margin-top:5px}}
