/* Only the shared mechanism and commercial proposition. */
.hero .hero-differentiator{width:100%;max-width:none;text-align:center;font-size:clamp(20px,1.8vw,28px);font-weight:600;line-height:1.5;letter-spacing:.025em}
.hero .hero-outcome{text-align:left}.hero .hero-promise{max-width:none;font-size:22px;line-height:1.55;font-weight:400;letter-spacing:0}.hero .hero-geography{max-width:none;font-size:22px;line-height:1.55;font-weight:400;margin-top:2px}
@media(min-width:701px) and (max-height:850px){.hero .hero-differentiator{font-size:24px}.hero .hero-promise,.hero .hero-geography{font-size:21px}}
@media(min-width:701px) and (max-width:1000px){.hero .hero-differentiator{font-size:21px}.hero .hero-promise,.hero .hero-geography{font-size:18px}}
@media(max-width:700px){.hero .hero-differentiator{font-size:18px;line-height:1.55;letter-spacing:.015em}.hero .hero-promise,.hero .hero-geography{font-size:16px;line-height:1.6}.hero .hero-geography{margin-top:3px}}
/* Restore London light; contrast is concentrated behind the content. */
.hero .hero-video,.hero .hero-media>img{filter:brightness(1.13)}
.hero .hero-shade{background:linear-gradient(90deg,rgba(0,16,30,.52) 0%,rgba(0,16,30,.29) 46%,rgba(0,16,30,.04) 80%),linear-gradient(180deg,rgba(0,16,30,.22) 0%,transparent 22%,transparent 82%,rgba(0,16,30,.12) 100%)}
.hero .institution-pillars>span{background:rgba(0,16,30,.14)}
.hero .institution-pillars,.hero .hero-differentiator,.hero .hero-outcome{ text-shadow:0 1px 2px rgba(0,0,0,.3)}
@media(max-width:700px){.hero .hero-shade{background:linear-gradient(90deg,rgba(0,16,30,.48),rgba(0,16,30,.16)),linear-gradient(180deg,rgba(0,16,30,.2),transparent 24%,rgba(0,16,30,.12))}}
.hero .hero-copy{transform:translateY(-27px)}
.hero .hero-shade{background:radial-gradient(ellipse 70% 26% at 30% 64%,rgba(0,14,27,.38),transparent 90%),linear-gradient(90deg,rgba(0,16,30,.52) 0%,rgba(0,16,30,.29) 46%,rgba(0,16,30,.04) 80%),linear-gradient(180deg,rgba(0,16,30,.22) 0%,transparent 22%,transparent 82%,rgba(0,16,30,.12) 100%)}
@media(max-width:700px){.hero .hero-copy{transform:translateY(-13px)}.hero .hero-shade{background:radial-gradient(ellipse 100% 27% at 30% 66%,rgba(0,14,27,.44),transparent 95%),linear-gradient(90deg,rgba(0,16,30,.48),rgba(0,16,30,.16)),linear-gradient(180deg,rgba(0,16,30,.2),transparent 24%,rgba(0,16,30,.12))}}
