@font-face{
 font-family:'Poppins';
 font-style:normal;
 font-weight:400;
 font-display:swap;
 src:url('/assets/fonts/Poppins-Regular.woff2') format('woff2');
}
@font-face{
 font-family:'Poppins';
 font-style:normal;
 font-weight:500;
 font-display:swap;
 src:url('/assets/fonts/Poppins-Medium.woff2') format('woff2');
}
@font-face{
 font-family:'Poppins';
 font-style:normal;
 font-weight:600;
 font-display:swap;
 src:url('/assets/fonts/Poppins-SemiBold.woff2') format('woff2');
}
@font-face{
 font-family:'Poppins';
 font-style:normal;
 font-weight:700;
 font-display:swap;
 src:url('/assets/fonts/Poppins-Bold.woff2') format('woff2');
}
:root{--site-font:'Poppins',Arial,Helvetica,sans-serif;font-family:var(--site-font)}
body,
body :is(h1,h2,h3,h4,h5,h6,button,input,select,textarea,
 .brand strong,.photo-caption strong,.service-number,.story-badge,.loader-brand,
 .profile-avatar,.dashboard-stats strong,.collection-copy h2,.review-avatar,
 .travel-chat,.booking-guide,.booking-guide-number,.island,.island span){
 font-family:var(--site-font);
}

/* Keep decorative emphasis in the original serif face. */
body em{font-family:Georgia,'Times New Roman',serif}

/* Scale type between phone and desktop sizes while retaining readable limits. */
body{font-size:clamp(.875rem,.82rem + .25vw,1rem)}
body :is(.page-intro h1,.guide-intro h1){
 font-size:clamp(2rem,1.3rem + 4.6vw,4.875rem);
 line-height:1.12;
 overflow-wrap:break-word;
}
body :is(.section-head h2,.story-content h2,.faq-layout h2,.cta h2,.how h2){
 font-size:clamp(1.875rem,1.35rem + 3vw,3.875rem);
 line-height:1.16;
 overflow-wrap:break-word;
}
body .hero-cinematic h1{
 font-size:clamp(2rem,1rem + 5.8vw,5.625rem);
 line-height:1.08;
}
body .hero-cinematic h1 em{white-space:normal}
body .hero-cinematic .hero-copy>p{
 font-size:clamp(.875rem,.8rem + .3vw,1.0625rem);
}
body .tour-card .tour-body h3{
 font-size:clamp(1.375rem,1.2rem + .6vw,1.625rem);
 line-height:1.22;
}
body .tour-card .tour-body>p{
 font-size:clamp(.8125rem,.76rem + .2vw,.875rem);
}
body .tour-card .card-bottom :is(.package-add,.package-explore){
 font-size:clamp(.75rem,.69rem + .3vw,.8125rem);
}
body .account-panel h2{
 font-size:clamp(2rem,1.5rem + 2vw,2.75rem);
}
body .account-story-copy h2{
 font-size:clamp(1.75rem,1.25rem + 2.5vw,3rem)!important;
}
@supports(font-size:1cqi){
 .hero-cinematic .hero-copy{container-type:inline-size}
 body .hero-cinematic h1{font-size:clamp(2rem,12cqi,5.625rem)}
}