/* White Welcome canvas with the angular burgundy / navy waterfront corner. */
.hero-shell.welcome-corner-hero{position:relative;isolation:isolate;overflow:hidden;background:#fff;color:#153657;border-bottom:0}
.welcome-corner-hero>.hero{position:relative;z-index:3;display:flex;align-items:center;min-height:690px;padding-top:64px;padding-bottom:72px;pointer-events:none}
.welcome-corner-hero .hero:after{content:none}
.welcome-corner-hero .hero-copy{width:45%;max-width:560px;pointer-events:auto}
.welcome-corner-hero h1{font-size:clamp(76px,7.4vw,110px);font-weight:600;line-height:1.02;letter-spacing:-5px;color:#102b4a}
.welcome-corner-hero h1>span{color:#1550d9;background:none;-webkit-text-fill-color:#1550d9}
.welcome-corner-hero .eyebrow{color:#8b1538}
.welcome-corner-hero .small-line{background:#8b1538}
.welcome-corner-hero .hero-lead{font-size:23px;color:#213f65}
.welcome-corner-hero .hero-lead strong{color:#1556d7}
.welcome-corner-hero .hero-description{font-size:16px;line-height:1.8;color:#52647b;max-width:385px}
.welcome-corner-hero .hero-foot{font-size:8px;color:#4d6884;letter-spacing:1.7px}
.welcome-corner-hero .hero-foot .dot{background:#008897}
.welcome-corner-hero .hero-actions{gap:26px}
.welcome-corner-hero .text-link{color:#183e68}
.welcome-corner-hero .text-link>span{color:#8b1538}
.welcome-corner-hero :focus-visible{outline-color:#8b1538}
.welcome-skyline-corner{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.skyline-navy-edge{position:absolute;inset:0;background:linear-gradient(140deg,#183c60,#09213a);clip-path:polygon(68.3% 0,100% 0,100% 100%,38.8% 100%)}
.skyline-burgundy-edge{position:absolute;inset:0;z-index:3;background:linear-gradient(135deg,#a1274c,#7b102f);clip-path:polygon(62.5% 0,68.3% 0,54.5% 45%)}
.skyline-silver-edge{position:absolute;inset:0;z-index:3;background:#e6edf2;clip-path:polygon(68.8% 0,69.05% 0,40.25% 100%,40% 100%)}
.welcome-skyline{position:absolute;top:0;right:0;bottom:0;width:60%;overflow:hidden;clip-path:polygon(48% 0,100% 0,100% 100%,0 100%);background:#123861}
.welcome-skyline>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.skyline-water{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.skyline-glint{position:absolute;z-index:2;width:3px;height:3px;border-radius:50%;background:#ffe3aa;box-shadow:0 0 8px 2px #ffd17c99;opacity:.3;transform:scale(.6);pointer-events:none}
html[data-motion=on] .welcome-skyline[data-in-view=true] .skyline-glint{animation:skyline-glimmer var(--glimmer-duration,5s) ease-in-out infinite;animation-delay:var(--glimmer-delay,0s)}
@keyframes skyline-glimmer{0%,100%{opacity:.16;transform:scale(.55)}35%{opacity:.85;transform:scale(1.25)}58%{opacity:.3;transform:scale(.8)}}
@media(max-width:1150px) and (min-width:951px){
  .welcome-corner-hero .hero-copy{width:49%}
  .welcome-corner-hero h1{font-size:84px;letter-spacing:-4px}
  .welcome-corner-hero .hero-actions{gap:20px}
  .welcome-corner-hero .hero-description{max-width:340px}
  .welcome-corner-hero .hero-foot{font-size:7px}
}
@media(max-width:950px){
  .welcome-corner-hero>.hero{display:block;min-height:0;padding-top:54px;padding-bottom:42px;pointer-events:auto}
  .welcome-corner-hero .hero-copy{width:100%;max-width:610px}
  .welcome-corner-hero h1{font-size:clamp(64px,11vw,88px);letter-spacing:-4px;margin-top:25px;margin-bottom:25px}
  .welcome-corner-hero .hero-description{max-width:500px}
  .welcome-corner-hero .hero-foot{margin-top:30px;font-size:8px}
  .welcome-skyline-corner{position:relative;inset:auto;width:100%;height:400px}
  .skyline-navy-edge{clip-path:polygon(26% 0,100% 0,100% 100%,0 100%)}
  .skyline-burgundy-edge{clip-path:polygon(17% 0,26% 0,3% 46%)}
  .skyline-silver-edge{clip-path:polygon(28% 0,28.5% 0,.5% 100%,0 100%)}
  .welcome-skyline{width:100%;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}
}
@media(max-width:600px){
  .welcome-corner-hero>.hero{padding-top:42px;padding-bottom:32px}
  .welcome-corner-hero .hero-lead{font-size:21px}
  .welcome-corner-hero .hero-description{font-size:15px;line-height:1.85}
  .welcome-corner-hero .hero-actions{gap:23px;flex-wrap:wrap}
  .welcome-corner-hero .hero-foot{font-size:7px;letter-spacing:1.2px;line-height:1.6}
  .welcome-skyline-corner{height:300px}
}
html[data-motion=off] .skyline-glint{animation:none!important;opacity:.25}
@media(prefers-reduced-motion:reduce){html:not([data-motion=on]) .skyline-glint{animation:none!important}}
