/* Quiet typography and a compact, readable mobile composition. */
.experience-section .service-navigation{margin:0 0 36px;padding:0 0 24px;background:none;border:0;border-bottom:1px solid #c6a36533;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px}
.experience-section .service-navigation a{display:flex;align-items:center;min-height:48px;padding:12px 18px;border:1px solid #c6a36555;border-radius:3px;font-size:16px;line-height:1.4;color:#eee1c7;background:#151610}
.experience-section .service-navigation a:hover{border-color:#e8c98e;background:#211f18}
@media(max-width:760px){
 .hero-bottom,.ribbon{display:none}
 .portrait-hero .hero-content{padding-bottom:32px}
 .experience-section{padding-top:40px;border-top:1px solid #c6a36533}
 .experience-section .section-heading{margin-bottom:24px}
 .experience-section .service-navigation{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px;padding-bottom:28px}
 .experience-section .service-navigation a{padding:13px 12px;min-height:58px;font-size:16px;white-space:normal}
 .experience-section .service-navigation a:last-child:nth-child(odd){grid-column:1/-1}
}
/* WhatsApp brand green; white symbol on the floating contact control. */
.whatsapp-float .whatsapp-orb,.whatsapp-float:hover .whatsapp-orb{background:#25D366;color:#fff;border:0}
.whatsapp-orb svg{width:29px;height:29px}
body{font-size:18px;line-height:1.75}
h1,h2,h3{text-wrap:balance}
.hero h1 em{background:none;color:#e8c98e;-webkit-text-fill-color:currentColor}
.eyebrow{font-size:14px;letter-spacing:1.6px}
.cta{background:#e8c98e;border-color:#e8c98e;border-radius:3px;font-size:16px;min-height:52px;box-shadow:none}
.cta:hover{transform:none;background:#f3dbad;box-shadow:none}
.whatsapp-float,.whatsapp-orb{animation:none}
.section-intro,.service summary>p,.about-copy>p:not(.eyebrow),.article-body p{color:#ded8cc}
.service-link,.text-cta,.reading-back{font-size:16px}
.service-category,.qualities,.ribbon span{font-size:14px;letter-spacing:.8px}
.article-body{max-width:850px}.article-body p{line-height:1.8}
.conversation-card{background:#151610;box-shadow:none}
.conversation-choices button{font-size:14px;min-height:44px}
.languages a,.menu-toggle{min-height:44px}
.field input,.field textarea,.field select{font-size:17px}
@media(max-width:760px){
 .header{height:100px;padding-inline:20px;gap:12px;background:#090a09}
 .header .wordmark{font-size:23px;letter-spacing:2px}
 .header .wordmark span{font-size:12px;letter-spacing:.5px;max-width:145px}
 .header-end{gap:10px}.languages{gap:4px;font-size:14px}.languages a{min-width:26px;display:grid;place-items:center}
 .header .menu-toggle{width:36px;min-width:36px}
 .portrait-hero{display:block;height:auto;min-height:0;max-height:none;padding-top:100px}
 .portrait-hero .hero-image{position:relative;top:auto;right:auto;left:auto;width:100%;height:clamp(260px,76vw,440px);object-position:center 28%}
 .portrait-hero .hero-shade{top:100px;bottom:auto;height:clamp(260px,76vw,440px);background:linear-gradient(0deg,#090a09,transparent 32%);pointer-events:none}
 .portrait-hero .hero-content{padding:8px 24px 36px;max-width:100%}
 .portrait-hero .hero-content .eyebrow{font-size:13px;line-height:1.6;margin-bottom:18px;letter-spacing:1px}
 .portrait-hero h1{font-size:clamp(30px,7.4vw,44px);letter-spacing:-.7px;line-height:1.2;margin-bottom:24px}
 .hero-name{font-size:clamp(54px,13vw,78px);letter-spacing:-1.8px;margin-bottom:14px;line-height:1.05}
 .portrait-hero .hero-intro{font-size:18px;line-height:1.75;max-width:36ch;margin-bottom:26px}
 .hero-actions{flex-direction:column;align-items:stretch;gap:12px}.hero-actions .cta{width:100%;justify-content:center;gap:20px}
 .hero-contact{font-size:16px;padding:10px 0}
 .hero-bottom{position:relative;inset:auto;margin:0 24px;padding:20px 0 28px;gap:20px;align-items:center}
 .hero-bottom>span,.hero-bottom a{font-size:14px;letter-spacing:.3px;max-width:48%}
 .section-pad{padding:64px 24px}.section-heading{gap:22px;margin-bottom:32px}
 h2,.about-copy h2,.travel h2,.contact h2,.enquiry-section h2{font-size:clamp(32px,8.4vw,44px);line-height:1.18;letter-spacing:-.6px}
 .section-intro,.service summary>p,.service-detail p,.about-copy>p:not(.eyebrow),.travel>p:not(.eyebrow),.faq details p{font-size:18px;line-height:1.75}
 .service-grid{gap:36px}.service-image{margin-bottom:18px}.service-title h3{font-size:29px;line-height:1.22}
 .service-overlay{display:none}.service-category{font-size:14px}
 .gallery-grid{grid-template-columns:1fr;gap:24px}.portrait.landscape-portrait{grid-column:auto}
 .portrait-overlay strong{font-size:26px}.portrait-overlay>span{font-size:16px}.portrait-overlay{padding:60px 22px 62px}
 .faq summary{font-size:18px;line-height:1.6;padding:22px 0}
 .reading-intro{padding:44px 24px 28px}.reading-intro h1{font-size:clamp(32px,8.5vw,44px);line-height:1.2;letter-spacing:-.6px}
 .article-lead{font-size:19px;line-height:1.75}.article-body{padding:0 24px 28px}.article-body h2{font-size:30px;line-height:1.25}.article-body p{font-size:18px}
 .related-reading{margin:0 24px 48px}.related-reading>a{font-size:23px}
 .city-page .reading-intro .cta,.story-invitation .cta,.article-whatsapp,.enquiry-section .enquiry-submit{font-size:16px;min-height:52px;white-space:normal}
 .whatsapp-label{display:none}.whatsapp-float{right:16px;bottom:max(16px,env(safe-area-inset-bottom));max-width:60px}.whatsapp-orb{box-shadow:0 3px 12px #0006}
 footer{padding:32px 24px 100px}.enquiry-form{padding:24px 18px}.field input,.field textarea,.field select{font-size:17px}
 .conversation-choices button{font-size:14px}.story-invitation p.conversation-note,.enquiry-copy p.conversation-note{font-size:14px}
 .ribbon{padding:20px 16px;gap:12px}.ribbon span{font-size:12px;letter-spacing:.4px}
}
@media(max-width:360px){.header{padding-inline:14px}.header .wordmark{font-size:20px}.header .wordmark span{max-width:115px}.header-end{gap:4px}.languages a{min-width:24px}}

/* Destinations read as calm navigation, with the whole row clickable. */
.destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px;max-width:960px;margin:36px auto 0;text-align:left}
.destinations a,.destinations>span{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:16px 0;border-bottom:1px solid #c6a36544;font:24px/1.35 Georgia,serif;letter-spacing:0}
.destinations span:after{content:none!important}.destinations a:hover{color:#ffedc9;border-color:#e8c98e}.destination-arrow{width:20px;height:20px;flex-shrink:0;color:#d9bc84;transition:transform .2s}.destinations a:hover .destination-arrow{transform:translateX(3px)}
.whatsapp-float{animation:gentle-contact 9s ease-in-out 3;max-width:calc(100vw - 32px)}
.whatsapp-label{display:block;font-size:15px;padding:11px 16px;border:1px solid #c6a36544;background:#11140f;color:#f5ead4;box-shadow:0 3px 14px #0003}
.whatsapp-label small{display:none}
@keyframes gentle-contact{0%,85%,100%{transform:translateY(0)}90%{transform:translateY(-3px)}95%{transform:translateY(0)}}
@media(max-width:760px){.destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.destinations a,.destinations>span{font-size:21px;min-height:60px}.destination-arrow{width:17px;height:17px}.whatsapp-label{font-size:14px;padding:10px 13px}.whatsapp-orb{width:48px;height:48px}}
@media(max-width:360px){.destinations{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{animation:none}.destination-arrow{transition:none}}
