/* One continuous island scene, from the navigation to the shoreline. */
.site-header{position:absolute;inset:0 0 auto;background:transparent;border:0;box-shadow:none}
.header-inner{height:168px;gap:24px;align-items:center}
.brand{margin-top:16px}
.site-header nav{gap:10px;margin-right:0;font-family:var(--display);font-size:1.05rem;font-weight:500}
.site-header nav a{padding:10px 14px;border:1px solid #ffffff99;border-radius:18px;background:#d8f5fff0;color:#10466d;box-shadow:0 3px 0 #216f9526;text-shadow:none}
.site-header nav a:nth-child(2){background:#fff0b5f2;color:#674016}
.site-header nav a:nth-child(3){background:#ffe1edf2;color:#873354}
.site-header nav a:hover{background:#fff2a9;color:#68431c}
.site-header .header-cta{gap:11px;padding:12px 19px;background:#cf162b;border:2px solid #fff0e8;box-shadow:0 5px 0 #9c163644;min-height:64px}
.header-cta .youtube-icon{width:33px;height:25px}
.youtube-label{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.15}
.youtube-label strong{font-size:1.28rem;font-weight:600}
.youtube-label small{font-size:.91rem;font-weight:500}
.hero{display:block;min-height:850px;min-height:max(850px,100svh);scroll-margin-top:0;background:#89d9fa}
.hero-inner{display:flex;align-items:center;min-height:850px;min-height:max(850px,100svh);padding-top:332px;padding-bottom:126px}
.hero-landscape{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center center;mask-image:none;margin:0}
.hero-wash{display:block;position:absolute;inset:0;z-index:-2;mask-image:none;background:linear-gradient(90deg,#d6f5ffd9 0%,#d6f5ffb3 24%,#d6f5ff55 42%,transparent 63%)}
.hero-copy{max-width:540px}
.hero .welcome{color:#104e75;font-weight:500;text-shadow:0 1px 0 #ecfcff}
.hero h1{color:#135985;text-shadow:0 3px 0 #e8fbff,0 5px 0 #4e9fbb50}
.hero-island>span{color:#99570b}
.hero h1 em{color:#b82b65}
.hero-description{color:#113f62;font-size:1.25rem;font-weight:500;text-shadow:0 1px 0 #e8fbff}
.hero-actions .button-white{background:#ffea87;color:#68431c;border-color:#fff2b0}
.hero-actions .youtube-icon{width:28px;height:21px}
.island-caption{background:#fff2b8f0;color:#5c431a;bottom:28px}
@media(min-width:1600px){.hero-copy{max-width:590px}.hero h1{font-size:4.1rem}}
@media(min-width:761px) and (max-width:1100px){
  .header-inner{grid-template-rows:102px 66px;gap:10px 24px;height:180px}
  .site-header nav{gap:7px;font-size:.94rem}
  .site-header nav a{padding:8px 10px;border-radius:14px}
  .site-header .header-cta{padding:9px 17px;min-height:62px}
  .hero-inner{padding-top:302px;padding-bottom:100px}
  .hero-copy{max-width:470px}
  .hero-wash{background:linear-gradient(90deg,#d6f5ffeb 0%,#d6f5ffb3 37%,#d6f5ff44 65%,transparent 88%)}
}
@media(min-width:761px) and (max-width:880px){
  .header-inner{grid-template-rows:148px 66px}
  .site-header nav{gap:5px}
  .site-header nav a{padding:5px 12px}
}
@media(max-width:760px){
  .site-header .header-inner{min-height:192px;padding-top:12px;padding-bottom:10px;gap:12px}
  .brand{margin:0}
  .site-header .header-cta{min-height:58px;padding:9px 16px;margin-left:auto}
  .header-cta .youtube-icon{width:29px;height:22px}
  .youtube-label strong{font-size:1.15rem}
  .youtube-label small{font-size:.82rem}
  .menu-toggle{background:#fff0aeeF;border:2px solid #ffdf60;color:#61421c;box-shadow:0 3px 0 #9a751b22;min-height:46px}
  .site-header nav{padding:12px;gap:7px;border:2px solid #a6e6f8;border-radius:20px;background:#c9f1fff5;box-shadow:0 8px 20px #17618b30}
  .site-header nav a{padding:10px 14px;font-size:1.125rem}
  .hero{display:block;min-height:900px;min-height:max(900px,100svh);scroll-margin-top:0}
  .hero-inner{display:flex;align-items:flex-start;min-height:900px;min-height:max(900px,100svh);padding-top:230px;padding-bottom:235px}
  .hero-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:57% center;z-index:-3;mask-image:none;margin:0}
  .hero-wash{display:block;background:linear-gradient(180deg,#c8f0ff22 0%,#d5f5ff5e 20%,#d5f5ffe3 35%,#d5f5ffe0 59%,#d5f5ff33 82%,transparent 100%)}
  .hero-copy{max-width:480px;width:100%}
  .hero-description{font-size:1.13rem}
  .hero .welcome{font-size:1.2rem}
  .hero-actions .button{min-height:50px}
  .hero-actions .youtube-icon{width:26px;height:20px}
  .island-caption{bottom:22px;font-size:.84rem}
}
@media(max-width:440px){
  .site-header .header-inner{justify-content:center;gap:10px;padding-top:9px}
  .site-header .header-cta{margin-left:0}
  .hero-inner{padding-top:294px;padding-bottom:210px}
}