.navigation-home main{max-width:1920px;margin-inline:auto;height:calc(100svh - 193px);min-height:590px;grid-template-rows:minmax(0,1fr) auto}.navigation-home .hero{position:relative;isolation:isolate;overflow:hidden;background:#07182b;min-height:0}.navigation-home .hero-grid{position:relative;height:100%;min-height:0;display:flex;align-items:center;gap:0}.navigation-home .hero-visual{position:absolute;inset:0;margin:0;border-radius:0;min-height:0;height:100%;width:100%;z-index:-2;display:block}.navigation-home .hero-visual:before{display:none}.navigation-home .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%}.navigation-home .image-shade{position:absolute;inset:0;background:linear-gradient(90deg,#02152ff0 0%,#02152fbb 29%,#02152f55 48%,transparent 72%),linear-gradient(0deg,#02152f45,transparent 55%)}.navigation-home .hero-copy{position:relative;z-index:1;display:block;width:70%;max-width:780px;padding:36px 0;color:white}.navigation-home .hero .eyebrow{font-size:10px;letter-spacing:.14em;color:white;line-height:1.8}.navigation-home .hero h1{font-size:clamp(48px,5.3vw,84px);font-weight:600;line-height:1.07;letter-spacing:-.055em;margin:27px 0 22px;color:#fff}.navigation-home .hero h1 em{color:white}.navigation-home .hero-copy>p{font-size:16px;line-height:1.65;max-width:620px;color:white;margin:0 0 27px}.navigation-home .hero-actions{gap:25px}.navigation-home .hero-actions .button.primary{background:#3974d8;color:white;padding:15px 23px;font-size:12px;min-height:48px}.navigation-home .hero-actions .text-link{color:white;border-color:#ffffff90;font-size:12px;padding-bottom:6px}.navigation-home .journey-section{position:relative;z-index:1}.navigation-home .image-top,.navigation-home .hero-caption-stack{display:none}
@media(min-width:1800px){.navigation-home .hero-grid{width:calc(100% - 160px);max-width:1760px}.navigation-home .hero-copy{max-width:900px}.navigation-home .hero-copy>p{font-size:19px;max-width:720px}.navigation-home .hero h1{font-size:88px}.navigation-home .hero .eyebrow{font-size:11px}}
@media(max-height:760px) and (min-width:801px){.navigation-home main{min-height:500px}.navigation-home .hero h1{font-size:56px;margin:20px 0 17px}.navigation-home .hero-copy>p{font-size:14px;margin-bottom:20px}.navigation-home .hero-copy{padding:25px 0}}
@media(max-width:1000px){.navigation-home .hero-copy{width:83%;max-width:690px}.navigation-home .hero h1{font-size:58px}.navigation-home .hero .eyebrow{font-size:8px}.navigation-home .hero-copy>p{font-size:15px;max-width:540px}.navigation-home .hero-image{object-position:65% center}}
@media(max-width:800px){.navigation-home main{height:calc(100svh - 176px);min-height:620px}.navigation-home .hero-grid{height:100%;display:flex}.navigation-home .hero-copy{width:100%;padding:27px 0;max-width:650px}.navigation-home .hero h1{font-size:clamp(39px,7.1vw,58px);line-height:1.08;margin:23px 0 20px}.navigation-home .hero-copy>p{font-size:14px;max-width:480px}.navigation-home .image-shade{background:linear-gradient(90deg,#02152ff2,#02152fcc 48%,#02152f55)}.navigation-home .hero-image{object-position:72% center}}
@media(max-width:600px){.navigation-home main{min-height:650px;height:calc(100svh - 176px)}.navigation-home .hero-copy{padding:28px 0}.navigation-home .hero h1{font-size:clamp(35px,9.6vw,54px);margin:21px 0 18px}.navigation-home .hero .eyebrow{font-size:7px;letter-spacing:.08em;max-width:330px}.navigation-home .hero .gold-line{width:17px}.navigation-home .hero-copy>p{font-size:13px;line-height:1.7;margin-bottom:23px}.navigation-home .hero-actions{gap:16px;align-items:center}.navigation-home .hero-actions .button.primary{font-size:10px;padding:12px 15px;min-height:42px}.navigation-home .hero-actions .text-link{font-size:10px}.navigation-home .hero-visual{display:block!important}.navigation-home .hero-image{object-position:75% center}.navigation-home .image-shade{background:linear-gradient(90deg,#02152ff5,#02152fdc 40%,#02152f88)}}
@media(min-width:801px){.navigation-home .hero-image{object-position:right 60%}.navigation-home .hero h1{font-size:clamp(48px,4.8vw,84px)}.navigation-home .hero-copy>p{max-width:560px}}
@media(min-width:801px){.navigation-home .hero-copy>p{max-width:480px}}
/* A light, feathered coastal welcome that blends into the destination cards. */
body.navigation-home{background:#f3f7ff}.navigation-home main{max-width:none;width:100%;background:#f3f7ff}.navigation-home .hero{background:#f3f7ff}.navigation-home .image-shade{background:linear-gradient(90deg,#f3f7ff 0%,#f3f7fff2 22%,#f3f7ffba 38%,#f3f7ff00 61%,#f3f7ff00 88%,#f3f7ff 100%),linear-gradient(180deg,#f3f7ffb3,transparent 18%,transparent 72%,#f3f7ff 100%)}.navigation-home .hero-copy,.navigation-home .hero h1,.navigation-home .hero h1 em,.navigation-home .hero .eyebrow,.navigation-home .hero-copy>p,.navigation-home .hero-actions .text-link{color:#081638}.navigation-home .hero-actions .text-link{border-color:#08163866}.navigation-home .journey-section{background:#f3f7ff;border:0}.navigation-home .topbar{background:#edf3ff;color:#081638}.navigation-home .topbar a{color:#081638}.navigation-home .hero-grid{max-width:1500px;width:calc(100% - 96px)}.navigation-home .hero-copy{width:65%;max-width:780px}.navigation-home .hero h1{font-size:clamp(48px,4.6vw,80px)}@media(min-width:1800px){.navigation-home .hero-grid{width:calc(100% - 160px);max-width:1500px}}@media(max-width:800px){.navigation-home .hero-grid{width:calc(100% - 48px)}.navigation-home .hero-copy{width:100%;max-width:650px}.navigation-home .hero h1{font-size:clamp(39px,7.1vw,58px)}.navigation-home .image-shade{background:linear-gradient(90deg,#f3f7fff5,#f3f7ffda 50%,#f3f7ff77),linear-gradient(180deg,#f3f7ff66,transparent 55%,#f3f7ff)}}@media(max-width:600px){.navigation-home .hero-grid{width:calc(100% - 40px)}.navigation-home .hero h1{font-size:clamp(35px,9.6vw,54px)}.navigation-home .image-shade{background:linear-gradient(90deg,#f3f7fff0,#f3f7ffdb 55%,#f3f7ffa6),linear-gradient(180deg,#f3f7ff55,transparent 60%,#f3f7ff)}.navigation-home .hero-image{object-position:75% center}}
.navigation-home .topbar,.navigation-home .topbar :is(span,a){color:#081638!important}
/* Align the homepage hero with the Vancouver and protection banner dimensions. */
.navigation-home main{height:auto!important;min-height:0!important;max-height:none!important;display:block}.navigation-home .hero{aspect-ratio:1536/608;min-height:0;display:flex;align-items:center;background:#071b2d}.navigation-home .hero-grid{height:auto;min-height:0}.navigation-home .hero-copy{padding:42px 0;width:68%;max-width:900px}.navigation-home .hero-image{object-fit:cover;object-position:center}.navigation-home .image-shade{background:linear-gradient(90deg,#031526bd,#03152666 43%,transparent 74%)}.navigation-home .hero-copy,.navigation-home .hero h1,.navigation-home .hero .eyebrow,.navigation-home .hero-copy>p,.navigation-home .hero-actions .text-link{color:white}.navigation-home .hero h1 em{color:#2d83ff;font-style:normal}.navigation-home .hero-actions .text-link{border-color:#ffffff88}.navigation-home .hero h1{font-size:clamp(44px,4.6vw,88px)}.navigation-home .hero-copy>p{font-size:clamp(15px,1.15vw,22px);max-width:670px}.navigation-home .journey-section{padding:22px 0}@media(max-width:800px){.navigation-home .hero{aspect-ratio:auto;min-height:440px}.navigation-home .hero-copy{width:100%;padding:40px 0}.navigation-home .hero h1{font-size:clamp(36px,7.1vw,58px)}.navigation-home .hero-image{object-position:65% center}.navigation-home .image-shade{background:linear-gradient(90deg,#031526e6,#031526aa 62%,#03152644)}.navigation-home .hero-copy>p{font-size:14px;max-width:480px}.navigation-home .journey-section{padding:10px 0}}