/* ABAY editorial pages • aligned with the accommodation and experience design system. */
.ab2,.cp2,.tg,.le{
 --abay-editorial-navy:#142d3d;
 --abay-editorial-sand:#d4b480;
 --abay-editorial-ivory:#faf7f1;
 --abay-editorial-line:#e4ded4;
 color:var(--abay-editorial-navy)!important;
 font-family:Montserrat,Arial,sans-serif!important
}
.ab2 *, .cp2 *, .tg *, .le *{box-sizing:border-box}
.ab2 h1,.ab2 h2,.ab2 h3,
.cp2 h1,.cp2 h2,.cp2 h3,
.tg h1,.tg h2,.tg h3,
.le h1,.le h2,.le h3{
 font-family:Baskerville,Georgia,serif!important;
 font-weight:500!important;
 letter-spacing:-.025em!important
}
.ab2 p,.cp2 p,.tg p,.le p{line-height:1.75}
.ab2 .ab2-hero__title,.cp2 .cp2-hero__title,
.tg .tg-hero__title,.le .le-hero__title{
 line-height:1.08!important;
 font-size:clamp(38px,5vw,70px)!important;
 letter-spacing:-.025em!important
}
.ab2 .ab2-hero__sub,.cp2 .cp2-hero__sub,
.tg .tg-hero__sub,.le .le-hero__sub{
 font-size:clamp(13px,1.2vw,16px)!important;
 max-width:660px!important;
 line-height:1.75!important
}
.ab2 :is(.ab2-val,.ab2-stat,.ab2-tm),
.cp2 :is(.cp2-method,.cp2-faq-item,.cp2-form),
.tg :is(.tg-thing,.tg-food,.tg-season,.tg-fact),
.le :is(.le-who-card,.le-faq-item,.le-ben,.le-step){
 border-color:var(--abay-editorial-line)!important;
 border-radius:11px!important
}
.ab2 :is(.ab2-story,.ab2-values,.ab2-team),
.cp2 :is(.cp2-methods,.cp2-faq,.cp2-form-section),
.tg :is(.tg-section,.tg-things,.tg-foods),
.le :is(.le-who,.le-benefits,.le-faq){
 background-color:var(--abay-editorial-ivory)
}
.ab2 :is(.ab2-sh__title,.ab2-story__title,.ab2-val__title),
.cp2 :is(.cp2-sh__title,.cp2-mi__title),
.tg :is(.tg-sh__title,.tg-thing__name),
.le :is(.le-sh__title,.le-step__title){
 color:var(--abay-editorial-navy)!important
}
.ab2 :is(.ab2-cta__link),
.cp2 :is(.cp2-submit,.cp2-cta__link,.cp2-success__reset,.cp2-map-overlay__link),
.tg :is(.tg-cta__btn,.tg-hero__nav-btn),
.le :is(.le-submit,.le-wa-btn,.le-comm-btn,.le-cta__btn){
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:46px!important;
 padding:12px 19px!important;
 border-radius:7px!important;
 border:1px solid #142d3d!important;
 background:#142d3d!important;
 color:#fff!important;
 font-family:Montserrat,Arial,sans-serif!important;
 font-weight:700!important;
 font-size:12px!important;line-height:1.4!important;
 box-shadow:none!important;text-decoration:none!important;
 transition:background-color .18s ease,transform .18s ease!important
}
.ab2 .ab2-cta__link:hover,
.cp2 :is(.cp2-submit,.cp2-cta__link,.cp2-success__reset,.cp2-map-overlay__link):hover,
.tg :is(.tg-cta__btn,.tg-hero__nav-btn):hover,
.le :is(.le-submit,.le-wa-btn,.le-comm-btn,.le-cta__btn):hover{
 color:#fff!important;background:#26506a!important;transform:translateY(-1px)!important
}
.tg .tg-cta__btn--white,.le .le-cta__btn--white{
 background:var(--abay-editorial-sand)!important;
 border-color:var(--abay-editorial-sand)!important;
 color:var(--abay-editorial-navy)!important
}
.tg .tg-cta__btn--white:hover,.le .le-cta__btn--white:hover{
 background:#e7cfaa!important;
 border-color:#e7cfaa!important;
 color:var(--abay-editorial-navy)!important
}
.tg .tg-cta__btn--ghost,.le .le-cta__btn--ghost{
 background:transparent!important;color:#fff!important;border-color:#f8efe3!important
}
.cp2 .cp2-topic,.tg .tg-sticky__btn{
 min-height:43px!important;border-radius:7px!important
}
.cp2 .cp2-topic.active,.tg .tg-sticky__btn.active{
 background:#142d3d!important;color:#fff!important;border-color:#142d3d!important
}
.cp2 input.cp2-input,.cp2 textarea.cp2-input,.cp2 select.cp2-input,
.le input.le-input,.le textarea.le-input,.le select.le-input{
 border:1px solid #d5d4ce!important;
 border-radius:7px!important;
 min-height:46px!important;
 background:#fff!important;color:#142d3d!important;
 font:500 13px/1.5 Montserrat,Arial,sans-serif!important
}
.ab2 :is(a,button,input):focus-visible,
.cp2 :is(a,button,input,textarea,select):focus-visible,
.tg :is(a,button,input):focus-visible,
.le :is(a,button,input,textarea,select):focus-visible{
 outline:3px solid #b57b32!important;outline-offset:3px!important
}
.ab2 a,.cp2 a,.tg a,.le a{text-underline-offset:3px}
@media(max-width:767px){
 .ab2 .ab2-hero__title,.cp2 .cp2-hero__title,
 .tg .tg-hero__title,.le .le-hero__title{
   font-size:clamp(33px,8.2vw,47px)!important
 }
 .ab2 .ab2-cta__link,.cp2 .cp2-cta__link,
 .tg .tg-cta__btn,.le .le-cta__btn{
   max-width:100%!important;white-space:normal!important
 }
}
@media(prefers-reduced-motion:reduce){
 .ab2 a,.cp2 a,.tg a,.le a{transition:none!important;transform:none!important}
}