/* v16: bring the hero visual up. Desktop: video sits higher. Phone: headline + subheadline + video inside the first screen,
   the glass composer overlaps the bottom of the video. */
@media (min-width:768px){
 body.v10 .v10-video{transform:translateY(9%)}
 body.v10 .v10-hero{padding-bottom:22vh}
 body.v10 .v10-lead{margin-bottom:26px}
}
@media (max-width:767px){
 body.v10 .v10-stage{padding-top:84px;align-items:stretch}
 body.v10 .v10-hero{display:contents}
 body.v10 .v12-eyebrow{order:1;align-self:center;margin:6px 0 16px}
 body.v10 .v10-h1{order:2;align-self:center;text-align:center;margin:0 0 14px;padding:0 16px}
 body.v10 .v10-lead{order:3;align-self:center;text-align:center;margin:0 auto;padding:0 20px;max-width:26rem;position:relative;z-index:3}
 body.v10 .v10-lead strong{font-size:1.06em}
 body.v10 .v10-lead span{display:block;margin-top:6px;font-size:.95em}
 body.v10 .v10-video{order:4;position:relative;inset:auto;width:100%;height:clamp(340px,52vh,470px);aspect-ratio:auto;margin:-40px 0 0;object-fit:cover;object-position:50% 80%;transform:none;z-index:1;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%)}
 body.v10 .v10-stack{order:5;position:relative;z-index:3;width:auto;margin:-96px 16px 0;align-self:stretch}
 body.v10 .v10-composer{background:rgba(8,10,13,.62);-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%);box-shadow:inset 0 1px 1px rgba(255,255,255,.12),0 30px 60px -20px rgba(0,0,0,.8)}
 body.v10 .v10-foot{order:6;margin-top:24px;padding-bottom:36px}
 body.v10 .v10-shade{background:linear-gradient(0deg,#07090c 0%,rgba(7,9,12,0) 10%)}
}