/* Immersive homepage navigation and slideshow. */
body.home-fullscreen .header{position:fixed;inset:0 0 auto;background:linear-gradient(180deg,rgba(8,31,23,.6),rgba(8,31,23,0));border:0;color:#fff;box-shadow:none;transition:background .25s,box-shadow .25s}

body.home-fullscreen .header .logo{filter:brightness(0) invert(1)}

body.home-fullscreen .header .menu{color:inherit}
body.home-fullscreen .header.scrolled{background:#fff;color:#202622;box-shadow:0 1px 8px #102d2115}
body.home-fullscreen .header.scrolled .logo{filter:none}
.home-fullscreen .hero{height:100vh;height:100svh;min-height:520px;max-height:none;width:100%;background:#153c2a}
.home-fullscreen .slide{justify-content:center;background-position:center;background-size:cover}
.home-fullscreen .slide:before{background:linear-gradient(180deg,rgba(5,29,20,.2),rgba(5,29,20,.38) 45%,rgba(5,29,20,.48))}
.home-fullscreen .slide .wrap{width:90%;max-width:1180px;padding:110px 0 145px;text-align:center}
.home-fullscreen .hero h1{font-size:clamp(42px,5vw,80px);font-weight:400;line-height:1.08;letter-spacing:-2px;max-width:1100px;margin:0 auto 25px;text-shadow:0 2px 12px #0002}
.home-fullscreen .hero p{font-size:clamp(16px,1.55vw,22px);line-height:1.6;max-width:830px;margin:0 auto 27px;color:#fff;text-shadow:0 1px 5px #0003}
.home-fullscreen .hero .button{margin:0;background:#fff;color:#164b38;padding:18px 27px}
.home-fullscreen .carouselbar{left:8%;right:8%;bottom:55px;border-top:0;padding:12px 0;gap:28px}
.home-fullscreen .slidetabs{gap:20px}
.home-fullscreen .slidetabs button{border-top:2px solid #ffffff55;padding:15px 0 4px;color:#fff9;font-size:13px;line-height:1.4}
.home-fullscreen .slidetabs button[aria-selected=true]{border-color:white;color:white}
.home-fullscreen .hero-scroll{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:35px;line-height:1;color:#fff;padding:6px 20px}

@media(max-width:650px){.home-fullscreen .hero{min-height:540px}.home-fullscreen .slide .wrap{width:88%;padding:96px 0 155px}.home-fullscreen .hero h1{font-size:clamp(35px,8.7vw,48px);letter-spacing:-1.2px;margin-bottom:20px}.home-fullscreen .hero p{font-size:16px;line-height:1.65;margin-bottom:24px}.home-fullscreen .hero .button{font-size:13px;padding:16px 22px;gap:25px}.home-fullscreen .carouselbar{left:6%;right:6%;bottom:48px;gap:12px}.home-fullscreen .slidetabs{gap:10px}.home-fullscreen .slidetabs button{font-size:10px;padding-top:10px}.home-fullscreen .slidetabs span{font-size:9px;margin-bottom:3px}.home-fullscreen .controls{gap:5px}.home-fullscreen .hero-scroll{bottom:9px;font-size:29px}}
@media(max-height:550px) and (min-width:651px){.home-fullscreen .hero{min-height:420px}.home-fullscreen .hero h1{font-size:clamp(32px,6.5vh,48px);margin-bottom:15px}.home-fullscreen .hero p{font-size:15px;line-height:1.4;margin-bottom:18px}.home-fullscreen .slide .wrap{padding:85px 0 115px}.home-fullscreen .hero .button{padding:12px 22px}.home-fullscreen .carouselbar{bottom:38px}.home-fullscreen .hero-scroll{bottom:3px}}
@media(prefers-reduced-motion:reduce){body.home-fullscreen .header{transition:none}}
/* Subtle location label */
.home-fullscreen #about .port-caption{font-size:13px;font-weight:500;padding:10px 14px;letter-spacing:0;box-shadow:none}
@media(max-width:650px){.home-fullscreen #about .port-caption{font-size:12px;padding:8px 12px}}

.home-fullscreen .slidetabs button{min-height:28px;padding:0;border-top:2px solid #ffffff55}.home-fullscreen .slidetabs button[aria-selected=true]{border-color:#fff}

/* Slideshow progress is synced to its seven-second timer. */
.home-fullscreen .slidetabs button{position:relative;border-top:0;background:transparent;min-height:28px;padding:0}
.home-fullscreen .slidetabs button[aria-selected=true]{border:0}
.home-fullscreen .slidetabs button:before,.home-fullscreen .slidetabs button:after{content:'';position:absolute;left:0;right:0;top:13px;height:3px;background:#ffffff45}
.home-fullscreen .slidetabs button:after{background:#fff;transform:scaleX(var(--slide-progress,0));transform-origin:left;will-change:transform}
.home-fullscreen .hero-scroll{animation:hero-arrow-bounce 1.8s ease-in-out infinite}
@keyframes hero-arrow-bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.home-fullscreen .hero-scroll{animation:none}}
/* Clearer product call to action on all three slides. */
.home-fullscreen .hero .button{font-size:17px;font-weight:600;padding:19px 30px;gap:38px;min-height:60px}
.home-fullscreen .hero .button span{font-size:21px}
@media(max-width:650px){.home-fullscreen .hero .button{font-size:16px;padding:17px 24px;gap:28px;min-height:54px}}
@media(max-height:550px) and (min-width:651px){.home-fullscreen .hero .button{font-size:16px;padding:14px 26px;min-height:50px}}