.hero-film{position:relative;height:clamp(580px,78svh,780px);min-height:580px;isolation:isolate;overflow:hidden;background:#173357;color:#fff;scroll-margin-top:60px}
.hero-film__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;pointer-events:none}
.hero-film__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.hero-film__slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-film__slide--westie video{object-position:64% center}
.hero-film__slide::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,26,36,.66),rgba(18,26,36,.24) 48%,transparent 78%),linear-gradient(0deg,rgba(18,26,36,.55),transparent 38%);pointer-events:none}
.hero-film__copy{position:relative;z-index:1;max-width:1200px;width:90%;margin:auto;padding-top:clamp(72px,10vh,130px)}
.hero-film__kicker{font:600 11px/1.6 Manrope,var(--sans);letter-spacing:.17em;color:#fff;margin-bottom:24px}
.hero-film__kicker::before{content:'';display:inline-block;width:22px;height:3px;background:#d5dbe8;vertical-align:middle;margin-right:12px}
.hero-film__copy h2{font-family:Manrope,var(--sans);font-size:clamp(45px,5.6vw,79px);font-weight:600;line-height:1.08;letter-spacing:-.055em;color:#fff;max-width:850px;margin:0}
.hero-film__copy h2 span{display:block}
.hero-film__lead{font-size:clamp(17px,1.7vw,21px);font-weight:500;line-height:1.65;letter-spacing:-.025em;max-width:650px;margin-top:25px;color:#fff}
.hero-film__description{font-size:14px;line-height:1.85;max-width:510px;color:#f1f5fc;margin-top:12px}
.hero-film__link{display:inline-flex;gap:36px;align-items:center;background:white;color:#173fbd;min-height:48px;padding:13px 20px;font-size:13px;font-weight:600;margin-top:28px;border:1px solid white;text-decoration:none}
.hero-film__link:hover{background:#edf3ff;color:#102f91}
.hero-film__controls{position:absolute;z-index:3;bottom:32px;left:5%;right:5%;max-width:1200px;margin:0 auto;display:flex;align-items:end;gap:28px}
.hero-film__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;flex:1;max-width:810px}
.hero-film__tab{position:relative;background:transparent;border:0;border-top:2px solid #ffffff55;padding:16px 0 0;color:#ffffffc7;text-align:left;display:flex;gap:14px;align-items:baseline;font:500 12px/1.5 var(--sans);cursor:pointer;min-height:48px}
.hero-film__tab::before{content:'';position:absolute;top:-2px;left:0;width:var(--progress,0%);height:2px;background:#fff}
.hero-film__tab[aria-pressed=true]{color:#fff;font-weight:600}
.hero-film__tab b{font:600 10px/1.5 Manrope,sans-serif;letter-spacing:.08em}
.hero-film__buttons{display:flex;gap:8px;flex-shrink:0;margin-left:auto}
.hero-film__buttons button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff99;border-radius:50%;background:#0d244333;color:white;font-size:18px;cursor:pointer}
.hero-film__buttons button:hover{background:#fff;color:#1f4fd1}
.hero-film a:focus-visible,.hero-film button:focus-visible{outline:3px solid white;outline-offset:5px}
.hero-film__visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-film__error{font-size:12px;color:#fff;margin-top:12px}
@media(max-width:700px){.hero-film{height:710px;min-height:660px}.hero-film__copy{padding-top:66px;width:auto;margin:0 24px}.hero-film__copy h2{font-size:clamp(38px,10.5vw,57px);line-height:1.11;letter-spacing:-.055em}.hero-film__kicker{font-size:9px;letter-spacing:.12em;margin-bottom:23px}.hero-film__lead{font-size:17px;max-width:340px;margin-top:25px}.hero-film__description{font-size:14px;max-width:340px}.hero-film__slide::after{background:linear-gradient(90deg,#0a1c30b8,#0a1c3066),linear-gradient(0deg,#0a1c30a6,transparent 40%)}.hero-film__link{font-size:12px;margin-top:24px}.hero-film__controls{left:24px;right:24px;bottom:24px;gap:18px;flex-wrap:wrap}.hero-film__tabs{flex-basis:100%;gap:16px}.hero-film__tab{font-size:11px;display:block;padding-top:11px}.hero-film__tab b{display:block;font-size:9px;margin-bottom:5px}.hero-film__buttons{margin-left:auto}.hero-film__buttons button{height:40px;width:40px}.hero-film__slide video{object-position:58% center}}
@media(prefers-reduced-motion:reduce){.hero-film__slide{transition:none}}
.hero-film__slide[data-tone=light]::after{background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.74) 31%,rgba(255,255,255,.12) 65%,transparent),linear-gradient(0deg,rgba(255,255,255,.94),rgba(255,255,255,.6) 12%,transparent 35%)}
.hero-film__slide[data-tone=light] .hero-film__copy h2,.hero-film__slide[data-tone=light] .hero-film__kicker,.hero-film__slide[data-tone=light] .hero-film__lead{color:#1c343c}
.hero-film__slide[data-tone=light] .hero-film__description{color:#344d50}
.hero-film__slide[data-tone=light] .hero-film__kicker::before{background:#30385b}
.hero-film__slide[data-tone=light] .hero-film__link{background:#30385b;border-color:#30385b;color:white}
.hero-film__slide[data-tone=light] .hero-film__error{color:#30385b}
.hero-film[data-tone=light] .hero-film__tab{color:#45555b;border-top-color:#344d5059}
.hero-film[data-tone=light] .hero-film__tab[aria-pressed=true]{color:#1c343c}
.hero-film[data-tone=light] .hero-film__tab::before{background:#30385b}
.hero-film[data-tone=light] .hero-film__buttons button{border-color:#344d5088;color:#1c343c;background:#ffffffb8}
.hero-film[data-tone=light] a:focus-visible,.hero-film[data-tone=light] button:focus-visible{outline-color:#30385b}
@media(max-width:700px){.hero-film__slide[data-tone=light]::after{background:linear-gradient(90deg,#ffffffdb,#ffffff77),linear-gradient(0deg,#fffffff2,transparent 48%)}}
.hero-film__slide--westie{background:#f6f7f4}
.hero-film__slide--westie video{left:36%;width:64%;object-position:center}
.hero-film__slide--westie[data-tone=light]::after{background:linear-gradient(90deg,#f6f7f4 29%,#f6f7f4e6 37%,transparent 53%),linear-gradient(0deg,#f6f7f4 0,transparent 22%)}
.hero-film__slide--westie .hero-film__copy h2{font-size:clamp(45px,4.7vw,68px);max-width:43%}
.hero-film__slide--westie .hero-film__lead,.hero-film__slide--westie .hero-film__description{max-width:37%}
@media(max-width:700px){.hero-film__slide--westie video{left:0;top:0;width:100%;height:290px;object-position:center}.hero-film__slide--westie[data-tone=light]::after{background:linear-gradient(0deg,#f6f7f4 0,#f6f7f4 57%,transparent 67%)}.hero-film__slide--westie .hero-film__copy{padding-top:290px}.hero-film__slide--westie .hero-film__kicker{margin-bottom:11px;font-size:8px}.hero-film__slide--westie .hero-film__copy h2{max-width:none;font-size:38px;line-height:1.05}.hero-film__slide--westie .hero-film__copy h2 span{display:inline}.hero-film__slide--westie .hero-film__copy h2 span+span:before{content:' '}.hero-film__slide--westie .hero-film__lead{max-width:none;font-size:15px;margin-top:14px}.hero-film__slide--westie .hero-film__description{max-width:none;font-size:12px;margin-top:7px}.hero-film__slide--westie .hero-film__link{margin-top:13px;min-height:42px;padding:9px 15px}}

/* Keep the whole filmed scene visible in narrow layouts. */
.hero-film__slide--banner video{inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-film__slide--banner[data-tone=light]::after{background:linear-gradient(90deg,rgba(247,249,250,.92),rgba(247,249,250,.68) 24%,rgba(247,249,250,.12) 49%,transparent 65%),linear-gradient(0deg,rgba(247,249,250,.9),transparent 26%)}
.hero-film__slide--banner .hero-film__copy h2{font-size:clamp(40px,4.8vw,68px);max-width:46%}
.hero-film__slide--banner .hero-film__lead,.hero-film__slide--banner .hero-film__description{max-width:36%}
@media(max-width:700px){
 .hero-film__slide--banner video{object-position:64% center}
 .hero-film__slide--banner[data-tone=light]::after{background:linear-gradient(0deg,#f7f9fa 0,rgba(247,249,250,.93) 36%,rgba(247,249,250,.5) 59%,transparent 80%)}
 .hero-film__slide--banner .hero-film__copy{padding-top:285px}
 .hero-film__slide--banner .hero-film__copy h2{font-size:36px;max-width:none}
 .hero-film__slide--banner .hero-film__lead{font-size:15px;max-width:none;margin-top:14px}
 .hero-film__slide--banner .hero-film__description{font-size:12px;max-width:none;margin-top:8px;line-height:1.7}
 .hero-film__slide--banner .hero-film__kicker{font-size:8px;margin-bottom:14px}
 .hero-film__slide--banner .hero-film__link{margin-top:14px;min-height:42px;padding:9px 15px}
}
@media(min-width:701px){
 .hero-film__slide--people{background:#f7f8fa}
 .hero-film__slide--people video{left:36%;width:64%;object-position:center}
 .hero-film__slide--people[data-tone=light]::after{background:linear-gradient(90deg,#f7f8fa 29%,#f7f8fae6 37%,transparent 53%),linear-gradient(0deg,#f7f8fa,transparent 24%)}
 .hero-film__slide--people .hero-film__copy h2{font-size:clamp(42px,4.7vw,68px);max-width:43%}
 .hero-film__slide--people .hero-film__lead,.hero-film__slide--people .hero-film__description{max-width:37%}
}
@media(max-width:700px){
 .hero-film__slide--people{background:#f7f8fa}
 .hero-film__slide--people video{inset:0 0 auto;width:100%;height:270px;object-position:center;object-fit:cover}
 .hero-film__slide--people[data-tone=light]::after{background:linear-gradient(180deg,transparent 200px,#f7f8fa 270px,#f7f8fa)}
 .hero-film__slide--people .hero-film__copy{padding-top:282px}
 .hero-film__slide--people .hero-film__kicker{font-size:8px;margin-bottom:12px}
 .hero-film__slide--people .hero-film__copy h2{font-size:36px;line-height:1.08;max-width:none}
 .hero-film__slide--people .hero-film__copy h2 span{display:inline}
 .hero-film__slide--people .hero-film__copy h2 span+span:before{content:' '}
 .hero-film__slide--people .hero-film__lead{font-size:15px;margin-top:14px;max-width:none}
 .hero-film__slide--people .hero-film__description{font-size:12px;line-height:1.7;margin-top:7px;max-width:none}
 .hero-film__slide--people .hero-film__link{font-size:12px;min-height:42px;margin-top:14px;padding:9px 15px}
}

/* Keep both the walker and Westie clear of the headline. */
@media(min-width:701px){
.hero-film__slide--shore .hero-film__copy{padding-left:59%;box-sizing:border-box}
.hero-film__slide--shore .hero-film__copy h2,.hero-film__slide--shore .hero-film__lead,.hero-film__slide--shore .hero-film__description{max-width:none}
.hero-film__slide--shore[data-tone=light]::after{background:linear-gradient(270deg,rgba(247,249,250,.96),rgba(247,249,250,.87) 27%,rgba(247,249,250,.12) 52%,transparent 66%),linear-gradient(0deg,rgba(247,249,250,.91),transparent 25%)}
}
@media(max-width:700px){.hero-film__slide--shore video{object-position:32% center}}

.hero-film__slide[data-tone=light] .hero-film__link{background:#173c66;border-color:#173c66}
.hero-film__slide[data-tone=light] .hero-film__link:hover{background:#0d2d50;border-color:#0d2d50}
.hero-film__slide[data-tone=light] .hero-film__kicker::before{background:#b79750}
@media(max-width:700px){
 .hero-film__slide--banner{background:#f7f9fa}
 .hero-film__slide--banner video{inset:0 0 auto;width:100%;height:260px;object-position:center;object-fit:cover}
 .hero-film__slide--banner[data-tone=light]::after{background:linear-gradient(180deg,transparent 185px,#f7f9fa 270px,#f7f9fa)}
 .hero-film__slide--banner .hero-film__copy{padding-top:277px}
 .hero-film__slide--banner .hero-film__copy h2{font-size:35px;line-height:1.12}
 .hero-film__slide--banner .hero-film__description{font-size:13px;line-height:1.75}
 .hero-film__slide--banner .hero-film__kicker{font-size:9px;letter-spacing:.08em}
}

/* Preserve the lecturer at the right of the frame on narrow screens. */
@media(max-width:700px){.hero-film__slide--lecture video{object-position:75% center}}

/* A real poster stays visible until the video has rendered its first frame. */
.hero-film__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.hero-film__slide video{opacity:0}
.hero-film__slide.has-video-frame video{opacity:1}
@media(max-width:700px){.hero-film__slide--banner .hero-film__poster{height:260px;object-position:center}.hero-film__slide--lecture .hero-film__poster{object-position:75% center}}