/* One light reading plane, one coffee accent, and deliberate photo transitions. */
:root{
  --cream:#f3eee5;
  --paper:#e9e0d2;
  --espresso:#2b211c;
  --ink:#30251f;
  --muted:#6c6156;
  --line:#d6c9b7;
  --gold:#a1835b;
}
body{background:var(--cream);color:var(--ink)}
.brand-wordmark{width:178px;height:74px;flex-shrink:0}
.brand-wordmark .brand-lockup{display:block;position:static;left:auto;top:auto;transform:none;width:100%;height:100%;max-width:none;object-fit:contain}
.intro,.services,.destinations,.contact,.faq{background:var(--cream)}
.site-header,.approach,.site-footer{background:var(--espresso)}
.eyebrow{color:#796143}
.eyebrow.light{color:#fff}

/* Introduction and services form one calm, continuous chapter. */
.intro{padding-top:104px;padding-bottom:48px}
.services{position:relative;padding-top:54px;padding-bottom:64px}
.services:before{content:'';position:absolute;top:0;left:max(var(--gutter),calc((100vw - 1380px)/2));right:max(var(--gutter),calc((100vw - 1380px)/2));height:1px;background:var(--line)}
.services-grid{margin-top:46px}
.service-note{margin-top:26px;color:var(--muted)}

/* The heading stays on champagne; photographs lead directly into coffee. */
.destinations{padding-top:0}
.destination-heading{padding-top:44px;padding-bottom:48px}
.destination-heading h2{margin-top:20px}
.destination-grid{background:var(--espresso);gap:2px}
.hero-shade{background:linear-gradient(90deg,rgba(32,23,17,.78),rgba(32,23,17,.47) 65%,rgba(32,23,17,.24)),linear-gradient(0deg,rgba(32,23,17,.76),transparent 65%)}
.destination-overlay{background:linear-gradient(0deg,rgba(34,25,19,.95),rgba(34,25,19,.65) 58%,rgba(34,25,19,.12))}
.service-photo:after{background:linear-gradient(0deg,rgba(34,25,19,.9),rgba(34,25,19,.55) 52%,transparent)}
.approach{padding-top:88px;padding-bottom:64px;color:#eee5d6}
.approach-steps{margin-top:48px}
.approach-steps p{color:#d6c9b8}
.approach em{color:#d2b68e}
.founder-note{margin-top:48px;padding-top:28px;border-top-color:#bba08042}
.founder-note p{color:#ead8bf}
.founder-note>div>span{color:#c8b79f}
.founder-role{color:#b7a38d}

/* Contact and FAQ share a single reading plane. */
.contact{padding-top:96px;padding-bottom:64px}
.faq{position:relative;border-top:0;padding-top:48px;padding-bottom:80px}
.faq:before{content:'';position:absolute;top:0;left:max(var(--gutter),calc((100vw - 1380px)/2));right:max(var(--gutter),calc((100vw - 1380px)/2));height:1px;background:var(--line)}
.faq-list details{border-color:var(--line)}
.site-footer{padding-top:56px;padding-bottom:28px;color:#d0c2ae}
.footer-top{padding-bottom:40px}
.footer-top>p{color:#e7d5b6}
.footer-bottom{color:#bbac99;font-size:9px;border-top-color:#bba08038}
.footer-link{color:#d0c2ae;font-size:10px}
.button-dark{background:var(--espresso)}
.button-dark:hover{background:#49372a}

@media(max-width:820px){
  .brand-wordmark{width:140px;height:66px}
  .intro{padding-top:76px;padding-bottom:42px}
  .services{padding-top:44px;padding-bottom:56px}
  .services-grid{margin-top:34px}
  .destination-heading{padding-top:28px;padding-bottom:38px}
  .approach{padding-top:72px;padding-bottom:52px}
  .approach-steps{margin-top:40px}
  .founder-note{margin-top:40px}
  .contact{padding-top:76px;padding-bottom:48px}
  .faq{padding-top:40px;padding-bottom:64px}
  .site-footer{padding-bottom:calc(94px + env(safe-area-inset-bottom))}
  .mobile-contact{background:#f3eee5f5;border-top-color:var(--line)}
}

@media(max-width:580px){
  .brand-wordmark{width:110px;height:66px}
  .intro{padding-top:60px;padding-bottom:38px}
  .intro-grid{gap:26px}
  .services{padding-top:38px;padding-bottom:44px}
  .services-grid{margin-top:28px;gap:32px}
  .service-note{margin-top:22px}
  .destination-heading{padding-top:20px;padding-bottom:34px}
  .destination-heading h2{margin-top:18px}
  .destination-grid{gap:2px}
  .hero-shade{background:linear-gradient(90deg,rgba(32,23,17,.77),rgba(32,23,17,.5)),linear-gradient(0deg,rgba(32,23,17,.85),transparent 70%)}
  .approach{padding-top:60px;padding-bottom:44px}
  .approach-steps{margin-top:34px;gap:28px}
  .founder-note{margin-top:34px;padding-top:24px}
  .founder-note>div>span{font-size:8px}
  .contact{padding-top:60px;padding-bottom:40px;gap:32px}
  .faq{padding-top:34px;padding-bottom:52px;gap:24px}
  .site-footer{padding-top:40px}
  .footer-top{padding-bottom:32px}
  .footer-bottom{font-size:9px;line-height:1.8;gap:14px}
  .footer-link{font-size:10px;min-height:36px}
}

/* A quiet, direct contact section: coffee line icons on champagne. */
.contact-minimal{display:block;text-align:center;padding-top:104px;padding-bottom:88px}
.contact-minimal h2{margin:22px auto 0;font-size:clamp(44px,5.2vw,76px);line-height:1.04;letter-spacing:-1.2px}
.contact-minimal .contact-copy{max-width:420px;margin:25px auto 0;font-size:13px;line-height:1.9;color:var(--muted);text-wrap:pretty}
.contact-minimal .request-card{width:100%;max-width:640px;margin:38px auto 0;text-align:left;background:var(--paper);border-color:var(--line);scroll-margin-top:24px}
.contact-minimal .request-card input:not([type=checkbox]),.contact-minimal .request-card select,.contact-minimal .request-card textarea{background:var(--cream)}
.contact-minimal .request-card input[type=date]{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.contact-minimal .request-card legend:focus,.contact-minimal .request-card h3:focus{outline:none}
.contact-minimal .service-choices input:checked+span{background:var(--espresso);border-color:var(--espresso);color:var(--cream)}
.contact-minimal .contact-direct-label{margin:36px auto 0;font-size:11px;line-height:1.7;color:var(--muted)}
.contact-minimal .contact-direct-label+.contact-channels{margin-top:20px}
.contact-channels{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:22px;margin:38px auto 0;width:max-content;max-width:100%}
.contact-channel{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:64px;height:64px;border:1px solid #9b8974;border-radius:50%;color:var(--espresso);background:transparent;transition:background .2s,color .2s,border-color .2s,transform .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.contact-channel>svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.contact-channel>*,.contact-channel svg *,.whatsapp-float>*{pointer-events:none}
.contact-channel-primary{width:80px;height:80px;color:var(--cream);background:var(--espresso);border-color:var(--espresso)}
.contact-channel-primary>svg{width:34px;height:34px}
.contact-channel:focus-visible{outline:2px solid var(--espresso);outline-offset:5px}
.contact-channel:active{background:var(--espresso);color:var(--cream)}
.channel-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,4px);padding:5px 9px;background:var(--espresso);color:var(--cream);font-size:10px;font-weight:400;line-height:1.4;letter-spacing:.2px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s}
.contact-channel:focus-visible .channel-tooltip{opacity:1;transform:translate(-50%,0)}
.contact-minimal .contact-context{max-width:440px;margin:26px auto 0;font-size:11px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
@media(hover:hover) and (pointer:fine){
  .contact-channel:hover{background:var(--espresso);border-color:var(--espresso);color:var(--cream);transform:translateY(-3px)}
  .contact-channel-primary:hover{background:#49372a;border-color:#49372a}
  .contact-channel:hover .channel-tooltip{opacity:1;transform:translate(-50%,0)}
}
@media(max-width:820px){
  .contact-minimal{padding-top:80px;padding-bottom:72px}
  .whatsapp-float.is-over-form{display:none}
}
@media(max-width:580px){
  .contact-minimal{padding-top:64px;padding-bottom:60px}
  .contact-minimal h2{margin-top:20px;font-size:clamp(38px,10vw,54px);letter-spacing:-.7px;line-height:1.08}
  .contact-minimal .contact-copy{max-width:295px;margin-top:22px;font-size:12px;line-height:1.85}
  .contact-channels{gap:14px;margin-top:32px}
  .contact-channel{width:50px;height:50px}
  .contact-channel>svg{width:22px;height:22px}
  .contact-channel-primary{width:64px;height:64px}
  .contact-channel-primary>svg{width:29px;height:29px}
  .contact-minimal .request-card{margin-top:30px;padding:27px 20px 23px}
  .contact-minimal .service-choices span{font-size:11px;min-height:48px;line-height:1.5}
  .contact-minimal .field-description{font-size:12px;line-height:1.7}
  .contact-minimal .field-label{font-size:11px}
  .contact-minimal .form-row{grid-template-columns:1fr}
  .contact-minimal .data-note{font-size:10px}
  .contact-minimal #request-summary{font-size:11px}
  .contact-minimal .contact-direct-label{margin-top:30px}
}
@media(max-width:359px){
  .contact-channels{gap:8px}
  .contact-channel{width:44px;height:44px}
  .contact-channel-primary{width:56px;height:56px}
}
@media(prefers-reduced-motion:reduce){
  .contact-channel,.channel-tooltip{transition:none}
}

/* The navigation and footer use the same complete, responsive logo asset. */
@media(max-width:359px){.brand-wordmark{width:96px;height:66px}}

/* A readable type scale for descriptions, labels and supporting information. */
body{font-size:16px;line-height:1.8}
.eyebrow,.hero-content .eyebrow.light,.destination-content .eyebrow.light,
.service-photo figcaption>span{font-size:12px;line-height:1.7;letter-spacing:1.3px}
.intro-copy>p:first-child{font-size:18px;line-height:1.75}
.intro-copy>p:nth-child(2),.section-heading>p,.service-body,.approach-steps p,
.faq-list details p,dialog p:not(.eyebrow){font-size:16px;line-height:1.8}
.hero-description{font-size:16px;line-height:1.8}
.destination-content>p{font-size:15px;line-height:1.75;min-height:110px}
.service summary small{font-size:14px;line-height:1.65;margin-top:11px}
.service-number,.step-number{font-size:12px;line-height:1.6}
.text-link,.intro-copy .text-link,.service-body .text-link,.button,
.hero .button,.circle-link,.destination-content .circle-link,.footer-cta,
.form-actions .button,#request-ready .button,.back-button{font-size:14px;line-height:1.6}
.button,.form-actions .button{min-height:54px}
.hero-bottom>span,.hero-bottom>a{font-size:12px;line-height:1.65;letter-spacing:.6px}
.hero-bottom>a{gap:12px}
.hero-place{font-size:12px}
.service-note,.data-note,.contact-minimal .data-note,.form-footnote,
.contact-minimal .contact-context,.contact-minimal .contact-direct-label{font-size:14px;line-height:1.75}
.founder-note>div>span{font-size:12px;line-height:1.75;letter-spacing:.6px}
.founder-role{font-size:inherit}
.contact-minimal .contact-copy{font-size:16px;line-height:1.8;max-width:460px}
.field-description,.contact-minimal .field-description,.ready-description{font-size:15px;line-height:1.75}
.form-progress{font-size:12px;line-height:1.6;letter-spacing:.5px;gap:12px}
.form-progress>span:last-child{flex-shrink:0}
.field-label,.contact-minimal .field-label{font-size:14px;line-height:1.65}
.field-label span{font-size:13px}
.service-choices span,.contact-minimal .service-choices span{font-size:14px;line-height:1.5;min-height:52px;padding:12px}
input:not([type=checkbox]),select,textarea,#guests,#budget,#destination{font-size:16px;line-height:1.65}
input::placeholder,textarea::placeholder{font-size:15px}
.inline-link,.ready-tools .inline-link,#copy-status{font-size:14px;line-height:1.7}
.form-error{font-size:14px}
#request-summary,.contact-minimal #request-summary{font-size:14px;line-height:1.8}
.faq-list summary{font-size:16px;line-height:1.65;gap:20px}
.faq-list summary>span{flex-shrink:0}
dialog h3{font-size:15px;line-height:1.6}
.footer-bottom,.footer-link{font-size:12px;line-height:1.75}
.footer-bottom{flex-wrap:wrap;row-gap:12px}
.footer-bottom>div{flex-wrap:wrap}
.footer-link{min-height:44px;display:inline-flex;align-items:center}
.channel-tooltip,.whatsapp-tooltip{font-size:13px;line-height:1.6}
.mobile-nav p{font-size:12px;line-height:1.7;letter-spacing:1px}
.header-actions .header-cta{font-size:14px}
.language-menu>summary{font-size:13px}
.language-options>a{font-size:15px}

@media(max-width:820px){
  .header-actions .header-cta{font-size:13px}
  .destination-content>p{font-size:16px;min-height:0;max-width:380px}
  .hero-content{padding-bottom:210px}
  .hero-bottom{bottom:calc(96px + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;gap:8px;padding-right:72px}
  .hero-bottom>span{max-width:none}
  .contact-minimal .request-card{padding:30px 24px}
  .mobile-contact{min-height:72px;gap:14px;align-items:center;padding:12px 20px calc(12px + env(safe-area-inset-bottom))}
  .mobile-contact>span{font-size:12px;line-height:1.5;flex:1;min-width:0}
  .mobile-contact>a{font-size:14px;line-height:1.5;gap:10px;min-height:44px}
}

@media(max-width:580px){
  .eyebrow,.hero-content .eyebrow.light,.destination-content .eyebrow.light,
  .service-photo figcaption>span{font-size:12px;letter-spacing:1px;line-height:1.75}
  .hero-content .eyebrow.light{max-width:100%}
  .hero-content{padding-bottom:210px}
  .hero .button{width:100%;max-width:350px;padding:15px 18px;gap:15px;text-align:left}
  .hero-bottom{align-items:flex-start;gap:8px}
  .hero-bottom>span{font-size:12px;max-width:none;line-height:1.65}
  .hero-bottom>a{font-size:12px;letter-spacing:.4px;gap:8px}
  .intro-copy>p:first-child{font-size:17px}
  .service summary{grid-template-columns:24px minmax(0,1fr) 16px;gap:12px}
  .service-number{padding-top:6px}
  .service-body{padding-left:0;padding-top:2px}
  .service-body .text-link{text-align:left;gap:14px}
  .contact-minimal .contact-copy{max-width:360px}
  .contact-minimal .request-card{padding:27px 20px}
  .form-progress{font-size:12px;letter-spacing:.25px}
  .form-actions{gap:12px}
  .form-actions .button{min-width:140px;padding:13px 16px}
  .ready-tools{align-items:flex-start;flex-wrap:wrap;gap:12px 20px}
  .ready-tools .inline-link{min-height:44px;text-align:left}
  .founder-note>div>span{font-size:12px;letter-spacing:.4px}
  .footer-bottom,.footer-link{font-size:12px}
  .header-actions .header-cta{font-size:12px}
  .language-menu>summary{font-size:12px;min-width:36px}
}

@media(max-width:359px){
  .site-header{padding-left:12px;padding-right:12px}
  .site-header .brand-wordmark{width:88px}
  .header-actions{gap:3px}
  .language-menu>summary{min-width:30px}
  .hero-bottom{align-items:flex-start}
  .hero-bottom>span{max-width:none}
  .hero-bottom>a{font-size:12px;gap:6px}
  .service-choices{grid-template-columns:1fr}
}