:root {
  --paper: #f8f2e7;
  --surface: #eee4d3;
  --card-paper: #fffcf6;
  --thread: url('/assets/patterns/woven-band.svg');
  --weave: url('/assets/patterns/woven-watermark.svg');
  --linen: url('/assets/patterns/linen.svg');
  --white: #fff;
  --ink: #142f36;
  --muted: #40545d;
  --navy: #092b37;
  --gold: #c7a36a;
  --gold-dark: #80602e;
  --line: #e2ddd3;
  --display: 'Playfair Display', Georgia, serif;
  --text: 'Inter', sans-serif;
  --gutter: clamp(20px, 5.5vw, 88px);
  --radius: 8px;
  --ease: cubic-bezier(.16,1,.3,1);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 16px/1.65 var(--text); -webkit-font-smoothing: antialiased; }
body.dialog-open { overflow: hidden; }
h1,h2,h3,p,figure { margin: 0; }
h1,h2,h3 { font-family: var(--display); font-weight: 400; line-height: 1.12; text-wrap: balance; letter-spacing: -.025em; }
h1 { font-size: clamp(40px, 5vw, 72px); }
h2 { font-size: clamp(32px, 3.3vw, 48px); }
h3 { font-size: 26px; }
p { text-wrap: pretty; }
a { color: inherit; text-decoration: none; }
button,input,select,textarea { font: inherit; }
button { cursor: pointer; color: inherit; background: transparent; border: 0; }
button,a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--gold-dark); outline-offset: 5px; }
::selection { background: var(--navy); color: var(--white); }
img,video { display: block; width: 100%; object-fit: cover; }
img { height: 100%; }
[hidden] { display: none !important; }
.frame { width: 100%; max-width: 1536px; padding-inline: var(--gutter); margin-inline: auto; }
.icon { display: inline-block; flex-shrink: 0; width: 22px; height: 22px; fill: currentColor; vertical-align: middle; }
.meta { display: block; margin-bottom: 18px; font: 600 12px/1.5 var(--text); letter-spacing: .14em; text-transform: uppercase; color: var(--gold-dark); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 50px; padding: 13px 24px; border-radius: 5px; font-size: 14px; font-weight: 500; line-height: 1.5; transition: transform 200ms var(--ease), background-color 200ms, color 200ms; }
.button .icon { width: 19px; height: 19px; }
.button:hover { transform: translateY(-3px); }
.button:active { transform: scale(.98); }
.button-gold { background: var(--gold); color: var(--ink); }
.button-gold:hover { background: #dbc190; }
.button-navy { background: var(--navy); color: var(--white); }
.button-navy:hover { background: #174858; }
.button-outline { border: 1px solid var(--line); background: transparent; color: var(--ink); } /* taste-skill-ignore: bordered control follows supplied reference. */
.button-outline:hover { border-color: var(--gold); background: var(--surface); }
.text-link,.text-button,.light-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; padding: 8px 0; font-size: 14px; text-decoration: underline; text-underline-offset: 6px; }
.text-link .icon,.text-button .icon,.light-link .icon { width: 18px; height: 18px; }
a:hover { color: var(--gold-dark); }
.button:hover { color: inherit; }
.button-navy:hover { color: var(--white); }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip-link { position: fixed; top: -100px; left: 20px; z-index: 100; padding: 16px; background: var(--paper); }
.skip-link:focus { top: 16px; }
.announcement { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 7px var(--gutter); background: var(--navy); color: var(--white); font-size: 12px; }
.announcement a { display: inline-flex; align-items: center; gap: 8px; }
.announcement .icon { width: 15px; height: 15px; color: var(--gold); }
.announcement a:hover { color: var(--gold); }
.site-header { display: flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 94px; background: var(--paper); position: relative; z-index: 20; }
.brand { display: inline-flex; gap: 12px; align-items: center; font: 400 28px/1.1 var(--display); white-space: nowrap; }
.brand-icon { display: inline-grid; place-items: center; width: 42px; height: 42px; color: var(--gold-dark); }
.brand-icon .icon { width: 40px; height: 40px; }
.brand small { display: block; margin-top: 6px; font: 500 12px/1.5 var(--text); text-transform: uppercase; letter-spacing: .11em; }
.desktop-nav { display: flex; gap: 32px; align-items: center; font-size: 14px; }
.desktop-nav > a { min-height: 44px; display: inline-flex; align-items: center; }
.desktop-nav [aria-current="page"] { color: var(--gold-dark); }
.nav-dropdown { position: relative; }
.nav-dropdown summary { cursor: pointer; display: flex; align-items: center; gap: 6px; min-height: 44px; list-style: none; }
summary::-webkit-details-marker { display: none; }
.nav-dropdown summary .icon { width: 15px; height: 15px; }
.dropdown-panel { position: absolute; top: calc(100% + 16px); left: -32px; width: 360px; padding: 16px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 16px 40px rgba(10,30,40,.15); } /* taste-skill-ignore: real floating navigation menu. */
.dropdown-panel a { display: flex; align-items: center; gap: 16px; padding: 12px; border-radius: 4px; }
.dropdown-panel a:hover { background: var(--surface); }
.dropdown-panel small { display: block; font-size: 12px; margin-top: 4px; color: var(--muted); }
.dropdown-panel > a > .icon { color: var(--gold-dark); }
.dropdown-panel .dropdown-overview { justify-content: space-between; font-weight: 500; }
.header-actions { display: flex; align-items: center; gap: 16px; }
.mobile-menu { display: none; }
.hero-home { position: relative; min-height: 650px; height: 76svh; max-height: 850px; background: var(--navy); color: var(--white); overflow: clip; }
.hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-position: center; }
.hero-shade { position: absolute; inset: 0; background: rgba(3,24,31,.44); }
.hero-content { position: relative; height: 100%; min-height: 650px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-top: 48px; padding-bottom: 150px; z-index: 1; }
.hero-content .meta { color: #f3dfbc; margin-bottom: 24px; }
.hero-content h1 { font-size: clamp(54px, 6.4vw, 92px); line-height: 1.05; }
.hero-content h1 span { display: block; white-space: nowrap; }
.hero-content > p { max-width: 47ch; margin-top: 28px; color: var(--white); font-size: 16px; }
.hero-actions { display: flex; align-items: center; gap: 32px; margin-top: 32px; }
.watch-button { display: inline-flex; align-items: center; min-height: 48px; gap: 12px; font-size: 14px; color: var(--white); }
.watch-button > .icon { width: 40px; height: 40px; padding: 9px; border: 1px solid rgba(255,255,255,.6); border-radius: 50%; } /* taste-skill-ignore: functional video-play control. */
.hero-caption { display: flex; align-items: center; gap: 8px; font-size: 12px; margin-top: 30px; }
.hero-caption .icon { width: 16px; height: 16px; }
.ambient-toggle { position: absolute; right: var(--gutter); bottom: 100px; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; color: var(--white); z-index: 2; } /* taste-skill-ignore: functional video control. */
.destinations-strip { position: relative; z-index: 3; margin-top: -70px; }
.destination-cards { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.destination-card { position: relative; height: 190px; border: 5px solid var(--paper); border-radius: 8px; overflow: clip; color: var(--white); }
.destination-card > img { transition: transform 800ms var(--ease); }
.destination-card:hover > img { transform: scale(1.06); }
.destination-card > div { position: absolute; inset-inline: 0; bottom: 0; padding: 20px 40px 14px 16px; background: rgba(5,28,35,.72); }
.destination-card h3 { font-size: 26px; }
.destination-card p { margin-top: 4px; font-size: 12px; line-height: 1.4; }
.destination-card > .icon { position: absolute; bottom: 25px; right: 15px; width: 20px; height: 20px; }
.destination-card:hover { color: var(--white); }
.trust-strip { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 32px; border-block-end: 1px solid var(--line); font-size: 14px; } /* taste-skill-ignore: reference uses understated separators. */
.trust-strip span,.trust-strip a { display: flex; align-items: center; gap: 12px; }
.trust-strip .icon { color: var(--gold-dark); }
.section-paper { background: var(--surface); padding-block: 80px; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 36px; }
.section-heading > div > p { max-width: 56ch; color: var(--muted); margin-top: 18px; }
.section-heading > .button { flex-shrink: 0; }
.home-story { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; padding-block: 88px; align-items: center; }
.story-image { height: 470px; position: relative; padding: 0 32px 32px 0; }
.story-image > img { object-position: center; border-radius: var(--radius); }
.story-image-note { display: flex; align-items: center; gap: 16px; position: absolute; bottom: 0; right: 0; background: var(--paper); border: 1px solid var(--line); color: var(--ink); padding: 22px 30px; font: italic 20px/1.4 var(--display); border-radius: 5px; } /* taste-skill-ignore: reference caption panel. */
.story-image-note .icon { color: var(--gold-dark); width: 32px; height: 32px; }
.story-copy > p { margin-top: 24px; color: var(--muted); }
.story-copy .button { margin-top: 28px; }
.catalog-controls { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 16px; }
.filters { display: flex; flex-wrap: wrap; gap: 8px; }
.filters button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 19px; border: 1px solid var(--line); border-radius: 30px; font-size: 14px; background: var(--paper); } /* taste-skill-ignore: category chips follow the current booking-site reference. */
.filters button[aria-pressed="true"] { background: var(--navy); color: var(--white); border-color: var(--navy); }
.filters button:hover { border-color: var(--gold-dark); }
.catalog-search { display: flex; align-items: center; gap: 8px; min-width: 300px; padding: 0 14px; border: 1px solid var(--line); border-radius: 5px; background: var(--paper); } /* taste-skill-ignore: visible boundaries identify interactive search, planning, and guest controls. */
.catalog-search .icon { color: var(--muted); width: 18px; height: 18px; }
.catalog-search input { min-height: 44px; padding: 10px 0; border: 0; background: transparent; min-width: 0; font-size: 14px; }
.catalog-summary { min-height: 28px; display: flex; justify-content: space-between; gap: 16px; margin-bottom: 20px; color: var(--muted); font-size: 14px; }
.catalog-summary > label { display: flex; align-items: center; gap: 8px; margin-bottom: 0; font-size: 14px; }
.catalog-summary select { min-height: 32px; width: auto; padding: 4px 22px 4px 8px; font-size: 14px; }
.tour-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; align-items: stretch; }
.tour-card { border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); overflow: clip; min-width: 0; display: flex; flex-direction: column; } /* taste-skill-ignore: requested tourism booking catalogue cards. */
.card-image { height: 230px; position: relative; overflow: clip; display: block; }
.card-image img { transition: transform 800ms var(--ease); }
.card-image:hover img { transform: scale(1.045); }
.card-badge { position: absolute; bottom: 14px; left: 14px; padding: 5px 10px; background: var(--paper); border-radius: 3px; font-size: 12px; color: var(--ink); }
.card-content { display: flex; flex-direction: column; flex: 1; padding: 22px; }
.card-location { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; }
.card-location .icon { width: 14px; height: 14px; color: var(--gold-dark); }
.card-content h3 { font-size: 26px; margin-top: 12px; }
.card-content > p { margin-top: 12px; color: var(--muted); font-size: 16px; line-height: 1.6; }
.card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 24px; }
.card-bottom > div { display: grid; }
.price-prefix { font-size: 12px; color: var(--muted); }
.card-bottom strong { font-weight: 500; font-size: 20px; line-height: 1.5; }
.card-bottom small { color: var(--muted); font-size: 12px; }
.card-action { width: 42px; height: 42px; background: var(--surface); display: grid; place-items: center; border-radius: 50%; }
.card-action:hover { background: var(--gold); color: var(--ink); }
.empty-state { padding: 40px; text-align: center; background: var(--surface); }
.film-section { padding-block: 88px; }
.film-frame { border-radius: var(--radius); overflow: clip; background: var(--navy); }
.film-frame > video { max-height: 610px; object-fit: contain; aspect-ratio: 16/9; }
.film-caption { color: var(--white); display: flex; align-items: center; gap: 10px; padding: 16px 24px; font-size: 14px; }
.journey-section { background: var(--navy); color: var(--white); position: relative; overflow: clip; }
.journey-bg { position: absolute; inset: 0; opacity: .18; }
.journey-bg img { object-position: center; }
.journey-layout { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 100px; padding-block: 76px; align-items: center; }
.journey-layout .meta { color: var(--gold); }
.journey-layout > div > p { max-width: 37ch; margin-top: 24px; color: #f1f3ef; }
.journey-layout .button { margin-top: 30px; }
.journey-list { display: grid; gap: 24px; position: relative; }
.journey-list::before { content: ''; position: absolute; top: 20px; bottom: 20px; left: 6px; width: 2px; background: rgba(199,163,106,.4); }
.journey-list > a { display: grid; grid-template-columns: 14px 1fr 130px; gap: 20px; align-items: center; position: relative; }
.journey-dot { width: 12px; height: 12px; border-radius: 50%; background: var(--gold); }
.journey-list span { font-size: 12px; color: var(--gold); }
.journey-list h3 { font-size: 26px; margin-top: 5px; }
.journey-list p { font-size: 12px; line-height: 1.5; margin-top: 6px; color: #ecede6; }
.journey-list img { height: 92px; border-radius: 4px; }
.journey-list a:hover { color: var(--gold); }
.service-preview { padding-block: 88px; }
.service-preview-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.service-preview-grid > a { padding: 28px 24px; border: 1px solid var(--line); border-radius: var(--radius); } /* taste-skill-ignore: service feature treatment explicitly requested in the supplied image. */
.service-preview-grid > a > .icon { width: 36px; height: 36px; color: var(--gold-dark); margin-bottom: 24px; }
.service-preview-grid h3 { font-size: 26px; }
.service-preview-grid p { margin-top: 14px; font-size: 16px; color: var(--muted); }
.service-preview-grid span { font-size: 12px; display: flex; align-items: center; gap: 10px; margin-top: 20px; }
.service-preview-grid span .icon { width: 16px; height: 16px; }
.service-preview-grid > a:hover { background: var(--surface); color: var(--ink); }
.gallery-preview { padding-bottom: 88px; }
.gallery-preview-grid { display: grid; grid-template-columns: 1.3fr .8fr .8fr 1fr; gap: 16px; height: 320px; }
.gallery-preview-grid a { overflow: clip; border-radius: var(--radius); }
.gallery-preview-grid img { transition: transform 900ms var(--ease); }
.gallery-preview-grid a:hover img { transform: scale(1.05); }
.faq-home { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; padding-bottom: 88px; }
.faq-home .section-heading { display: block; }
.faq-home .section-heading .button { margin-top: 28px; }
.faq-list details { padding: 20px 0; border-block-end: 1px solid var(--line); } /* taste-skill-ignore: readable native disclosure rows. */
.faq-list summary { list-style: none; display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; cursor: pointer; font-weight: 500; font-size: 16px; }
.faq-list summary .icon { width: 18px; height: 18px; margin-top: 4px; }
.faq-list details[open] summary .icon { transform: rotate(45deg); }
.faq-list details > p { color: var(--muted); margin-top: 16px; font-size: 16px; max-width: 65ch; }
.contact-cta { position: relative; background: var(--navy); color: var(--white); overflow: clip; }
.contact-cta > img { position: absolute; inset: 0; object-position: center 58%; }
.cta-shade { position: absolute; inset: 0; background: rgba(3,24,31,.66); }
.contact-cta-copy { min-height: 350px; padding-block: 64px; position: relative; display: flex; justify-content: space-between; align-items: center; gap: 64px; }
.contact-cta-copy .meta { color: var(--gold); }
.contact-cta-copy p { max-width: 43ch; margin-top: 22px; }
.contact-cta-copy > div:last-child { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.contact-cta .light-link:hover { color: var(--gold); }
.site-footer { background: #06212b; color: var(--white); }
.footer-main { padding-block: 64px; display: grid; grid-template-columns: 1.3fr .7fr .7fr 1.2fr; gap: 50px; }
.site-footer .brand { font-size: 26px; }
.site-footer .brand-icon { color: var(--gold); }
.footer-main p { font-size: 16px; color: #d0dde0; margin-top: 24px; }
.footer-main h2 { font-family: var(--text); font-size: 14px; font-weight: 500; margin-bottom: 24px; letter-spacing: 0; }
.footer-main > div > a:not(.brand) { display: block; color: #e0e8ea; margin-top: 13px; font-size: 14px; }
.footer-main .footer-contact > a { overflow-wrap: anywhere; }
.footer-main a:hover { color: var(--gold); }
.socials { display: flex; gap: 18px; margin-top: 24px; }
.socials .icon { width: 22px; height: 22px; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-block: 22px; border-block-start: 1px solid #28434c; font-size: 12px; color: #c8d8dd; } /* taste-skill-ignore: reference footer separator. */
.footer-bottom a { display: inline-flex; align-items: center; gap: 6px; }
.footer-bottom .icon { width: 15px; height: 15px; }
.page-hero { position: relative; height: 390px; min-height: 390px; background: var(--navy); color: var(--white); }
.page-hero-photo { position: absolute; inset: 0; object-position: center 45%; }
.page-hero-shade { position: absolute; inset: 0; background: rgba(4,27,34,.5); }
.page-hero-copy { position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-block: 50px; }
.page-hero .meta { color: #ead5af; }
.page-hero h1 { font-size: clamp(44px, 4.5vw, 64px); }
.page-hero p { max-width: 56ch; margin-top: 24px; }
.breadcrumb,.detail-breadcrumb { display: flex; align-items: center; gap: 10px; padding-block: 24px; font-size: 12px; color: var(--muted); }
.breadcrumb .icon,.detail-breadcrumb .icon { width: 13px; height: 13px; color: var(--gold-dark); }
.story-page { display: grid; grid-template-columns: 1fr 1fr; gap: 88px; padding-block: 48px 88px; align-items: center; }
.story-page p { color: var(--muted); margin-top: 24px; }
.story-page .button { margin-top: 28px; }
.story-page > img { height: 480px; border-radius: var(--radius); }
.mission-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; }
.mission-grid article > .icon { width: 34px; height: 34px; color: var(--gold-dark); margin-bottom: 22px; }
.mission-grid p { max-width: 48ch; margin-top: 22px; color: var(--muted); }
.community-section { padding-block: 88px; }
.community-intro { display: grid; grid-template-columns: 1.4fr 1fr; align-items: center; gap: 100px; }
.community-intro > div > p { max-width: 64ch; margin-top: 24px; color: var(--muted); }
.impact-figure { background: var(--navy); color: var(--white); text-align: center; padding: 48px 32px; border-radius: var(--radius); }
.impact-figure strong { font: 400 90px/1 var(--display); color: var(--gold); }
.impact-figure p { color: var(--white) !important; }
.project-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin-top: 56px; }
.project-grid img { height: 250px; border-radius: var(--radius); }
.project-grid h3 { margin-top: 22px; }
.project-grid p { color: var(--muted); margin-top: 12px; }
.partnership-note { display: flex; justify-content: space-between; gap: 32px; align-items: center; margin-top: 48px; background: var(--surface); padding: 28px; }
.collection-overview { padding-block: 48px 88px; }
.collection-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.collection-tile { display: flex; align-items: center; gap: 22px; padding: 30px; background: var(--surface); border-radius: var(--radius); }
.collection-tile > .icon:first-child { width: 36px; height: 36px; color: var(--gold-dark); }
.collection-tile > .icon:last-child { margin-left: auto; }
.collection-tile p { color: var(--muted); font-size: 16px; margin-top: 10px; }
.collection-tile:hover { background: #eee9de; color: var(--ink); }
.magical-preview { padding-block: 88px 0; }
.magical-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.magical-grid .card-image { height: 200px; }
.magical-grid .card-content { padding: 18px; }
.magical-grid h3 { font-size: 26px; }
.magical-grid .card-bottom strong { font-size: 16px; }
.catalog-page { padding-block: 36px 88px; }
.catalog-note { margin-top: 30px; font-size: 16px; color: var(--muted); max-width: 65ch; }
.magical-intro { padding-block: 40px 24px; }
.notice { display: flex; align-items: center; gap: 12px; padding: 16px 22px; background: var(--surface); color: var(--muted); font-size: 16px; border-radius: 4px; }
.notice .icon { color: var(--gold-dark); }
.magical-features { padding-bottom: 88px; }
.magical-feature { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; padding-block: 48px; }
.magical-feature:nth-child(even) > a { order: 2; }
.magical-feature > a { height: 460px; display: block; }
.magical-feature img { border-radius: var(--radius); }
.magical-feature p { color: var(--muted); margin-top: 22px; }
.compact-list { padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 12px 20px; margin-top: 24px; }
.compact-list li { display: flex; align-items: center; gap: 7px; font-size: 14px; }
.compact-list .icon { width: 15px; height: 15px; color: var(--gold-dark); }
.feature-price { display: flex; align-items: baseline; gap: 12px; margin: 24px 0; }
.feature-price strong { font-weight: 500; }
.feature-price span { font-size: 12px; color: var(--muted); }
.services-intro { padding-block: 40px 72px; }
.services-list { display: grid; gap: 0; }
.services-list article { display: flex; align-items: center; gap: 28px; padding-block: 32px; border-block-end: 1px solid var(--line); } /* taste-skill-ignore: requested service catalogue separators. */
.services-list article > .icon { width: 38px; height: 38px; color: var(--gold-dark); }
.services-list article > div { flex: 1; }
.services-list h2 { font-size: 30px; }
.services-list p { max-width: 60ch; margin-top: 14px; color: var(--muted); }
.services-list span { display: block; color: var(--muted); font-size: 12px; margin-top: 10px; }
.quote-layout { display: grid; grid-template-columns: 1.5fr 1fr; align-items: center; gap: 80px; }
.quote-layout p { max-width: 50ch; margin-top: 24px; color: var(--muted); }
.quote-layout > div:last-child { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.gallery-section { padding-block: 36px 88px; }
.gallery-filters { margin-bottom: 24px; }
.gallery-status { font-size: 14px; color: var(--muted); margin-bottom: 28px; }
.photo-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; gap: 28px; }
.photo-gallery figure { min-width: 0; }
.photo-gallery button { padding: 0; display: block; width: 100%; position: relative; height: 275px; border-radius: var(--radius); overflow: clip; }
.photo-gallery figure:nth-child(5n+2) button { height: 350px; }
.photo-gallery img { transition: transform 900ms var(--ease); }
.photo-gallery button:hover img { transform: scale(1.05); }
.photo-gallery button > .icon { position: absolute; right: 16px; bottom: 16px; background: var(--paper); width: 36px; height: 36px; padding: 8px; border-radius: 50%; }
.photo-gallery figcaption { margin-top: 12px; color: var(--muted); font-size: 12px; }
.online-collection { padding-block: 36px 56px; }
.booking-products { display: grid; gap: 20px; }
.booking-products article { display: grid; grid-template-columns: 220px 1fr 245px; align-items: center; gap: 28px; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); } /* taste-skill-ignore: online-booking products follow the requested reference. */
.booking-products img { height: 165px; border-radius: 5px; }
.booking-products h2 { font-size: 26px; }
.booking-products .meta { margin-bottom: 12px; font-size: 12px; }
.booking-products p { color: var(--muted); margin-top: 12px; font-size: 16px; }
.booking-product-action { display: flex; flex-direction: column; align-items: flex-start; }
.booking-product-action > strong { font-size: 26px; font-weight: 500; }
.booking-product-action > small { color: var(--muted); font-size: 12px; }
.booking-product-action .button { width: 100%; margin-top: 16px; font-size: 14px; gap: 12px; }
.booking-product-action .text-link { font-size: 12px; }
.booking-planner { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 100px; padding-block: 40px 88px; }
.booking-intro > p { margin-top: 24px; color: var(--muted); max-width: 42ch; }
.planning-steps { display: grid; gap: 18px; margin-top: 32px; }
.planning-steps p { display: flex; align-items: center; gap: 14px; font-size: 16px; }
.planning-steps .icon { color: var(--gold-dark); }
.booking-intro > img { height: 230px; margin-top: 32px; border-radius: var(--radius); }
.planner-card { padding: 32px; border: 1px solid var(--line); border-top: 3px solid var(--gold); border-radius: var(--radius); background: var(--white); } /* taste-skill-ignore: visible boundaries identify interactive search, planning, and guest controls. */
.planner-card-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 30px; font: 400 26px/1.3 var(--display); }
.planner-card-header .icon { width: 30px; height: 30px; color: var(--gold-dark); }
label { display: block; margin-bottom: 10px; font-size: 14px; }
input,select,textarea { width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: 4px; min-height: 50px; padding: 12px 14px; background: var(--paper); color: var(--ink); font-size: 14px; }
textarea { resize: vertical; }
.form-pair { display: grid; grid-template-columns: 1.2fr 1fr; gap: 18px; margin-top: 24px; }
.form-pair > div { min-width: 0; }
.guest-control { display: grid; grid-template-columns: 36px 1fr 36px; border: 1px solid var(--line); border-radius: 4px; background: var(--paper); } /* taste-skill-ignore: visible boundaries identify interactive search, planning, and guest controls. */
.guest-control button { min-height: 48px; }
.guest-control button .icon { width: 16px; height: 16px; }
.guest-control button:disabled { opacity: .3; cursor: default; }
.guest-control input { border: 0; min-height: 48px; padding-inline: 0; text-align: center; appearance: textfield; -moz-appearance: textfield; }
.guest-control input::-webkit-inner-spin-button { appearance: none; }
.form-note { font-size: 12px; line-height: 1.6; color: var(--muted); margin-top: 14px; }
.trip-summary { display: grid; gap: 14px; padding-block: 28px; font-size: 14px; }
.trip-summary > div { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.trip-summary span { color: var(--muted); }
.trip-summary strong { font-weight: 500; text-align: right; }
#plan-form > .button { width: 100%; }
.form-error { color: #a02c22; font-size: 14px; margin-bottom: 16px; }
#existing-booking { font-size: 12px; margin-top: 20px; }
.booking-questions { padding-bottom: 88px; max-width: 1100px; }
.contact-page { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: start; padding-block: 40px 88px; }
.contact-page > div > p { color: var(--muted); margin-top: 24px; max-width: 42ch; }
.contact-methods { margin-top: 32px; display: grid; gap: 28px; }
.contact-methods > a,.contact-methods > div { display: flex; align-items: center; gap: 18px; }
.contact-methods .icon { width: 26px; height: 26px; color: var(--gold-dark); }
.contact-methods span { display: block; font-size: 12px; color: var(--muted); }
.contact-methods strong { display: block; font-size: 16px; font-weight: 500; color: var(--ink); margin-top: 5px; overflow-wrap: anywhere; }
.community-contact { display: flex; gap: 16px; padding: 24px; margin-top: 40px; background: var(--surface); border-radius: var(--radius); font-size: 16px; }
.community-contact .icon { color: var(--gold-dark); }
.contact-form { background: var(--surface); padding: 32px; border-radius: var(--radius); }
.contact-form .form-pair { margin-top: 0; }
.contact-form > label { margin-top: 22px; }
.contact-form .button { margin-top: 24px; width: 100%; }
.optional { color: var(--muted); font-size: 12px; }
.detail-breadcrumb { padding-top: 32px; flex-wrap: wrap; }
.detail-heading { padding-block: 20px 32px; }
.detail-heading h1 { max-width: 22ch; }
.detail-heading > p { color: var(--muted); margin-top: 22px; max-width: 70ch; }
.detail-facts { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 32px; margin-top: 24px; }
.detail-facts span { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 14px; }
.detail-facts .icon { width: 18px; height: 18px; color: var(--gold-dark); }
.detail-photo { height: 440px; }
.detail-photo img { border-radius: var(--radius); }
.detail-layout { display: grid; grid-template-columns: 1.7fr 1fr; gap: 100px; align-items: start; padding-block: 56px 88px; }
.detail-content > section + section { margin-top: 44px; }
.detail-content h2 { font-size: 32px; margin-bottom: 24px; }
.detail-content p { max-width: 70ch; color: var(--muted); }
.detail-content p + p { margin-top: 16px; }
.itinerary { display: grid; gap: 28px; padding-left: 30px; position: relative; }
.itinerary::before { content: ''; position: absolute; inset-block: 8px; left: 5px; width: 2px; background: var(--line); }
.itinerary article { position: relative; }
.itinerary-dot { position: absolute; left: -30px; top: 7px; width: 12px; height: 12px; border: 2px solid var(--paper); border-radius: 50%; background: var(--gold-dark); }
.itinerary h3 { font-family: var(--text); font-size: 16px; font-weight: 500; line-height: 1.4; letter-spacing: 0; margin-bottom: 12px; }
.inclusion-list { padding: 0; list-style: none; display: grid; gap: 16px; }
.inclusion-list li { display: flex; align-items: flex-start; gap: 14px; font-size: 16px; }
.inclusion-list .icon { width: 18px; height: 18px; color: var(--gold-dark); margin-top: 3px; }
.plain-list { padding-left: 20px; color: var(--muted); }
.plain-list li + li { margin-top: 12px; }
.detail-booking { background: var(--surface); padding: 30px; position: sticky; top: 32px; border-radius: var(--radius); }
.detail-booking .meta { margin-bottom: 14px; }
.detail-price { font: 400 32px/1.2 var(--display); display: block; }
.detail-booking > span:not(.meta) { display: block; font-size: 12px; color: var(--muted); margin-top: 10px; }
.detail-booking > p:not(.form-note) { font-size: 16px; margin-top: 14px; }
.aside-fact { display: flex; gap: 12px; align-items: center; margin-top: 26px; font-size: 14px; }
.aside-fact .icon { width: 18px; height: 18px; color: var(--gold-dark); }
.detail-booking > .button { margin-top: 24px; width: 100%; }
.detail-booking > .text-link { margin-top: 14px; font-size: 12px; }
.all-questions { padding-block: 32px 88px; max-width: 1100px; }
.not-found { padding-block: 100px; }
.not-found p { margin-top: 24px; max-width: 50ch; color: var(--muted); }
.not-found .button { margin-top: 32px; }
dialog { width: min(680px,calc(100% - 40px)); max-height: 90svh; border: 0; border-radius: var(--radius); padding: 0; background: var(--paper); color: var(--ink); }
dialog::backdrop { background: rgba(4,24,32,.8); }
.dialog-close { position: absolute; z-index: 2; top: 14px; right: 14px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--paper); color: var(--ink); }
.dialog-copy { padding: 50px 36px 32px; }
.dialog-copy h2 { font-size: 40px; }
.enquiry-preview { background: var(--surface); padding: 24px; margin-top: 28px; font-size: 16px; white-space: pre-line; overflow-wrap: anywhere; border-radius: 5px; }
.dialog-actions { display: grid; gap: 12px; margin-top: 24px; }
.dialog-copy > .text-button { margin-top: 16px; }
#video-dialog { width: min(1100px,calc(100% - 32px)); background: var(--navy); color: var(--white); }
#video-dialog video { width: 100%; max-height: 75svh; object-fit: contain; }
#video-dialog > p { padding: 16px 24px; font-size: 16px; }
#gallery-dialog { width: min(1050px,calc(100% - 32px)); background: var(--navy); color: var(--white); }
#lightbox-image { width: 100%; height: 72svh; object-fit: contain; }
.lightbox-bottom { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 16px 24px; }
.lightbox-bottom p { font-size: 16px; text-align: center; }
.lightbox-bottom button { min-height: 44px; min-width: 44px; }
@media (max-width: 1200px) {
  .desktop-nav { gap: 22px; }
  .site-header { gap: 24px; }
  .brand { font-size: 26px; gap: 8px; }
  .brand small { font-size: 12px; }
  .home-story,.story-page,.journey-layout,.booking-planner,.contact-page,.detail-layout { gap: 56px; }
  .destination-card { height: 175px; }
  .destination-card h3 { font-size: 26px; }
  .service-preview-grid { gap: 16px; }
  .service-preview-grid > a { padding: 24px 18px; }
  .service-preview-grid h3 { font-size: 26px; }
  .magical-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
  .footer-main { gap: 32px; }
  .booking-products article { grid-template-columns: 180px 1fr 205px; gap: 24px; }
  .booking-products img { height: 165px; }
}
@media (max-width: 960px) {
  .desktop-nav { display: none; }
  .mobile-menu { display: block; }
  .mobile-menu > summary { display: grid; place-items: center; min-height: 44px; min-width: 44px; list-style: none; cursor: pointer; }
  .mobile-menu > nav { position: absolute; top: 100%; left: 0; right: 0; background: var(--navy); color: var(--white); padding: 20px var(--gutter); display: grid; gap: 0; box-shadow: 0 15px 30px rgba(0,0,0,.15); } /* taste-skill-ignore: real mobile navigation overlay. */
  .mobile-menu > nav > a { display: flex; align-items: center; justify-content: space-between; padding-block: 12px; }
  .mobile-menu > nav > a .icon { width: 18px; height: 18px; }
  .hero-home { min-height: 650px; height: 76svh; }
  .hero-content { min-height: 650px; padding-bottom: 145px; }
  .hero-content h1 { font-size: 70px; }
  .destination-cards { gap: 12px; }
  .destination-card { height: 165px; border-width: 3px; }
  .destination-card > div { padding: 15px 26px 12px 12px; }
  .destination-card h3 { font-size: 20px; }
  .destination-card p { font-size: 12px; }
  .destination-card > .icon { width: 16px; height: 16px; bottom: 24px; right: 10px; }
  .trust-strip { flex-wrap: wrap; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; font-size: 12px; }
  .home-story { gap: 40px; }
  .story-image { height: 430px; padding-right: 16px; }
  .story-image-note { padding: 18px; font-size: 20px; }
  .story-image-note .icon { width: 26px; height: 26px; }
  .tour-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
  .card-image { height: 220px; }
  .journey-layout { gap: 48px; }
  .journey-list > a { grid-template-columns: 12px 1fr 90px; gap: 14px; }
  .journey-list img { height: 80px; }
  .service-preview-grid { grid-template-columns: 1fr 1fr; }
  .service-preview-grid > a { padding: 28px; }
  .faq-home { gap: 48px; }
  .footer-main { grid-template-columns: 1.2fr 1fr; gap: 40px 64px; }
  .footer-bottom { flex-wrap: wrap; }
  .community-intro { gap: 56px; }
  .collection-grid { gap: 20px; }
  .collection-tile { padding: 24px; gap: 16px; }
  .catalog-controls { flex-direction: column; align-items: stretch; }
  .catalog-search { width: 100%; min-width: 0; }
  .magical-feature { gap: 48px; }
  .magical-feature > a { height: 420px; }
  .photo-gallery { gap: 20px; grid-template-columns: 1fr 1fr; }
  .booking-products article { grid-template-columns: 160px 1fr; }
  .booking-product-action { grid-column: 2; margin-top: -10px; }
  .booking-product-action .button { width: auto; }
  .booking-products img { height: 100%; min-height: 165px; grid-row: span 2; }
  .booking-planner { gap: 40px; }
  .planner-card { padding: 24px; }
  .form-pair { grid-template-columns: 1fr; }
  .contact-form .form-pair { grid-template-columns: 1fr 1fr; }
  .detail-layout { grid-template-columns: 1.4fr 1fr; gap: 48px; }
  .detail-booking { padding: 24px; }
  .detail-price { font-size: 26px; }
}
@media (max-width: 600px) {
  h2 { font-size: 34px; }
  .meta { font-size: 12px; margin-bottom: 16px; letter-spacing: .11em; }
  .announcement { min-height: 30px; justify-content: center; font-size: 12px; }
  .announcement > span { display: none; }
  .site-header { min-height: 82px; gap: 12px; }
  .brand { gap: 7px; font-size: 26px; }
  .brand-icon { width: 30px; height: 30px; }
  .brand-icon .icon { width: 30px; height: 30px; }
  .brand small { font-size: 12px; letter-spacing: .06em; }
  .header-actions { gap: 6px; }
  .header-actions > .button { font-size: 12px; min-height: 42px; padding: 10px 12px; gap: 8px; }
  .header-actions > .button .icon { width: 15px; height: 15px; }
  .mobile-menu > summary { min-width: 34px; }
  .hero-home { min-height: 620px; height: 77svh; max-height: 760px; }
  .hero-content { min-height: 620px; padding-top: 30px; padding-bottom: 135px; }
  .hero-content h1 { font-size: clamp(43px,12vw,66px); }
  .hero-content > p { max-width: 34ch; font-size: 16px; margin-top: 24px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 12px; margin-top: 24px; }
  .hero-actions .button { min-height: 48px; padding: 13px 20px; font-size: 14px; }
  .watch-button { min-height: 40px; font-size: 14px; }
  .watch-button > .icon { width: 30px; height: 30px; padding: 6px; }
  .hero-caption { font-size: 12px; margin-top: 18px; }
  .ambient-toggle { bottom: 92px; width: 38px; height: 38px; }
  .destinations-strip { margin-top: -62px; }
  .destination-cards { grid-template-columns: 1fr 1fr; gap: 12px; }
  .destination-card { height: 155px; }
  .destination-card h3 { font-size: 20px; }
  .destination-card > div { padding: 14px 25px 12px 10px; }
  .destination-card p { font-size: 12px; max-width: 18ch; }
  .trust-strip { gap: 18px 16px; padding-block: 28px; font-size: 12px; }
  .trust-strip span,.trust-strip a { gap: 8px; align-items: flex-start; }
  .trust-strip .icon { width: 19px; height: 19px; }
  .home-story { display: block; padding-block: 56px; }
  .story-image { height: 380px; margin-bottom: 40px; padding-right: 20px; }
  .story-image-note { font-size: 20px; }
  .story-copy > p { margin-top: 22px; font-size: 16px; }
  .section-paper { padding-block: 56px; }
  .section-heading { display: block; margin-bottom: 28px; }
  .section-heading > .button { margin-top: 24px; min-height: 44px; font-size: 14px; }
  .section-heading > div > p { margin-top: 20px; font-size: 16px; }
  .filters { gap: 7px; }
  .filters button { font-size: 12px; padding: 10px 13px; }
  .catalog-summary { font-size: 12px; }
  .tour-grid { grid-template-columns: 1fr; gap: 24px; }
  .card-image { height: 225px; }
  .card-content { padding: 22px; }
  .card-content h3 { font-size: 26px; }
  .card-content > p { font-size: 16px; }
  .card-bottom { padding-top: 20px; }
  .film-section { padding-block: 56px; }
  .film-caption { padding: 14px 16px; font-size: 12px; gap: 8px; }
  .film-caption .icon { width: 18px; height: 18px; }
  .journey-layout { display: block; padding-block: 56px; }
  .journey-layout > div > p { font-size: 16px; }
  .journey-list { margin-top: 44px; gap: 28px; }
  .journey-list > a { grid-template-columns: 12px 1fr 105px; }
  .journey-list img { height: 82px; }
  .journey-list h3 { font-size: 26px; }
  .service-preview { padding-block: 56px; }
  .service-preview-grid { gap: 14px; }
  .service-preview-grid > a { padding: 22px 16px; }
  .service-preview-grid > a > .icon { width: 30px; height: 30px; margin-bottom: 18px; }
  .service-preview-grid h3 { font-size: 26px; }
  .service-preview-grid p { font-size: 12px; }
  .service-preview-grid span { font-size: 12px; flex-wrap: wrap; gap: 7px; }
  .gallery-preview { padding-bottom: 56px; }
  .gallery-preview-grid { grid-template-columns: 1fr 1fr; height: auto; gap: 12px; }
  .gallery-preview-grid > a { height: 190px; }
  .faq-home { display: block; padding-bottom: 56px; }
  .faq-list summary { font-size: 16px; }
  .faq-list details > p { font-size: 16px; }
  .contact-cta-copy { display: block; padding-block: 56px; min-height: 0; }
  .contact-cta-copy p { font-size: 16px; }
  .contact-cta-copy > div:last-child { margin-top: 32px; }
  .footer-main { display: grid; grid-template-columns: 1fr 1fr; gap: 36px 24px; padding-block: 44px; }
  .footer-main > div:first-child { grid-column: 1/-1; }
  .footer-contact { grid-column: 1/-1; }
  .footer-main h2 { font-size: 14px; margin-bottom: 20px; }
  .footer-main > div > a:not(.brand) { font-size: 12px; }
  .site-footer .brand { font-size: 26px; }
  .footer-bottom { font-size: 12px; gap: 14px 24px; padding-block: 20px; }
  .footer-bottom > span:nth-child(3) { flex-basis: 100%; order: 4; }
  .page-hero { height: 340px; min-height: 340px; }
  .page-hero h1 { font-size: clamp(36px,10vw,46px); }
  .page-hero p { font-size: 16px; margin-top: 22px; max-width: 40ch; }
  .page-hero-copy { padding-block: 36px; }
  .breadcrumb,.detail-breadcrumb { font-size: 12px; gap: 8px; padding-block: 22px; }
  .story-page { display: flex; flex-direction: column; gap: 36px; padding-block: 24px 56px; }
  .story-page p { font-size: 16px; margin-top: 22px; }
  .story-page > img { height: 330px; width: 100%; }
  .mission-grid { display: block; }
  .mission-grid article + article { margin-top: 44px; }
  .mission-grid p { font-size: 16px; }
  .community-section { padding-block: 56px; }
  .community-intro { display: block; }
  .community-intro > div > p { font-size: 16px; }
  .impact-figure { margin-top: 32px; padding: 36px; }
  .impact-figure strong { font-size: 76px; }
  .project-grid { grid-template-columns: 1fr; gap: 32px; margin-top: 36px; }
  .project-grid img { height: 230px; }
  .project-grid p { font-size: 16px; }
  .partnership-note { display: block; padding: 24px; margin-top: 36px; }
  .partnership-note .button { margin-top: 22px; }
  .collection-overview { padding-block: 24px 56px; }
  .collection-grid { grid-template-columns: 1fr; gap: 16px; }
  .collection-tile { padding: 24px 20px; }
  .collection-tile > .icon:first-child { width: 30px; height: 30px; }
  .collection-tile h3 { font-size: 26px; }
  .collection-tile p { font-size: 16px; }
  .magical-preview { padding-top: 56px; }
  .magical-grid { grid-template-columns: 1fr; gap: 24px; }
  .magical-grid .card-image { height: 230px; }
  .magical-grid .card-content { padding: 22px; }
  .magical-grid h3 { font-size: 26px; }
  .catalog-page { padding-block: 24px 56px; }
  .catalog-summary select { max-width: 150px; }
  .catalog-note { font-size: 12px; margin-top: 24px; }
  .magical-intro { padding-block: 24px; }
  .notice { font-size: 12px; padding: 16px; }
  .magical-features { padding-bottom: 56px; }
  .magical-feature { display: flex; flex-direction: column; gap: 28px; padding-block: 24px; }
  .magical-feature > a { height: 300px; width: 100%; }
  .magical-feature:nth-child(even) > a { order: 0; }
  .magical-feature > div { width: 100%; }
  .magical-feature p { font-size: 16px; }
  .feature-price { flex-wrap: wrap; gap: 8px 12px; }
  .services-intro { padding-block: 24px 56px; }
  .services-list article { display: grid; grid-template-columns: 34px 1fr; gap: 18px; padding-block: 28px; }
  .services-list article > .icon { width: 30px; height: 30px; align-self: start; margin-top: 4px; }
  .services-list article > .button { grid-column: 2; justify-self: start; min-height: 44px; font-size: 14px; }
  .services-list h2 { font-size: 26px; }
  .services-list p { font-size: 16px; margin-top: 14px; }
  .quote-layout { display: block; }
  .quote-layout > div:last-child { margin-top: 28px; }
  .quote-layout p { font-size: 16px; }
  .gallery-section { padding-block: 24px 56px; }
  .gallery-status { font-size: 12px; }
  .photo-gallery { grid-template-columns: 1fr 1fr; gap: 18px 12px; }
  .photo-gallery button { height: 160px; }
  .photo-gallery figure:nth-child(5n+2) button { height: 190px; }
  .photo-gallery figcaption { font-size: 12px; margin-top: 10px; }
  .photo-gallery button > .icon { width: 28px; height: 28px; padding: 6px; bottom: 10px; right: 10px; }
  .online-collection { padding-block: 24px 40px; }
  .booking-products article { grid-template-columns: 1fr; padding: 18px; gap: 20px; }
  .booking-products img { height: 200px; grid-row: auto; width: 100%; }
  .booking-product-action { grid-column: auto; margin-top: 0; }
  .booking-products h2 { font-size: 26px; }
  .booking-product-action .button { width: 100%; }
  .booking-planner { display: block; padding-block: 24px 56px; }
  .booking-intro > p { font-size: 16px; }
  .planning-steps { gap: 16px; }
  .planning-steps p { font-size: 16px; }
  .booking-intro > img { height: 210px; margin-top: 28px; }
  .planner-card { padding: 24px 20px; margin-top: 32px; }
  .planner-card-header { font-size: 26px; }
  input,select,textarea { font-size: 16px; }
  .form-pair { gap: 22px; }
  .trip-summary { font-size: 12px; }
  .form-note { font-size: 12px; }
  .booking-questions { padding-bottom: 56px; }
  .contact-page { display: block; padding-block: 24px 56px; }
  .contact-page > div > p { font-size: 16px; }
  .contact-methods strong { font-size: 14px; }
  .community-contact { font-size: 16px; }
  .contact-form { margin-top: 36px; padding: 24px 20px; }
  .contact-form .form-pair { grid-template-columns: 1fr; }
  .detail-heading { padding-block: 8px 28px; }
  .detail-heading h1 { font-size: clamp(34px,9vw,42px); max-width: 18ch; }
  .detail-heading > p { font-size: 16px; margin-top: 20px; }
  .detail-facts { gap: 16px 20px; }
  .detail-facts span { font-size: 12px; }
  .detail-photo { height: 270px; }
  .detail-layout { display: flex; flex-direction: column-reverse; gap: 40px; padding-block: 32px 56px; }
  .detail-layout > * { width: 100%; }
  .detail-booking { position: static; padding: 24px; }
  .detail-content h2 { font-size: 30px; }
  .detail-content p { font-size: 16px; }
  .detail-content > section + section { margin-top: 36px; }
  .itinerary h3 { font-size: 16px; }
  .inclusion-list li { font-size: 16px; }
  .all-questions { padding-block: 16px 56px; }
  .not-found { padding-block: 64px; }
  .not-found h1 { font-size: 38px; }
  .dialog-copy { padding: 62px 24px 28px; }
  .dialog-copy h2 { font-size: 34px; }
  .enquiry-preview { font-size: 16px; padding: 20px; }
  #lightbox-image { height: 65svh; }
  .lightbox-bottom { padding: 12px; gap: 10px; }
  .lightbox-bottom p { font-size: 12px; }
}
@media (max-width: 360px) {
  .brand { font-size: 20px; }
  .brand small { font-size: 12px; }
  .brand-icon,.brand-icon .icon { width: 26px; height: 26px; }
  .header-actions > .button { padding: 10px; gap: 5px; font-size: 12px; }
  .site-header { gap: 8px; }
  .hero-content h1 { font-size: 42px; }
  .destination-card h3 { font-size: 20px; }
  .destination-card p { font-size: 12px; }
}
@media (prefers-reduced-motion: no-preference) {
  .hero-content h1 { animation: title-rise 1000ms var(--ease) both; }
  .hero-content > p,.hero-actions,.hero-caption { animation: text-arrive 1000ms var(--ease) both; }
  .hero-content > p { animation-delay: 90ms; }
  .hero-actions { animation-delay: 160ms; }
  .hero-caption { animation-delay: 230ms; }
  .destination-card { animation: image-settle 1100ms var(--ease) both; }
  .destination-card:nth-child(2) { animation-delay: 80ms; }
  .destination-card:nth-child(3) { animation-delay: 160ms; }
  .destination-card:nth-child(4) { animation-delay: 240ms; }
  .in-view { animation: text-arrive 900ms var(--ease) both; }
  .tour-card.in-view,.story-image.in-view,.photo-gallery figure.in-view { animation: image-settle 1100ms var(--ease) both; }
  @keyframes title-rise { from { transform: translateY(25px); opacity: .65; } to { transform: translateY(0); opacity: 1; } }
  @keyframes text-arrive { from { transform: translateY(20px); opacity: .7; } to { transform: translateY(0); opacity: 1; } }
  @keyframes image-settle { from { transform: translateY(26px) scale(.985); opacity: .8; } to { transform: translateY(0) scale(1); opacity: 1; } }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation: none !important; transition: none !important; } }
.footer-postcards { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 22px; padding-top: 40px; }
.footer-postcards a { height: 170px; border-radius: 5px; overflow: clip; position: relative; }
.footer-postcards span { position: absolute; bottom: 0; left: 0; right: 0; padding: 12px 18px; background: rgba(3,24,31,.7); color: var(--white); font-family: var(--display); font-size: 20px; }
@media (max-width:600px) { .footer-postcards { gap: 10px; padding-top: 28px; } .footer-postcards a { height: 120px; } .footer-postcards span { padding: 8px; font-family: var(--text); font-size: 12px; line-height: 1.4; } .site-header .brand small { display: none; } }

.nav-dropdown:not([open]) .dropdown-panel, .mobile-menu:not([open]) > nav { display: none; }
@media (max-width:600px) { .site-header .brand { font-size:24px; } .header-actions > .button { font-size:12px; } }
@media (max-width:360px) { .site-header .brand { font-size:21px; } }

/* Owner-supplied identity and complete promotional artwork. */
.site-header { min-height: 148px; height: auto; padding-block: 8px; }
.brand { flex-shrink: 0; }
.brand-logo { width: 132px; height: 132px; object-fit: contain; }
.site-footer .brand { padding: 12px; background: #fff; border-radius: 4px; }
.site-footer .brand-logo { width: 150px; height: 153px; }
.tour-card.has-artwork .card-image { background: var(--surface); }
.tour-card.has-artwork .card-image img { object-fit: contain; }
.tour-card.has-artwork .card-badge { top: 12px; bottom: auto; }
.booking-products .has-artwork > img { height: 330px; object-fit: contain; background: var(--surface); }
.detail-photo.has-artwork { height: auto; }
.detail-photo.has-artwork img { width: min(100%, 600px); height: auto; object-fit: contain; margin-inline: auto; }
@media (max-width: 600px) {
  .site-header { min-height: 128px; }
  .site-header .brand-logo { width: 112px; height: 112px; }
  .booking-products .has-artwork > img { width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: contain; }
}
@media (max-width: 360px) {
  .site-header .brand-logo { width: 96px; height: 98px; }
}
.tour-card.has-artwork .card-image:hover img { transform: none; }
.booking-products { display: block; }
.island-booking-products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.booking-products .island-booking-products article { display: flex; flex-direction: column; align-items: stretch; padding: 16px; gap: 20px; }
.booking-products .island-booking-products .has-artwork > img { width: 100%; height: auto; aspect-ratio: 2 / 3; }
.island-booking-products .booking-product-action { margin-top: auto; }
.other-booking-products { display: grid; gap: 20px; margin-top: 28px; }
@media (min-width: 601px) and (max-width: 1000px) {
  .island-booking-products { gap: 12px; }
  .booking-products .island-booking-products article { padding: 12px; }
  .island-booking-products h2 { font-size: 22px; }
  .island-booking-products .button { padding-inline: 12px; gap: 8px; }
}
@media (max-width: 600px) {
  .island-booking-products { grid-template-columns: 1fr; }
}

/* Compact transparent identity, scaled to the navigation and footer. */
.site-header { min-height: 108px; padding-block: 8px; }
.site-header .brand-logo { width: 90px; height: 92px; }
.site-footer .brand { padding: 0; background: transparent; border-radius: 0; }
.site-footer .brand-logo { width: 110px; height: 112px; filter: none; }
@media (max-width: 600px) {
  .site-header { min-height: 94px; }
  .site-header .brand-logo { width: 76px; height: 78px; }
  .site-footer .brand-logo { width: 100px; height: 102px; }
}

/* Preserve the figure’s white fills; reverse only the wordmark on the dark footer. */
.site-footer .brand { position: relative; }
.site-footer .brand-logo-type { position: absolute; inset: 0; filter: brightness(0) invert(1); clip-path: inset(77% 0 0 0); pointer-events: none; }

/* Owner-requested Colombian textile accents: quiet margins, clear reading surfaces. */
body { background-image: var(--linen); }
.site-header { background-color: var(--paper); background-image: var(--linen); isolation: isolate; padding-bottom: 20px; }
.site-header::before { content: ''; position: absolute; inset: 0; z-index: -1; background-image: var(--weave); background-repeat: repeat-x; background-position: center 46%; background-size: 160px auto; opacity: .08; pointer-events: none; }
.site-header::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 12px; background-image: var(--thread); background-repeat: repeat-x; background-size: 72px 12px; opacity: .72; pointer-events: none; }
main { position: relative; isolation: isolate; }
main::before,main::after { content: ''; position: absolute; top: 0; bottom: 0; width: min(6vw, 88px); z-index: -1; background-image: var(--weave); background-size: 116px auto; background-repeat: repeat-y; opacity: .16; pointer-events: none; }
main::before { left: 0; background-position: right top; }
main::after { right: 0; background-position: left 240px; }
.section-paper { position: relative; isolation: isolate; background-image: var(--linen); }
.section-paper::before { content: ''; position: absolute; inset: 0; z-index: -1; background-image: var(--weave); background-size: 330px 550px; background-position: calc(100% + 120px) 24px; background-repeat: repeat-y; opacity: .11; pointer-events: none; }
.tour-card,.booking-products article { background-color: var(--card-paper); }
.home-story,.story-page,.community-section,.magical-features,.booking-questions { position: relative; }
.home-story::after,.community-section::after,.magical-features::after,.booking-questions::after { content: ''; position: absolute; right: var(--gutter); bottom: 22px; width: 144px; height: 24px; background: var(--thread) center / 144px 24px repeat-x; opacity: .42; pointer-events: none; }
.planner-card { position: relative; background-color: var(--card-paper); border-top: 0; padding-top: 42px; }
.planner-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 10px; background: var(--thread) center / 60px 10px repeat-x; opacity: .58; border-radius: var(--radius) var(--radius) 0 0; pointer-events: none; }
.contact-form,.detail-booking,.story-image-note { background-image: var(--linen); }
.site-footer { position: relative; isolation: isolate; padding-top: 12px; }
.site-footer::before { content: ''; position: absolute; inset: 0; z-index: -1; background-image: var(--weave); background-repeat: repeat-x; background-size: 290px auto; background-position: center bottom; opacity: .1; pointer-events: none; }
.site-footer::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 12px; background: var(--thread) center / 72px 12px repeat-x; opacity: .85; pointer-events: none; }
@media (max-width: 600px) {
  .site-header { padding-bottom: 18px; }
  .site-header::before { background-size: 120px auto; opacity: .055; }
  .site-header::after,.site-footer::after { height: 10px; background-size: 60px 10px; }
  main::before,main::after { width: 18px; background-size: 72px auto; opacity: .13; }
  .section-paper::before { background-size: 210px 350px; background-position: calc(100% + 150px) 24px; opacity: .09; }
  .home-story::after,.community-section::after,.magical-features::after,.booking-questions::after { width: 96px; height: 16px; background-size: 96px 16px; bottom: 16px; }
  .planner-card { padding-top: 34px; }
}

/* Real guest excerpts, with destination photography and original-platform links. */
.guest-reviews{padding-block:88px}
.reviews-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:38px}
.reviews-heading h2{margin:14px 0 0}
.reviews-heading>p{max-width:440px;margin:0 0 4px;line-height:1.7}
.review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.guest-review{min-width:0;display:flex;flex-direction:column}
.review-photo{display:block;position:relative;overflow:hidden;background:#092f36}
.review-photo img{width:100%;height:180px;object-fit:cover;display:block;transition:transform .35s}
.review-photo:hover img{transform:scale(1.04)}
.review-photo>span{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;color:#fff;background:var(--navy,#12333c);font-weight:600;font-size:18px}
.review-copy{padding:23px 0 25px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.review-experience{font-size:12px;line-height:1.6;letter-spacing:.04em;margin:0 0 16px;text-transform:uppercase}
.guest-review blockquote{margin:0 0 25px;flex:1}
.guest-review blockquote p{font-family:var(--display);font-size:23px;line-height:1.4;margin:0}
.review-attribution{display:flex;flex-direction:column;gap:3px}
.review-attribution strong{font-size:15px}
.review-attribution span,.review-excerpt-note,.reviews-source-note{font-size:12px;line-height:1.6}
.review-excerpt-note{margin:10px 0 18px}
.reviews-source-note{margin:24px 0 0;color:#56625f}
@media(max-width:1100px){.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.review-photo img{height:220px}}
@media(max-width:600px){.guest-reviews{padding-block:56px}.reviews-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.review-grid{grid-template-columns:1fr;gap:32px}.review-photo img{height:200px}.guest-review blockquote p{font-size:23px}.review-copy{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.review-photo img{transition:none}.review-photo:hover img{transform:none}}

/* Platform identity, traveler stories, and direct contact. */
.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 40px}
.guest-review figure{margin:0}
.review-photo img{height:310px;object-position:center 65%}
.review-photo>.platform-mark{position:absolute;left:18px;bottom:18px;background:#fff;color:#102c32;padding:12px 18px}
.platform-mark{display:inline-flex;gap:12px;align-items:center;font-size:20px;font-weight:650;line-height:1;white-space:nowrap}
.platform-mark img{width:34px;height:34px;object-fit:contain;transform:none!important}
.platform-mark.viator{width:95px;overflow:hidden;justify-content:flex-start}
.platform-mark.viator img{width:260px;height:33px;max-width:none;object-fit:contain;flex-shrink:0}
.review-shortcuts{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;margin:24px auto 40px;padding-inline:20px}
.review-shortcuts>a{display:flex;align-items:center;gap:20px;background:#fff;padding:16px 20px;min-height:64px;color:var(--ink)}
.guest-review figcaption{font-size:12px;line-height:1.5;margin-top:10px}
.review-copy{padding-top:20px}
.guest-review blockquote{flex:0;margin-bottom:18px}
.review-summary-label{font-size:12px;font-weight:650;margin:0 0 6px}
.review-summary{font-size:16px;line-height:1.75;margin:0 0 22px;flex:1}
.island-comparison{padding-block:56px}
.island-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}
.island-options article{padding:28px;background:var(--surface)}
.island-options h3{font-size:23px}
.booking-product-photo{display:block;min-width:0}
.booking-product-photo img{width:100%;height:100%;object-fit:contain}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:40;display:flex;align-items:center;gap:10px;padding:15px 22px;border-radius:999px;background:#128c48;color:#fff;font-size:16px;font-weight:650;transition:transform .2s} /* taste-skill-ignore: genuinely floating contact control */
.whatsapp-float .icon{width:28px;height:28px}
.whatsapp-float:hover{transform:translateY(-3px);background:#087b3d}
body:has(dialog[open]) .whatsapp-float{visibility:hidden}
.site-footer{padding-bottom:90px}
@media(max-width:700px){.review-grid,.island-options{grid-template-columns:1fr}.review-photo img{height:260px}.review-shortcuts{justify-content:flex-start;gap:10px;padding-inline:0}.review-shortcuts>a{padding:12px;gap:8px}.platform-mark{font-size:17px;gap:8px}.platform-mark img{width:28px;height:28px}.whatsapp-float{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:12px 16px;font-size:14px}.island-options article{padding:24px}.booking-products .has-artwork .booking-product-photo{max-width:100%}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{transition:none}.whatsapp-float:hover{transform:none}}

@media(max-width:700px){.whatsapp-float{width:54px;height:54px;justify-content:center;padding:0}.whatsapp-float span{display:none}}
.review-photo>.platform-mark.viator{width:128px}

/* Authoritative FAQ library: category navigation and accessible disclosures. */
.faq-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:80px;padding-block:72px 96px;align-items:start}
.faq-sidebar{position:sticky;top:28px}
.faq-sidebar h2{font-size:26px;margin:0 0 24px}
.faq-sidebar nav>a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;font-size:14px;line-height:1.5}
.faq-sidebar nav>a:hover,.faq-sidebar nav>a:focus-visible{background:var(--surface)}
.faq-sidebar .icon{width:16px;height:16px;flex-shrink:0}
.faq-sidebar>p{margin:32px 0 4px;font-size:14px}
.faq-category{scroll-margin-top:32px;margin-bottom:56px}
.faq-category>h2{font-size:32px;margin:0 0 24px}
.official-faq{background:var(--card-paper,#fffcf6);margin-bottom:12px;scroll-margin-top:24px}
.official-faq h3{margin:0;font-family:var(--text);letter-spacing:0;line-height:1.5}
.faq-toggle{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;width:100%;text-align:left;background:transparent;color:inherit;border:0;padding:24px;font:500 17px/1.6 var(--text);cursor:pointer}
.faq-toggle .icon{width:22px;height:22px;flex-shrink:0;margin-top:3px;transition:transform .2s}
.faq-toggle[aria-expanded=true] .icon{transform:rotate(45deg)}
.faq-toggle:hover{color:#426660}
.faq-answer{padding:0 24px 28px;font-size:16px;line-height:1.8;max-width:75ch}
.faq-answer[hidden]{display:none}
.faq-answer p{margin:0 0 18px}
.faq-answer h4{font:600 18px/1.5 var(--text);letter-spacing:0;margin:24px 0 12px}
.faq-answer ul{padding-left:24px;margin:0 0 20px}
.faq-answer a:not(.button){text-decoration:underline;text-underline-offset:4px}
.faq-answer .review-shortcuts{justify-content:flex-start;padding:0;margin:24px 0}
.faq-answer .review-shortcuts>a{background:var(--paper);gap:12px}
.faq-updated{font-size:13px;margin:0}
.faq-page .page-hero p{max-width:70ch}
@media(max-width:1000px){.faq-layout{grid-template-columns:210px minmax(0,1fr);gap:32px}.faq-toggle{padding:20px}.faq-answer{padding:0 20px 24px}}
@media(max-width:700px){.faq-layout{grid-template-columns:1fr;gap:40px;padding-block:40px 56px}.faq-sidebar{position:static}.faq-sidebar nav{display:flex;flex-wrap:wrap;gap:8px}.faq-sidebar h2{width:100%;margin-bottom:10px}.faq-sidebar nav>a{padding:10px 12px;background:var(--surface);font-size:13px}.faq-sidebar nav>a .icon{display:none}.faq-sidebar>p,.faq-sidebar>.text-link{display:none}.faq-category>h2{font-size:28px}.faq-toggle{font-size:16px;gap:14px}.faq-category{margin-bottom:40px}.official-faq h3{font-size:16px}.faq-answer{font-size:15px}}
@media(prefers-reduced-motion:reduce){.faq-toggle .icon{transition:none}}
.faq-page .page-hero p{font-size:18px;line-height:1.7}
.whatsapp-float{background:#087b3d}
@media(prefers-reduced-motion:no-preference){.faq-page .page-hero>img{animation:faq-coast-drift 10s ease-out both}@keyframes faq-coast-drift{from{transform:scale(1.035)}to{transform:scale(1)}}}
.faq-page .page-hero{overflow:clip}

/* Persistent bilingual navigation. Flags identify languages alongside readable labels. */
.language-switcher{display:flex;align-items:center;gap:6px;margin-left:auto}
.language-switcher>a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 8px;color:#fff;font-size:12px;line-height:1}
.language-switcher img{display:block;width:24px;height:16px;object-fit:cover}
.language-switcher a[aria-current=page]{background:#254c55}
.language-switcher a:hover{background:#37616a}
html[lang=es] .desktop-nav{gap:22px}
html[lang=es] .hero-content h1{font-size:clamp(40px,5vw,72px)}
html[lang=es] .detail-heading h1{font-size:clamp(34px,4.4vw,64px)}
@media(max-width:700px){.announcement{gap:8px;flex-wrap:wrap}.announcement>span{display:none}.language-switcher{margin-left:0;margin-right:auto}.announcement>a{font-size:11px}.language-switcher>a{min-height:40px}.header-actions .button{padding-inline:16px}html[lang=es] .hero-content h1{font-size:clamp(38px,9vw,54px)}}
@media(min-width:701px) and (max-width:1000px){.whatsapp-float{right:12px;bottom:16px;width:48px;height:48px;padding:0;justify-content:center}.whatsapp-float span{display:none}}