/* 2.9.9 — hero and photographic continuation under the original sea ribbon. */
#tp3-home{--tp3-photo-tail:240px}
#tp3-home .tp3-oblo-intro{height:390svh}
#tp3-home .tp3-oblo-intro .tp3-stage{height:100svh;min-height:0;background:#102637}
#tp3-home .tp3-oblo-intro .tp3-stage>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none}
#tp3-home .tp3-oblo-arrival{position:absolute;inset:0 0 auto;height:calc(100% + var(--tp3-photo-tail));z-index:1;opacity:0;pointer-events:none}
#tp3-home .tp3-oblo-arrival img,#tp3-home .tp3-oblo-tail img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 49%}
#tp3-home .tp3-oblo-arrival:after,#tp3-home .tp3-oblo-tail:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,23,36,.79),transparent 80%),linear-gradient(0deg,rgba(6,23,36,.77),transparent 70%)}
#tp3-home .tp3-oblo-intro+.tp3-sea-edge{background:transparent}
#tp3-home .tp3-oblo-tail{position:absolute;left:0;right:0;top:-100svh;height:calc(100svh + var(--tp3-photo-tail));clip-path:inset(100svh 0 0);opacity:var(--copy,0);z-index:-1;pointer-events:none}
#tp3-home .tp3-oblo-intro .tp3-copy{top:auto;bottom:clamp(35px,6vh,80px);left:5%;width:48%;max-width:700px;opacity:0;transform:translateY(15px)}
#tp3-home .tp3-oblo-intro .tp3-copy p{max-width:490px;font-size:14px;line-height:1.55;margin-bottom:20px}
#tp3-home .tp3-oblo-intro .tp3-copy h1{padding:0;font-size:clamp(54px,min(6vw,10svh),94px);margin-bottom:20px}
#tp3-home .tp3-oblo-intro .tp3-hero-location{display:block;margin-top:14px;font:700 23px/1.15 TP-Teko,Impact,sans-serif;letter-spacing:.035em;text-transform:uppercase;color:var(--cream)}
#tp3-home .tp3-oblo-intro .tp3-actions .tp3-button{font-size:19px;min-height:44px;padding:11px 23px}
#tp3-home .tp3-oblo-intro .tp3-loading[hidden]{display:none}
#tp3-home .tp3-oblo-intro .tp3-scroll{top:auto;bottom:max(5%,env(safe-area-inset-bottom));padding:0 18px;text-shadow:0 2px 12px #071925}
@media(max-width:760px){
 #tp3-home{--tp3-photo-tail:165px}
 #tp3-home .tp3-oblo-intro{height:330svh;min-height:0}
 #tp3-home .tp3-oblo-intro .tp3-stage{min-height:0}
 #tp3-home .tp3-oblo-intro .tp3-copy{top:auto;bottom:max(30px,env(safe-area-inset-bottom));left:6%;width:88%;max-width:none;text-align:center}
 #tp3-home .tp3-oblo-intro .tp3-copy h1{font-size:clamp(36px,min(11.8vw,8svh),48px);margin-bottom:16px}
 #tp3-home .tp3-oblo-intro .tp3-copy p{max-width:470px;margin-left:auto;margin-right:auto;font-size:12px;line-height:1.5;margin-bottom:16px}
 #tp3-home .tp3-oblo-arrival img,#tp3-home .tp3-oblo-tail img{object-position:48% 48%}
 #tp3-home .tp3-oblo-arrival:after,#tp3-home .tp3-oblo-tail:after{background:linear-gradient(0deg,rgba(6,23,36,.93),transparent 100%)}
 #tp3-home .tp3-oblo-intro .tp3-hero-location{font-size:20px;margin-top:12px}
}
@media(max-height:500px){
 #tp3-home .tp3-oblo-intro .tp3-copy{left:5%;width:55%;bottom:24px;text-align:left}
 #tp3-home .tp3-oblo-intro .tp3-copy h1{font-size:clamp(28px,min(5vw,9svh),40px);margin-bottom:12px}
 #tp3-home .tp3-oblo-intro .tp3-hero-location{font-size:20px;margin-top:9px}
 #tp3-home .tp3-oblo-intro .tp3-copy p{font-size:11px;line-height:1.45;margin-bottom:12px}
 #tp3-home .tp3-oblo-intro .tp3-actions{justify-content:flex-start}
 #tp3-home .tp3-oblo-intro .tp3-actions .tp3-button{font-size:18px;min-height:38px;padding:8px 18px}
}
@media(prefers-reduced-motion:reduce){
 #tp3-home .tp3-oblo-intro{height:100svh;min-height:0}
 #tp3-home .tp3-oblo-intro .tp3-stage{min-height:0}
}

/* Hold the viewport until the matching final photograph is fully visible. */
#tp3-home .tp3-oblo-intro .tp3-stage.tp3-stage-held{position:fixed;top:0;left:0;width:100%;z-index:10}

/* Safari toolbar expansion must not leave an uncovered strip below the hero. */
@supports(height:100dvh){
 #tp3-home .tp3-oblo-intro .tp3-stage{height:100dvh}
 #tp3-home .tp3-oblo-tail{top:-100dvh;height:calc(100dvh + var(--tp3-photo-tail));clip-path:inset(100dvh 0 0)}
}
#tp3-home .tp3-oblo-intro{overflow-anchor:none}
body.tp3-full-page:has(#tp3-home){overscroll-behavior-y:none}