/* DANLAB opening film: original portrait with orbiting fish. */
.hero{background:#211232;min-height:900px;height:105svh;max-height:1200px}
.hero-film{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#623497}
.hero-film video{width:100%;height:100%;object-fit:cover;object-position:70% 40%;display:block}
.hero-film:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#211232 0%,#211232f0 16%,#211232b0 37%,#21123225 62%,#21123200 82%),linear-gradient(0deg,#211232 0%,#2112328a 10%,transparent 35%,#21123212 80%,#21123270 100%)}
.hero #particles{opacity:.16;z-index:1}
.hero-content{z-index:3;padding-top:clamp(200px,23vh,270px);max-width:64%}
.hero h1{font-size:clamp(72px,7.6vw,125px);line-height:1.02;letter-spacing:-.055em}
.hero-description{max-width:365px;color:#e9dff1}
.hero-strip{z-index:4}
.hero-playback{position:absolute;right:5%;bottom:27%;z-index:6;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff35;border-radius:50%;background:#21123270;color:#fff;backdrop-filter:blur(12px);font:16px Arial,sans-serif;cursor:pointer}
.hero-playback[hidden]{display:none}
.hero-playback:focus-visible{outline:3px solid #d9bcff;outline-offset:5px}
@media(min-width:1600px){.hero-film video{object-position:center 35%}}
@media(min-width:701px) and (max-width:1000px){.hero-content{max-width:75%}.hero h1{font-size:clamp(65px,9.2vw,90px)}.hero-film video{object-position:64% center}.hero-film:after{background:linear-gradient(90deg,#211232f5,#211232b8 35%,#21123220 78%),linear-gradient(0deg,#211232 0%,transparent 45%)}}
@media(max-width:700px){
.hero{height:auto;min-height:1000px;max-height:none;padding-bottom:175px}
.hero-film{height:650px;inset:65px 0 auto;background:transparent}
.hero-film video{object-position:79% top;object-fit:cover}
.hero-film:after{background:linear-gradient(0deg,#211232 0%,#211232e0 12%,#21123232 44%,#21123210 75%,#21123275 100%),linear-gradient(90deg,#21123265,transparent 60%)}
.hero-content{padding:510px 7% 0;max-width:100%}
.hero h1{font-size:clamp(52px,11.8vw,80px);line-height:1.02}
.hero-description{font-size:16px;line-height:1.6;margin-top:22px;max-width:330px}
.hero .button{margin-top:24px}
.hero-strip{bottom:-85px;opacity:.85}
.hero-playback{top:430px;bottom:auto;right:7%}
}
@media(prefers-reduced-motion:reduce){.hero-film video{animation:none}}
@media(min-width:1001px){.hero-film{left:12%;right:-16%}.hero-film video{object-position:50% 38%}.hero-film:after{background:linear-gradient(90deg,#211232 0%,#211232d9 18%,#21123270 35%,transparent 64%),linear-gradient(0deg,#211232 0%,#2112328a 10%,transparent 35%,#21123260 100%)}}
@media(max-width:700px){.hero-film video{object-position:69% top}.hero h1{font-size:clamp(44px,11.8vw,80px)}}
/* Extend the mobile film behind the floating header without a top seam. */
@media(max-width:700px){.hero-film{inset:0 0 auto;height:715px}.hero-film video{object-position:69% top}.hero-film:after{background:linear-gradient(0deg,#211232 0%,#211232e0 12%,#21123232 44%,#21123210 75%,#21123275 100%),linear-gradient(90deg,#21123265,transparent 60%)}}
/* Keep a clean poster while the browser decides whether autoplay is allowed. */
.hero-film{background-image:url('/dan-assets/dan-orbita-poster.jpg');background-size:cover;background-position:70% 40%}
.hero-film video{opacity:0}
.hero-film.is-playing video{opacity:1}
@media(min-width:1001px){.hero-film{background-position:50% 38%}}
@media(min-width:701px) and (max-width:1000px){.hero-film{background-position:64% center}}
@media(max-width:700px){.hero-film{background-position:69% top}}