:root {
  --navy: #191919;
  --navy-deep: #0c0c0c;
  --gold: #7d6a4d;
  --teal: #1b6662;
  --ivory: #ffffff;
  --sand: #ffffff;
  --ink: #243247;
  --muted: #535b65;
  --white: #ffffff;
  --serif: "Cormorant Garamond", "Noto Serif JP", Georgia, serif;
  --sans: "Noto Sans JP", Arial, sans-serif;
  --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ivory); color: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.75; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.button:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 4px;
}
.hidden { display: none; }
.container { width: min(calc(100% - 48px), var(--max)); margin-inline: auto; }
.section { padding: clamp(76px, 8vw, 112px) 0; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 100; background: var(--white); color: var(--navy); padding: 10px 16px; }
.skip-link:focus { top: 12px; }

.eyebrow { margin: 0 0 20px; color: var(--muted); font-size: .68rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow.light { color: rgba(255,255,255,.62); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { color: var(--navy); font-family: var(--serif); line-height: 1.3; }
h1, h2 { font-weight: 400; letter-spacing: -.012em; }
h1 { margin-bottom: 28px; color: var(--white); font-size: clamp(3.2rem, 7.5vw, 7rem); }
h2 { margin-bottom: 28px; font-size: clamp(2.35rem, 4.8vw, 4.6rem); }
h3 { font-size: 1.35rem; font-weight: 500; letter-spacing: -.01em; }
.lead { font-family: var(--serif); font-size: clamp(1.25rem, 2.3vw, 1.8rem); line-height: 1.65; }
.section-heading { max-width: 700px; margin-bottom: 54px; }
.section-heading.centered { margin-inline: auto; text-align: center; }
.section-heading > p:last-child { color: var(--muted); }

.site-header { position: absolute; top: 0; left: 0; right: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; min-height: 94px; padding: 0 clamp(24px, 5vw, 76px); border-bottom: 1px solid rgba(255,255,255,.2); color: var(--white); }
.logo { display: inline-flex; align-items: center; flex: 0 0 auto; }
.logo img { display: block; width: clamp(205px, 20vw, 290px); height: auto; aspect-ratio: 70 / 13; object-fit: contain; }
.site-nav { display: flex; align-items: center; gap: clamp(16px, 2.4vw, 34px); font-size: .78rem; letter-spacing: .04em; }
.site-nav a { position: relative; }
.site-nav a:not(.nav-cta)::after { content: ""; position: absolute; left: 0; bottom: -6px; width: 0; height: 1px; background: var(--gold); transition: width .25s ease; }
.site-nav a:hover::after, .site-nav a:focus-visible::after { width: 100%; }
.nav-cta { padding: 11px 18px; border: 1px solid rgba(255,255,255,.6); }
.menu-button { display: none; width: 44px; height: 44px; padding: 10px; border: 0; background: transparent; }
.menu-button span { display: block; height: 1px; margin: 6px 0; background: var(--white); }

.hero { position: relative; display: flex; align-items: center; min-height: 92vh; overflow: hidden; background: var(--navy); color: var(--white); }
.hero-slides, .hero-slide, .hero-wash { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-slide { opacity: 0; transform: scale(1); transition: opacity 1.4s ease; }
.hero-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-slide-lookout img { object-position: center 49%; }
.hero-slide.active { opacity: 1; animation: hero-settle 6s ease-out forwards; }
@keyframes hero-settle {
  from { transform: scale(1); }
  to { transform: scale(1.06); }
}
.hero-wash { background: linear-gradient(90deg, rgba(10,29,50,.9) 0%, rgba(16,42,73,.66) 42%, rgba(16,42,73,.08) 78%), linear-gradient(0deg, rgba(8,23,40,.34), transparent 50%); }
.hero-content { position: relative; z-index: 2; width: min(88%, var(--max)); margin: 90px auto 0; }
.hero-message { opacity: 1; transition: opacity .28s ease, transform .28s ease; }
.hero-message.changing { opacity: 0; transform: translateY(5px); }
.hero-message h1 { white-space: pre-line; }
.hero-lead { max-width: 650px; margin-bottom: 38px; color: rgba(255,255,255,.88); font-family: var(--serif); font-size: clamp(1.12rem, 2vw, 1.55rem); }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 25px; border: 0; cursor: pointer; font-size: .82rem; font-weight: 600; letter-spacing: .06em; }
.button-gold { background: var(--gold); color: var(--white); }
.button-gold:hover { background: #6c450f; }
.button-teal { background: var(--teal); color: var(--white); }
.button-teal:hover { background: #00565c; }
.text-link { font-size: .83rem; }
.text-link span { margin-left: 8px; }
.text-link.light { color: rgba(255,255,255,.88); }
.hero-note { position: absolute; right: clamp(24px, 5vw, 76px); bottom: 38px; z-index: 2; display: flex; align-items: center; gap: 14px; font-family: var(--serif); font-size: .72rem; letter-spacing: .08em; }
.hero-note .rule { width: 52px; height: 1px; background: var(--gold); }
.trust-bar { border-bottom: 1px solid #ddd5c8; background: var(--white); }
.trust-bar-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.trust-bar p { display: grid; gap: 3px; margin: 0; padding: 22px 24px; border-right: 1px solid #e6dfd4; }
.trust-bar p:first-child { padding-left: 0; }
.trust-bar p:last-child { border-right: 0; }
.trust-bar strong { color: var(--navy); font-family: var(--serif); font-size: .94rem; font-weight: 500; }

/* Staging-only editorial compression: let the initial visit answer the essential
   questions, then keep supporting depth available without making phone visitors
   pass every section before they can inquire. */
.quick-decision { padding: clamp(54px, 7vw, 82px) 0; border-top: 1px solid rgba(23,42,73,.13); border-bottom: 1px solid rgba(23,42,73,.13); background: var(--white); }
.quick-decision-grid { display: grid; grid-template-columns: 1fr auto; gap: clamp(28px, 5vw, 72px); align-items: center; }
.quick-decision h2 { max-width: 620px; margin-bottom: 14px; font-size: clamp(2rem, 3.7vw, 3.55rem); }
.quick-decision-copy { max-width: 590px; margin: 0; color: var(--muted); font-size: .92rem; }
.quick-decision-price { padding-left: clamp(24px, 4vw, 48px); border-left: 1px solid rgba(23,42,73,.16); }
.quick-decision-price p, .quick-decision-price small { margin: 0; color: var(--muted); font-size: .73rem; line-height: 1.55; }
.quick-decision-price strong { display: block; margin: 5px 0 2px; color: var(--navy); font-family: var(--serif); font-size: clamp(2.45rem, 4vw, 3.7rem); font-weight: 400; line-height: 1; }
.quick-decision-price span { display: block; margin-bottom: 13px; color: var(--navy); font-family: var(--serif); font-size: .9rem; }
.quick-decision-actions { display: grid; gap: 17px; justify-items: start; }
.quick-decision-actions .text-link { border: 0; padding: 0; background: transparent; color: var(--navy); cursor: pointer; }
.quick-explore-button { width: 100%; text-align: center; }
.explore-editorial { padding: clamp(68px, 9vw, 112px) 0; overflow: hidden; background: var(--white); }
.explore-editorial-heading { display: grid; grid-template-columns: 1fr .72fr; gap: clamp(36px, 8vw, 118px); align-items: end; margin-bottom: 42px; }
.explore-editorial-heading h2 { margin-bottom: 0; font-size: clamp(2.2rem, 4.3vw, 4.1rem); }
.explore-editorial-heading > p { max-width: 450px; margin: 0 0 7px; color: var(--muted); font-family: var(--serif); font-size: 1.02rem; line-height: 1.7; }
.explore-showcase { display: block; }
.explore-showcase-window { overflow: hidden; }
.explore-showcase-track { display: grid; grid-auto-columns: 100%; grid-auto-flow: column; gap: 0; transition: transform .55s cubic-bezier(.22,.8,.24,1); }
.explore-showcase-card { position: relative; display: block; min-height: min(62vw, 630px); padding: 0; overflow: hidden; border: 0; background: var(--navy); color: var(--white); cursor: pointer; text-align: left; }
.explore-showcase-card img { width: 100%; height: 100%; min-height: min(62vw, 630px); object-fit: cover; opacity: 1; transition: transform .7s ease; }
.explore-showcase-card:nth-child(2) img { object-position: center 43%; }
.explore-showcase-card:nth-child(4) img { object-position: center 48%; }
.explore-showcase-card::after { display: none; }
.explore-showcase-card span { position: absolute; inset: auto 24px 22px; z-index: 1; display: grid; gap: 5px; }
.explore-showcase-card span { display: none; }
.explore-showcase-card small { color: #e4bf82; font-size: .65rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.explore-showcase-card strong { font-family: var(--serif); font-size: clamp(1.2rem, 1.8vw, 1.55rem); font-weight: 400; line-height: 1.3; }
.explore-showcase-card i { color: #b5e1df; font-size: .72rem; font-style: normal; font-weight: 600; letter-spacing: .04em; }
.explore-showcase-card.is-centered { z-index: 1; }
.explore-showcase-card:hover img, .explore-showcase-card:focus-visible img { transform: scale(1.06); opacity: 1; }
.explore-showcase-arrow { display: grid; place-items: center; width: 46px; height: 46px; padding: 0; border: 1px solid rgba(23,42,73,.3); border-radius: 50%; background: transparent; color: var(--navy); cursor: pointer; font-size: 1.12rem; transition: background .2s ease, color .2s ease; }
.explore-showcase-arrow:hover, .explore-showcase-arrow:focus-visible { background: var(--navy); color: var(--white); }
.explore-showcase-frame { display: grid; grid-template-columns: .38fr .78fr 1.1fr auto; gap: 28px; align-items: center; margin-top: 0; padding: 30px 34px; border: 1px solid rgba(25,25,25,.16); border-top: 0; background: var(--white); }
.explore-showcase-frame p { margin: 0; }
#explore-showcase-kicker { color: var(--muted); font-size: .68rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
#explore-showcase-title { margin: 0; font-size: clamp(2rem, 3vw, 3rem); }
#explore-showcase-copy { color: var(--ink); font-family: var(--serif); font-size: 1.08rem; line-height: 1.5; }
.explore-showcase-frame .text-link { color: var(--teal); white-space: nowrap; }
.explore-showcase-controls { display: grid; grid-template-columns: auto 1fr auto auto; gap: 18px; align-items: center; margin-top: 20px; color: var(--navy); font-size: .72rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.explore-showcase-controls button { padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; font-size: inherit; font-weight: inherit; letter-spacing: inherit; text-transform: inherit; }
.explore-showcase-controls button:disabled { opacity: .34; cursor: default; }
.explore-showcase-progress { height: 1px; background: rgba(23,42,73,.2); }
.explore-showcase-progress i { display: block; width: 40%; height: 2px; background: var(--navy); transition: width .45s ease, transform .45s ease; }
#explore-showcase-page { min-width: 34px; text-align: right; }
.homepage-disclosure { border-bottom: 1px solid rgba(23,42,73,.13); background: var(--ivory); }
.homepage-disclosure > summary { display: none; }
.homepage-disclosure > summary::-webkit-details-marker { display: none; }
.host-profile { position: relative; transition: transform .28s ease, box-shadow .28s ease; }
.host-profile-photo { overflow: hidden; }
.host-profile-photo-trigger { display: block; width: 100%; padding: 0; border: 0; cursor: pointer; }
.host-profile-photo img { transition: transform .42s ease, filter .42s ease; }
@media (hover: hover) and (pointer: fine) {
  .host-profile:hover, .host-profile:focus-within { z-index: 2; transform: translateY(-10px) scale(1.035); box-shadow: 0 18px 34px rgba(16,32,58,.25); }
  .host-profile:hover .host-profile-photo img, .host-profile:focus-within .host-profile-photo img { transform: scale(1.08); filter: saturate(1.06) contrast(1.02); }
}
.trust-bar span { color: var(--muted); font-size: .74rem; }
.hero-controls { position: absolute; left: max(6%, calc((100% - var(--max))/2)); bottom: 36px; z-index: 3; display: flex; align-items: center; gap: 14px; }
.hero-arrow { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; background: rgba(10,29,50,.16); color: var(--white); cursor: pointer; }
.hero-arrow:hover, .hero-arrow:focus-visible { border-color: var(--gold); color: #e4bf82; }
.hero-dots { display: flex; align-items: center; gap: 8px; }
.hero-dots button { width: 22px; height: 12px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.hero-dots button::after { content: ""; display: block; width: 100%; height: 1px; background: rgba(255,255,255,.45); transition: background .25s ease, height .25s ease; }
.hero-dots button.active::after { height: 2px; background: var(--gold); }

.intro-grid { display: grid; grid-template-columns: .82fr .78fr 1.12fr; gap: clamp(30px, 5vw, 72px); align-items: center; }
.intro-compact { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(38px, 7vw, 92px); align-items: center; }
.intro-compact .intro-copy { padding-top: 0; }
.intro-photo { margin: 0; overflow: hidden; background: var(--sand); }
.intro-photo img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 48%; filter: brightness(.98) contrast(.98) saturate(.9); }
.intro-copy { padding-top: 45px; }
.intro-copy > p:last-child { color: var(--muted); }
.host-values { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 76px; border-top: 1px solid #d9d2c5; border-bottom: 1px solid #d9d2c5; }
.host-values article { display: grid; grid-template-columns: 34px 1fr; gap: 18px; padding: 30px 28px; border-right: 1px solid #d9d2c5; }
.host-values article:first-child { padding-left: 0; }
.host-values article:last-child { border-right: 0; }
.host-values span, .card-number { padding-top: 4px; color: var(--teal); font-size: .72rem; letter-spacing: .12em; }
.host-values h3 { margin: 0 0 8px; font-size: 1.18rem; }
.host-values p { margin: 0; color: var(--muted); font-size: .86rem; }
.host-values-compact { margin-top: 46px; }
.host-values-compact article { display: block; padding: 24px 28px; }
.host-values-compact article:first-child { padding-left: 0; }
.host-values-compact h3 { margin-bottom: 5px; font-size: 1rem; }
.host-values-compact p { font-size: .82rem; line-height: 1.55; }
.credibility-line { margin-top: 28px; color: var(--muted); font-family: var(--serif); font-size: .93rem; text-align: center; }

.occasions { position: relative; overflow: hidden; background: var(--white); }
.occasions::before { content: ""; position: absolute; top: -210px; right: -120px; width: 520px; height: 420px; border: 1px solid rgba(196,147,73,.19); border-radius: 50%; transform: rotate(-16deg); pointer-events: none; }
.occasions::after { content: ""; position: absolute; top: -175px; right: -80px; width: 430px; height: 350px; border: 1px solid rgba(196,147,73,.11); border-radius: 50%; transform: rotate(-16deg); pointer-events: none; }
.occasions-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(44px, 9vw, 120px); align-items: start; }
.occasions h2 { margin-bottom: 0; }
.occasions-copy { max-width: 690px; padding-top: 8px; }
.occasions-copy .lead { margin-bottom: 22px; color: var(--navy); }
.occasions-copy > p:not(.lead) { max-width: 610px; margin-bottom: 0; color: var(--muted); }
.occasions-ja { max-width: 610px; margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(23,42,73,.16); color: var(--navy); font-family: var(--serif); font-size: .98rem; line-height: 1.85; }
.occasions-ja p { margin-bottom: 10px; }
.occasions-ja p:last-child { margin-bottom: 0; }
.occasions-actions { margin-top: 30px; }

.situations { --gold: rgba(255,255,255,.86); --teal: #ffffff; --muted: rgba(255,255,255,.62); overflow: hidden; background: var(--navy-deep); color: rgba(255,255,255,.76); }
.situations-heading { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(44px, 9vw, 120px); align-items: end; margin-bottom: 62px; }
.situations-heading h2 { margin-bottom: 0; color: var(--white); }
.situations-heading .lead { margin-bottom: 0; color: rgba(255,255,255,.68); }
.situation-stories { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.situation-story { display: grid; grid-template-rows: auto 1fr; min-height: 0; background: rgba(255,255,255,.045); }
.situation-image { aspect-ratio: 16 / 11; min-height: 0; overflow: hidden; }
.situation-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }
.situation-story:nth-child(1) .situation-image img { object-position: 50% 48%; }
.situation-story:nth-child(2) .situation-image img { object-position: 50% 36%; }
.situation-story:nth-child(3) .situation-image img { object-position: 50% 55%; }
.situation-story:hover .situation-image img { transform: scale(1.025); }
.situation-copy { display: flex; flex-direction: column; padding: 26px 26px 30px; border-top: 2px solid var(--gold); }
.situation-number { color: var(--gold); font-family: var(--serif); font-size: 2.5rem; line-height: 1; opacity: .85; }
.situation-copy .eyebrow { margin: 14px 0 8px; }
.situation-copy h3 { max-width: 480px; margin-bottom: 12px; color: var(--white); font-size: clamp(1.35rem, 2vw, 1.75rem); }
.situation-copy > p:not(.eyebrow) { max-width: 520px; }
.situation-detail { margin: auto 0 0; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.15); color: rgba(255,255,255,.58); font-size: .82rem; }
.situation-accordion { border-top: 1px solid rgba(255,255,255,.22); }
.situation-option { border-bottom: 1px solid rgba(255,255,255,.22); }
.situation-option summary { display: flex; min-height: 92px; align-items: center; justify-content: space-between; gap: 22px; cursor: pointer; color: var(--white); font-family: var(--serif); font-size: clamp(1.3rem, 2.2vw, 1.72rem); list-style: none; transition: color .2s ease, background .2s ease; }
.situation-option summary::-webkit-details-marker { display: none; }
.situation-option summary span { display: inline-flex; align-items: center; gap: 18px; }
.situation-option summary b { color: var(--gold); font-size: .75rem; font-weight: 600; letter-spacing: .12em; }
.situation-option summary i { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.42); border-radius: 50%; color: var(--teal); font-family: var(--sans); font-size: 1.35rem; font-style: normal; font-weight: 300; line-height: 1; transition: transform .25s ease, background .25s ease, color .25s ease; }
.situation-option[open] summary { color: var(--white); }
.situation-option[open] summary i { background: var(--white); color: var(--navy-deep); font-size: 0; }
.situation-option[open] summary i::after { content: "−"; font-size: 1.35rem; line-height: 1; }
.situation-option > div { display: grid; grid-template-columns: minmax(170px, 28%) 1fr; gap: 28px; align-items: center; max-width: 870px; padding: 0 0 34px; }
.situation-option img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; filter: saturate(.88) contrast(1.03); }
.situation-option:nth-child(1) img { object-position: center 48%; }
.situation-option:nth-child(2) img { object-position: center 36%; }
.situation-option:nth-child(3) img { object-position: center 55%; }
.situation-option p { max-width: 610px; margin: 0; color: rgba(255,255,255,.7); font-family: var(--serif); font-size: 1rem; line-height: 1.75; }
.situation-option p strong { display: block; margin-bottom: 4px; color: var(--white); font-weight: 500; }
.plan-options { margin-top: 42px; border-top: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
.plan-options summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 76px; cursor: pointer; color: var(--white); font-family: var(--serif); font-size: 1.28rem; list-style: none; }
.plan-options summary::-webkit-details-marker { display: none; }
.plan-options summary span:last-child { color: var(--teal); font-family: var(--sans); font-size: .69rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.plan-options[open] summary b { display: inline-block; transform: rotate(180deg); }
.plan-options-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,.14); }
.plan-options-grid article { min-height: 160px; padding: 24px 22px 28px; border-right: 1px solid rgba(255,255,255,.14); }
.plan-options-grid article:last-child { border-right: 0; }
.plan-options-grid span { color: var(--gold); font-family: var(--serif); font-size: 1.55rem; }
.plan-options-grid h3 { margin: 9px 0 7px; color: var(--white); font-size: 1.08rem; }
.plan-options-grid p { margin: 0; color: rgba(255,255,255,.64); font-size: .8rem; line-height: 1.6; }
.situations-close { display: flex; align-items: baseline; justify-content: center; gap: 18px; margin-top: 58px; padding-top: 26px; border-top: 1px solid rgba(255,255,255,.16); text-align: center; }
.situations-close p { margin: 0; }
.situations-close p:last-child { font-size: .88rem; }

.image-statement { position: relative; min-height: 600px; }
.image-statement > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 52%; }
.image-statement::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,27,48,.72), rgba(10,27,48,.06)); }
.image-statement-copy { position: absolute; left: max(6%, calc((100% - var(--max))/2)); top: 50%; z-index: 2; transform: translateY(-50%); color: var(--white); }
.image-statement blockquote { max-width: 720px; margin: 0; font-family: var(--serif); font-size: clamp(2.3rem, 5.5vw, 5.1rem); line-height: 1.32; }

.how { background: var(--white); }
.how { padding: 76px 0; }
.how .section-heading { margin-bottom: 0; }
.how .section-heading h2 { font-size: clamp(2.15rem, 3.65vw, 3.55rem); }
.how .section-heading > p:last-child { margin-bottom: 0; }
.how-steps-disclosure > summary { display: none; }
.how-steps-content { display: block; }
.process-path { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(28px, 4vw, 52px); margin-top: 34px; }
.process-path::before { content: ""; position: absolute; top: 29px; left: 6%; right: 6%; height: 1px; background: var(--sand); }
.process-path article { position: relative; z-index: 1; padding-right: clamp(0px, 1.5vw, 18px); }
.step-number { display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 20px; border: 1px solid var(--gold); border-radius: 50%; background: var(--white); color: var(--gold); font-family: var(--serif); font-size: 1.2rem; }
.process-path h3 { margin-bottom: 7px; font-size: 1.3rem; }
.process-path p { max-width: 330px; color: var(--muted); }
.journey-example { margin-top: 76px; padding: clamp(34px, 5vw, 60px); background: #f1ece2; }
.journey-intro { display: grid; grid-template-columns: .6fr 1.2fr 1fr; gap: 34px; align-items: start; }
.journey-intro h3 { margin: 0; font-size: clamp(1.55rem, 2.6vw, 2.25rem); }
.journey-intro > p:last-child { margin: 0; color: var(--muted); font-size: .88rem; }
.journey-route { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin: 44px 0 0; padding: 0; list-style: none; }
.journey-route li { position: relative; padding: 22px 20px 0 0; border-top: 2px solid var(--gold); color: var(--navy); font-family: var(--serif); font-size: .92rem; }
.journey-route li:not(:last-child)::after { content: "→"; position: absolute; top: 18px; right: 0; color: var(--teal); font-family: var(--sans); }
.journey-route span { display: block; margin-bottom: 10px; color: var(--teal); font-family: var(--sans); font-size: .68rem; letter-spacing: .1em; }
.journey-note { margin: 30px 0 0; color: var(--muted); font-size: .76rem; text-align: center; }
.mid-cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 36px; padding: 22px 0; border-top: 1px solid var(--sand); border-bottom: 1px solid var(--sand); }
.mid-cta .eyebrow { margin-bottom: 5px; }
.mid-cta h3 { margin-bottom: 0; font-size: clamp(1.2rem, 1.8vw, 1.55rem); }
.button-outline { flex: 0 0 auto; border: 1px solid var(--navy); background: transparent; color: var(--navy); }
.button-outline:hover { background: var(--navy); color: var(--white); }

.editorial-service { background: var(--white); }
.service-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: clamp(50px, 8vw, 110px); align-items: center; }
.service-photo { position: relative; }
.service-photo::before { content: ""; position: absolute; left: -18px; bottom: -18px; width: 70%; height: 70%; border: 1px solid var(--gold); }
.service-photo img { position: relative; aspect-ratio: 4/3; width: 100%; object-fit: cover; }
.photo-caption { position: relative; margin: 18px 0 0; color: var(--muted); font-family: var(--serif); font-size: .82rem; line-height: 1.65; }
.check-list { margin: 36px 0; padding: 0; list-style: none; }
.check-list li { position: relative; padding: 16px 0 16px 30px; border-bottom: 1px solid #ddd6ca; }
.check-list li::before { content: ""; position: absolute; left: 0; top: 28px; width: 12px; height: 1px; background: var(--teal); }
.scope-note { padding: 20px 22px; border-left: 2px solid var(--gold); background: var(--white); color: var(--muted); font-size: .82rem; }
.scope-note strong { color: var(--navy); }

.hosts { --gold: #e1b96f; --teal: #80d3d8; --muted: #a8b1bb; background: var(--navy-deep); color: rgba(255,255,255,.76); }
.founder-trust { --gold: #e1b96f; --teal: #80d3d8; --muted: #a8b1bb; padding-block: clamp(48px, 6vw, 78px); background: var(--navy-deep); color: rgba(255,255,255,.76); }
.hosts-heading { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(44px, 8vw, 105px); align-items: start; margin-bottom: 54px; }
.hosts-heading h2 { margin-bottom: 0; color: var(--white); }
.hosts-heading h2 { font-size: clamp(2.2rem, 4.15vw, 3.85rem); }
.hosts-entry-link { margin-top: 0; margin-bottom: 0; padding: 24px 0; }
.hosts-entry-link a { display: inline-flex; align-items: center; gap: 10px; color: var(--teal); font-family: var(--serif); font-size: 1.2rem; font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }
.hosts-entry-link span { font-family: var(--sans); font-size: 1.1rem; text-decoration: none; }
.hosts-heading .lead { margin-bottom: 16px; color: var(--white); }
.hosts-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(310px, .55fr); gap: 32px; align-items: start; }
.hosts-layout .host-profile-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 0; }
.hosts-layout { display: block; }
.hosts-layout .host-profile-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.host-profile-drawer { min-height: 100%; padding: 30px; border-top: 1px solid var(--gold); background: rgba(255,255,255,.06); }
.host-profile-drawer { display: none; }
.host-profile-drawer h3 { margin: 0 0 12px; color: var(--white); font-size: clamp(1.7rem, 2.6vw, 2.35rem); font-weight: 400; }
.host-profile-drawer > p:last-child { margin: 0; color: rgba(255,255,255,.7); font-family: var(--serif); font-size: .95rem; line-height: 1.72; }
.host-profile-drawer.is-populated { display: grid; grid-template-rows: auto auto auto 1fr; }
.host-profile-drawer figure { margin: 0 0 22px; overflow: hidden; background: var(--navy); }
.host-profile-drawer figure img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.host-profile-drawer .host-profile-drawer-role { margin: 0 0 16px; color: var(--gold); font-size: .68rem; font-weight: 600; letter-spacing: .12em; line-height: 1.5; text-transform: uppercase; }
.hosts-heading > div:last-child > p:last-child { margin-bottom: 0; color: rgba(255,255,255,.66); }
.host-tap-hint { margin: 4px 0 0; color: rgba(255,255,255,.68) !important; font-size: .74rem; letter-spacing: .03em; }
.featured-host { display: grid; grid-template-columns: minmax(240px, 34%) minmax(0, 66%); height: auto; min-height: 420px; max-height: none; align-items: stretch; border: 1px solid rgba(255,255,255,.13); border-top: 2px solid var(--gold); background: rgba(255,255,255,.045); }
.featured-host-photo { position: relative; height: auto; min-height: 0; margin: 0; overflow: hidden; background: var(--navy); }
.featured-host-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; filter: saturate(.86) contrast(1.035) brightness(.98); }
.featured-host-copy { display: flex; flex-direction: column; justify-content: center; max-width: 760px; padding: 32px clamp(28px, 3.5vw, 44px); }
.featured-host-copy h3 { margin-bottom: 6px; color: var(--white); font-size: clamp(2.25rem, 4vw, 3.7rem); font-weight: 400; }
.featured-host-role { margin-bottom: 18px; color: var(--gold); font-size: .72rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.featured-host-intro { margin-bottom: 0; color: rgba(255,255,255,.76); font-family: var(--serif); font-size: clamp(.9rem, 1.08vw, 1rem); line-height: 1.48; }
.host-profile-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; margin-top: 36px; }
.host-profile { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border-top: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.05); }
.host-profile-photo { position: relative; overflow: hidden; aspect-ratio: 4 / 5; background: var(--navy); }
.host-profile-photo img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82) contrast(1.025); }
.host-profile[data-host="yoko"] .host-profile-photo img { object-position: 50% 38%; }
.host-profile[data-host="may"] .host-profile-photo img { object-position: 50% 39%; transform: scale(1.12); }
.host-profile[data-host="yukari"] .host-profile-photo img { object-position: 50% 35%; }
.host-profile[data-host="kenji"] .host-profile-photo img { object-position: 50% 36%; filter: brightness(1.06) saturate(.82) contrast(1.025); }
.host-profile[data-host="kazuo"] .host-profile-photo img { object-position: 50% 43%; filter: brightness(1.08) saturate(.82) contrast(1.025); }
.host-profile[data-host="david"] .host-profile-photo img { object-position: 50% 39%; }
.host-profile-trigger { display: flex; width: 100%; min-height: 48px; align-items: center; justify-content: space-between; padding: 11px 13px; border: 0; background: rgba(255,255,255,.055); color: var(--white); cursor: pointer; font-family: var(--serif); font-size: .88rem; line-height: 1.35; text-align: left; }
.host-profile-trigger span { margin-left: 10px; color: rgba(255,255,255,.82); }
.host-profile-trigger .host-card-plus { display: grid; place-items: center; width: 24px; height: 24px; margin-left: 10px; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; color: var(--white); font-family: var(--sans); font-size: 1.1rem; font-weight: 300; line-height: 1; }
.host-profile-trigger:hover .host-card-plus, .host-profile-trigger[aria-expanded="true"] .host-card-plus { border-color: var(--white); background: var(--white); color: var(--navy-deep); }
.host-profile.is-expanded { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(240px, 34%) minmax(0, 1fr); grid-template-rows: 1fr auto; border-top: 1px solid rgba(255,255,255,.6); background: rgba(255,255,255,.07); }
.host-profile.is-expanded .host-profile-photo { grid-column: 1; grid-row: 1; aspect-ratio: auto; min-height: 330px; }
.host-profile.is-expanded .host-profile-trigger { grid-column: 1; grid-row: 2; }
.host-profile-expanded { display: flex; grid-column: 2; grid-row: 1 / span 2; flex-direction: column; justify-content: center; padding: 42px clamp(32px, 5vw, 72px); }
.host-profile-expanded .eyebrow { margin-bottom: 12px; }
.host-profile-expanded h3 { margin: 0 0 10px; color: var(--white); font-size: clamp(2.5rem, 4vw, 4.1rem); font-weight: 400; }
.host-profile-expanded .host-profile-expanded-role { margin: 0 0 23px; color: rgba(255,255,255,.68); font-size: .7rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.host-profile-expanded > p:last-child { max-width: 620px; margin: 0; color: rgba(255,255,255,.8); font-family: var(--serif); font-size: 1.08rem; line-height: 1.65; }
.host-profile-trigger:hover { background: rgba(255,255,255,.12); color: var(--white); }
.host-matching-note { position: static; margin: 28px 0 0; color: rgba(255,255,255,.58); font-family: var(--serif); font-size: .82rem; line-height: 1.65; }

body.profile-panel-open { overflow: hidden; }
body.profile-panel-open .whatsapp-float,
body.hosts-in-view .whatsapp-float,
body.contact-in-view .whatsapp-float { visibility: hidden; opacity: 0; pointer-events: none; }
.host-profile-panel:not([open]) { display: none; }
.host-profile-panel[open] { display: block; }
.host-profile-panel { --gold: #e1b96f; --teal: #80d3d8; --muted: #a8b1bb; width: min(920px, calc(100% - 32px)); max-height: calc(100dvh - 32px); padding: 0; overflow: auto; border: 0; border-top: 2px solid var(--gold); border-radius: 0; background: var(--navy-deep); color: var(--navy); box-shadow: 0 18px 58px rgba(3,12,24,.38); }
.host-profile-panel::backdrop { background: rgba(5,17,30,.84); backdrop-filter: blur(2px); }
.host-profile-panel-layout { display: grid; grid-template-columns: 40% 60%; min-height: min(540px, calc(100dvh - 34px)); }
.host-profile-panel-photo { min-height: 100%; margin: 0; overflow: hidden; background: var(--navy); }
.host-profile-panel-photo img { width: 100%; height: 100%; min-height: 100%; object-fit: contain; object-position: 50% 50%; background: var(--navy); filter: saturate(.86) contrast(1.025) brightness(.98); }
.host-profile-panel-copy { position: relative; display: flex; flex-direction: column; justify-content: center; padding: clamp(46px, 6vw, 72px); background: var(--ivory); }
.host-profile-panel-copy .eyebrow { margin-bottom: 14px; color: #8a692d; }
.host-profile-panel-copy h2 { margin-bottom: 10px; color: var(--navy); font-family: var(--serif); font-size: clamp(2.6rem, 4.8vw, 4.3rem); font-weight: 400; }
.host-profile-panel-role { margin-bottom: 26px; color: #806126; font-size: .68rem; font-weight: 600; letter-spacing: .1em; line-height: 1.5; text-transform: uppercase; }
.host-profile-panel-copy > p:last-child { max-width: 570px; margin-bottom: 0; color: var(--muted); font-family: var(--serif); font-size: 1rem; line-height: 1.78; }
.host-profile-panel-close { position: absolute; top: 14px; right: 14px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: var(--navy); cursor: pointer; font-size: 1.3rem; line-height: 1; }
.host-profile-panel-close:hover { color: #806126; }
#yokoProfileDialog .host-profile-panel-photo img { object-position: 50% 38%; }
#mayProfileDialog .host-profile-panel-photo img { object-position: 50% 39%; }
#yukariProfileDialog .host-profile-panel-photo img { object-position: 50% 35%; }
#kenjiProfileDialog .host-profile-panel-photo img { object-position: 50% 36%; }
#kazuoProfileDialog .host-profile-panel-photo img { object-position: 50% 43%; }
#davidProfileDialog .host-profile-panel-photo img { object-position: 50% 39%; }

.standard { --gold: #e1b96f; --teal: #80d3d8; --muted: #a8b1bb; background: var(--navy); color: rgba(255,255,255,.78); }
.standard-profile-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(48px, 8vw, 110px); align-items: center; }
.standard h2 { color: var(--white); }
.standard-photo { min-height: 600px; overflow: hidden; background: var(--navy-deep); }
.standard-photo img { width: 100%; height: 100%; min-height: 600px; object-fit: cover; object-position: 50% 40%; }

/* A restrained, shared treatment keeps mixed-source photography feeling cohesive
   while preserving the original files for future art direction. */
.hero-slide img,
.situation-image img,
.image-statement > img,
.service-photo img,
.standard-photo img,
.story-card img {
  filter: saturate(.92) contrast(1.035) brightness(.99);
}
.standard-photo img { filter: saturate(.86) contrast(1.04) brightness(.98); }
.standard-profile-copy .lead { margin-bottom: 18px; color: var(--white); }
.standard-pillars { display: grid; grid-template-columns: 1fr 1fr; margin: 28px 0; border-top: 1px solid rgba(255,255,255,.18); border-left: 1px solid rgba(255,255,255,.18); }
.standard-pillars span { padding: 15px 16px; border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); color: var(--white); font-family: var(--serif); font-size: .88rem; }
.standard-assignment { margin-bottom: 0; font-size: .88rem; }
.signature { margin: 40px 0 0; color: var(--white); font-family: var(--serif); font-size: 1.2rem; }
.signature span { display: block; margin-top: 7px; color: var(--gold); font-family: var(--sans); font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; }

.testimonials { padding-top: 88px; padding-bottom: 88px; background: #f1eee7; }
.testimonials-heading { max-width: 850px; }
.testimonials-heading h2 { font-size: clamp(2.15rem, 4.2vw, 3.65rem); }
.testimonials-heading > p:last-child { max-width: 680px; color: var(--muted); }
.testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 34px; }
.testimonial-card { display: grid; align-content: space-between; min-height: 240px; margin: 0; padding: 26px; border: 1px solid rgba(23,42,73,.08); border-top: 2px solid var(--gold); background: var(--white); box-shadow: 0 16px 42px rgba(23,42,73,.09); }
.testimonial-card blockquote { max-width: 760px; margin: 0; color: var(--navy); font-family: var(--serif); font-size: clamp(.96rem, 1.45vw, 1.08rem); font-style: italic; line-height: 1.68; }
.testimonial-card figcaption { margin-top: 22px; color: var(--teal); font-size: .68rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; }
.testimonial-slide { visibility: hidden; opacity: 0; transform: translateX(36px); pointer-events: none; transition: opacity .5s ease, transform .5s ease, visibility .5s; }
.testimonial-slide.active { visibility: visible; opacity: 1; transform: translateX(0); pointer-events: auto; }
.testimonial-controls { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 24px; }
.testimonial-arrow { display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border: 1px solid rgba(23,42,73,.22); border-radius: 50%; background: transparent; color: var(--navy); font-size: 1rem; transition: border-color .2s ease, background .2s ease, color .2s ease; }
.testimonial-arrow:hover, .testimonial-arrow:focus-visible { border-color: var(--navy); background: var(--navy); color: var(--white); }
.testimonial-dots { display: flex; align-items: center; gap: 9px; }
.testimonial-dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: rgba(23,42,73,.25); transition: width .25s ease, border-radius .25s ease, background .25s ease; }
.testimonial-dots button.active { width: 24px; border-radius: 6px; background: var(--teal); }
.testimonial-context { margin: 20px 0 0; color: var(--muted); font-size: .76rem; text-align: center; }

.pricing-intro { position: relative; overflow: hidden; padding-top: 44px; padding-bottom: 44px; border-top: 1px solid rgba(23,42,73,.12); border-bottom: 1px solid rgba(23,42,73,.12); background: var(--white); }
.pricing-intro::before { content: ""; position: absolute; top: 20px; right: 0; width: min(34vw, 480px); height: 1px; background: linear-gradient(90deg, transparent, rgba(196,147,73,.34)); pointer-events: none; }
.pricing-intro::after { content: ""; position: absolute; right: 7%; bottom: 17px; width: 54px; height: 54px; border-right: 1px solid rgba(196,147,73,.19); border-bottom: 1px solid rgba(196,147,73,.19); transform: rotate(45deg); pointer-events: none; }
.pricing-intro-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .62fr 1.38fr; gap: clamp(28px, 5vw, 64px); align-items: center; }
.pricing-heading h2 { margin: 0; font-size: clamp(1.65rem, 2.7vw, 2.35rem); }
.pricing-summary { display: grid; grid-template-columns: minmax(220px,.74fr) minmax(0,1.26fr); gap: 14px clamp(24px, 4vw, 48px); align-items: start; padding-left: clamp(24px, 4vw, 48px); border-left: 1px solid rgba(23,42,73,.16); }
.pricing-entry { grid-row: 1 / span 2; align-self: center; }
.pricing-kicker { margin-bottom: 7px; color: var(--teal); font-size: .66rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.pricing-amount { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; margin-bottom: 5px; color: var(--navy); }
.pricing-amount strong { font-family: var(--serif); font-size: clamp(2.7rem, 4.5vw, 4.2rem); font-weight: 400; line-height: .95; }
.pricing-entry .pricing-amount strong { font-size: clamp(2.4rem, 3.2vw, 3.1rem); white-space: nowrap; }
.pricing-amount span { color: var(--muted); font-family: var(--serif); font-size: .92rem; }
.pricing-duration { margin: 0; color: var(--navy); font-family: var(--serif); font-size: .92rem; }
.pricing-details { grid-column: 2; }
.pricing-details p { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.6; }
.pricing-note { margin-top: 8px !important; font-size: .68rem !important; }
.pricing-link { grid-column: 2; grid-row: 2; justify-self: start; color: var(--navy); white-space: nowrap; }

.payment-policy { padding: 54px 0; background: #f5f0e7; }
.payment-policy-card {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: clamp(38px, 6vw, 82px);
  padding: clamp(32px, 4.6vw, 58px);
  border: 1px solid rgba(154, 116, 59, .22);
  border-top-color: rgba(154, 116, 59, .7);
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 18px 44px rgba(23, 42, 73, .055);
}
.payment-policy-intro h2 { margin: 8px 0 18px; color: var(--navy); font-size: clamp(2rem, 3.5vw, 3.2rem); }
.payment-policy-intro > p:not(.eyebrow) { max-width: 600px; margin: 0 0 12px; color: #4f5967; font-family: var(--serif); font-size: .98rem; line-height: 1.65; }
.payment-policy-label { margin: 0 0 12px; color: var(--teal); font-size: .68rem; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.payment-policy-schedule { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; border-top: 1px solid rgba(23, 42, 73, .16); list-style: none; }
.payment-policy-schedule li { display: grid; gap: 4px; padding: 15px 14px 15px 0; border-bottom: 1px solid rgba(23, 42, 73, .12); }
.payment-policy-schedule li:nth-child(odd) { border-right: 1px solid rgba(23, 42, 73, .12); }
.payment-policy-schedule li:nth-child(even) { padding-left: 18px; }
.payment-policy-schedule span { color: var(--muted); font-size: .72rem; }
.payment-policy-schedule strong { color: var(--navy); font-family: var(--serif); font-size: 1rem; font-weight: 500; }
.payment-policy-note { margin: 15px 0 10px; color: var(--muted); font-size: .72rem; line-height: 1.55; }
.payment-policy-link { color: var(--navy); font-weight: 600; }

.story-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.inspiration .section-heading h2 { font-size: clamp(2.15rem, 4vw, 3.7rem); }
.story-card { background: var(--white); }
.story-card img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.story-card > div { padding: 30px; }
.story-card h3 { margin: 12px 0 16px; font-size: 1.55rem; line-height: 1.35; }
.story-card p:last-child { margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.65; }

.contact { --gold: #e1b96f; --teal: #80d3d8; --muted: #a8b1bb; background: var(--navy-deep); color: rgba(255,255,255,.76); }
.contact-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(48px, 7vw, 88px); align-items: start; }
.contact h2 { color: var(--white); }
.contact-details { display: grid; gap: 8px; margin-top: 35px; color: var(--white); font-family: var(--serif); font-size: 1rem; }
.contact-hours { max-width: 560px; margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.68); font-size: .8rem; line-height: 1.7; }
.contact-hours p { margin-bottom: 5px; }
.contact-hours p:last-child { margin-bottom: 0; }
.contact-hours strong { color: var(--white); font-weight: 600; }
.urgent-note { margin-top: 22px; font-size: .86rem; }
.urgent-note strong { color: var(--white); }
.hotel-contact-option { margin-top: 34px; padding: 24px 26px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.055); }
.booking-qualifier { margin: 30px 0; padding: 26px 28px; border: 1px solid rgba(196,147,73,.55); background: rgba(255,255,255,.06); }
.booking-qualifier h3 { margin: 7px 0 14px; color: var(--white); font-family: var(--serif); font-size: clamp(1.28rem, 2vw, 1.65rem); line-height: 1.45; }
.booking-qualifier h3 span { white-space: nowrap; font-family: var(--sans); font-size: .7em; font-weight: 400; }
.booking-qualifier p { margin-bottom: 12px; }
.quotation-checklist { display: grid; gap: 0; margin: 18px 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.14); }
.quotation-checklist li { display: grid; grid-template-columns: minmax(120px,.72fr) 1.28fr; gap: 18px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.quotation-checklist strong { color: var(--white); font-family: var(--serif); font-size: .84rem; font-weight: 500; }
.quotation-checklist span { color: rgba(255,255,255,.68); font-size: .78rem; line-height: 1.55; }
.booking-qualifier .qualifier-small { margin-bottom: 0; color: rgba(255,255,255,.6); font-size: .78rem; }
.hotel-contact-option .option-label { margin: 0 0 8px; color: var(--gold); font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.hotel-contact-option h3 { margin: 0 0 10px; color: var(--white); font-size: 1.18rem; font-weight: 400; }
.hotel-contact-option p { margin-bottom: 0; font-size: .88rem; }
.hotel-contact-option .japanese-help { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.88); font-family: var(--serif); line-height: 1.8; }
.transport-introduction { margin-top: 22px; overflow: hidden; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.045); }
.transport-introduction img { display: block; width: 100%; aspect-ratio: 16 / 8.5; object-fit: cover; object-position: 56% 60%; }
.transport-introduction-copy { padding: 21px 24px 23px; }
.transport-introduction .option-label { margin: 0 0 7px; color: var(--gold); font-size: .7rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.transport-introduction h3 { margin: 0 0 10px; color: var(--white); font-family: var(--serif); font-size: 1.2rem; font-weight: 400; line-height: 1.4; }
.transport-introduction-copy > p:not(.option-label) { margin: 0; font-size: .86rem; line-height: 1.65; }
.transport-introduction .transport-separation { margin-top: 11px; padding-top: 11px; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.58); font-size: .73rem; }
form { --gold: #795014; --teal: #00676e; --muted: #535b65; display: grid; grid-template-columns: 1fr 1fr; gap: 22px; padding: 38px; background: var(--ivory); color: var(--ink); }
.field { display: grid; gap: 7px; }
.field.full, .full, .form-note, .submit, .submit-reassurance { grid-column: 1 / -1; }
label { color: var(--navy); font-size: .78rem; font-weight: 600; letter-spacing: .04em; }
input, select, textarea { width: 100%; border: 0; border-bottom: 1px solid #cfc8bd; border-radius: 0; outline: 0; background: transparent; color: var(--ink); padding: 10px 2px; }
input:focus, select:focus, textarea:focus { border-color: var(--teal); }
textarea { min-height: 96px; resize: vertical; }
.factual-select select { min-height: 48px; padding: 11px 42px 11px 12px; border: 1px solid #cfc8bd; background-color: rgba(255,255,255,.42); background-image: linear-gradient(45deg, transparent 50%, var(--navy) 50%), linear-gradient(135deg, var(--navy) 50%, transparent 50%); background-position: calc(100% - 18px) 20px, calc(100% - 12px) 20px; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; appearance: none; }
.factual-select select:invalid { color: var(--muted); }
.factual-select select option { color: var(--ink); }
.form-preferences { margin-top: 4px; padding-top: 22px; border-top: 1px solid #d8d1c5; }
.form-preferences .form-section-label { margin: 0 0 5px; color: var(--gold); font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.form-preferences > p:last-child { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.6; }
.choice-group { min-width: 0; margin: 0; padding: 0; border: 0; }
.choice-group legend { width: 100%; margin-bottom: 5px; padding: 0; color: var(--navy); font-family: var(--serif); font-size: 1rem; font-weight: 600; line-height: 1.4; }
.choice-hint, .field-hint { margin: 0 0 11px; color: var(--muted); font-size: .74rem; line-height: 1.5; }
.field-hint { margin: 1px 0 0; }
.choice-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.choice-option { position: relative; display: block; min-width: 0; cursor: pointer; font-size: .76rem; font-weight: 500; letter-spacing: 0; line-height: 1.4; }
.choice-option input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; }
.choice-option span { display: flex; align-items: center; min-height: 48px; padding: 10px 13px; border: 1px solid #cfc8bd; background: rgba(255,255,255,.42); color: var(--navy); transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease; }
.choice-option span::before { content: ""; flex: 0 0 auto; width: 15px; height: 15px; margin-right: 10px; border: 1px solid #9d9488; border-radius: 50%; background: var(--white); box-shadow: inset 0 0 0 4px var(--white); }
.choice-option input[type="checkbox"] + span::before { border-radius: 3px; box-shadow: none; }
.choice-option:hover span { border-color: var(--gold); }
.choice-option input:checked + span { border-color: var(--gold); background: #f3eadb; color: var(--navy-deep); }
.choice-option input:checked + span::before { border-color: var(--gold); background: var(--gold); }
.choice-option input[type="checkbox"]:checked + span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8l3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 12px 12px; }
.choice-option input:focus-visible + span { outline: 3px solid rgba(196,147,73,.38); outline-offset: 2px; }
.message-field { margin-top: 2px; padding-top: 20px; border-top: 1px solid #d8d1c5; }
.message-field textarea { min-height: 112px; padding: 11px 12px; border: 1px solid #cfc8bd; background: rgba(255,255,255,.42); }
.form-note { margin: 3px 0 0; color: var(--muted); font-size: .76rem; }
.form-note a { text-decoration: underline; }
.consent-check { display: grid; grid-template-columns: 20px 1fr; gap: 11px; align-items: start; color: var(--muted); font-size: .76rem; font-weight: 400; letter-spacing: 0; line-height: 1.55; }
.consent-check input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--teal); }
.consent-check a { color: var(--teal); text-decoration: underline; }
.submit { width: 100%; }
.submit-reassurance { margin: -10px 0 0; color: var(--muted); font-size: .75rem; text-align: center; }

.faq { position: relative; overflow: hidden; }
.faq::before { content: ""; position: absolute; left: -150px; top: 70px; width: 330px; height: 330px; border: 1px solid rgba(196,147,73,.14); border-radius: 50%; pointer-events: none; }
.faq::after { content: ""; position: absolute; left: -105px; top: 115px; width: 240px; height: 240px; border: 1px solid rgba(196,147,73,.08); border-radius: 50%; pointer-events: none; }
.faq-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(50px, 9vw, 120px); }
.faq-list { border-top: 1px solid #d8d1c5; }
.faq-item { border-bottom: 1px solid #d8d1c5; }
.faq-question { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 24px 0; border: 0; background: transparent; color: var(--navy); text-align: left; cursor: pointer; font-family: var(--serif); font-size: 1.06rem; }
.plus { color: var(--gold); font-family: var(--sans); font-size: 1.4rem; font-weight: 300; transition: transform .25s ease; }
.faq-answer { max-height: 0; overflow: hidden; color: var(--muted); transition: max-height .3s ease; }
.faq-answer p { padding: 0 40px 24px 0; }
.faq-item.open .plus { transform: rotate(45deg); }

.site-footer { padding: 68px 0 28px; background: #0b192c; color: rgba(255,255,255,.62); font-size: .78rem; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 50px; padding-bottom: 50px; }
.footer-grid img { display: block; width: 270px; max-width: 100%; height: auto; aspect-ratio: 70 / 13; object-fit: contain; margin-bottom: 18px; }
.footer-links { display: grid; align-content: start; gap: 10px; }
.footer-links a:hover { color: var(--white); }
.footer-bottom { display: flex; justify-content: space-between; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.12); }
.photo-credit { margin: 14px auto 0; font-size: .68rem; line-height: 1.5; color: rgba(255,255,255,.52); }
.photo-credit a { color: rgba(255,255,255,.72); text-decoration: underline; text-underline-offset: 2px; }
.photo-credit a:hover { color: var(--white); }
.whatsapp-float { position: fixed; right: 22px; bottom: 22px; z-index: 30; display: grid; place-items: center; min-width: 104px; height: 46px; padding: 0 18px; border-radius: 24px; background: var(--teal); color: var(--white); box-shadow: 0 8px 28px rgba(0,0,0,.22); font-size: .72rem; font-weight: 600; letter-spacing: .04em; transition: opacity .2s ease, visibility .2s ease; }

/* A quiet YOF-neutral canvas prevents an empty white flash while native lazy
   loading resolves below-the-fold photography. Dimensions remain controlled
   by the existing image containers, so this introduces no layout shift. */
img[loading="lazy"] { background-color: #e7e1d7; }
.signature-experience-card,
.homepage-signature-photo,
.situation-image,
.host-profile-photo,
.service-photo,
.signature-detail-split figure { background-color: #e7e1d7; }

@media (max-width: 1100px) {
  .host-profile-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .site-header { min-height: 78px; }
  .menu-button { display: block; }
  .site-nav { position: absolute; top: 78px; left: 0; right: 0; display: none; padding: 28px; background: var(--navy-deep); }
  .site-nav.open { display: grid; }
  .site-nav a { display: flex; align-items: center; min-height: 44px; }
  .nav-cta { margin-top: 8px; text-align: center; }
  .hero { min-height: 820px; }
  .hero-wash { background: linear-gradient(90deg, rgba(10,29,50,.88), rgba(16,42,73,.34)), linear-gradient(0deg, rgba(8,23,40,.5), transparent 70%); }
  .intro-grid, .intro-compact, .occasions-grid, .situations-heading, .service-grid, .hosts-heading, .standard-profile-grid, .pricing-intro-grid, .contact-grid, .faq-grid { grid-template-columns: 1fr; }
  .pricing-summary { grid-template-columns: minmax(210px,.72fr) 1.28fr; padding: 24px 0 0; border-top: 1px solid rgba(23,42,73,.16); border-left: 0; }
  .pricing-entry { grid-row: 1 / span 2; }
  .pricing-details { grid-column: 2; }
  .pricing-link { grid-column: 2; grid-row: 2; }
  .intro-grid { gap: 32px; }
  .intro-photo { max-width: 560px; }
  .intro-photo img { aspect-ratio: 16 / 11; object-position: 50% 49%; }
  .trust-bar-grid { grid-template-columns: 1fr 1fr; }
  .trust-bar p:nth-child(2) { border-right: 0; }
  .trust-bar p:nth-child(-n+2) { border-bottom: 1px solid #e6dfd4; }
  .standard-photo, .standard-photo img { min-height: 540px; }
  .testimonial-grid { grid-template-columns: 1fr; }
  .testimonial-card { min-height: 0; }
  .intro-copy { padding-top: 0; }
  .host-values { grid-template-columns: 1fr; }
  .host-values article, .host-values article:first-child { padding: 26px 0; border-right: 0; border-bottom: 1px solid #d9d2c5; }
  .host-values article:last-child { border-bottom: 0; }
  .host-values-compact { margin-top: 36px; }
  .host-values-compact article, .host-values-compact article:first-child { padding: 18px 0; }
  .situation-story { grid-template-columns: 1fr; }
  .situation-stories { grid-template-columns: 1fr; }
  .situation-image { min-height: 340px; }
  .journey-intro { grid-template-columns: 1fr; gap: 12px; }
  .story-grid { grid-template-columns: 1fr; }
  .host-profile-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .featured-host { grid-template-columns: 34% 66%; height: auto; min-height: 0; max-height: none; }
  .story-card { display: grid; grid-template-columns: .9fr 1.1fr; }
  .story-card img { height: 100%; aspect-ratio: auto; }
  .mid-cta { align-items: flex-start; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  .container { width: min(calc(100% - 34px), var(--max)); }
  .section { padding: 76px 0; }
  .quick-decision { padding: 48px 0; }
  .quick-decision-grid { grid-template-columns: 1fr; gap: 27px; }
  .quick-decision h2 { margin-bottom: 12px; font-size: clamp(2rem, 10vw, 2.7rem); line-height: 1.22; }
  .quick-decision-copy { font-size: .92rem; line-height: 1.72; }
  .quick-decision-price { padding: 24px 0 0; border-top: 1px solid rgba(23,42,73,.16); border-left: 0; }
  .quick-decision-price strong { font-size: 3.25rem; }
  .quick-decision-actions { width: 100%; }
  .quick-decision-actions .button { width: 100%; text-align: center; }
  .explore-editorial { padding: 58px 0; }
  .explore-editorial-heading { grid-template-columns: 1fr; gap: 18px; margin-bottom: 28px; }
  .explore-editorial-heading h2 { font-size: clamp(2.05rem, 10vw, 2.65rem); }
  .explore-editorial-heading > p { font-size: .94rem; }
  .explore-showcase { display: block; }
  .explore-showcase-arrow { display: none; }
  .explore-showcase-window { overflow: visible; }
  .explore-showcase-track { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-columns: auto; grid-auto-flow: row; gap: 12px; }
  .explore-showcase-card, .explore-showcase-card.featured { min-height: 205px; }
  .explore-showcase-card img, .explore-showcase-card.featured img { min-height: 205px; }
  .explore-showcase-card { opacity: 1; transform: none; }
  .explore-showcase-card.is-centered { transform: none; box-shadow: none; }
  .explore-showcase-card:first-child { grid-column: span 2; min-height: 240px; }
  .explore-showcase-card:first-child img { min-height: 240px; }
  .explore-showcase-card span { display: grid; }
  .explore-showcase-card span { inset: auto 16px 15px; }
  .explore-showcase-card strong { font-size: 1.13rem; }
  .explore-showcase-card i { display: none; }
  .explore-showcase-frame, .explore-showcase-controls { display: none; }
  /* Keep supporting trust information available on phones without adding it
     to the default scroll. The two booking disclosures begin collapsed by
     JavaScript at this breakpoint, so reviews and FAQs remain reachable. */
  .homepage-disclosure:not(.host-disclosure):not(.ideas-disclosure):not(.contact-disclosure) { display: block; }
  .ideas-disclosure > summary { display: none; }
  .ideas-disclosure .occasions, .ideas-disclosure .how { display: none; }
  .contact-disclosure { display: block; background: var(--navy-deep); }
  .contact-disclosure > summary { display: flex; min-height: 112px; align-items: center; justify-content: center; width: 100%; margin: 0; padding: 27px 17px; background: var(--teal); color: var(--white); cursor: pointer; font-family: var(--serif); font-size: clamp(1.7rem, 8vw, 2.15rem); font-weight: 600; line-height: 1.2; list-style: none; text-align: center; }
  .contact-disclosure > summary span:last-child { color: var(--white) !important; }
  .contact-disclosure[open] > summary { border-bottom: 1px solid rgba(255,255,255,.18); }
  .contact-disclosure[open] > summary b { display: inline-block; transform: rotate(180deg); }
  .host-disclosure > summary { display: none; }
  .hosts-entry-link { padding: 22px 0; }
  .host-disclosure .hosts { padding-top: 52px; padding-bottom: 52px; }
  .host-disclosure .hosts-heading { gap: 12px; margin-bottom: 28px; }
  .host-disclosure .hosts-heading .lead { font-size: 1rem; line-height: 1.55; }
  .host-disclosure .host-profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; overflow: visible; }
  .hosts-layout { display: block; }
  .hosts-layout .host-profile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .host-profile-drawer { margin-top: 18px; min-height: 0; padding: 24px 22px; }
  .host-profile-drawer figure img { aspect-ratio: 16 / 9; }
  .host-profile.is-expanded { grid-column: 1 / -1; grid-template-columns: minmax(0, .42fr) minmax(0, .58fr); grid-template-rows: auto auto; }
  .host-profile.is-expanded .host-profile-photo { min-height: 0; aspect-ratio: auto; }
  .host-profile-expanded { grid-column: 2; grid-row: 1 / span 2; padding: 20px 17px; }
  .host-profile-expanded h3 { font-size: clamp(1.7rem, 8vw, 2.3rem); }
  .host-profile-expanded .host-profile-expanded-role { margin-bottom: 10px; font-size: .58rem; }
  .host-profile-expanded > p:last-child { font-size: .82rem; line-height: 1.55; }
  .host-disclosure .host-profile { display: flex; min-width: 0; box-shadow: 0 8px 18px rgba(16,32,58,.14); transform: translateY(-3px); }
  .host-disclosure .host-profile:active { transform: translateY(-8px) scale(1.02); box-shadow: 0 16px 28px rgba(16,32,58,.24); }
  .host-disclosure .host-profile-photo { aspect-ratio: 4 / 5; }
  .host-disclosure .host-profile-trigger { min-height: 48px; padding: 11px 12px; font-size: .82rem; }
  .trust-bar-grid { grid-template-columns: 1fr 1fr; }
  .trust-bar p, .trust-bar p:nth-child(2) { min-height: 0; padding: 14px 10px; border-right: 1px solid #e6dfd4; border-bottom: 1px solid #e6dfd4; }
  .trust-bar p:nth-child(2n) { border-right: 0; }
  .trust-bar p:nth-child(n+3) { border-bottom: 0; }
  .trust-bar strong { font-size: .78rem; line-height: 1.25; }
  .trust-bar span { margin-top: 3px; font-size: .67rem; line-height: 1.35; }
  .founder-trust { padding-block: 34px; }
  .featured-host { grid-template-columns: .42fr .58fr; align-items: stretch; }
  .featured-host-photo { width: auto; min-height: 0; height: auto; aspect-ratio: auto; }
  .featured-host-photo img { min-height: 100%; object-position: 50% 24%; }
  .featured-host-copy { padding: 19px 18px 20px; }
  .featured-host-copy h3 { margin-bottom: 2px; font-size: clamp(1.8rem, 8vw, 2.35rem); }
  .featured-host-role { margin-bottom: 10px; font-size: .63rem; }
  .featured-host-intro { font-size: .8rem; line-height: 1.53; }
  .intro.section { padding-top: 52px; padding-bottom: 50px; }
  .host-values-compact { margin-top: 26px; }
  .host-values-compact article, .host-values-compact article:first-child { padding: 14px 0; }
  .host-values-compact h3 { margin-bottom: 2px; }
  .homepage-disclosure > summary { display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 16px; width: min(calc(100% - 34px), var(--max)); margin: 0 auto; color: var(--navy); cursor: pointer; font-family: var(--serif); font-size: 1.15rem; line-height: 1.35; list-style: none; }
  .homepage-disclosure > summary span:last-child { flex: 0 0 auto; color: var(--teal); font-family: var(--sans); font-size: .66rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
  .homepage-disclosure[open] > summary b { display: inline-block; transform: rotate(180deg); }
  .homepage-disclosure[open] > summary { border-bottom: 1px solid rgba(23,42,73,.13); }
  .homepage-disclosure .section { padding-top: 54px; padding-bottom: 54px; }
  .homepage-disclosure .occasions { padding-top: 52px; }
  .homepage-disclosure .situations-heading { margin-bottom: 34px; }
  .homepage-disclosure .situations-close { margin-top: 34px; padding-top: 20px; }
  .homepage-disclosure .hosts { padding-bottom: 40px; }
  .homepage-disclosure .editorial-service { padding-top: 40px; }
  /* Keep the established two-column desktop contact design, but place the
     inquiry form immediately after its introduction on phones. Supporting
     contact, quotation, hotel, and transport information follows the form. */
  .contact-grid { row-gap: 0; }
  .contact-copy { display: contents; }
  .contact-copy > .eyebrow { order: 1; }
  .contact-copy > h2 { order: 2; }
  .contact-copy > h2 + p { order: 3; }
  .contact-grid > form { order: 4; margin-top: 26px; }
  .contact-copy > .urgent-note { order: 5; }
  .contact-copy > .contact-details { order: 6; }
  .contact-copy > .booking-qualifier { order: 7; margin: 30px 0 0; }
  .contact-copy > .contact-hours { order: 8; }
  .contact-copy > .hotel-contact-option { order: 9; }
  .contact-copy > .transport-introduction { order: 10; }
  .intro-photo img { aspect-ratio: 4 / 5; object-position: 50% 47%; }
  .logo img { width: 205px; }
  .testimonials { padding-top: 70px; padding-bottom: 70px; }
  .testimonial-card { min-height: 0; padding: 24px 22px; }
  .testimonial-controls { gap: 14px; }
  .testimonial-dots { gap: 7px; }
  .pricing-intro { padding-top: 38px; padding-bottom: 38px; }
  .occasions::before { top: -145px; right: -170px; width: 360px; height: 300px; }
  .occasions::after { top: -120px; right: -140px; width: 300px; height: 250px; }
  .pricing-intro::before { width: 44vw; }
  .pricing-intro::after { right: 4%; width: 38px; height: 38px; }
  .faq::before { left: -180px; top: 38px; }
  .faq::after { left: -140px; top: 78px; }
  .pricing-intro-grid { gap: 20px; }
  .pricing-summary { grid-template-columns: 1fr; gap: 18px; padding-top: 20px; }
  .pricing-amount { gap: 5px 9px; }
  .pricing-entry, .pricing-details, .pricing-link { grid-column: auto; grid-row: auto; }
  .hero { min-height: 590px; }
  .hero-content { width: calc(100% - 34px); max-width: calc(100% - 34px); min-width: 0; margin-top: 70px; }
  h1 { font-size: clamp(2.35rem, 11vw, 3.35rem); }
  .hero-message h1 { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
  .hero-lead { max-width: 100%; margin-bottom: 28px; overflow-wrap: anywhere; }
  .hero-actions { gap: 18px; }
  .hero-note { display: none; }
  .hero-controls { left: 17px; bottom: 24px; }
  .situation-stories { gap: 30px; }
  .situation-option summary { min-height: 78px; gap: 14px; font-size: 1.18rem; }
  .situation-option summary span { gap: 11px; }
  .situation-option summary b { font-size: .66rem; }
  .situation-option summary i { width: 30px; height: 30px; font-size: 1.18rem; }
  .situation-option > div { grid-template-columns: 1fr; gap: 16px; padding: 0 0 25px; }
  .situation-option img { max-width: 250px; aspect-ratio: 16 / 9; }
  .situation-option p { font-size: .94rem; }
  .plan-options { margin-top: 30px; }
  .plan-options summary { min-height: 70px; font-size: 1.14rem; }
  .plan-options summary span:last-child { font-size: .61rem; }
  .plan-options-grid { grid-template-columns: 1fr; }
  .plan-options-grid article { min-height: 0; padding: 20px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
  .plan-options-grid article:last-child { border-bottom: 0; }
  .plan-options-grid h3 { margin: 5px 0; }
  .situation-image { min-height: 250px; }
  .situation-copy { padding: 30px 24px 34px; }
  .situation-copy .eyebrow { margin-top: 18px; }
  .situations-close { display: grid; gap: 8px; text-align: left; }
  .mid-cta { display: grid; }
  .mid-cta .button { width: 100%; }
  .process-path { grid-template-columns: 1fr; gap: 34px; margin-top: 38px; }
  .process-path::before { top: 32px; bottom: 32px; left: 32px; right: auto; width: 1px; height: auto; }
  .process-path article { padding-left: 88px; }
  .step-number { width: 64px; height: 64px; }
  .mid-cta { margin-top: 42px; padding: 26px 0; }
  .step-number { position: absolute; left: 0; top: 0; margin: 0; }
  .journey-example { padding: 30px 24px; }
  .journey-route { grid-template-columns: 1fr; gap: 0; }
  .journey-route li { padding: 18px 0; border-top: 1px solid #d8c9b2; }
  .journey-route li:not(:last-child)::after { content: "↓"; top: auto; right: 2px; bottom: -9px; }
  .journey-route span { display: inline-block; width: 38px; margin-bottom: 0; }
  .image-statement { min-height: 520px; }
  .image-statement-copy { left: 24px; right: 24px; }
  .quotation-checklist li { grid-template-columns: 1fr; gap: 4px; }
  .situation-copy { padding: 28px 22px; }
  .situation-copy > p:not(.eyebrow):not(.situation-detail) { font-size: .94rem; }
  .situation-detail { display: none; }
  .story-card { display: block; }
  .story-card img { height: auto; aspect-ratio: 4 / 3; }
  .transport-introduction { margin-top: 20px; }
  .transport-introduction img { aspect-ratio: 16 / 9; object-position: 58% 62%; }
  .transport-introduction-copy { padding: 20px 21px 22px; }
  form { grid-template-columns: 1fr; padding: 26px 20px; }
  .field.full, .form-note, .submit, .submit-reassurance { grid-column: auto; }
  .choice-list { grid-template-columns: 1fr; gap: 8px; }
  .choice-option span { min-height: 50px; padding: 11px 12px; }
  .form-preferences { padding-top: 18px; }
  .standard-photo, .standard-photo img { min-height: 430px; }
  .standard-pillars { grid-template-columns: 1fr; }
  .host-profile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .host-profile { display: flex; }
  .host-profile-photo { min-height: 0; aspect-ratio: 4 / 5; }
  .hero-arrow, .testimonial-arrow { width: 44px; height: 44px; }
  .featured-host { grid-template-columns: 1fr; height: auto; min-height: 0; max-height: none; }
  .featured-host-photo { width: 100%; height: auto; min-height: 0; aspect-ratio: 1 / 1; background: var(--navy); }
  .featured-host-photo img { height: 100%; min-height: 0; object-fit: cover; object-position: 50% 24%; }
  .featured-host-copy { padding: 24px 21px 26px; }
  .featured-host-intro { font-size: .98rem; line-height: 1.58; }
  .featured-host-copy h3 { font-size: clamp(2.35rem, 12vw, 3.4rem); }
  .host-profile-panel { width: calc(100% - 20px); max-height: calc(100dvh - 20px); }
  .host-profile-panel-layout { grid-template-columns: 1fr; min-height: auto; }
  .host-profile-panel-photo { min-height: 0; height: 280px; background: var(--navy); }
  .host-profile-panel-photo img { height: 280px; min-height: 0; object-fit: contain; object-position: 50% 50%; }
  .host-profile-panel-copy { justify-content: flex-start; padding: 34px 24px 36px; }
  .host-profile-panel-copy h2 { padding-right: 34px; font-size: clamp(2.45rem, 12vw, 3.35rem); }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-grid > div:first-child { grid-column: auto; }
  .footer-bottom { display: grid; gap: 5px; }
}

/* Final full-width carousel treatment: the selected image is the stage, not a small card. */
html, body, .homepage-disclosure { background: #fff; }
.explore-editorial, .hosts, .editorial-service, .contact, .ideas-disclosure, .host-disclosure, .contact-disclosure { background: #f6f7f5 !important; color: var(--yof-charcoal); }
.explore-editorial { background: #f9faf8 !important; }
.hosts { background: #edf3f6 !important; }
.situations { background: #24221f !important; }

.explore-showcase-window { margin-inline: calc((100vw - min(100vw, var(--max))) / -2); padding: 22px 0 26px; touch-action: pan-y; }
.explore-showcase-track, .explore-showcase-card, .host-profile-grid, .host-profile { touch-action: pan-y; }
.explore-showcase-track { gap: 0; }
.explore-showcase-card { flex: 0 0 100vw; min-height: clamp(440px, 45vw, 650px); transform: none; }
.explore-showcase-card img { min-height: clamp(440px, 45vw, 650px); }
.explore-showcase-card.is-centered { transform: translateY(-18px) scale(1.02); box-shadow: 0 24px 42px rgba(36,34,31,.16); }
.explore-showcase-frame { width: min(350px, calc(100% - 42px)); min-height: 0; margin: -154px auto 0; padding: 25px 26px 23px; background: #fff; }
.explore-showcase-controls { max-width: min(620px, calc(100% - 48px)); }

.host-showcase-window { margin-inline: calc((100vw - min(100vw, var(--max))) / -2); padding: 32px 0 34px; }
.host-profile-grid, .hosts-layout .host-profile-grid { gap: clamp(18px, 2vw, 32px); }
.host-profile { flex: 0 0 clamp(430px, 37vw, 570px); transform: scale(.78); }
.host-profile.is-centered { transform: translateY(-42px) scale(1.22); box-shadow: 0 24px 42px rgba(36,34,31,.18); }
.host-profile-photo { aspect-ratio: 1 / 1; }
.host-showcase-frame { width: min(350px, calc(100% - 42px)); min-height: 0; margin: -120px auto 0; padding: 25px 26px 23px; background: #fff; border: 1px solid var(--yof-line); }
.host-showcase-controls { max-width: min(620px, calc(100% - 48px)); }

@media (max-width: 620px) {
  .explore-editorial, .hosts, .editorial-service, .contact, .ideas-disclosure, .host-disclosure, .contact-disclosure { background: #f6f7f5 !important; }
  .explore-editorial { background: #f9faf8 !important; }
  .hosts { background: #edf3f6 !important; }
  .situations { background: #24221f !important; }
  .explore-showcase-window { margin-inline: -24px; padding: 16px 0 20px; }
  .explore-showcase-card { flex-basis: 100vw; min-height: 335px; transform: none; }
  .explore-showcase-card img { min-height: 335px; }
  .explore-showcase-card.is-centered { transform: translateY(-10px) scale(1.015); }
  .explore-showcase-frame { width: min(310px, calc(100% - 38px)); margin-top: -106px; }
  .host-showcase-window { margin-inline: -24px; padding: 22px 0 26px; }
  .host-profile { flex-basis: 72vw; transform: scale(.8); }
  .host-profile.is-centered { transform: translateY(-28px) scale(1.18); }
  .host-profile-photo, .host-disclosure .host-profile-photo { aspect-ratio: 1 / 1; border-radius: 50%; }
  .host-showcase-frame { width: min(310px, calc(100% - 38px)); margin-top: -92px; }
}

/* Second-pass balance: restore YOF colour, stronger images, and compact rails. */
.hero h1, .hero h2, .hero h3 { color: #fff; }
.hero .hero-lead, .hero .text-link.light { color: rgba(255,255,255,.96); }
.hero-wash { background: linear-gradient(90deg, rgba(10,29,50,.72) 0%, rgba(16,42,73,.48) 48%, rgba(16,42,73,.08) 84%), linear-gradient(0deg, rgba(8,23,40,.18), transparent 50%); }
.button-teal, .contact-disclosure > summary { background: #1b6662; color: #fff; }
.button-teal:hover, .contact-disclosure > summary:hover { background: #14534f; }

.explore-showcase-card { transform: scale(.82); }
.explore-showcase-card.is-centered { transform: translateY(-28px) scale(1.12); box-shadow: 0 20px 34px rgba(36,34,31,.18); }
.explore-showcase-frame { width: min(360px, 100%); min-height: 252px; margin-top: -92px; padding: 23px 24px 20px; }
.explore-showcase-controls, .host-showcase-controls { width: min(420px, 100%); grid-template-columns: auto minmax(72px, 1fr) auto auto; margin-top: 16px; }

.host-profile { transform: scale(.76); }
.host-profile.is-centered { transform: translateY(-26px) scale(1.18); }
.host-profile-photo::before, .host-profile-photo::after { content: none !important; display: none !important; }

.situation-option > div { display: block; width: 100%; max-width: none; min-height: clamp(300px, 36vw, 410px); padding: 0; }
.situation-option > div img { min-height: clamp(300px, 36vw, 410px); }
.situation-option > div p { max-width: 34rem; }

/* Expanded host-provides content should be complete and easily readable. */
@media (max-width: 620px) {
  .hero h1 { color: #fff !important; text-shadow: 0 2px 20px rgba(0,0,0,.3); }
  .explore-showcase-card { flex-basis: min(64vw, 260px); min-height: 178px; transform: scale(.78); }
  .explore-showcase-card img { min-height: 178px; }
  .explore-showcase-card.is-centered { transform: translateY(-22px) scale(1.12); }
  .explore-showcase-frame { width: min(300px, calc(100% - 42px)); min-height: 246px; margin-top: -72px; padding: 20px; }
  .explore-showcase-controls, .host-showcase-controls { width: min(330px, 100%); margin-top: 12px; }
  .host-profile { flex-basis: min(44vw, 174px); transform: scale(.74); }
  .host-profile.is-centered { transform: translateY(-22px) scale(1.18); }
  .situation-option > div, .situation-option > div img { min-height: 320px; }

  .service-disclosure .service-grid { display: block; min-height: 0; padding-top: 22px; overflow: visible; }
  .service-disclosure .service-photo { width: 100%; height: auto; margin: 0 0 22px; border-radius: 0; aspect-ratio: 1 / .68; }
  .service-disclosure .service-photo::after { display: none; }
  .service-disclosure .service-copy { position: static; display: block; color: var(--yof-charcoal-soft); }
  .service-disclosure .service-copy h2 { max-width: none; margin-bottom: 16px; color: var(--yof-charcoal); font-size: 2rem; }
  .service-disclosure .check-list { display: grid; gap: 10px; margin: 0 0 18px; padding: 0; color: var(--yof-charcoal-soft); font-family: var(--sans); font-size: .93rem; line-height: 1.52; list-style: none; }
  .service-disclosure .check-list li { display: grid; grid-template-columns: 14px 1fr; gap: 8px; }
  .service-disclosure .check-list li::before { content: "•"; color: #1b6662; font-size: 1.1rem; line-height: 1.2; }
  .service-disclosure .scope-note { max-width: none; padding-top: 15px; border-top: 1px solid var(--yof-line); color: var(--yof-charcoal-soft); font-size: .9rem; line-height: 1.55; }
  .service-disclosure .scope-note strong { color: var(--yof-charcoal); }
}

/* Applied last: full-width image stages and light YOF surfaces. */
html, body, .homepage-disclosure { background: #fff; }
.explore-editorial, .hosts, .editorial-service, .contact, .ideas-disclosure, .host-disclosure, .contact-disclosure { background: #f6f7f5 !important; color: var(--yof-charcoal); }
.explore-editorial { background: #f9faf8 !important; }
.hosts { background: #edf3f6 !important; }
.situations { background: #24221f !important; }
.explore-showcase-window { margin-inline: calc((100vw - min(100vw, var(--max))) / -2); padding: 22px 0 26px; }
.explore-showcase-track { gap: 0; }
.explore-showcase-card { flex: 0 0 100vw; min-height: clamp(440px, 45vw, 650px); transform: none; }
.explore-showcase-card img { min-height: clamp(440px, 45vw, 650px); }
.explore-showcase-card.is-centered { transform: translateY(-18px) scale(1.02); box-shadow: 0 24px 42px rgba(36,34,31,.16); }
.explore-showcase-frame { width: min(350px, calc(100% - 42px)); min-height: 0; margin: -154px auto 0; padding: 25px 26px 23px; background: #fff; }
.explore-showcase-controls { max-width: min(620px, calc(100% - 48px)); }
.host-showcase-window { margin-inline: calc((100vw - min(100vw, var(--max))) / -2); padding: 32px 0 34px; }
.host-profile-grid, .hosts-layout .host-profile-grid { gap: clamp(18px, 2vw, 32px); }
.host-profile { flex: 0 0 clamp(430px, 37vw, 570px); transform: scale(.78); }
.host-profile.is-centered { transform: translateY(-42px) scale(1.22); box-shadow: 0 24px 42px rgba(36,34,31,.18); }
.host-profile-photo { aspect-ratio: 1 / 1; }
.host-showcase-frame { width: min(350px, calc(100% - 42px)); min-height: 0; margin: -120px auto 0; padding: 25px 26px 23px; background: #fff; border: 1px solid var(--yof-line); }
.host-showcase-controls { max-width: min(620px, calc(100% - 48px)); }

@media (max-width: 620px) {
  .explore-editorial, .hosts, .editorial-service, .contact, .ideas-disclosure, .host-disclosure, .contact-disclosure { background: #f6f7f5 !important; }
  .explore-editorial { background: #f9faf8 !important; }
  .hosts { background: #edf3f6 !important; }
  .situations { background: #24221f !important; }
  .explore-showcase-window { margin-inline: -24px; padding: 16px 0 20px; }
  .explore-showcase-card { flex-basis: 100vw; min-height: 335px; transform: none; }
  .explore-showcase-card img { min-height: 335px; }
  .explore-showcase-card.is-centered { transform: translateY(-10px) scale(1.015); }
  .explore-showcase-frame { width: min(310px, calc(100% - 38px)); margin-top: -106px; }
  .host-showcase-window { margin-inline: -24px; padding: 22px 0 26px; }
  .host-profile { flex-basis: 72vw; transform: scale(.8); }
  .host-profile.is-centered { transform: translateY(-28px) scale(1.18); }
  .host-profile-photo, .host-disclosure .host-profile-photo { aspect-ratio: 1 / 1; border-radius: 50%; }
  .host-showcase-frame { width: min(310px, calc(100% - 38px)); margin-top: -92px; }
}

/* Ritz-inspired Explore composition: image first, information second. */
.explore-showcase-window { margin-inline: calc((100vw - min(100vw, var(--max))) / -2); padding-top: 18px; }
.explore-showcase-card { flex-basis: clamp(320px, 43vw, 620px); min-height: clamp(280px, 34vw, 440px); transform: scale(.72); }
.explore-showcase-card img { min-height: clamp(280px, 34vw, 440px); }
.explore-showcase-card.is-centered { transform: translateY(-34px) scale(1.12); box-shadow: 0 22px 36px rgba(36,34,31,.16); }
.explore-showcase-frame { width: min(350px, 100%); min-height: 254px; margin-top: -132px; padding: 25px 25px 22px; border: 1px solid rgba(36,34,31,.24); background: #fff; }
.explore-showcase-frame::before { content: ""; position: absolute; z-index: -1; inset: -13px 13px 13px -13px; border: 1px solid #bd944f; pointer-events: none; }
.explore-showcase-frame .text-link { display: inline-flex; margin-top: 17px; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--yof-charcoal); font-family: var(--sans); font-size: .88rem; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 620px) {
  .explore-showcase-window { margin-inline: -24px; padding-top: 10px; }
  .explore-showcase-card { flex-basis: min(75vw, 316px); min-height: 230px; transform: scale(.75); }
  .explore-showcase-card img { min-height: 230px; }
  .explore-showcase-card.is-centered { transform: translateY(-26px) scale(1.1); }
  .explore-showcase-frame { width: min(310px, calc(100% - 40px)); min-height: 248px; margin-top: -92px; padding: 21px 22px 19px; }
}

/* Let the active image carry the full width of the Explore stage. */
.explore-showcase-card { flex-basis: clamp(720px, 72vw, 1060px); min-height: clamp(390px, 40vw, 550px); transform: scale(.74); }
.explore-showcase-card img { min-height: clamp(390px, 40vw, 550px); }
.explore-showcase-card.is-centered { transform: translateY(-36px) scale(1.06); }
.explore-showcase-frame { margin-top: -158px; }

@media (max-width: 620px) {
  .explore-showcase-card { flex-basis: 92vw; min-height: 290px; transform: scale(.8); }
  .explore-showcase-card img { min-height: 290px; }
  .explore-showcase-card.is-centered { transform: translateY(-28px) scale(1.06); }
  .explore-showcase-frame { margin-top: -116px; }
}

@media (min-width: 621px) {
  .intro.section { padding-top: clamp(58px, 6vw, 80px); padding-bottom: clamp(58px, 6vw, 80px); }
}

@media (max-width: 620px) {
  /* Keep the founder visible immediately below the hero, but in a compact
     editorial portrait treatment so the decision point arrives sooner. */
  .featured-host { grid-template-columns: .42fr .58fr; align-items: stretch; }
  .featured-host-photo { width: auto; min-height: 0; height: auto; aspect-ratio: auto; }
  .featured-host-photo img { min-height: 100%; object-position: 50% 24%; }
  .featured-host-copy { padding: 19px 18px 20px; }
  .featured-host-copy h3 { margin-bottom: 2px; font-size: clamp(1.8rem, 8vw, 2.35rem); }
  .featured-host-role { margin-bottom: 10px; font-size: .63rem; }
  .featured-host-intro { font-size: .8rem; line-height: 1.53; }
}

@media (max-width: 340px) {
  .host-profile-grid { grid-template-columns: 1fr; }
}

/* Homepage Signature Experiences gateway */
.homepage-signature-intro { overflow: hidden; background: #fffdf8; }
.homepage-signature-intro-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(48px, 7vw, 100px); align-items: center; }
.homepage-signature-copy .eyebrow { color: #956b2b; }
.homepage-signature-copy h2 { max-width: 620px; margin: 13px 0 24px; color: #172b3a; font-size: clamp(3.3rem, 5.7vw, 5.5rem); font-weight: 400; line-height: .94; }
.homepage-signature-copy h2 em { color: #a8782f; font-weight: 400; }
.homepage-signature-copy > p:not(.eyebrow) { max-width: 570px; margin: 0 0 30px; color: #4b5156; font-family: var(--serif); font-size: clamp(1.08rem, 1.5vw, 1.24rem); line-height: 1.6; }
.homepage-photography-enhancement { display: flex; max-width: 1380px; margin-top: clamp(34px, 4vw, 58px); padding-top: 18px; border-top: 1px solid rgba(168,120,47,.28); align-items: baseline; gap: 18px 28px; }
.homepage-photography-enhancement .eyebrow { flex: 0 0 auto; margin: 0; color: #956b2b; font-size: .61rem; }
.homepage-photography-enhancement > p:not(.eyebrow) { margin: 0; color: #596066; font-family: var(--serif); font-size: .94rem; line-height: 1.45; }
.homepage-photography-enhancement > a { display: inline-flex; margin-left: auto; color: #52645f; font-size: .66rem; font-weight: 650; letter-spacing: .065em; text-transform: uppercase; text-decoration: underline; text-decoration-color: rgba(168,120,47,.52); text-underline-offset: 4px; }
.homepage-photography-enhancement > a span { margin-left: 8px; transition: transform .18s ease; }
.homepage-photography-enhancement > a:hover span,
.homepage-photography-enhancement > a:focus-visible span { transform: translateX(4px); }
.homepage-signature-copy .only-editorial-cta { display: inline-flex; border-color: #a8782f; color: #1f5751; }
.homepage-signature-copy .only-editorial-cta:hover,
.homepage-signature-copy .only-editorial-cta:focus-visible { border-color: #7b5621; color: #7b5621; }
.homepage-signature-collage { position: relative; min-height: 610px; }
.homepage-signature-photo { position: absolute; overflow: hidden; margin: 0; border: 7px solid #fffdf8; background: #e7dfd3; box-shadow: 0 20px 45px rgba(20,36,47,.2); }
.homepage-signature-photo img { width: 100%; height: 100%; object-fit: cover; }
.homepage-signature-photo-main { left: 0; top: 9%; width: 66%; aspect-ratio: 4 / 3; transform: rotate(-2.6deg); }
.homepage-signature-photo-history { right: 0; top: 0; width: 39%; aspect-ratio: 4 / 3; transform: rotate(3.5deg); }
.homepage-signature-photo-life { right: 2%; top: 35%; width: 37%; aspect-ratio: 4 / 3; transform: rotate(-2deg); }
.homepage-signature-photo-sea { right: 9%; bottom: 0; width: 48%; aspect-ratio: 16 / 9; transform: rotate(2.7deg); }

@media (max-width: 900px) {
  .homepage-signature-intro-grid { grid-template-columns: 1fr; }
  .homepage-signature-copy { max-width: 690px; }
  .homepage-signature-collage { min-height: 520px; }
}

@media (max-width: 620px) {
  .homepage-signature-intro { padding: 58px 0 62px !important; }
  .homepage-signature-intro-grid { gap: 34px; }
  .homepage-signature-copy h2 { font-size: 3rem; }
  .homepage-signature-copy > p:not(.eyebrow) { font-size: 1rem; line-height: 1.55; }
  .homepage-signature-copy .only-editorial-cta { min-height: 48px; font-size: .74rem; }
  .homepage-signature-collage { min-height: 330px; }
  .homepage-signature-photo { border-width: 4px; box-shadow: 0 12px 28px rgba(20,36,47,.18); }
  .homepage-signature-photo-main { left: 0; top: 7%; width: 68%; }
  .homepage-signature-photo-history { right: 0; width: 39%; }
  .homepage-signature-photo-life { right: 1%; top: 36%; width: 39%; }
  .homepage-signature-photo-sea { right: 9%; width: 50%; }
  .homepage-photography-enhancement { display: block; margin-top: 28px; padding-top: 15px; }
  .homepage-photography-enhancement .eyebrow { margin-bottom: 6px; }
  .homepage-photography-enhancement > p:not(.eyebrow) { font-size: .9rem; }
  .homepage-photography-enhancement > a { margin: 9px 0 0; font-size: .63rem; line-height: 1.4; }
}

/* Signature Experiences V1.1: cruise entry point and prototype page */
.signature-cruise-callout { position: relative; isolation: isolate; display: flex; min-height: clamp(520px, 58vw, 740px); align-items: center; overflow: hidden; background: #102737; color: #fff; }
.signature-cruise-callout > img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.signature-cruise-callout-wash { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5,20,31,.92) 0%, rgba(7,25,38,.72) 42%, rgba(7,25,38,.14) 72%, rgba(7,25,38,.04) 100%); }
.signature-cruise-callout-copy { width: min(calc(100% - 48px), 1180px); }
.signature-cruise-callout-copy .eyebrow { color: #e7c276; }
.signature-cruise-callout-copy h2 { max-width: 720px; margin: 14px 0 22px; color: #fff; font-size: clamp(3.2rem, 6vw, 5.8rem); font-weight: 400; line-height: .94; }
.signature-cruise-callout-copy > p:not(.eyebrow) { max-width: 610px; margin: 0 0 30px; color: rgba(255,255,255,.9); font-family: var(--serif); font-size: clamp(1.08rem, 1.6vw, 1.28rem); line-height: 1.55; }
.signature-cruise-callout-copy .only-editorial-cta { display: inline-flex; }
.signature-cruise-hero > img { object-position: center; }
.signature-cruise-hero .signature-detail-hero-wash { background: linear-gradient(90deg, rgba(5,20,31,.92) 0%, rgba(5,20,31,.72) 47%, rgba(5,20,31,.18) 78%); }
.signature-cruise-hero .signature-detail-hero-copy { max-width: 1180px; }
.signature-cruise-hero h1 { max-width: 970px; font-size: clamp(3.9rem, 6.7vw, 6.6rem); }
.cruise-paths-section { padding: clamp(72px, 9vw, 128px) 0; background: #f6f1e7; }
.cruise-paths-section > .container > .eyebrow { color: #936826; }
.cruise-paths-section > .container > h2 { max-width: 850px; margin: 12px 0 40px; font-size: clamp(3rem, 5.4vw, 5rem); font-weight: 400; line-height: .96; }
.cruise-paths-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.cruise-paths-grid article { min-height: 410px; padding: clamp(32px, 4vw, 54px); border: 1px solid rgba(32,48,58,.17); background: #fffdf8; box-shadow: 0 12px 30px rgba(29,31,27,.07); }
.cruise-paths-grid .cruise-path-host { background: #152b3a; color: #fff; }
.cruise-path-number { color: #ad8138; font-size: .72rem; font-weight: 700; letter-spacing: .17em; }
.cruise-paths-grid h3 { max-width: 500px; margin: 20px 0; font-size: clamp(2.2rem, 3.8vw, 3.6rem); font-weight: 400; line-height: .98; }
.cruise-path-host h3 { color: #fff; }
.cruise-paths-grid article > p:not(.cruise-path-number) { max-width: 560px; color: #50565a; font-family: var(--serif); font-size: 1.08rem; line-height: 1.62; }
.cruise-paths-grid .cruise-path-host > p:not(.cruise-path-number) { color: rgba(255,255,255,.84); }
.cruise-path-note { font-size: .93rem !important; }
.cruise-paths-grid a { display: inline-flex; margin-top: 20px; color: #23605a; font-size: .82rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.cruise-path-host a { color: #e7c276; }
.cruise-inquiry-fields { margin: 4px 0 12px; padding: 24px; border: 1px solid rgba(231,194,118,.34); background: rgba(255,255,255,.05); }
.cruise-inquiry-fields legend { padding: 0 8px; color: #e7c276; font-family: var(--serif); font-size: 1.4rem; }
.cruise-inquiry-fields .choice-hint { margin: 0 0 18px; color: rgba(255,255,255,.76); }
.cruise-inquiry-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.cruise-inquiry-grid .field { margin: 0; }
.cruise-inquiry-grid .full { grid-column: 1 / -1; }
#cruise-transport-type-field[hidden] { display: none !important; }
.cruise-directions { padding: clamp(76px, 9vw, 132px) 0; background: #fffdf8; }
.cruise-directions-grid { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid rgba(32,48,58,.2); }
.cruise-directions-grid article { min-height: 330px; padding: 30px 22px; border-right: 1px solid rgba(32,48,58,.16); }
.cruise-directions-grid article:last-child { border-right: 0; }
.cruise-directions-grid span { color: #a7782d; font-size: .68rem; font-weight: 700; letter-spacing: .16em; }
.cruise-directions-grid h3 { margin: 20px 0 16px; font-size: clamp(1.7rem, 2.5vw, 2.4rem); font-weight: 500; line-height: 1; }
.cruise-directions-grid p { color: #545a5e; font-size: .94rem; line-height: 1.58; }
.cruise-directions-grid a { display: inline-block; margin-top: 18px; color: #27605a; font-size: .78rem; font-weight: 700; }
.cruise-practical { padding: clamp(78px, 9vw, 132px) 0; background: #f6f1e7; }
.cruise-practical .eyebrow { color: #936826; }
.cruise-practical h2 { max-width: 850px; margin: 12px 0 42px; font-size: clamp(3rem, 5.4vw, 5rem); font-weight: 400; line-height: .96; }
.cruise-practical-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(32,48,58,.2); border-bottom: 1px solid rgba(32,48,58,.2); }
.cruise-practical-grid p { min-height: 220px; margin: 0; padding: 30px 24px; border-right: 1px solid rgba(32,48,58,.16); }
.cruise-practical-grid p:last-child { border-right: 0; }
.cruise-practical-grid strong, .cruise-practical-grid span { display: block; }
.cruise-practical-grid strong { margin-bottom: 15px; color: #1f3e49; font-family: var(--serif); font-size: 1.5rem; font-weight: 500; }
.cruise-practical-grid span { color: #555b60; line-height: 1.6; }
.cruise-transport-note { max-width: 780px; margin: 30px 0 0; color: #62666a; font-size: .94rem; line-height: 1.65; }

@media (max-width: 900px) {
  .cruise-directions-grid { grid-template-columns: repeat(2, 1fr); }
  .cruise-directions-grid article { border-bottom: 1px solid rgba(32,48,58,.16); }
  .cruise-directions-grid article:nth-child(2n) { border-right: 0; }
  .cruise-practical-grid { grid-template-columns: repeat(2, 1fr); }
  .cruise-practical-grid p:nth-child(2) { border-right: 0; }
  .cruise-practical-grid p:nth-child(-n+2) { border-bottom: 1px solid rgba(32,48,58,.16); }
}

@media (max-width: 620px) {
  .signature-cruise-callout { min-height: 520px; }
  .signature-cruise-callout > img { object-position: 68% center; }
  .signature-cruise-callout-wash { background: linear-gradient(180deg, rgba(6,20,31,.08) 15%, rgba(6,20,31,.52) 51%, rgba(6,20,31,.94) 100%); }
  .signature-cruise-callout-copy { align-self: flex-end; width: min(calc(100% - 36px), 1180px); padding-bottom: 42px; }
  .signature-cruise-callout-copy h2 { max-width: 340px; font-size: 3.25rem; }
  .signature-cruise-callout-copy > p:not(.eyebrow) { font-size: 1rem; line-height: 1.48; }
  .signature-cruise-callout-copy .only-editorial-cta { min-height: 48px; font-size: .73rem; }
  .signature-cruise-hero { min-height: 760px; }
  .signature-cruise-hero > img { object-position: 68% center; }
  .signature-cruise-hero .signature-detail-hero-wash { background: linear-gradient(180deg, rgba(7,22,35,.08) 12%, rgba(7,22,35,.7) 55%, rgba(7,22,35,.97) 100%); }
  .signature-cruise-hero h1 { font-size: 3.45rem; }
  .cruise-paths-section { padding: 64px 0; }
  .cruise-paths-section > .container > h2 { margin-bottom: 30px; font-size: 2.8rem; }
  .cruise-paths-grid { grid-template-columns: 1fr; }
  .cruise-paths-grid article { min-height: 0; padding: 30px 24px 34px; }
  .cruise-paths-grid h3 { font-size: 2.35rem; }
  .cruise-path-note { padding-right: 52px; }
  .cruise-inquiry-fields { padding: 20px 18px; }
  .cruise-inquiry-grid { grid-template-columns: 1fr; }
  .cruise-inquiry-grid .full { grid-column: auto; }
  .cruise-directions { padding: 64px 0; }
  .cruise-directions-grid { grid-template-columns: 1fr; }
  .cruise-directions-grid article { min-height: 0; padding: 25px 0; border-right: 0; }
  .cruise-directions-grid article:last-child { border-bottom: 0; }
  .cruise-practical { padding: 64px 0; }
  .cruise-practical h2 { font-size: 2.8rem; }
  .cruise-practical-grid { grid-template-columns: 1fr; }
  .cruise-practical-grid p { min-height: 0; padding: 24px 0; border-right: 0; border-bottom: 1px solid rgba(32,48,58,.16); }
  .cruise-practical-grid p:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}

/* Mobile editorial reset: lighter surfaces, stronger readable type, and
   compact carousels that make the selected card the visual focus. */
.button-teal { background: var(--navy-deep); }
.button-teal:hover { background: #2b2b2b; }
.eyebrow { color: #4b4b4b; font-size: .76rem; font-weight: 600; }
.explore-editorial { background: #fafaf8; }
.explore-editorial-heading > p { color: #3f3f3d; font-size: 1.05rem; }
.explore-showcase-window { overflow: hidden; margin-inline: calc((100vw - min(100vw - 48px, var(--max))) / -2); padding-block: 16px 28px; }
.explore-showcase-track { display: flex; width: max-content; gap: clamp(16px, 2vw, 28px); transition: transform .55s cubic-bezier(.22,.8,.24,1); }
.explore-showcase-card { flex: 0 0 clamp(240px, 29vw, 370px); min-height: clamp(270px, 32vw, 390px); background: #e8e8e4; transform: scale(.9); transform-origin: center; transition: transform .5s cubic-bezier(.22,.8,.24,1), box-shadow .5s ease; }
.explore-showcase-card img { min-height: 0; height: 100%; }
.explore-showcase-card span { display: none !important; }
.explore-showcase-card.is-centered { transform: scale(1); box-shadow: 0 16px 30px rgba(0,0,0,.14); }
.explore-showcase-frame { display: grid; grid-template-columns: .35fr .75fr 1.1fr auto; gap: 24px; align-items: center; margin-top: 8px; padding: 24px 0 10px; border: 0; background: transparent; }
#explore-showcase-kicker { color: #545454; font-size: .78rem; }
#explore-showcase-title { color: var(--navy); font-size: clamp(2rem, 3vw, 3.15rem); font-weight: 500; }
#explore-showcase-copy { color: #393939; font-size: 1.05rem; }
.explore-showcase-frame .text-link { color: var(--navy); font-size: .88rem; font-weight: 600; }
.explore-showcase-controls, .host-showcase-controls { display: grid; grid-template-columns: auto 1fr auto auto; gap: 18px; align-items: center; margin-top: 18px; color: var(--navy); font-size: .78rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.explore-showcase-controls button, .host-showcase-controls button { padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; font: inherit; }
.explore-showcase-progress, .host-showcase-progress { height: 1px; background: rgba(0,0,0,.2); }
.explore-showcase-progress i, .host-showcase-progress i { display: block; width: 20%; height: 2px; background: var(--navy); transition: width .45s ease; }

.hosts { --gold: #3e3e3c; --teal: #1d1d1d; --muted: #575755; background: #f5f5f2; color: var(--ink); }
.hosts-heading h2, .hosts-heading .lead { color: var(--navy); }
.hosts-heading > div:last-child > p:last-child, .host-tap-hint { color: #4a4a48 !important; font-size: .9rem; }
.hosts .eyebrow.light { color: #555551; }
.hosts-layout { display: block; }
.host-showcase-window { overflow: hidden; margin-inline: calc((100vw - min(100vw - 48px, var(--max))) / -2); padding: 16px 0 28px; }
.host-profile-grid, .hosts-layout .host-profile-grid { display: flex; width: max-content; gap: clamp(16px, 2vw, 28px); margin: 0; transition: transform .55s cubic-bezier(.22,.8,.24,1); }
.host-profile { flex: 0 0 clamp(190px, 23vw, 292px); border: 0; background: transparent; transform: scale(.9); transform-origin: center; transition: transform .5s cubic-bezier(.22,.8,.24,1), box-shadow .5s ease; }
.host-profile.is-centered { transform: scale(1); box-shadow: 0 15px 26px rgba(0,0,0,.14); }
.host-profile-photo { aspect-ratio: 4 / 5; background: #deded9; }
.host-profile-photo img { filter: none; }
.host-profile-trigger { min-height: 52px; padding: 14px 16px; background: #fff; color: var(--navy); font-size: 1rem; }
.host-profile-trigger .host-card-plus { border-color: rgba(0,0,0,.45); color: var(--navy); }
.host-profile-trigger:hover, .host-profile-trigger:hover .host-card-plus, .host-profile-trigger[aria-expanded="true"] .host-card-plus { background: var(--navy); color: var(--white); }
.host-showcase-frame { max-width: 760px; padding: 30px 0 8px; }
.host-showcase-frame .eyebrow { margin-bottom: 9px; }
.host-showcase-frame h3 { margin: 0 0 10px; color: var(--navy); font-size: clamp(2rem, 3vw, 3rem); font-weight: 500; }
.host-showcase-frame > p:last-child { max-width: 680px; margin: 0; color: #3c3c39; font-family: var(--serif); font-size: 1.08rem; line-height: 1.65; }
.host-profile-drawer { display: none; }

.contact { --gold: #4c4c49; --teal: #202020; --muted: #575755; background: #f8f8f5; color: #363634; }
.contact h2, .contact-details, .contact-hours strong, .urgent-note strong { color: var(--navy); }
.contact .eyebrow.light { color: #575755; }
.contact-hours { border-top-color: rgba(0,0,0,.16); color: #4b4b48; font-size: .88rem; }
.hotel-contact-option, .transport-introduction { border-color: rgba(0,0,0,.18); background: rgba(255,255,255,.72); }
.booking-qualifier { border-color: rgba(0,0,0,.24); background: rgba(255,255,255,.72); }
.booking-qualifier h3, .hotel-contact-option h3, .transport-introduction h3 { color: var(--navy); }
.booking-qualifier .qualifier-small, .quotation-checklist span, .transport-introduction .transport-separation { color: #555552; }
.quotation-checklist, .quotation-checklist li, .hotel-contact-option .japanese-help, .transport-introduction .transport-separation { border-color: rgba(0,0,0,.14); }
.quotation-checklist strong, .hotel-contact-option .japanese-help { color: var(--navy); }
.hotel-contact-option .option-label, .transport-introduction .option-label { color: #40403d; }

.service-disclosure { display: block; }
.service-disclosure > summary { display: none; }
.service-disclosure > summary::-webkit-details-marker { display: none; }
.service-photo { max-width: 410px; overflow: hidden; border-radius: 50% 50% 0 0; }
.service-photo::before { display: none; }

@media (max-width: 620px) {
  .section { padding-top: 46px; padding-bottom: 46px; }
  h2 { font-size: clamp(2rem, 9.4vw, 2.65rem); }
  .eyebrow { font-size: .75rem; letter-spacing: .12em; }
  .explore-editorial { padding-top: 48px; padding-bottom: 48px; }
  .explore-editorial-heading { gap: 12px; margin-bottom: 16px; }
  .explore-editorial-heading > p { max-width: 31rem; font-size: 1rem; line-height: 1.6; }
  .explore-showcase-window, .host-showcase-window { margin-inline: -24px; padding-block: 10px 24px; }
  .explore-showcase-track { gap: 14px; }
  .explore-showcase-card { flex-basis: min(72vw, 290px); min-height: 218px; transform: scale(.92); }
  .explore-showcase-card img { min-height: 218px; }
  .explore-showcase-frame { display: block; margin-top: 0; padding: 18px 0 3px; }
  #explore-showcase-kicker { margin-bottom: 6px; font-size: .76rem; }
  #explore-showcase-title { margin-bottom: 7px; font-size: 2rem; }
  #explore-showcase-copy { margin-bottom: 14px; font-size: 1rem; line-height: 1.55; }
  .explore-showcase-controls, .host-showcase-controls { display: grid; margin-top: 18px; gap: 12px; font-size: .74rem; }
  .host-disclosure .hosts { padding-top: 48px; padding-bottom: 48px; }
  .host-disclosure .hosts-heading { gap: 10px; margin-bottom: 14px; }
  .host-disclosure .hosts-heading .lead { font-size: 1rem; line-height: 1.55; }
  .host-profile-grid, .hosts-layout .host-profile-grid, .host-disclosure .host-profile-grid { display: flex; grid-template-columns: none; gap: 14px; }
  .host-profile { flex-basis: min(66vw, 255px); box-shadow: none; transform: scale(.92); }
  .host-profile-photo, .host-disclosure .host-profile-photo { aspect-ratio: 4 / 5; }
  .host-profile-trigger, .host-disclosure .host-profile-trigger { min-height: 50px; font-size: .96rem; }
  .host-showcase-frame { padding: 20px 0 2px; }
  .host-showcase-frame h3 { font-size: 2rem; }
  .host-showcase-frame > p:last-child { font-size: 1rem; line-height: 1.58; }
  .service-disclosure { padding: 0; }
  .service-disclosure > summary { display: flex; min-height: 68px; align-items: center; justify-content: space-between; border-top: 1px solid rgba(0,0,0,.18); border-bottom: 1px solid rgba(0,0,0,.18); color: var(--navy); cursor: pointer; font-family: var(--serif); font-size: 1.35rem; font-weight: 500; list-style: none; }
  .service-disclosure > summary b { font-family: var(--sans); font-size: 1.4rem; font-weight: 400; }
  .service-disclosure[open] > summary b { font-size: 0; }
  .service-disclosure[open] > summary b::after { content: "−"; font-size: 1.4rem; }
  .service-disclosure .service-grid { grid-template-columns: .42fr .58fr; gap: 18px; padding-top: 26px; align-items: start; }
  .service-disclosure .service-photo { max-width: none; margin: 0; border-radius: 50%; aspect-ratio: 1; }
  .service-disclosure .service-photo img { width: 100%; height: 100%; object-fit: cover; }
  .service-disclosure .service-copy .eyebrow { display: none; }
  .service-disclosure .service-copy h2 { margin-bottom: 12px; font-size: clamp(1.55rem, 7.2vw, 2rem); }
  .service-disclosure .check-list { display: none; }
  .service-disclosure .scope-note { margin: 0; padding: 0; border: 0; background: transparent; font-size: .92rem; line-height: 1.6; }
  .contact-disclosure { background: var(--navy-deep); }
  .contact-disclosure > summary { background: var(--navy-deep); }
}

/* Quiet-luxury refinement: one warm-charcoal and pale-blue visual language. */
:root {
  --yof-charcoal: #24221f;
  --yof-charcoal-soft: #393733;
  --yof-paper: #f8f8f6;
  --yof-blue-paper: #edf3f6;
  --yof-line: rgba(36, 34, 31, .24);
}

html, body { overflow-x: clip; }
body { color: var(--yof-charcoal-soft); }
h1, h2, h3, h4, .section-heading h2, .explore-editorial-heading h2, .hosts-heading h2 { color: var(--yof-charcoal); }
.eyebrow, .hosts .eyebrow.light { color: #4a4844; font-family: var(--sans); font-size: .82rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }

/* Compact planning insight within the Personal Local Host story. */
.host-planning-note {
  display: grid;
  grid-template-columns: minmax(230px, .72fr) minmax(360px, 1.28fr);
  gap: clamp(34px, 6vw, 80px);
  align-items: start;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(36,34,31,.14);
}
.host-planning-note h3 {
  margin: 0;
  color: #8b642c;
  font-family: var(--sans);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .13em;
  line-height: 1.4;
  text-transform: uppercase;
}
.host-planning-note-copy > p:first-child {
  max-width: 650px;
  margin: 0;
  color: var(--yof-charcoal-soft);
  font-family: var(--serif);
  font-size: 1.02rem;
  line-height: 1.55;
}
.host-planning-note-copy > p:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 20px;
  margin: 12px 0 0;
  color: var(--navy);
  font-family: var(--serif);
  font-size: .96rem;
  line-height: 1.45;
}

/* The two carousels share a compact, calm editorial composition. */
.explore-editorial, .hosts { background: var(--yof-blue-paper); color: var(--yof-charcoal); }
.explore-editorial-heading > p, .hosts-heading .lead, .host-tap-hint { color: var(--yof-charcoal-soft) !important; font-family: var(--sans); font-size: 1rem; font-weight: 400; line-height: 1.65; }
.explore-showcase-window, .host-showcase-window { overflow: hidden; margin-inline: calc((100vw - min(100vw - 48px, var(--max))) / -2); padding: 12px 0 0; }
.explore-showcase-track, .host-profile-grid, .hosts-layout .host-profile-grid { gap: clamp(14px, 1.8vw, 24px); }
.explore-showcase-card { flex-basis: clamp(220px, 25vw, 340px); min-height: clamp(220px, 23vw, 310px); border: 0; background: transparent; transform: scale(.88); box-shadow: none; }
.explore-showcase-card img { width: 100%; height: 100%; min-height: 0; object-fit: cover; }
.explore-showcase-card.is-centered { transform: scale(1); box-shadow: 0 10px 24px rgba(36, 34, 31, .14); }
.explore-showcase-frame, .host-showcase-frame { position: relative; z-index: 2; max-width: 520px; margin: -62px auto 0; padding: 24px 26px 22px; border: 1px solid var(--yof-line); background: rgba(255,255,255,.97); box-shadow: none; }
.explore-showcase-frame { display: block; }
#explore-showcase-kicker, .host-showcase-frame .eyebrow { margin: 0 0 8px; color: #5e5b55; font-family: var(--sans); font-size: .76rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
#explore-showcase-title, .host-showcase-frame h3 { margin: 0 0 8px; color: var(--yof-charcoal); font-family: var(--serif); font-size: clamp(2rem, 3.1vw, 3rem); font-weight: 500; line-height: 1; }
#explore-showcase-copy, .host-showcase-frame > p:last-child { margin: 0; color: var(--yof-charcoal-soft); font-family: var(--sans); font-size: 1rem; font-weight: 400; line-height: 1.6; }
.explore-showcase-frame .text-link { display: inline-flex; margin-top: 15px; color: var(--yof-charcoal); font-family: var(--sans); font-size: .88rem; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.explore-showcase-controls, .host-showcase-controls { max-width: 700px; margin: 20px auto 0; color: var(--yof-charcoal); font-family: var(--sans); font-size: .75rem; font-weight: 600; letter-spacing: .08em; }
.explore-showcase-controls button, .host-showcase-controls button { min-height: 40px; transition: color .22s ease; }
.explore-showcase-controls button:hover:not(:disabled), .host-showcase-controls button:hover:not(:disabled) { color: #795c32; }
.explore-showcase-progress, .host-showcase-progress { background: rgba(36,34,31,.28); }
.explore-showcase-progress i, .host-showcase-progress i { background: var(--yof-charcoal); }

/* Host portraits retain their identity while the information panel follows the same language. */
.host-profile { flex-basis: clamp(174px, 18vw, 240px); transform: scale(.88); box-shadow: none; }
.host-profile.is-centered { transform: scale(1); box-shadow: none; }
.host-profile-photo { position: relative; overflow: hidden; border: 0; border-radius: 0; background: #dfe5e5; }
.host-profile-photo::after { content: "+"; position: absolute; z-index: 1; top: 14px; right: 14px; display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(255,255,255,.9); border-radius: 50%; background: rgba(255,255,255,.9); color: var(--yof-charcoal); font-family: var(--sans); font-size: 1.25rem; line-height: 1; transition: background .22s ease, color .22s ease, transform .22s ease; }
.host-profile-photo:hover::after, .host-profile-photo:focus-visible::after { background: var(--yof-charcoal); color: #fff; transform: scale(1.08); }
.host-profile-trigger { min-height: auto; padding: 12px 0 0; border: 0; background: transparent; color: var(--yof-charcoal); font-family: var(--serif); font-size: 1.25rem; font-weight: 500; text-align: left; }
.host-profile-trigger .host-card-plus { display: none; }
.host-profile-trigger:hover { background: transparent; color: #795c32; }
.host-showcase-frame { max-width: 480px; }

/* Only the planning section stays dark; opened details read directly on the image. */
.situations { background: var(--yof-charcoal); color: #fff; }
.situations h2, .situations .lead, .situations .eyebrow.light { color: #fff; }
.situations .lead { color: rgba(255,255,255,.84); font-family: var(--sans); font-size: 1rem; }
.situation-option { border-color: rgba(255,255,255,.38); }
.situation-option summary { color: #fff; font-family: var(--sans); font-size: 1rem; }
.situation-option summary i { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; color: #fff; font-family: var(--sans); font-size: 1.3rem; font-style: normal; transition: background .22s ease, color .22s ease, transform .22s ease; }
.situation-option summary:hover i, .situation-option summary:focus-visible i { background: #fff; color: var(--yof-charcoal); transform: scale(1.06); }
.situation-option > div { position: relative; min-height: 220px; overflow: hidden; background: #34312c; }
.situation-option > div::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(20,18,16,.82), rgba(20,18,16,.34) 72%, rgba(20,18,16,.12)); pointer-events: none; }
.situation-option > div img { width: 100%; height: 100%; min-height: 220px; object-fit: cover; }
.situation-option > div p { position: absolute; z-index: 1; left: clamp(18px, 4vw, 42px); bottom: clamp(18px, 4vw, 38px); max-width: 30rem; margin: 0; color: #fff; font-family: var(--sans); font-size: 1rem; line-height: 1.6; }
.situation-option > div p strong { display: block; margin-bottom: 6px; color: #fff; font-family: var(--serif); font-size: clamp(1.35rem, 2vw, 1.75rem); font-weight: 500; }
.situation-option:nth-child(4) > div::after { background: rgba(20,18,16,.82); }

.service { background: var(--yof-paper); }
.service-disclosure > summary { color: var(--yof-charcoal); }
.service-photo { border-radius: 50% 50% 0 0; }

@media (max-width: 620px) {
  .intro.section { padding-top: 44px; padding-bottom: 33px; }
  .intro-compact { gap: 31px; }
  .intro-compact .eyebrow { margin-bottom: 16px; }
  .intro-compact h2 { margin-bottom: 22px; }
  .host-values-compact { margin-top: 21px; }
  .host-values-compact article, .host-values-compact article:first-child { padding: 12px 0; }
  .host-planning-note { grid-template-columns: 1fr; gap: 7px; margin-top: 15px; padding-top: 14px; }
  .host-planning-note h3 { font-size: .7rem; line-height: 1.35; }
  .host-planning-note-copy > p:first-child { font-size: .94rem; line-height: 1.5; }
  .host-planning-note-copy > p:last-child { display: grid; gap: 2px; margin-top: 7px; font-size: .94rem; line-height: 1.42; }
  .explore-editorial, .hosts { padding-top: 42px; padding-bottom: 42px; }
  .explore-showcase-window, .host-showcase-window { margin-inline: -24px; padding: 6px 0 0; }
  .explore-showcase-card { flex-basis: min(68vw, 270px); min-height: 188px; transform: scale(.86); }
  .explore-showcase-card img { min-height: 188px; }
  .explore-showcase-frame, .host-showcase-frame { max-width: calc(100% - 28px); margin-top: -48px; padding: 19px 20px 18px; }
  #explore-showcase-title, .host-showcase-frame h3 { font-size: 1.9rem; }
  #explore-showcase-copy, .host-showcase-frame > p:last-child { font-size: .97rem; line-height: 1.55; }
  .explore-showcase-controls, .host-showcase-controls { grid-template-columns: auto 1fr auto auto; margin-top: 14px; padding-inline: 2px; gap: 10px; font-size: .7rem; }
  .host-profile { flex-basis: min(48vw, 188px); transform: scale(.86); }
  .host-profile-photo, .host-disclosure .host-profile-photo { aspect-ratio: 1 / 1; border-radius: 50%; }
  .host-profile-photo::after { top: 9px; right: 9px; width: 32px; height: 32px; font-size: 1rem; }
  .host-profile-trigger, .host-disclosure .host-profile-trigger { padding-top: 9px; font-size: 1.12rem; text-align: center; }
  .host-showcase-frame { max-width: calc(100% - 46px); }
  .situation-option > div { min-height: 225px; }
  .situation-option > div img { min-height: 225px; }
  .situation-option > div p { right: 18px; left: 18px; bottom: 18px; font-size: .95rem; }
  .situation-option > div p strong { font-size: 1.38rem; }
  .service-disclosure .service-grid { position: relative; display: block; min-height: 264px; padding-top: 20px; overflow: hidden; }
  .service-disclosure .service-photo { max-width: none; width: 100%; height: 264px; margin: 0; border-radius: 0; aspect-ratio: auto; }
  .service-disclosure .service-photo::after { content: ""; position: absolute; inset: 20px 0 0; background: linear-gradient(90deg, rgba(20,18,16,.78), rgba(20,18,16,.25)); }
  .service-disclosure .service-copy { position: absolute; z-index: 1; top: 20px; right: 20px; bottom: 0; left: 20px; display: flex; flex-direction: column; justify-content: end; color: #fff; }
  .service-disclosure .service-copy h2 { max-width: 16rem; margin-bottom: 8px; color: #fff; font-size: 1.72rem; line-height: 1.02; }
  .service-disclosure .scope-note { max-width: 20rem; color: rgba(255,255,255,.94); font-size: .88rem; line-height: 1.48; }
  .service-disclosure .scope-note strong { color: #fff; }
}

/* Final mobile and desktop corrections: these rules intentionally follow all legacy staging styles. */
.host-profile-photo::before, .host-profile-photo::after { content: none !important; display: none !important; }
.situation-option > div { display: block; width: 100%; max-width: none; min-height: clamp(300px, 36vw, 410px); padding: 0; }
.situation-option > div img { min-height: clamp(300px, 36vw, 410px); }

@media (max-width: 620px) {
  .service-disclosure .service-grid { display: block; min-height: 0; padding-top: 22px; overflow: visible; }
  .service-disclosure .service-photo { width: 100%; height: auto; margin: 0 0 22px; border-radius: 0; aspect-ratio: 1 / .68; }
  .service-disclosure .service-photo::after { display: none; }
  .service-disclosure .service-copy { position: static; display: block; color: var(--yof-charcoal-soft); }
  .service-disclosure .service-copy h2 { max-width: none; margin-bottom: 16px; color: var(--yof-charcoal); font-size: 2rem; }
  .service-disclosure .check-list { display: grid; gap: 10px; margin: 0 0 18px; padding: 0; color: var(--yof-charcoal-soft); font-family: var(--sans); font-size: .93rem; line-height: 1.52; list-style: none; }
  .service-disclosure .check-list li { display: grid; grid-template-columns: 14px 1fr; gap: 8px; }
  .service-disclosure .check-list li::before { content: "•"; color: #1b6662; font-size: 1.1rem; line-height: 1.2; }
  .service-disclosure .scope-note { max-width: none; padding-top: 15px; border-top: 1px solid var(--yof-line); color: var(--yof-charcoal-soft); font-size: .9rem; line-height: 1.55; }
  .service-disclosure .scope-note strong { color: var(--yof-charcoal); }
}

/* Final size, crop, and surface balance. */
html, body, .homepage-disclosure { background: #fff; }
.explore-editorial, .hosts, .editorial-service, .contact, .ideas-disclosure, .host-disclosure, .contact-disclosure { background: #f6f7f5 !important; color: var(--yof-charcoal); }
.explore-editorial { background: #f9faf8 !important; }
.hosts { background: #edf3f6 !important; }
.situations { background: #24221f !important; }
.founder-trust { --gold: #7d6a4d; --teal: #1b6662; --muted: #4d5654; background: #edf3f6 !important; color: var(--yof-charcoal-soft); }
.featured-host { border-color: rgba(36,34,31,.18); border-top-color: #bd944f; background: #fff; }
.featured-host-photo { background: #dfe5e5; }
.featured-host-copy h3 { color: var(--yof-charcoal); }
.featured-host-role { color: #725d39; }
.featured-host-intro { color: var(--yof-charcoal-soft); }
.contact { background: #e6efee !important; }
.explore-showcase-window { margin-inline: calc((100vw - min(100vw, var(--max))) / -2); padding: 22px 0 26px; }
.explore-showcase-track { gap: clamp(14px, 1.4vw, 22px); }
.explore-showcase-card { flex: 0 0 clamp(300px, 34vw, 440px); min-height: clamp(220px, 23vw, 310px); transform: scale(.84); }
.explore-showcase-card img { min-height: clamp(220px, 23vw, 310px); }
.explore-showcase-card.is-centered { transform: translateY(-20px) scale(1.12); box-shadow: 0 20px 34px rgba(36,34,31,.16); }
.explore-showcase-frame { width: min(350px, calc(100% - 42px)); min-height: 0; margin: -82px auto 0; padding: 25px 26px 23px; background: #fff; }
.explore-showcase-controls { max-width: min(620px, calc(100% - 48px)); }
.host-showcase-window { margin-inline: calc((100vw - min(100vw, var(--max))) / -2); padding: 32px 0 34px; }
.host-profile-grid, .hosts-layout .host-profile-grid { gap: clamp(12px, 1.4vw, 20px); }
.host-profile { flex: 0 0 clamp(250px, 23vw, 350px); transform: scale(.84); }
.host-profile.is-centered { transform: translateY(-24px) scale(1.10); box-shadow: 0 20px 34px rgba(36,34,31,.16); }
.host-profile-photo { aspect-ratio: 4 / 5; border-radius: 50% / 43%; }
.host-profile-photo img, .host-profile[data-host] .host-profile-photo img { transform: none !important; object-position: 50% 18% !important; }
.host-showcase-frame { width: min(350px, calc(100% - 42px)); min-height: 0; margin: -128px auto 0; padding: 25px 26px 23px; background: #fff; border: 1px solid var(--yof-line); transform: translateX(48px); }
.host-showcase-controls { max-width: min(620px, calc(100% - 48px)); }

@media (max-width: 620px) {
  .explore-editorial, .hosts, .editorial-service, .contact, .ideas-disclosure, .host-disclosure, .contact-disclosure { background: #f6f7f5 !important; }
  .explore-editorial { background: #f9faf8 !important; }
  .hosts { background: #edf3f6 !important; }
  .situations { background: #24221f !important; }
  .founder-trust { background: #edf3f6 !important; }
  .featured-host { grid-template-columns: .42fr .58fr; background: #fff; }
  .featured-host-copy { padding: 19px 18px 20px; }
  .explore-showcase-window { margin-inline: -24px; padding: 16px 0 20px; touch-action: pan-y; }
  .explore-showcase-track { gap: 14px; }
  .explore-showcase-card { flex-basis: 62vw; min-height: 230px; transform: scale(.84); }
  .explore-showcase-card img { min-height: 230px; }
  .explore-showcase-card.is-centered { transform: translateY(-18px) scale(1.10); }
  .explore-showcase-frame { width: min(310px, calc(100% - 38px)); margin-top: -88px; }
  .host-showcase-window { margin-inline: -24px; padding: 22px 0 26px; }
  .host-profile { flex-basis: 62vw; transform: scale(.84); }
  .host-profile.is-centered { transform: translateY(-18px) scale(1.10); }
  .host-profile-photo, .host-disclosure .host-profile-photo { aspect-ratio: 4 / 5; border-radius: 50% / 43%; }
  .host-profile-photo img, .host-profile[data-host] .host-profile-photo img { object-position: 50% 15% !important; }
  .host-showcase-frame { width: min(310px, calc(100% - 38px)); margin: -138px auto 0; transform: none; }
  .situation-option > div, .situation-option > div img { min-height: 440px; }
  .service-disclosure .service-grid { display: block; padding-top: 22px; }
  .service-disclosure .service-photo { width: min(180px, 52vw); margin: 0 auto 20px; border-radius: 50%; aspect-ratio: 1; }
  .service-disclosure .service-copy { width: 100%; }
  .service-disclosure .service-copy h2 { max-width: none; margin: 0 0 12px; font-size: clamp(1.6rem, 7vw, 2rem); line-height: 1.08; }
  .service-disclosure .check-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; margin-bottom: 14px; font-size: .84rem; line-height: 1.42; }
  .service-disclosure .scope-note { padding-top: 11px; font-size: .84rem; line-height: 1.48; }
  .booking-qualifier, .hotel-contact-option, .transport-introduction { border-color: #b6cac9; background: #dbe8e7; }
}

/* Editorial refinement: useful detail is available without competing with the main story. */
.editorial-service { padding-block: 0 !important; border-top: 1px solid var(--yof-line); border-bottom: 1px solid var(--yof-line); }
.service-disclosure { padding-block: 0 !important; }
.service-disclosure > summary { display: flex; min-height: 84px; align-items: center; justify-content: space-between; gap: 20px; color: var(--yof-charcoal); cursor: pointer; font-family: var(--serif); font-size: clamp(1.35rem, 2vw, 1.7rem); font-weight: 500; list-style: none; }
.service-disclosure > summary::-webkit-details-marker { display: none; }
.service-disclosure > summary > span:last-child { color: var(--yof-charcoal-soft); font-family: var(--sans); font-size: .72rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.service-disclosure > summary b { display: inline-block; margin-left: 7px; color: #795c32; font-size: 1.35rem; font-weight: 400; vertical-align: -1px; }
.service-disclosure[open] > summary { border-bottom: 1px solid var(--yof-line); }
.service-disclosure[open] > summary b { font-size: 0; }
.service-disclosure[open] > summary b::after { content: "−"; font-size: 1.35rem; }
.service-disclosure[open] .service-grid { padding-block: 42px 46px; }

.pricing-heading h2 { max-width: 12ch; }
.pricing-availability { max-width: 29rem; }
.contact-copy .hotel-contact-option,
.contact-copy .transport-introduction { margin-top: 24px; padding: 21px 0 0; border: 0; border-top: 1px solid #b6cac9; background: transparent; }
.contact-copy .hotel-contact-option { padding-bottom: 2px; }
.contact-copy .transport-introduction { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 18px; align-items: start; }
.contact-copy .transport-introduction img { width: 120px; aspect-ratio: 1 / 1; border-radius: 50%; object-position: 56% 60%; }
.contact-copy .transport-introduction-copy { padding: 0; }
.contact-copy .transport-introduction .transport-separation { margin-top: 9px; padding-top: 9px; }

@media (max-width: 620px) {
  .editorial-service { margin: 0; }
  .service-disclosure > summary { min-height: 72px; font-size: 1.3rem; }
  .service-disclosure > summary > span:last-child { font-size: .64rem; }
  .service-disclosure[open] .service-grid { padding-block: 22px 30px; }
  .contact-copy .hotel-contact-option,
  .contact-copy .transport-introduction { background: transparent; }
  .contact-copy .transport-introduction { grid-template-columns: 86px minmax(0, 1fr); gap: 15px; }
  .contact-copy .transport-introduction img { width: 86px; }
}

/* Final composition and type refinement. */
body { letter-spacing: .004em; }
h1, h2 { font-weight: 500; letter-spacing: -.024em; line-height: 1.08; }
h3 { letter-spacing: -.015em; }
.eyebrow, .button, .site-nav a, .text-link { font-family: var(--sans); }
.eyebrow { font-size: .74rem; letter-spacing: .15em; }
.lead, .hero-lead { font-weight: 400; letter-spacing: .008em; }

@media (min-width: 621px) {
  .explore-editorial-stage { display: flex; flex-direction: column; }
  .explore-editorial-stage .explore-showcase { order: 2; }
  .explore-editorial-stage .explore-showcase-frame { order: 3; }
  .explore-editorial-stage .explore-showcase-controls { order: 4; }
  .explore-editorial-stage.is-top .explore-showcase-frame { order: 1; margin: 0 auto -82px; }
}

.situation-option summary i,
.situation-option[open] summary i { border-color: rgba(214, 181, 110, .92); background: transparent; color: #d6b56e; }
.situation-option summary:hover i,
.situation-option summary:focus-visible i { background: #d6b56e; color: var(--yof-charcoal); }
.situation-option[open] summary:hover i,
.situation-option[open] summary:focus-visible i { background: #d6b56e; color: var(--yof-charcoal); }

/* A quieter type hierarchy gives this dark section more breathing room:
   light serif for the invitation, assured sans for choices, regular sans for detail. */
.situations-heading h2 {
  max-width: 13ch;
  font-weight: 300;
  letter-spacing: -.018em;
}
.situations-heading .lead {
  max-width: 36rem;
  color: rgba(255,255,255,.78);
  font-family: var(--sans);
  font-size: clamp(.98rem, 1.25vw, 1.1rem);
  font-weight: 400;
  line-height: 1.8;
}
.situation-option summary {
  font-family: var(--sans);
  font-size: clamp(1rem, 1.28vw, 1.15rem);
  font-weight: 500;
  letter-spacing: .025em;
}
.situation-option summary b {
  color: rgba(255,255,255,.68);
  font-weight: 400;
}
.situation-option > div p {
  max-width: 35rem;
  color: rgba(255,255,255,.88);
  font-family: var(--sans);
  font-size: clamp(.94rem, 1.08vw, 1rem);
  font-weight: 400;
  line-height: 1.72;
}
.situation-option > div p strong {
  margin-bottom: 8px;
  font-family: var(--serif);
  font-size: clamp(1.45rem, 2vw, 1.85rem);
  font-weight: 400;
  letter-spacing: -.012em;
  line-height: 1.15;
}

@media (max-width: 620px) {
  /* On a portrait screen, travel gently across the wide hero art instead of
     holding a single narrow crop. The page copy remains still and readable. */
  .hero-slide.active { animation: none; }
  .hero-slide.active img { animation: hero-mobile-pan 6s ease-in-out forwards; }
  @keyframes hero-mobile-pan {
    from { object-position: 24% 50%; transform: scale(1); }
    to { object-position: 76% 50%; transform: scale(1.035); }
  }

  .situations-heading h2 { max-width: 11ch; font-size: clamp(2.55rem, 12vw, 3.25rem); }
  .situations-heading .lead { max-width: 31rem; font-size: .98rem; line-height: 1.72; }
  .situation-option summary { font-size: 1rem; letter-spacing: .015em; }
  .situation-option > div p { font-size: .94rem; line-height: 1.68; }
  .situation-option > div p strong { font-size: 1.48rem; }
  .explore-editorial-stage .explore-showcase { order: 1; }
  .explore-editorial-stage .explore-showcase-frame { order: 2; }
  .explore-editorial-stage .explore-showcase-controls { order: 3; }
  /* One calm mobile image rather than an unreliable horizontal carousel. */
  .explore-showcase-window { margin-inline: 0; padding: 0; overflow: hidden; }
  .explore-showcase-track { display: block !important; }
  .explore-showcase-card { display: none; }
  .explore-showcase-card:first-child {
    display: block;
    width: 100%;
    min-height: 0;
    height: auto;
    aspect-ratio: 16 / 10;
    transform: none !important;
    box-shadow: none;
  }
  .explore-showcase-card:first-child img { min-height: 0; height: 100%; }
  .explore-showcase-frame,
  .explore-showcase-controls { display: none; }

  /* Give the open situation a single, wide image stage rather than a cropped column. */
  .situation-option > div {
    position: relative;
    display: block;
    min-height: 0;
    height: auto;
    padding: 0;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: #171717;
  }
  .situation-option > div img {
    display: block;
    width: 100%;
    max-width: none;
    min-height: 0;
    height: 100%;
    aspect-ratio: auto;
    object-fit: cover;
  }
  .situation-option > div p {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    max-width: none;
    padding: 36px 18px 17px;
    background: linear-gradient(transparent, rgba(14, 15, 15, .92) 48%);
    color: rgba(255, 255, 255, .94);
    font-size: .94rem;
    line-height: 1.58;
  }
  .hero .button-teal {
    background: rgba(11, 19, 28, .28);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .34);
    backdrop-filter: blur(3px);
  }
  .hero .button-teal:hover,
  .hero .button-teal:focus-visible { background: rgba(11, 19, 28, .46); }

  /* Mobile uses one concise Shuri Castle image while the editorial copy remains browsable. */
  .explore-showcase-card:first-child {
    height: clamp(188px, 54vw, 216px);
    min-height: 0 !important;
    aspect-ratio: auto;
  }
  .explore-showcase-card:first-child img {
    min-height: 0 !important;
    height: 100% !important;
    object-position: center;
  }
  .explore-showcase-frame {
    display: block;
    width: calc(100% - 36px);
    max-width: none;
    min-height: 0;
    margin: -18px auto 0;
    padding: 20px 20px 18px;
    border: 1px solid var(--yof-line);
    background: rgba(255,255,255,.98);
  }
  .explore-showcase-controls {
    display: grid;
    width: calc(100% - 36px);
    max-width: none;
    margin: 14px auto 0;
    padding: 0;
  }

  /* Compact section toggles make the two longer mobile areas immediately recognizable. */
  .ideas-disclosure,
  .host-disclosure { display: block; }
  .ideas-disclosure > summary,
  .host-disclosure > summary {
    display: flex;
    min-height: 68px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 24px;
    border-top: 1px solid rgba(36, 34, 31, .18);
    border-bottom: 1px solid rgba(36, 34, 31, .18);
    color: var(--yof-charcoal);
    cursor: pointer;
    font-family: var(--serif);
    font-size: 1.28rem;
    font-weight: 500;
    list-style: none;
  }
  .ideas-disclosure > summary::-webkit-details-marker,
  .host-disclosure > summary::-webkit-details-marker { display: none; }
  .ideas-disclosure > summary span:last-child,
  .host-disclosure > summary span:last-child {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(36, 34, 31, .52);
    border-radius: 50%;
    color: var(--yof-charcoal);
    font-family: var(--sans);
    font-size: 1.22rem;
    font-weight: 400;
    line-height: 1;
  }
  .ideas-disclosure > summary .disclosure-plus {
    transform: translateY(-1px);
  }
  .ideas-disclosure .occasions,
  .ideas-disclosure .how { display: block; }
  .host-disclosure .hosts { padding-top: 36px; }
}

/* Final readability and disclosure refinements. */
.featured-host-intro { color: #302f2b; font-weight: 400; }

/* The short-notice image should feel welcoming rather than like a dark break
   in the sequence of practical service options. */
.situation-option:nth-child(4) > div::after {
  background: linear-gradient(90deg, rgba(20,18,16,.62), rgba(20,18,16,.22) 72%, rgba(20,18,16,.08));
}
.situation-option:nth-child(4) > div img { filter: brightness(1.12) saturate(.94) contrast(.98); }

/* A single visual language for the three expandable areas. */
.homepage-disclosure > summary .disclosure-toggle,
.service-disclosure > summary .disclosure-toggle {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  place-items: center;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(36, 34, 31, .56);
  border-radius: 50%;
  color: var(--yof-charcoal);
  background: transparent;
  font-family: var(--sans);
  font-size: 1.28rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.homepage-disclosure[open] > summary .disclosure-toggle,
.service-disclosure[open] > summary .disclosure-toggle { font-size: 0; }
.homepage-disclosure[open] > summary .disclosure-toggle::after,
.service-disclosure[open] > summary .disclosure-toggle::after {
  content: "−";
  font-size: 1.35rem;
  line-height: 1;
}
@media (hover: hover) and (pointer: fine) {
  .homepage-disclosure > summary:hover .disclosure-toggle,
  .homepage-disclosure > summary:focus-visible .disclosure-toggle,
  .service-disclosure > summary:hover .disclosure-toggle,
  .service-disclosure > summary:focus-visible .disclosure-toggle {
    border-color: #bd944f;
    color: var(--yof-charcoal);
    background: #d6b56e;
    transform: scale(1.06);
  }
}

/* These sit after the form on phones, so give them a calm but unmistakably
   separate surface from the form itself. */
.contact-copy .hotel-contact-option,
.contact-copy .transport-introduction {
  padding: 22px;
  border: 1px solid #adc4c1;
  border-radius: 2px;
  background: #d6e4e2;
  box-shadow: 0 8px 20px rgba(36,34,31,.05);
}
.contact-copy .hotel-contact-option { padding-bottom: 22px; }
.contact-copy .transport-introduction { align-items: center; }

@media (max-width: 620px) {
  .featured-host-intro { color: #292824; font-size: .86rem; line-height: 1.58; }
  .homepage-disclosure > summary .disclosure-toggle,
  .service-disclosure > summary .disclosure-toggle { width: 30px; height: 30px; font-size: 1.22rem; }
  .homepage-disclosure[open] > summary .disclosure-toggle::after,
  .service-disclosure[open] > summary .disclosure-toggle::after { font-size: 1.28rem; }
  .contact-copy .hotel-contact-option,
  .contact-copy .transport-introduction { padding: 19px; background: #d6e4e2; }
}

/* Premium journey readiness: this final layer keeps hero copy reliably readable
   across every editorial image while preserving the image-led composition. */
.hero-wash {
  background:
    linear-gradient(90deg, rgba(6, 19, 33, .88) 0%, rgba(8, 25, 43, .72) 46%, rgba(9, 29, 49, .18) 82%),
    linear-gradient(0deg, rgba(5, 16, 28, .46) 0%, rgba(5, 16, 28, .08) 58%, rgba(5, 16, 28, .2) 100%);
}
.hero .eyebrow.light,
.hero h1,
.hero .hero-lead,
.hero .text-link.light,
.hero .hero-note,
.hero .hero-arrow { color: #fff !important; }
.hero h1 { font-weight: 500; text-shadow: 0 2px 16px rgba(0, 0, 0, .28); }
.hero .eyebrow.light,
.hero .hero-lead,
.hero .text-link.light,
.hero .hero-note { text-shadow: 0 1px 12px rgba(0, 0, 0, .38); }
.hero .hero-lead { color: #fff !important; font-weight: 500; }
.hero .text-link.light { color: #fff !important; font-weight: 600; text-decoration: underline; text-decoration-color: rgba(255,255,255,.78); text-decoration-thickness: 1px; text-underline-offset: 5px; }
.hero .button-teal {
  background: #8b5d16;
  color: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
}
.hero .button-teal:hover,
.hero .button-teal:focus-visible { background: #70470c; color: #fff; }
.hero .hero-arrow { background: rgba(5, 16, 28, .36); border-color: rgba(255,255,255,.72); }
.hero .hero-arrow:hover,
.hero .hero-arrow:focus-visible { background: rgba(5, 16, 28, .66); border-color: #e5c07a; color: #fff; }

.mobile-journey-bar { display: none; }

@media (max-width: 620px) {
  body { padding-bottom: 84px; }
  .hero-wash {
    background:
      linear-gradient(90deg, rgba(5, 16, 28, .91) 0%, rgba(7, 22, 38, .78) 57%, rgba(8, 24, 42, .44) 100%),
      linear-gradient(0deg, rgba(5, 16, 28, .62) 0%, rgba(5, 16, 28, .12) 68%, rgba(5, 16, 28, .3) 100%);
  }
  .hero .eyebrow.light { color: #fff !important; font-weight: 600; }
  .hero h1 { color: #fff !important; font-weight: 500; }
  .hero .hero-lead { color: #fff !important; font-weight: 500; }
  .hero .text-link.light { color: #fff !important; }
  .hero .button-teal {
    background: #8b5d16;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .28);
    backdrop-filter: none;
  }
  .hero .button-teal:hover,
  .hero .button-teal:focus-visible { background: #70470c; }
  .hero-actions { gap: 20px; }
  .mobile-journey-bar {
    position: fixed;
    right: 78px;
    bottom: max(14px, env(safe-area-inset-bottom));
    left: 14px;
    z-index: 31;
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 0 16px;
    border: 1px solid rgba(255,255,255,.32);
    border-radius: 2px;
    background: #8b5d16;
    box-shadow: 0 8px 26px rgba(0,0,0,.24);
    color: #fff;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-align: center;
    text-transform: uppercase;
  }
  .mobile-journey-bar:hover,
  .mobile-journey-bar:focus-visible { background: #70470c; color: #fff; }
  .whatsapp-float {
    right: 14px;
    bottom: max(14px, env(safe-area-inset-bottom));
    z-index: 32;
    min-width: 54px;
    width: 54px;
    height: 54px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 50%;
    font-size: .57rem;
    letter-spacing: 0;
  }
  body.whatsapp-clear-zone .whatsapp-float {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-slide.active img { animation: none !important; transform: none !important; }
  .mobile-journey-bar { scroll-behavior: auto; }
}

/* Final conversion and interaction polish. */
.service-photo img { object-position: 68% center; }

@media (min-width: 901px) {
  .site-header.is-scrolled {
    position: fixed;
    min-height: 72px;
    border-bottom-color: rgba(255,255,255,.16);
    background: rgba(7, 22, 38, .96);
    box-shadow: 0 7px 24px rgba(4, 13, 23, .14);
    backdrop-filter: blur(12px);
  }
  .site-header.is-scrolled .nav-cta {
    border-color: #8b5d16;
    background: #8b5d16;
    color: #fff;
    box-shadow: 0 4px 14px rgba(0,0,0,.16);
  }
  .site-header.is-scrolled .nav-cta:hover,
  .site-header.is-scrolled .nav-cta:focus-visible { background: #70470c; border-color: #70470c; color: #fff; }
  .site-header.is-scrolled .nav-cta:active { transform: translateY(1px); box-shadow: none; }
}

.hero-arrow:active,
.explore-showcase-arrow:active,
.testimonial-arrow:active,
.disclosure-toggle:active,
.host-profile-photo:active { transform: scale(.94); }
.faq-question:hover .plus,
.faq-question:focus-visible .plus { color: #70470c; transform: rotate(45deg); }
.faq-item.open .plus { transform: rotate(45deg); }
.explore-showcase-card:active img { transform: scale(1.035); }
.host-profile-trigger:focus-visible,
.host-profile-photo:focus-visible,
.faq-question:focus-visible { outline: 2px solid #bd944f; outline-offset: 4px; }

@media (max-width: 620px) {
  body { padding-bottom: calc(100px + env(safe-area-inset-bottom)); }
  body.journey-cta-hidden .mobile-journey-bar,
  body.hosts-in-view .mobile-journey-bar,
  body.how-steps-open .mobile-journey-bar {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(calc(100% + 18px));
  }
  .mobile-journey-bar { transition: transform .24s ease, opacity .18s ease, visibility .18s; }
  .service-disclosure .service-photo img { object-position: 68% center; }
  .contact form { padding-bottom: calc(42px + env(safe-area-inset-bottom)); }
  .contact form .field { gap: 9px; }
  .contact form input:not([type="checkbox"]),
  .contact form select { min-height: 48px; }
  .contact form .submit { min-height: 56px; }
}

@media (prefers-reduced-motion: reduce) {
  .site-header,
  .mobile-journey-bar,
  .hero-arrow,
  .explore-showcase-arrow,
  .testimonial-arrow,
  .disclosure-toggle,
  .host-profile-photo,
  .faq-question .plus { transition: none !important; }
}

/* Mobile situation-section refinement (desktop composition remains unchanged). */
.situation-option picture { display: block; min-width: 0; overflow: hidden; }

@media (max-width: 620px) {
  .situation-accordion {
    --mobile-sticky-cta-height: 54px;
    --mobile-sticky-cta-bottom: max(14px, env(safe-area-inset-bottom));
    --mobile-sticky-cta-buffer: 18px;
  }

  .situation-option[open] {
    padding-bottom: calc(
      var(--mobile-sticky-cta-height) +
      var(--mobile-sticky-cta-bottom) +
      var(--mobile-sticky-cta-buffer)
    );
  }

  .situations-heading {
    gap: 22px;
    margin-bottom: 38px;
  }
  .situations-heading h2 {
    max-width: 13.5ch;
    margin-top: 10px;
    font-size: clamp(2rem, 8.8vw, 2.35rem);
    line-height: 1.035;
  }
  .situations-heading .lead {
    margin-top: 0;
    font-size: .98rem;
    line-height: 1.68;
  }

  .situation-option summary { min-height: 74px; }
  .situation-option summary i,
  .situation-option[open] summary i {
    width: 36px;
    height: 36px;
    border-width: 1.5px;
    border-color: #e5c47f;
    color: #e5c47f;
    font-size: 1.42rem;
    font-weight: 400;
  }
  .situation-option[open] summary i { font-size: 0; }
  .situation-option[open] summary i::after { font-size: 1.42rem; }

  .situation-option > div picture {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
  }
  .situation-option[open] > div { padding-bottom: 18px; }

  /* Keep the vehicle visible, with the explanation in its own quiet panel. */
  .situation-option:nth-child(3) > div {
    display: grid;
    aspect-ratio: auto;
    overflow: visible;
    padding-bottom: 0;
    background: #171717;
  }
  .situation-option:nth-child(3) > div::after { display: none; }
  .situation-option:nth-child(3) > div picture {
    position: relative;
    height: auto;
    aspect-ratio: 16 / 9;
    background:
      linear-gradient(120deg, rgba(229,196,127,.18), rgba(36,34,31,.08) 46%, rgba(229,196,127,.12)),
      #655d53;
  }
  .situation-vehicle-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,.09) 49%, transparent 68%);
    opacity: .7;
    pointer-events: none;
    transition: opacity .3s ease;
  }
  .situation-vehicle-media img {
    opacity: 0;
    transition: opacity .34s ease;
  }
  .situation-vehicle-media.is-ready img { opacity: 1; }
  .situation-vehicle-media.is-ready::after { opacity: 0; }
  .situation-vehicle-media.is-prefetching:not(.is-ready)::after {
    animation: situation-placeholder-sheen 1.7s ease-in-out infinite;
  }
  @keyframes situation-placeholder-sheen {
    0%, 100% { transform: translateX(-16%); opacity: .35; }
    50% { transform: translateX(16%); opacity: .72; }
  }
  .situation-option:nth-child(3) > div img {
    height: 100%;
    object-position: 58% center;
    filter: saturate(.94) contrast(1.01);
  }
  .situation-option:nth-child(3) > div p {
    position: static;
    padding: 19px 18px 21px;
    background: #171717;
  }

  .plan-options {
    margin-top: 38px;
    border-top-color: rgba(229,196,127,.5);
  }
  .plan-options summary { min-height: 72px; }
  .plan-options summary > span:first-child { color: rgba(255,255,255,.96); }
  .plan-options summary span:last-child { color: #e5c47f; }
}

@media (max-width: 620px) and (prefers-reduced-motion: reduce) {
  .situation-vehicle-media::after { animation: none !important; transition: none; }
  .situation-vehicle-media img { transition: none; }
}

/* Compact mobile Explore module: keep every category image aligned to one
   stable editorial stage without changing the desktop carousel. */
@media (max-width: 620px) {
  .explore-showcase-window {
    margin-inline: 0;
    padding: 0;
  }

  .explore-showcase-track {
    display: flex !important;
    width: max-content;
    gap: 0;
  }

  .explore-showcase-card,
  .explore-showcase-card:first-child {
    display: block;
    flex: 0 0 calc(100vw - 48px);
    width: calc(100vw - 48px);
    height: 166px;
    min-height: 166px !important;
    aspect-ratio: auto;
    transform: none !important;
    box-shadow: none;
  }

  .explore-showcase-card img,
  .explore-showcase-card:first-child img {
    width: 100%;
    height: 166px !important;
    min-height: 166px !important;
    object-fit: cover;
  }

  .explore-showcase-frame {
    width: calc(100% - 36px);
    height: 219px;
    min-height: 219px;
    margin-top: -18px;
    padding: 12px 18px;
    box-sizing: border-box;
  }

  .explore-showcase-frame .text-link {
    min-height: 44px;
    align-items: center;
    margin-top: 9px;
  }
}

/* Only in Okinawa: compact editorial discovery layer. */
.signature-teaser {
  overflow: hidden;
  border-top: 1px solid rgba(25,25,25,.1);
  border-bottom: 1px solid rgba(25,25,25,.1);
  background:
    radial-gradient(circle at 84% 8%, rgba(190,151,82,.09), transparent 31%),
    linear-gradient(180deg, #fbfaf6 0%, #f4f0e7 100%);
}
.signature-teaser-heading {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: clamp(42px, 8vw, 112px);
  align-items: end;
  margin-bottom: 44px;
}
.signature-teaser-heading h2 { margin: 0; font-size: clamp(2.35rem, 4.7vw, 4.5rem); }
.signature-teaser-intro { max-width: 590px; }
.signature-teaser-intro p { margin-bottom: 22px; color: #41464c; font-family: var(--serif); font-size: 1.08rem; line-height: 1.62; }
.signature-all-link { color: var(--teal); font-weight: 600; }
.signature-all-link span { display: inline-block; transition: transform .3s ease; }
.signature-all-link:hover span, .signature-all-link:focus-visible span { transform: translateX(5px); }
.signature-carousel-viewport { overflow: hidden; }
.signature-carousel-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 36px) / 3);
  gap: 18px;
  transition: transform .52s cubic-bezier(.22,.8,.24,1);
}
.signature-card {
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 0;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(125,98,51,.23);
  background: rgba(255,255,255,.94);
  box-shadow: 0 10px 28px rgba(20,31,43,.08);
  transition: transform .34s cubic-bezier(.22,.8,.24,1), box-shadow .34s ease, border-color .34s ease;
}
.signature-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 2;
  height: 2px;
  background: linear-gradient(90deg, transparent, #bd9656 22%, #d2b273 50%, #bd9656 78%, transparent);
  opacity: .68;
  transition: opacity .34s ease;
}
.signature-card > img { width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: cover; filter: saturate(.96) contrast(1.02); transition: transform .36s cubic-bezier(.22,.8,.24,1), filter .36s ease; }
.signature-card:hover { transform: translateY(-8px); border-color: rgba(154,113,47,.48); box-shadow: 0 22px 42px rgba(20,31,43,.16); }
.signature-card:hover::before { opacity: 1; }
.signature-card:hover > img { transform: scale(1.035); filter: saturate(1.04) contrast(1.025) sepia(.035); }
.signature-card:focus-within { border-color: #a67d3e; box-shadow: 0 0 0 3px rgba(190,151,82,.23), 0 18px 38px rgba(20,31,43,.13); }
.signature-card-copy { display: flex; flex-direction: column; padding: 24px 23px 22px; }
.signature-number { margin-bottom: 10px; color: #78664c; font-size: .67rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.signature-card h3 { margin-bottom: 12px; font-size: clamp(1.5rem, 2.15vw, 2rem); line-height: 1.12; }
.signature-card-copy > p:not(.signature-number) { margin-bottom: 16px; color: #454b52; font-size: .88rem; line-height: 1.62; }
.signature-card small { display: block; margin-top: auto; padding-top: 2px; color: #62656a; font-size: .72rem; line-height: 1.5; }
.signature-save {
  align-self: flex-start;
  min-height: 44px;
  margin-top: 18px;
  padding: 0 0 3px;
  border: 0;
  border-bottom: 1px solid #9f7f49;
  background: transparent;
  color: #244b49;
  cursor: pointer;
  font-size: .79rem;
  font-weight: 600;
  letter-spacing: .025em;
}
.signature-save::after { content: " →"; display: inline-block; transition: transform .28s ease; }
.signature-save:hover::after, .signature-save:focus-visible::after { transform: translateX(4px); }
.signature-save[aria-pressed="true"]::after { content: ""; }
.signature-save:hover, .signature-save:focus-visible { color: #111; border-bottom-color: #111; }
.signature-save[aria-pressed="true"] { color: #76551f; border-bottom-color: #76551f; }
.signature-carousel-controls {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 18px;
  align-items: center;
  margin-top: 22px;
  color: #272727;
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.signature-carousel-controls button { min-height: 44px; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; font: inherit; letter-spacing: inherit; text-transform: inherit; }
.signature-carousel-controls button:disabled { opacity: .32; cursor: default; }
.signature-carousel-rule { height: 1px; background: rgba(25,25,25,.2); }
.signature-carousel-rule i { display: block; width: 16.67%; height: 2px; background: #7d6a4d; transition: width .4s ease; }
.signature-carousel-page { min-width: 34px; text-align: right; }
.signature-save-status { min-height: 1.6em; margin-top: 14px; color: #5b5d60; font-size: .78rem; }
.signature-next-step { display: inline-flex; min-height: 44px; align-items: center; color: var(--teal); font-weight: 600; }
.signature-next-step[hidden] { display: none; }
.signature-form-summary { padding: 16px 18px; border: 1px solid rgba(125,106,77,.28); background: rgba(255,255,255,.64); }
.signature-form-summary p { margin: 0; }
.signature-form-summary p:first-child { color: var(--navy); font-size: .78rem; font-weight: 600; }
.signature-form-summary p:first-child span { color: var(--muted); font-weight: 400; }
.signature-form-summary p:nth-child(2) { margin: 5px 0 9px; color: #4c535a; font-size: .82rem; }
.signature-form-summary a { color: var(--teal); font-size: .78rem; font-weight: 600; }

/* Homepage luxury transition: cinematic field, then cards crossing into ivory. */
.signature-teaser {
  position: relative;
  isolation: isolate;
  padding: clamp(82px, 8vw, 112px) 0 92px;
  background: #f6f1e7;
}
.signature-teaser::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 0;
  height: clamp(570px, 48vw, 660px);
  background:
    linear-gradient(90deg, rgba(8,25,40,.9) 0%, rgba(8,25,40,.72) 47%, rgba(8,25,40,.38) 100%),
    linear-gradient(180deg, transparent 55%, rgba(8,25,40,.42) 100%),
    url("only-okinawa-ryukyu-v1.webp") center 48% / cover no-repeat;
}
.signature-teaser > .container { position: relative; z-index: 1; }
.signature-teaser-heading { align-items: center; margin-bottom: 52px; }
.signature-teaser-heading .eyebrow { color: #e0bd78; }
.signature-teaser-heading h2 { color: #fff; font-size: clamp(3.25rem, 6vw, 5.8rem); line-height: .94; text-shadow: 0 2px 24px rgba(0,0,0,.28); }
.signature-teaser-intro p { max-width: 510px; color: rgba(255,255,255,.9); font-size: clamp(1.08rem, 1.5vw, 1.3rem); line-height: 1.5; text-shadow: 0 1px 16px rgba(0,0,0,.3); }
.signature-teaser .signature-all-link { color: #f1ce89; }
.signature-teaser .signature-all-link:hover,
.signature-teaser .signature-all-link:focus-visible { color: #fff; }
.signature-teaser .signature-card {
  min-height: 510px;
  grid-template-rows: 1fr;
  border-color: rgba(255,255,255,.42);
  background: #0d2235;
  box-shadow: 0 22px 48px rgba(7,20,31,.24);
}
.signature-teaser .signature-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(5,16,27,.03) 16%, rgba(5,16,27,.3) 46%, rgba(5,16,27,.96) 100%);
  pointer-events: none;
  transition: background .36s ease;
}
.signature-teaser .signature-card > img { position: absolute; inset: 0; height: 100%; aspect-ratio: auto; object-position: center; }
.signature-teaser .signature-card-copy {
  position: relative;
  z-index: 3;
  min-height: 510px;
  justify-content: flex-end;
  padding: 180px 25px 26px;
  color: #fff;
}
.signature-teaser .signature-number { color: #e4bf77; }
.signature-teaser .signature-card h3 { color: #fff; font-size: clamp(1.7rem, 2.25vw, 2.15rem); text-shadow: 0 2px 16px rgba(0,0,0,.38); }
.signature-teaser .signature-card-copy > p:not(.signature-number) { color: rgba(255,255,255,.9); line-height: 1.55; }
.signature-teaser .signature-card small { color: rgba(255,255,255,.72); }
.signature-teaser .signature-save { color: #fff; border-bottom-color: #d8b56f; }
.signature-teaser .signature-save:hover,
.signature-teaser .signature-save:focus-visible { color: #f5d698; border-bottom-color: #f5d698; }
.signature-teaser .signature-save[aria-pressed="true"] { color: #f5d698; border-bottom-color: #f5d698; }
.signature-teaser .signature-card:hover { border-color: #d0aa64; box-shadow: 0 28px 56px rgba(7,20,31,.32), 0 0 0 1px rgba(208,170,100,.55); }
.signature-teaser .signature-card:hover::after { background: linear-gradient(180deg, rgba(89,57,11,.02) 14%, rgba(58,37,8,.22) 47%, rgba(27,19,9,.94) 100%); }

/* Dedicated-page editorial bridge inspired by a personal travel album. */
.signature-story { overflow: hidden; padding: clamp(78px, 9vw, 132px) 0; background: #f6f1e7; }
.signature-story-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(44px, 7vw, 96px); align-items: center; }
.signature-story-copy { position: relative; z-index: 2; }
.signature-story-copy .eyebrow { color: #8e6227; }
.signature-story-copy h2 { margin-bottom: 24px; font-size: clamp(3rem, 5.3vw, 5.25rem); line-height: .96; }
.signature-story-copy > p:not(.eyebrow) { max-width: 520px; margin-bottom: 26px; color: #41464c; font-family: var(--serif); font-size: clamp(1.05rem, 1.45vw, 1.22rem); line-height: 1.58; }
.signature-story-copy .text-link { color: #705022; font-weight: 600; }
.signature-story-collage { position: relative; min-height: 560px; }
.signature-story-photo { position: absolute; overflow: hidden; margin: 0; border: 9px solid #fffdf8; background: #e9e0d0; box-shadow: 0 18px 42px rgba(25,32,38,.2); }
.signature-story-photo img { width: 100%; height: 100%; object-fit: cover; }
.signature-story-photo-main { left: 1%; top: 8%; width: 72%; aspect-ratio: 4 / 3; transform: rotate(-3.5deg); }
.signature-story-photo-top { right: 1%; top: 0; width: 38%; aspect-ratio: 4 / 3; transform: rotate(5deg); }
.signature-story-photo-bottom { right: 2%; bottom: 0; width: 43%; aspect-ratio: 4 / 3; transform: rotate(-4deg); }
.signature-story + .signature-collection { padding-top: clamp(58px, 7vw, 82px); }

/* Dedicated collection page. */
.signature-page { background: #f7f4ed; }
.signature-page .site-header { position: relative; min-height: 88px; background: #0d2235; }
.signature-page .site-nav a:not(.nav-cta)::after { background: #c5a365; }
.signature-page .nav-cta { border-color: #b9995f; background: #9b7c49; }
.signature-page-main { padding-bottom: 92px; }
.signature-page-intro {
  position: relative;
  isolation: isolate;
  min-height: min(68vh, 690px);
  display: flex;
  align-items: end;
  padding: clamp(86px, 11vw, 138px) 0 clamp(58px, 7vw, 88px);
  background: #1c2733 url("only-okinawa-ryukyu-v1.webp") center 48% / cover no-repeat;
  color: #fff;
}
.signature-page-intro::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(9,24,38,.9) 0%, rgba(9,24,38,.68) 49%, rgba(9,24,38,.23) 100%); }
.signature-page-intro .container { position: relative; z-index: 1; }
.signature-page-intro .eyebrow { color: #d8b875; }
.signature-page-intro h1 { max-width: 880px; margin-bottom: 22px; color: #fff; font-size: clamp(3rem, 7vw, 6.2rem); line-height: .96; text-shadow: 0 2px 22px rgba(0,0,0,.34); }
.signature-page-intro .lead { max-width: 680px; margin-bottom: 18px; color: rgba(255,255,255,.9); font-size: clamp(1.15rem, 2vw, 1.5rem); text-shadow: 0 1px 18px rgba(0,0,0,.38); }
.signature-page-distinction { margin: 0; color: rgba(255,255,255,.62); font-size: .82rem; letter-spacing: .025em; }
.signature-collection { padding-top: clamp(52px, 7vw, 84px); }
.signature-collection-heading { display: grid; grid-template-columns: .8fr 1.2fr; gap: 48px; align-items: end; margin-bottom: 42px; }
.signature-collection-heading h2 { margin: 0; font-size: clamp(2.35rem, 4.4vw, 4.2rem); }
.signature-collection-heading p { max-width: 650px; margin: 0; color: #4b5056; }
.signature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.signature-grid .signature-card-copy { min-height: 310px; }
.signature-page-save-panel { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; margin-top: 42px; padding: 25px 28px; border-top: 1px solid rgba(25,25,25,.2); border-bottom: 1px solid rgba(25,25,25,.2); }
.signature-page-save-panel p { margin: 0; color: #4b5056; }
.signature-page-save-panel .signature-next-step { padding-inline: 22px; border: 1px solid #9b7c49; background: #9b7c49; color: #fff; }

@media (max-width: 900px) {
  .signature-carousel-track { grid-auto-columns: calc((100% - 18px) / 2); }
  .signature-grid { grid-template-columns: repeat(2, 1fr); }
  .signature-story-grid { grid-template-columns: 1fr; }
  .signature-story-copy { max-width: 650px; }
  .signature-story-collage { min-height: 500px; }
}

@media (max-width: 620px) {
  .signature-teaser { padding: 54px 0 calc(96px + env(safe-area-inset-bottom)); }
  .signature-teaser::after { height: 610px; background-position: 62% center; }
  .signature-teaser-heading { grid-template-columns: 1fr; gap: 18px; margin-bottom: 28px; }
  .signature-teaser-heading h2 { color: #fff; font-size: clamp(2.75rem, 13vw, 3.45rem); line-height: .94; }
  .signature-teaser-intro p { margin-bottom: 12px; color: rgba(255,255,255,.9); font-size: .98rem; line-height: 1.52; }
  .signature-all-link { display: inline-flex; min-height: 44px; align-items: center; }
  .signature-carousel-viewport { margin-inline: -17px; padding-inline: 17px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .signature-carousel-viewport::-webkit-scrollbar { display: none; }
  .signature-carousel-track { display: flex; width: max-content; gap: 12px; transform: none !important; }
  .signature-card { width: calc(100vw - 58px); max-width: 372px; scroll-snap-align: center; box-shadow: 0 8px 20px rgba(20,31,43,.09); }
  .signature-card:hover { transform: none; box-shadow: 0 8px 20px rgba(20,31,43,.09); }
  .signature-card:hover > img { transform: none; filter: saturate(.96) contrast(1.02); }
  .signature-card > img { height: auto; aspect-ratio: 16 / 9; }
  .signature-card-copy { min-height: 294px; padding: 20px 19px 18px; }
  .signature-card h3 { font-size: 1.7rem; }
  .signature-card-copy > p:not(.signature-number) { font-size: .88rem; }
  .signature-save { min-height: 48px; }
  .signature-carousel-controls { gap: 13px; margin-top: 14px; }
  .signature-save-status { margin-top: 9px; }
  .signature-form-summary { padding: 15px; }

  .signature-page { padding-bottom: 0; }
  .signature-page .site-header { min-height: 74px; padding-inline: 17px; }
  .signature-page .logo img { width: 205px; }
  .signature-page-intro { min-height: 560px; align-items: end; padding: 82px 0 52px; background-position: 57% center; }
  .signature-page-intro::before { background: linear-gradient(180deg, rgba(9,24,38,.36) 0%, rgba(9,24,38,.5) 35%, rgba(9,24,38,.93) 100%); }
  .signature-page-intro h1 { font-size: clamp(3rem, 15vw, 4.25rem); }
  .signature-page-intro .lead { font-size: 1.12rem; line-height: 1.5; }
  .signature-page-distinction { font-size: .78rem; line-height: 1.7; }
  .signature-collection-heading { grid-template-columns: 1fr; gap: 14px; margin-bottom: 28px; }
  .signature-collection-heading h2 { font-size: 2.45rem; }
  .signature-grid { grid-template-columns: 1fr; gap: 18px; }
  .signature-grid .signature-card { width: 100%; max-width: none; }
  .signature-grid .signature-card-copy { min-height: 0; }
  .signature-page-save-panel { display: grid; padding: 22px 0; }

  .signature-teaser .signature-card { min-height: 476px; box-shadow: 0 16px 34px rgba(7,20,31,.24); }
  .signature-teaser .signature-card > img { height: 100%; aspect-ratio: auto; }
  .signature-teaser .signature-card-copy { min-height: 476px; padding: 150px 21px 22px; }
  .signature-teaser .signature-card h3 { color: #fff; font-size: 1.8rem; }
  .signature-teaser .signature-card-copy > p:not(.signature-number) { color: rgba(255,255,255,.9); }

  .signature-story { padding: 68px 0 78px; }
  .signature-story-grid { gap: 38px; }
  .signature-story-copy h2 { font-size: 2.85rem; line-height: .96; }
  .signature-story-copy > p:not(.eyebrow) { font-size: 1.02rem; }
  .signature-story-collage { min-height: 355px; }
  .signature-story-photo { border-width: 6px; }
  .signature-story-photo-main { left: 0; top: 7%; width: 76%; }
  .signature-story-photo-top { right: -2%; top: 0; width: 42%; }
  .signature-story-photo-bottom { right: 0; bottom: 1%; width: 45%; }
}

@media (prefers-reduced-motion: reduce) {
  .signature-carousel-track,
  .signature-carousel-rule i,
  .signature-card,
  .signature-card > img,
  .signature-save::after,
  .signature-all-link span { transition: none !important; }
  .signature-card:hover,
  .signature-card:hover > img { transform: none !important; }
}

/* Final Only in Okinawa homepage treatment: quiet motion, fixed editorial cards. */
.signature-teaser::after { display: none; }
.signature-teaser-scenes {
  position: absolute;
  inset: 0 0 auto;
  z-index: 0;
  height: clamp(570px, 48vw, 660px);
  overflow: hidden;
  background: #0d2235;
}
.signature-teaser-scenes::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8,25,40,.9) 0%, rgba(8,25,40,.72) 47%, rgba(8,25,40,.42) 100%),
    linear-gradient(180deg, transparent 50%, rgba(8,25,40,.54) 100%);
}
.signature-teaser-scenes img {
  position: absolute;
  inset: -1.5%;
  width: 103%;
  height: 103%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  animation: signature-scene 24s linear infinite;
}
.signature-teaser-scenes img:nth-child(1) { animation-delay: -1.68s; }
.signature-teaser-scenes img:nth-child(2) { animation-delay: 6.32s; object-position: center 48%; }
.signature-teaser-scenes img:nth-child(3) { animation-delay: 14.32s; }
@keyframes signature-scene {
  0% { opacity: 0; transform: scale(1); }
  7%, 30% { opacity: 1; }
  37%, 100% { opacity: 0; transform: scale(1.025); }
}
.signature-home-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.signature-mobile-bottom-link {
  display: flex;
  width: max-content;
  min-height: 48px;
  align-items: center;
  margin: 28px auto 0;
  color: #8a6326;
  font-weight: 600;
}
.signature-mobile-bottom-link span { margin-left: 7px; transition: transform .24s ease; }
.signature-mobile-bottom-link:hover span,
.signature-mobile-bottom-link:focus-visible span { transform: translateX(4px); }
.signature-home-grid .signature-card,
.signature-home-grid .signature-card-copy { min-height: 470px; }
.signature-home-grid .signature-card-copy { padding-top: 190px; }
.signature-discover {
  align-self: flex-start;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  margin-top: auto;
  border-bottom: 1px solid #d8b56f;
  color: #fff;
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .025em;
  text-decoration: none;
}
.signature-discover span { display: inline-block; margin-left: 7px; transition: transform .3s ease; }
.signature-discover:hover,
.signature-discover:focus-visible { color: #f5d698; border-bottom-color: #f5d698; }
.signature-discover:hover span,
.signature-discover:focus-visible span { transform: translateX(5px); }

.journey-closing {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: clamp(430px, 42vw, 590px);
  place-items: center;
  padding: 86px 0;
  overflow: hidden;
  background: #0d2235 url("hero-okinawa-shaped-around-you-20260908.webp") center / cover no-repeat;
  color: #fff;
  text-align: center;
}
.journey-closing::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(7,25,40,.72); }
.journey-closing-inner { max-width: 960px; }
.journey-closing .eyebrow { color: #e0bd78; }
.journey-closing h2 { margin: 12px 0 18px; color: #fff; font-size: clamp(2.8rem, 5.4vw, 5rem); line-height: .98; }
.journey-closing p:not(.eyebrow) { margin-bottom: 28px; color: rgba(255,255,255,.84); font-family: var(--serif); font-size: 1.13rem; letter-spacing: .035em; }

@media (max-width: 620px) {
  .how { padding: 58px 0; }
  .how-steps-disclosure {
    margin-top: 24px;
    border-top: 1px solid rgba(16,37,57,.24);
    border-bottom: 1px solid rgba(16,37,57,.24);
  }
  .how-steps-disclosure > summary {
    display: flex;
    min-height: 62px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: var(--navy);
    cursor: pointer;
    font-family: var(--serif);
    font-size: 1.12rem;
    list-style: none;
  }
  .how-steps-disclosure > summary::-webkit-details-marker { display: none; }
  .how-disclosure-toggle {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid #b58a43;
    border-radius: 50%;
    color: #9a6e29;
    font-family: var(--sans);
    font-size: 1.25rem;
    transition: background .22s ease, color .22s ease;
  }
  .how-disclosure-toggle::before { content: "+"; }
  .how-steps-disclosure[open] .how-disclosure-toggle::before { content: "−"; }
  .how-steps-disclosure > summary:hover .how-disclosure-toggle,
  .how-steps-disclosure > summary:focus-visible .how-disclosure-toggle {
    background: #b58a43;
    color: #fff;
  }
  .how-steps-disclosure[open] > summary { border-bottom: 1px solid rgba(16,37,57,.16); }
  .how-steps-content { padding: 2px 0 4px; }
  .signature-teaser {
    padding: 54px 0 68px;
    background: #f6f1e7;
  }
  .signature-teaser-scenes { display: block; height: 485px; }
  .signature-teaser-scenes img { inset: 0; width: 100%; height: 100%; }
  .signature-teaser-scenes img:nth-child(1) { object-position: 58% center; }
  .signature-teaser-scenes img:nth-child(2) { object-position: 70% center; }
  .signature-teaser-scenes img:nth-child(3) { object-position: 66% center; }
  .signature-teaser-heading { gap: 14px; margin-bottom: 26px; }
  .signature-teaser-heading h2 { font-size: clamp(2.7rem, 12.5vw, 3.25rem); line-height: .94; }
  .signature-teaser-intro p { margin-bottom: 8px; font-size: .96rem; line-height: 1.5; }
  .signature-home-grid { grid-template-columns: 1fr; gap: 14px; }
  .signature-home-grid .signature-card {
    width: 100%;
    max-width: none;
    min-height: 0;
    aspect-ratio: 16 / 9;
  }
  .signature-home-grid .signature-card-copy {
    min-height: 100%;
    padding: 64px 18px 13px;
  }
  .signature-home-grid .signature-number { margin-bottom: 4px; font-size: .6rem; }
  .signature-home-grid .signature-card h3 { margin-bottom: 0; font-size: 1.55rem; line-height: 1.02; }
  .signature-home-grid .signature-card-copy > p:not(.signature-number) { display: none; }
  .signature-home-grid .signature-discover { display: none; }
  .signature-mobile-bottom-link {
    margin-top: 17px;
  }

  /* Use one precise disclosure-control geometry across the three mobile sections. */
  .how-steps-disclosure > summary,
  .host-disclosure > summary,
  .service-disclosure > summary {
    min-height: 68px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
  .host-disclosure > summary {
    width: min(calc(100% - 34px), var(--max));
    margin-inline: auto;
    padding: 14px 0;
  }
  .homepage-disclosure > summary .disclosure-toggle,
  .service-disclosure > summary .disclosure-toggle,
  .how-disclosure-toggle {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    place-items: center;
    margin: 0;
    padding: 0;
    border: 1px solid #b58a43;
    border-radius: 50%;
    color: #9a6e29;
    font-family: var(--sans);
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
  }
  .homepage-disclosure[open] > summary .disclosure-toggle::after,
  .service-disclosure[open] > summary .disclosure-toggle::after { font-size: 1.3rem; }
  .host-disclosure > summary > span.disclosure-toggle:last-child {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
    border-color: #b58a43;
    color: #9a6e29;
    font-size: 1.25rem;
  }
  .how-steps-disclosure > summary:hover .how-disclosure-toggle,
  .how-steps-disclosure > summary:focus-visible .how-disclosure-toggle,
  .homepage-disclosure > summary:hover .disclosure-toggle,
  .homepage-disclosure > summary:focus-visible .disclosure-toggle,
  .service-disclosure > summary:hover .disclosure-toggle,
  .service-disclosure > summary:focus-visible .disclosure-toggle {
    border-color: #b58a43;
    background: #b58a43;
    color: #fff;
  }
  .journey-closing { min-height: 430px; padding: 72px 0 calc(98px + env(safe-area-inset-bottom)); }
  .journey-closing h2 { font-size: 2.75rem; }
}

@media (prefers-reduced-motion: reduce) {
  .signature-teaser-scenes img { animation: none !important; opacity: 0; transform: none !important; }
  .signature-teaser-scenes img:first-child { opacity: 1; }
  .signature-discover span { transition: none !important; }
}

/* Only in Okinawa — dedicated editorial story */
.only-editorial-main {
  padding-bottom: 0;
  overflow: clip;
  background: #f7f3eb;
}
.only-editorial-main figure { margin: 0; }
.only-editorial-main img { display: block; width: 100%; }
.only-editorial-main .eyebrow {
  margin-bottom: 14px;
  color: #9a6a2a;
  font-size: .75rem;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.only-editorial-main h2 {
  font-weight: 400;
  letter-spacing: -.025em;
}

.only-editorial-hero {
  position: relative;
  isolation: isolate;
  min-height: clamp(650px, calc(100svh - 88px), 850px);
  overflow: hidden;
  color: #fff;
}
.only-editorial-hero-slides {
  position: absolute;
  inset: 0;
  z-index: -2;
}
.only-editorial-hero-image,
.only-editorial-hero-shade {
  position: absolute;
  inset: 0;
  z-index: -2;
  height: 100%;
}
.only-editorial-hero-image {
  opacity: 0;
  object-fit: cover;
  object-position: center 44%;
  transition: opacity 1.25s ease;
}
.only-editorial-hero-image.is-active { opacity: 1; }
.only-editorial-hero-dance { object-position: center 50%; }
.only-editorial-hero-shade {
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(6,22,35,.9) 0%, rgba(6,22,35,.67) 43%, rgba(6,22,35,.12) 75%),
    linear-gradient(180deg, rgba(6,22,35,.08) 52%, rgba(6,22,35,.55) 100%);
}
.only-editorial-hero-copy {
  display: flex;
  min-height: inherit;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-top: 5vh;
}
.only-editorial-hero-copy .eyebrow { color: #e1bd76; }
.only-editorial-hero h1 {
  max-width: 780px;
  margin: 0 0 24px;
  color: #fff;
  font-size: clamp(4.4rem, 7.3vw, 7.2rem);
  font-weight: 400;
  line-height: .84;
  letter-spacing: -.045em;
  text-shadow: 0 3px 28px rgba(0,0,0,.28);
}
.only-editorial-hero-copy > p:not(.eyebrow) {
  max-width: 590px;
  margin: 0 0 30px;
  color: rgba(255,255,255,.9);
  font-family: var(--serif);
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  line-height: 1.35;
}
.only-editorial-hero-copy h1,
.only-editorial-hero-copy > p:not(.eyebrow) {
  transition: opacity .28s ease, transform .28s ease;
}
.only-editorial-hero-copy.is-changing h1,
.only-editorial-hero-copy.is-changing > p:not(.eyebrow) {
  opacity: 0;
  transform: translateY(5px);
}
.only-editorial-hero-controls {
  position: absolute;
  right: max(6%, calc((100% - var(--max))/2));
  bottom: 34px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 14px;
  color: #fff;
}
.only-editorial-hero-controls button {
  display: grid;
  width: 42px;
  height: 42px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(255,255,255,.58);
  border-radius: 50%;
  background: rgba(7,22,38,.22);
  color: #fff;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}
.only-editorial-hero-controls button:hover,
.only-editorial-hero-controls button:focus-visible {
  border-color: #e1bd76;
  background: rgba(7,22,38,.56);
  color: #e1bd76;
}
.only-editorial-hero-progress {
  min-width: 42px;
  font-family: var(--sans);
  font-size: .7rem;
  letter-spacing: .14em;
  text-align: center;
}
.only-editorial-scroll,
.only-editorial-cta {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid #d8b56f;
  color: #fff;
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .25s ease, border-color .25s ease;
}
.only-editorial-scroll span,
.only-editorial-cta span { transition: transform .25s ease; }
.only-editorial-scroll:hover,
.only-editorial-scroll:focus-visible,
.only-editorial-cta:hover,
.only-editorial-cta:focus-visible { color: #f4d391; border-color: #f4d391; }
.only-editorial-scroll:hover span,
.only-editorial-scroll:focus-visible span { transform: translateY(4px); }
.only-editorial-cta:hover span,
.only-editorial-cta:focus-visible span { transform: translateX(5px); }

.only-editorial-transition {
  width: min(100%, 1320px);
  margin: clamp(70px, 8vw, 112px) auto 0;
  padding-top: clamp(30px, 3vw, 44px);
  border-top: 1px solid rgba(156,110,43,.28);
  text-align: right;
}
.only-editorial-transition .container { width: min(100%, 620px); margin: 0 0 0 auto; padding: 0; }
.only-editorial-transition p { margin: 0; }
.only-editorial-transition p:first-child {
  color: #172b3a;
  font-family: var(--serif);
  font-size: clamp(1.75rem, 2.25vw, 2.25rem);
  font-weight: 400;
  line-height: 1.05;
}
.only-editorial-transition p:last-child {
  margin-top: 7px;
  color: #9c6e2b;
  font-family: var(--serif);
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  line-height: 1.25;
}
.only-editorial-transition.only-editorial-reflection {
  width: min(100%, 1380px);
  margin: clamp(92px, 11vw, 160px) auto 0;
  padding: clamp(42px, 5vw, 66px) 0 0;
  text-align: center;
}
.only-editorial-reflection .container {
  width: min(100%, 700px);
  margin-inline: auto;
}

.only-editorial-origin {
  padding: clamp(100px, 11vw, 170px) 0;
  background: #f7f3eb;
}
.only-editorial-origin-grid {
  display: grid;
  grid-template-columns: minmax(260px, .7fr) minmax(520px, 1.3fr);
  gap: clamp(54px, 8vw, 130px);
  align-items: center;
}
.only-editorial-origin-copy {
  max-width: 470px;
  padding-bottom: 8vw;
}
.only-editorial-origin h2 {
  margin: 0 0 28px;
  color: #132637;
  font-size: clamp(3.3rem, 5vw, 5.8rem);
  line-height: .9;
}
.only-editorial-origin-copy > p:last-child,
.only-editorial-story-copy > p:last-child,
.only-editorial-table-copy > p:last-child,
.only-editorial-memory > div > p:last-child,
.only-editorial-blue > div > p:last-child {
  color: #3f4b54;
  font-size: 1rem;
  line-height: 1.75;
}
.only-editorial-human-note {
  display: block;
  max-width: 35ch;
  margin-top: 20px;
  padding-top: 17px;
  border-top: 1px solid rgba(168,120,47,.32);
  color: #283b47;
  font-family: var(--serif);
  font-size: 1.05em;
  font-style: italic;
  line-height: 1.5;
}
.only-editorial-origin-image {
  position: relative;
  width: min(100%, 820px);
  justify-self: end;
}
.only-editorial-origin-image::before {
  content: "";
  position: absolute;
  inset: 24px -24px -24px 24px;
  z-index: 0;
  border: 1px solid rgba(168,117,48,.48);
}
.only-editorial-origin-image img {
  position: relative;
  z-index: 1;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.only-editorial-origin-image figcaption {
  position: relative;
  z-index: 1;
  width: 72%;
  margin: -18px 0 0 -34px;
  padding: 22px 26px;
  background: #fffdf8;
  color: #6d6255;
  font-family: var(--serif);
  font-size: 1.02rem;
  font-style: italic;
  line-height: 1.35;
  box-shadow: 0 16px 36px rgba(25,35,43,.09);
}

.only-editorial-living {
  padding: clamp(40px, 7vw, 100px) max(24px, calc((100vw - 1320px) / 2));
  background: #fff;
}
.only-editorial-story {
  display: grid;
  max-width: 1320px;
  margin-inline: auto;
  align-items: center;
}
.only-editorial-story + .only-editorial-story { margin-top: clamp(100px, 13vw, 190px); }
.only-editorial-story figure { overflow: hidden; }
.only-editorial-story figure img {
  height: 100%;
  object-fit: cover;
  transition: transform .9s cubic-bezier(.2,.6,.2,1);
}
.only-editorial-story:hover figure img { transform: scale(1.025); }
.only-editorial-story-karate { grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr); }
.only-editorial-story-karate figure { height: clamp(470px, 50vw, 680px); }
.only-editorial-story-karate .only-editorial-story-copy {
  position: relative;
  z-index: 1;
  margin-left: -54px;
  padding: clamp(50px, 6vw, 86px);
  background: #f4eee4;
}
.only-editorial-story-longevity { grid-template-columns: minmax(330px, .78fr) minmax(0, 1.22fr); }
.only-editorial-story-longevity figure {
  height: clamp(440px, 45vw, 620px);
  transform: translateY(-34px);
}
.only-editorial-story-longevity .only-editorial-story-copy {
  position: relative;
  z-index: 1;
  max-width: 520px;
  margin-left: clamp(30px, 5vw, 88px);
  padding: 52px 58px 52px 0;
}
.only-editorial-story h2 {
  margin: 0 0 24px;
  color: #132637;
  font-size: clamp(3rem, 4.5vw, 5.2rem);
  line-height: .92;
}

.only-editorial-hari {
  position: relative;
  isolation: isolate;
  min-height: clamp(560px, 62vw, 820px);
  overflow: hidden;
  color: #fff;
}
.only-editorial-hari > img,
.only-editorial-hari-shade {
  position: absolute;
  inset: 0;
  z-index: -2;
  height: 100%;
}
.only-editorial-hari > img { object-fit: cover; object-position: center 60%; }
.only-editorial-hari-shade {
  z-index: -1;
  background: linear-gradient(90deg, rgba(5,24,36,.74) 0%, rgba(5,24,36,.19) 58%, rgba(5,24,36,.08) 100%);
}
.only-editorial-hari-copy {
  position: absolute;
  left: max(24px, calc((100vw - 1180px) / 2));
  bottom: clamp(62px, 8vw, 112px);
  max-width: 600px;
}
.only-editorial-hari .eyebrow { color: #e1bd76; }
.only-editorial-hari h2 {
  margin: 0 0 20px;
  color: #fff;
  font-size: clamp(4rem, 7vw, 7.4rem);
  line-height: .84;
}
.only-editorial-hari-copy > p:last-child {
  margin: 0;
  color: rgba(255,255,255,.88);
  font-family: var(--serif);
  font-size: 1.3rem;
}

.only-editorial-table {
  padding: clamp(110px, 12vw, 180px) 0;
  background: #eee7db;
}
.only-editorial-table-grid {
  display: grid;
  grid-template-columns: minmax(320px, .76fr) minmax(560px, 1.24fr);
  gap: clamp(60px, 8vw, 130px);
  align-items: center;
}
.only-editorial-table-copy { max-width: 510px; }
.only-editorial-table h2 {
  margin: 0 0 26px;
  color: #132637;
  font-size: clamp(3.4rem, 5vw, 5.8rem);
  line-height: .9;
}
.only-editorial-table-collage {
  display: grid;
  grid-template-columns: 1.28fr .72fr;
  grid-template-rows: repeat(2, minmax(180px, 1fr));
  gap: 14px;
  min-height: 590px;
}
.only-editorial-table-collage figure {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background: #142635;
}
.only-editorial-table-main { grid-row: 1 / 3; }
.only-editorial-table-collage img { height: 100%; object-fit: cover; }
.only-editorial-table-collage figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 34px 18px 14px;
  background: linear-gradient(transparent, rgba(7,21,32,.78));
  color: #fff;
  font-family: var(--serif);
  font-size: 1rem;
  letter-spacing: .03em;
}
.only-editorial-table-collage .only-editorial-food-teaser {
  padding-top: 72px;
  background: linear-gradient(transparent, rgba(7,21,32,.94));
  font-family: var(--sans);
  letter-spacing: normal;
}
.only-editorial-food-teaser span {
  display: block;
  margin-bottom: 6px;
  color: #d4ad63;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.only-editorial-food-teaser em {
  display: block;
  max-width: 31ch;
  color: rgba(255,255,255,.94);
  font-family: var(--serif);
  font-size: .92rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.28;
}

.only-editorial-contrast {
  padding: clamp(110px, 13vw, 190px) max(24px, calc((100vw - 1380px) / 2));
  background: #faf8f3;
}
.only-editorial-memory,
.only-editorial-blue {
  display: grid;
  max-width: 1380px;
  margin-inline: auto;
  align-items: center;
}
.only-editorial-memory { grid-template-columns: minmax(0, 1.15fr) minmax(350px, .85fr); }
.only-editorial-memory figure { height: clamp(440px, 45vw, 620px); }
.only-editorial-memory figure img { height: 100%; object-fit: cover; }
.only-editorial-memory > div {
  position: relative;
  z-index: 1;
  margin-left: -46px;
  padding: clamp(52px, 6vw, 88px);
  background: #172a3a;
}
.only-editorial-memory .eyebrow { color: #d9b56e; }
.only-editorial-memory h2 {
  margin: 0 0 24px;
  color: #fff;
  font-size: clamp(3.2rem, 5vw, 5.7rem);
  line-height: .88;
}
.only-editorial-memory > div > p:last-child { color: rgba(255,255,255,.78); }
.only-editorial-blue {
  position: relative;
  margin-top: clamp(120px, 15vw, 220px);
  grid-template-columns: minmax(350px, .7fr) minmax(0, 1.3fr);
}
.only-editorial-blue figure {
  grid-column: 2;
  height: clamp(520px, 52vw, 710px);
}
.only-editorial-blue figure img { height: 100%; object-fit: cover; object-position: center; }
.only-editorial-blue > div {
  position: relative;
  z-index: 1;
  grid-column: 1;
  grid-row: 1;
  width: calc(100% + 52px);
  padding: clamp(45px, 5vw, 72px);
  background: #f0e7d8;
}
.only-editorial-blue h2 {
  margin: 0 0 24px;
  color: #132637;
  font-size: clamp(3.8rem, 6vw, 6.6rem);
  line-height: .86;
}

.only-editorial-closing {
  position: relative;
  display: grid;
  min-height: clamp(470px, 50vw, 680px);
  place-items: center;
  padding: 90px 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 22%, rgba(54,91,114,.5), transparent 30%),
    radial-gradient(circle at 18% 82%, rgba(25,64,85,.68), transparent 35%),
    #0f2435;
  color: #fff;
  text-align: center;
}
.only-editorial-closing .container { max-width: 980px; }
.only-editorial-closing .eyebrow { color: #d9b56e; }
.only-editorial-closing h2 {
  margin: 14px 0 20px;
  color: #fff;
  font-size: clamp(3.1rem, 6vw, 6.1rem);
  line-height: .9;
}
.only-editorial-closing .container > p:not(.eyebrow) {
  margin: 0 0 30px;
  color: rgba(255,255,255,.8);
  font-family: var(--serif);
  font-size: 1.15rem;
  letter-spacing: .045em;
}

@media (max-width: 900px) {
  .only-editorial-origin-grid,
  .only-editorial-table-grid { grid-template-columns: 1fr; }
  .only-editorial-origin-copy { max-width: 620px; padding-bottom: 0; }
  .only-editorial-origin-image { width: 88%; }
  .only-editorial-table-copy { max-width: 680px; }
  .only-editorial-table-collage { min-height: 520px; }
  .only-editorial-story-karate,
  .only-editorial-story-longevity,
  .only-editorial-memory,
  .only-editorial-blue { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  .only-editorial-main .eyebrow { margin-bottom: 10px; font-size: .69rem; letter-spacing: .17em; }
  .only-editorial-hero { min-height: 610px; }
  .only-editorial-hero-image { object-position: 67% center; transition: none; }
  .only-editorial-hero-image:first-child {
    opacity: 1;
    animation: only-editorial-mobile-pan 6s ease-out both;
  }
  .only-editorial-hero-image:not(:first-child),
  .only-editorial-hero-controls { display: none; }
  .only-editorial-hero-shade {
    background:
      linear-gradient(180deg, rgba(6,22,35,.12) 0%, rgba(6,22,35,.2) 32%, rgba(6,22,35,.94) 100%),
      linear-gradient(90deg, rgba(6,22,35,.38), rgba(6,22,35,.02));
  }
  .only-editorial-hero-copy { justify-content: flex-end; padding-bottom: 52px; }
  .only-editorial-hero h1 { margin-bottom: 18px; font-size: clamp(3.55rem, 17vw, 4.65rem); line-height: .86; }
  .only-editorial-hero-copy > p:not(.eyebrow) { margin-bottom: 18px; font-size: 1.1rem; }
  .only-editorial-scroll { min-height: 44px; font-size: .72rem; }

  .only-editorial-transition {
    width: calc(100% - 36px);
    margin-top: 48px;
    padding-top: 24px;
    text-align: left;
  }
  .only-editorial-transition .container { width: 100%; }
  .only-editorial-transition p:first-child { font-size: 1.7rem; }
  .only-editorial-transition p:last-child { margin-top: 5px; font-size: 1rem; }
  .only-editorial-transition.only-editorial-reflection {
    width: 100%;
    margin-top: 72px;
    padding-top: 32px;
    text-align: center;
  }
  .only-editorial-origin { padding: 76px 0 92px; }
  .only-editorial-origin-grid { gap: 42px; }
  .only-editorial-origin h2,
  .only-editorial-story h2,
  .only-editorial-table h2,
  .only-editorial-memory h2,
  .only-editorial-blue h2 { font-size: 3.25rem; line-height: .9; }
  .only-editorial-origin-copy > p:last-child,
  .only-editorial-story-copy > p:last-child,
  .only-editorial-table-copy > p:last-child,
  .only-editorial-memory > div > p:last-child,
  .only-editorial-blue > div > p:last-child { font-size: .96rem; line-height: 1.65; }
  .only-editorial-origin-image { width: calc(100% - 12px); }
  .only-editorial-origin-image::before { inset: 13px -12px -13px 12px; }
  .only-editorial-origin-image figcaption {
    width: 88%;
    margin: -12px 0 0 -8px;
    padding: 17px 18px;
    font-size: .92rem;
  }

  .only-editorial-living { padding: 0 0 88px; }
  .only-editorial-story,
  .only-editorial-story-karate,
  .only-editorial-story-longevity { display: flex; flex-direction: column; }
  .only-editorial-story figure,
  .only-editorial-story-karate figure,
  .only-editorial-story-longevity figure {
    width: 100%;
    height: auto;
    transform: none;
  }
  .only-editorial-story figure img { aspect-ratio: 4 / 3; object-fit: cover; }
  .only-editorial-story-karate figure img { object-position: center 38%; }
  .only-editorial-story-longevity figure img { object-position: center 35%; }
  .only-editorial-story-karate .only-editorial-story-copy,
  .only-editorial-story-longevity .only-editorial-story-copy {
    width: calc(100% - 42px);
    max-width: none;
    margin: -28px 0 0;
    padding: 36px 25px 34px;
    align-self: flex-start;
    background: #f4eee4;
  }
  .only-editorial-story-longevity { flex-direction: column-reverse; }
  .only-editorial-story-longevity .only-editorial-story-copy { align-self: flex-end; background: #fff; }
  .only-editorial-story + .only-editorial-story { margin-top: 78px; }

  .only-editorial-hari {
    display: flex;
    min-height: 0;
    flex-direction: column;
    background: #172a3a;
  }
  .only-editorial-hari > img,
  .only-editorial-hari-shade { position: static; }
  .only-editorial-hari > img { height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; }
  .only-editorial-hari-shade { display: none; }
  .only-editorial-hari-copy {
    position: static;
    max-width: none;
    padding: 34px 24px 42px;
  }
  .only-editorial-hari h2 { margin-bottom: 14px; font-size: 3.65rem; line-height: .86; }
  .only-editorial-hari-copy > p:last-child { font-size: 1.05rem; }

  .only-editorial-table { padding: 84px 0 94px; }
  .only-editorial-table-grid { gap: 36px; }
  .only-editorial-table h2 { margin-bottom: 20px; }
  .only-editorial-table-collage {
    grid-template-columns: 1.16fr .84fr;
    grid-template-rows: 142px 205px;
    gap: 6px;
    min-height: 0;
  }
  .only-editorial-table-collage figcaption { padding: 25px 10px 8px; font-size: .78rem; }
  .only-editorial-table-collage .only-editorial-food-teaser { padding: 54px 9px 10px; }
  .only-editorial-food-teaser span { margin-bottom: 4px; font-size: .54rem; letter-spacing: .11em; }
  .only-editorial-food-teaser em { font-size: .73rem; line-height: 1.2; }

  .only-editorial-contrast { padding: 88px 0 104px; }
  .only-editorial-memory,
  .only-editorial-blue { display: flex; flex-direction: column; }
  .only-editorial-memory figure,
  .only-editorial-blue figure { width: 100%; height: auto; }
  .only-editorial-memory figure img,
  .only-editorial-blue figure img { aspect-ratio: 4 / 3; object-fit: cover; }
  .only-editorial-memory > div,
  .only-editorial-blue > div {
    width: calc(100% - 42px);
    margin: -24px 0 0;
    padding: 38px 25px 40px;
    align-self: flex-end;
  }
  .only-editorial-blue { margin-top: 82px; }
  .only-editorial-blue > div { align-self: flex-start; }
  .only-editorial-blue h2 { font-size: 3.7rem; }

  .only-editorial-closing { min-height: 500px; padding: 76px 0 calc(90px + env(safe-area-inset-bottom)); }
  .only-editorial-closing h2 { font-size: 3.2rem; line-height: .92; }
}

@keyframes only-editorial-mobile-pan {
  from { object-position: 82% center; transform: scale(1.045); }
  to { object-position: 67% center; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .only-editorial-hero-image { transition: none !important; }
  .only-editorial-hero-image:first-child { animation: none !important; object-position: 67% center; transform: none; }
  .only-editorial-hero-copy h1,
  .only-editorial-hero-copy > p:not(.eyebrow) { transition: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .only-editorial-story figure img,
  .only-editorial-scroll span,
  .only-editorial-cta span { transition: none !important; }
}

/* Pricing story: a quiet, custom route-map motif adds character without another photograph. */
.pricing-intro { background: #faf8f3; }
.pricing-intro-grid { grid-template-columns: minmax(420px, .9fr) minmax(0, 1.1fr); }
.pricing-heading {
  display: grid;
  grid-template-columns: 164px minmax(0, 1fr);
  gap: clamp(24px, 2.7vw, 38px);
  align-items: center;
}
.pricing-heading-copy { position: relative; z-index: 1; }
.pricing-heading-copy .eyebrow { margin-bottom: 15px; }
.pricing-art {
  position: relative;
  width: 164px;
  aspect-ratio: 8 / 10;
  border: 1px solid rgba(125, 106, 77, .6);
  background: linear-gradient(145deg, #f4efe5, #fbf9f4 66%, #eee5d6);
  box-shadow: 0 15px 32px rgba(25, 25, 25, .08);
}
.pricing-art::before {
  content: "";
  position: absolute;
  inset: 7px -7px -7px 7px;
  z-index: -1;
  border: 1px solid rgba(125, 106, 77, .24);
}
.pricing-art svg { width: 100%; height: 100%; overflow: visible; }
.pricing-art-contour,
.pricing-art-route,
.pricing-art-wave { fill: none; }
.pricing-art-contour { stroke: rgba(27, 102, 98, .13); stroke-width: 1.15; }
.pricing-art-contour-two { stroke: rgba(125, 106, 77, .14); }
.pricing-art-island { fill: rgba(27, 102, 98, .14); stroke: rgba(27, 102, 98, .55); stroke-width: 1.3; }
.pricing-art-islets { fill: rgba(27, 102, 98, .42); }
.pricing-art-route { stroke: #9a743b; stroke-width: 1.65; stroke-dasharray: 3 4; }
.pricing-art-stops circle { fill: #faf8f3; stroke: #9a743b; stroke-width: 1.5; }
.pricing-art-stops circle:nth-child(2) { fill: #9a743b; }
.pricing-art-wave { stroke: rgba(27, 102, 98, .5); stroke-width: 1.35; }
.pricing-art-sun { fill: none; stroke: rgba(154, 116, 59, .55); stroke-width: 1.3; }
.pricing-summary { padding-left: clamp(28px, 3.5vw, 46px); }

@media (max-width: 900px) {
  .pricing-intro-grid { grid-template-columns: 1fr; }
  .pricing-heading { grid-template-columns: 150px minmax(0, 1fr); max-width: 540px; }
  .payment-policy-card { grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 620px) {
  .pricing-intro { padding-top: 31px; padding-bottom: 34px; }
  .pricing-intro-grid { gap: 18px; }
  .pricing-heading { grid-template-columns: 110px minmax(0, 1fr); gap: 20px; }
  .pricing-art { width: 110px; }
  .pricing-art::before { inset: 5px -5px -5px 5px; }
  .pricing-heading-copy .eyebrow { margin-bottom: 10px; font-size: .62rem; line-height: 1.55; }
  .pricing-heading h2 { max-width: 10ch; font-size: clamp(1.75rem, 8vw, 2.15rem); line-height: 1.03; }
  .pricing-summary { gap: 15px; padding-top: 17px; }
  .payment-policy { padding: 34px 0; }
  .payment-policy-card { gap: 22px; padding: 25px 20px 27px; }
  .payment-policy-intro h2 { margin-bottom: 14px; font-size: 2rem; }
  .payment-policy-intro > p:not(.eyebrow) { font-size: .9rem; line-height: 1.58; }
  .payment-policy-schedule { grid-template-columns: 1fr; }
  .payment-policy-schedule li,
  .payment-policy-schedule li:nth-child(even) { grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 14px; padding: 12px 0; }
  .payment-policy-schedule li:nth-child(odd) { border-right: 0; }
  .payment-policy-link { display: inline-flex; min-height: 44px; align-items: center; }
}

/* Compact booking-confidence summary */
.payment-policy { padding: 32px 0; }
.payment-policy-card {
  grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr);
  align-items: center;
  gap: clamp(30px, 4vw, 56px);
  padding: clamp(25px, 3vw, 38px);
}
.payment-policy-intro h2 {
  margin: 6px 0 10px;
  font-size: clamp(1.9rem, 2.7vw, 2.6rem);
}
.payment-policy-intro > .payment-policy-summary {
  max-width: 520px;
  margin: 0;
  color: #4f5967;
  font-family: var(--serif);
  font-size: .92rem;
  line-height: 1.5;
}
.payment-policy-intro > p.payment-methods-summary {
  max-width: 520px;
  margin: 8px 0 0;
  color: var(--muted);
  font-family: var(--sans);
  font-size: .78rem;
  line-height: 1.5;
}
.payment-policy-details { display: grid; gap: 10px; }
.payment-policy-schedule {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid rgba(23, 42, 73, .16);
}
.payment-policy-schedule li,
.payment-policy-schedule li:nth-child(even) {
  gap: 5px;
  padding: 12px 12px;
  border-right: 1px solid rgba(23, 42, 73, .12);
  border-bottom: 0;
}
.payment-policy-schedule li:first-child { padding-left: 0; }
.payment-policy-schedule li:last-child { padding-right: 0; border-right: 0; }
.payment-policy-schedule span { font-size: .68rem; }
.payment-policy-schedule strong { font-size: .92rem; }
.payment-policy-link { justify-self: start; font-size: .78rem; }

@media (max-width: 900px) {
  .payment-policy-card { grid-template-columns: 1fr; gap: 18px; }
}

@media (max-width: 620px) {
  .payment-policy { padding: 24px 0; }
  .payment-policy-card { gap: 15px; padding: 21px 20px 22px; }
  .payment-policy-intro h2 { margin-bottom: 8px; font-size: 1.82rem; }
  .payment-policy-intro > .payment-policy-summary { font-size: .86rem; line-height: 1.45; }
  .payment-policy-intro > p.payment-methods-summary { margin-top: 7px; font-size: .76rem; line-height: 1.45; }
  .payment-policy-schedule { grid-template-columns: 1fr; }
  .payment-policy-schedule li,
  .payment-policy-schedule li:nth-child(even) {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: 14px;
    padding: 9px 0;
    border-right: 0;
    border-bottom: 1px solid rgba(23, 42, 73, .12);
  }
  .payment-policy-schedule li:last-child { border-bottom: 0; }
  .payment-policy-schedule strong { font-size: .9rem; }
  .payment-policy-link { min-height: 42px; }
}

/* Founder portrait focal correction and mobile reveal panel */
.featured-host-mobile-toggle { display: none; }

@media (min-width: 901px) {
  .featured-host-photo img { object-position: 50% 10%; }
}

@media (min-width: 621px) and (max-width: 900px) {
  .featured-host-photo img { object-position: 50% 12%; }
}

@media (max-width: 620px) {
  .featured-host {
    position: relative;
    display: block;
    width: 100%;
    min-height: 0;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: var(--navy);
  }
  .featured-host-photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
  }
  .featured-host-photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    object-position: 50% 10%;
  }
  .featured-host-copy {
    position: absolute;
    inset: auto 0 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 60%;
    max-width: none;
    padding: 16px 20px 18px;
    overflow: hidden;
    background: rgba(251, 248, 241, .985);
    box-shadow: 0 -16px 34px rgba(10, 29, 50, .14);
    transform: translateY(calc(100% - 142px));
    transition: transform 300ms cubic-bezier(.22, .61, .36, 1);
  }
  .featured-host.is-profile-open .featured-host-copy { transform: translateY(0); }
  .featured-host-copy h3 {
    flex: 0 0 auto;
    margin: 0 0 3px;
    color: var(--navy);
    font-size: clamp(2rem, 10vw, 2.45rem);
    line-height: 1.04;
  }
  .featured-host-role {
    flex: 0 0 auto;
    margin: 0 0 5px;
    color: #725d39;
    font-size: .61rem;
    line-height: 1.45;
  }
  .featured-host-mobile-toggle {
    display: flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 44px;
    padding: 0;
    border: 0;
    border-top: 1px solid rgba(154, 116, 59, .3);
    border-bottom: 1px solid rgba(23, 42, 73, .12);
    background: transparent;
    color: var(--navy);
    font-family: var(--sans);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-align: left;
    cursor: pointer;
  }
  .featured-host-mobile-toggle:focus-visible {
    outline: 2px solid #9a743b;
    outline-offset: 3px;
  }
  .featured-host-toggle-open { display: none; }
  .featured-host-mobile-toggle[aria-expanded="true"] .featured-host-toggle-closed { display: none; }
  .featured-host-mobile-toggle[aria-expanded="true"] .featured-host-toggle-open { display: inline; }
  .featured-host-bio {
    flex: 1 1 auto;
    min-height: 0;
    padding: 12px 8px 8px 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    touch-action: pan-y;
    scrollbar-color: rgba(154, 116, 59, .55) transparent;
    scrollbar-width: thin;
    visibility: hidden;
    opacity: 0;
    transition: opacity 140ms ease, visibility 140ms;
  }
  .featured-host.is-profile-open .featured-host-bio { visibility: visible; opacity: 1; transition-delay: 90ms; }
  .featured-host-bio .featured-host-intro {
    margin: 0;
    color: #302f2b;
    font-size: .84rem;
    line-height: 1.55;
  }
  body.founder-profile-in-view .mobile-journey-bar,
  body.founder-profile-in-view .whatsapp-float,
  body.founder-profile-open .mobile-journey-bar,
  body.founder-profile-open .whatsapp-float {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .featured-host-copy { transition: none !important; }
  .featured-host-bio { transition: none !important; }
}

/* Corrected mobile founder treatment: image-led overlay, not a stacked card. */
.featured-host-excerpt,
.featured-host-read-story,
.founder-story-dialog { display: none; }
.founder-story-dialog[hidden] { display: none !important; }

@media (max-width: 620px) {
  .featured-host { aspect-ratio: 3 / 4; }
  .featured-host-copy {
    inset: auto 0 0;
    height: 152px;
    padding: 42px 20px 12px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(9, 24, 42, 0) 0%, rgba(9, 24, 42, .78) 30%, rgba(9, 24, 42, .96) 72%, rgba(9, 24, 42, .98) 100%);
    box-shadow: none;
    transform: none;
    transition: height 300ms cubic-bezier(.22, .61, .36, 1), padding 300ms cubic-bezier(.22, .61, .36, 1);
  }
  .featured-host.is-profile-open .featured-host-copy {
    height: 44%;
    padding-top: 34px;
    transform: none;
  }
  .featured-host-copy h3 {
    margin: 0 0 2px;
    color: #fff;
    font-size: clamp(1.72rem, 8.5vw, 2rem);
    line-height: 1;
  }
  .featured-host-role {
    margin: 0 0 2px;
    color: #e1b96f;
    font-size: .58rem;
    line-height: 1.35;
  }
  .featured-host-mobile-toggle {
    flex-basis: 32px;
    min-height: 32px;
    border-top-color: rgba(225, 185, 111, .38);
    border-bottom-color: rgba(255, 255, 255, .18);
    color: #fff;
    font-size: .68rem;
  }
  .featured-host-mobile-toggle:focus-visible,
  .featured-host-read-story:focus-visible,
  .founder-story-close:focus-visible {
    outline: 2px solid #e1b96f;
    outline-offset: 3px;
  }
  .featured-host-bio { display: none !important; }
  .featured-host.is-profile-open .featured-host-excerpt {
    display: -webkit-box;
    margin: 6px 0 0;
    overflow: hidden;
    color: rgba(255, 255, 255, .9);
    font-family: var(--serif);
    font-size: .71rem;
    line-height: 1.34;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .featured-host.is-profile-open .featured-host-read-story {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 30px;
    margin-top: 2px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #e1b96f;
    font-family: var(--sans);
    font-size: .67rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-align: left;
    cursor: pointer;
  }
  .founder-story-dialog {
    position: fixed;
    inset: 0;
    z-index: 120;
    display: grid;
    align-items: end;
  }
  .founder-story-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(7, 18, 32, .2);
  }
  .founder-story-sheet {
    position: relative;
    z-index: 1;
    max-height: 48dvh;
    padding: 20px 22px calc(24px + env(safe-area-inset-bottom));
    overflow-y: auto;
    border-top: 2px solid #bd944f;
    background: #fbf8f1;
    box-shadow: 0 -22px 54px rgba(7, 18, 32, .24);
    animation: founder-story-rise 280ms cubic-bezier(.22, .61, .36, 1) both;
  }
  .founder-story-close {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 40px;
    margin: 0 0 9px;
    padding: 0 0 8px;
    border: 0;
    border-bottom: 1px solid rgba(23, 42, 73, .14);
    background: transparent;
    color: var(--navy);
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-align: left;
    cursor: pointer;
  }
  .founder-story-sheet h3 { margin: 0 0 3px; color: var(--navy); font-size: 1.9rem; }
  .founder-story-role { margin: 0 0 12px; color: #725d39; font-size: .62rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
  .founder-story-text { margin: 0; color: #302f2b; font-family: var(--serif); font-size: .88rem; line-height: 1.58; }
  body.founder-story-open { overflow: hidden; }
  body.founder-story-open .mobile-journey-bar,
  body.founder-story-open .whatsapp-float { visibility: hidden; opacity: 0; pointer-events: none; }
}

@keyframes founder-story-rise {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .featured-host-copy { transition: none !important; }
  .founder-story-sheet { animation: none !important; }
}

/* Founder mobile interaction simplification: one tap reveals the complete story. */
@media (max-width: 620px) {
  .featured-host { aspect-ratio: 3 / 5; }
  .featured-host.is-profile-open .featured-host-copy {
    height: 45%;
    padding-top: 22px;
  }
  .featured-host-mobile-toggle {
    justify-content: flex-start;
  }
  .featured-host-bio {
    display: block !important;
    flex: 0 0 auto;
    padding: 6px 0 0;
    overflow: visible;
  }
  .featured-host-bio .featured-host-intro {
    color: rgba(255, 255, 255, .92);
    font-size: .84rem;
    line-height: 1.42;
  }
  .featured-host-excerpt,
  .featured-host-read-story,
  .founder-story-dialog { display: none !important; }

  /* Expanded mobile disclosures show one minus, never the source plus as well. */
  .homepage-disclosure[open] > summary .disclosure-toggle,
  .service-disclosure[open] > summary .disclosure-toggle {
    font-size: 0;
  }
  .homepage-disclosure.host-disclosure[open] > summary > span.disclosure-toggle:last-child {
    font-size: 0;
  }
  .service-disclosure:not([open]) > summary > span.disclosure-toggle:last-child {
    font-size: 1.25rem;
  }
}

/* Final compact booking-confidence treatment; full schedule remains in Terms/FAQ. */
.payment-policy { padding: 24px 0; }
.payment-policy-card {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(28px, 4vw, 54px);
  padding: clamp(22px, 2.4vw, 30px);
}
.payment-policy-details {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.payment-policy-link { min-height: 44px; align-items: center; white-space: nowrap; }

@media (max-width: 900px) {
  .payment-policy-card { grid-template-columns: 1fr; gap: 12px; }
}

@media (max-width: 620px) {
  .payment-policy { padding: 20px 0; }
  .payment-policy-card { gap: 8px; padding: 18px 20px 19px; }
}

/* Mobile founder CTA: clearer bottom-right affordance. */
@media (max-width: 620px) {
  .hero-controls { display: none; }

  .featured-host-mobile-toggle {
    align-self: flex-end;
    flex: 0 0 44px;
    gap: 10px;
    justify-content: flex-end;
    width: auto;
    min-width: 148px;
    min-height: 44px;
    margin-left: auto;
    padding: 0 1px 0 10px;
    border-top: 0;
    border-bottom: 1px solid rgba(225, 185, 111, .86);
    color: #fff;
    font-size: .875rem;
    font-weight: 650;
    letter-spacing: .035em;
    text-align: right;
  }

  .featured-host-mobile-toggle::after {
    content: "+";
    display: grid;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid rgba(225, 185, 111, .92);
    border-radius: 50%;
    color: #e1b96f;
    font-family: var(--sans);
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1;
  }

  .featured-host-mobile-toggle[aria-expanded="true"]::after { content: "\2212"; }
  .featured-host-mobile-toggle:active::after { background: rgba(225, 185, 111, .16); }

  .featured-host-bio .featured-host-intro {
    font-size: .90625rem;
    line-height: 1.46;
  }

  .featured-host.is-profile-open .featured-host-copy { height: 48%; }
}

/* Signature Experiences: a quiet poster-led route, separate from place discovery. */
.signature-experiences-page { background: #f5f0e6; }
.signature-experiences-hero { padding: clamp(142px, 17vw, 235px) 0 clamp(64px, 8vw, 112px); background: linear-gradient(124deg, #101923 0%, #263c4b 53%, #78613c 155%); color: #fff; }
.signature-experiences-hero .eyebrow { color: #e4c27e; }
.signature-experiences-hero h1 { max-width: 850px; margin: 14px 0 23px; color: #fff; font-size: clamp(3.2rem, 7vw, 6.5rem); font-weight: 400; line-height: .91; }
.signature-experiences-hero .container > p:last-child { max-width: 520px; margin: 0; color: rgba(255,255,255,.88); font-family: var(--serif); font-size: clamp(1.15rem, 2vw, 1.46rem); line-height: 1.45; }
.signature-experiences-grid-section { padding: clamp(52px, 7vw, 108px) 0 clamp(78px, 9vw, 138px); background: #f5f0e6; }
.signature-experiences-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 3vw, 46px) clamp(18px, 2.6vw, 36px); }
.signature-experience-card { overflow: hidden; border: 1px solid rgba(63,49,28,.22); background: #fffdf8; box-shadow: 0 8px 24px rgba(29,31,27,.07); transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease; }
.signature-experience-card > img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; filter: saturate(.88) contrast(1.01); transition: transform .55s cubic-bezier(.22,.8,.24,1), filter .4s ease; }
.signature-experience-card > div { padding: 22px 22px 25px; }
.signature-experience-card div > p:first-child { margin: 0 0 10px; color: #8a6d37; font-size: .68rem; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.signature-experience-card h2 { margin: 0 0 12px; color: #1f2630; font-size: clamp(1.75rem, 2.5vw, 2.25rem); font-weight: 500; line-height: 1; }
.signature-experience-card div > p:nth-of-type(2) { min-height: 4.65em; margin: 0 0 18px; color: #50535a; font-size: .92rem; line-height: 1.55; }
.signature-experience-card a { color: #21544d; font-size: .84rem; font-weight: 700; letter-spacing: .025em; text-decoration: none; }
.signature-experience-card a span { display: inline-block; transition: transform .25s ease; }
.signature-experience-card:hover, .signature-experience-card:focus-within { border-color: rgba(159,120,49,.72); box-shadow: 0 22px 40px rgba(29,31,27,.15); transform: translateY(-6px); }
.signature-experience-card:hover > img, .signature-experience-card:focus-within > img { filter: saturate(1) contrast(1.03); transform: scale(1.035); }
.signature-experience-card a:hover span, .signature-experience-card a:focus-visible span { transform: translateX(5px); }
.signature-experiences-flex { padding: clamp(76px, 10vw, 142px) 0; background: #192a37; color: #fff; text-align: center; }
.signature-experiences-flex .container { max-width: 760px; }
.signature-experiences-flex .eyebrow { color: #e4c27e; }
.signature-experiences-flex h2 { margin: 13px 0 22px; color: #fff; font-size: clamp(2.75rem, 5.5vw, 5rem); font-weight: 400; line-height: .96; }
.signature-experiences-flex .container > p:not(.eyebrow) { max-width: 650px; margin: 0 auto 30px; color: rgba(255,255,255,.86); font-family: var(--serif); font-size: 1.15rem; line-height: 1.58; }
.signature-experiences-flex .only-editorial-cta { display: inline-flex; }
@media (max-width: 900px) { .signature-experiences-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) {
  .signature-experiences-hero { padding: 126px 0 60px; }
  .signature-experiences-hero h1 { font-size: clamp(3.15rem, 13vw, 4.35rem); }
  .signature-experiences-grid-section { padding: 36px 0 64px; }
  .signature-experiences-grid { grid-template-columns: 1fr; gap: 24px; }
  .signature-experience-card { display: grid; grid-template-columns: 42% 58%; min-height: 236px; }
  .signature-experience-card > img { height: 100%; aspect-ratio: auto; }
  .signature-experience-card > div { display: flex; flex-direction: column; justify-content: center; padding: 18px 16px 18px; }
  .signature-experience-card h2 { font-size: 1.75rem; }
  .signature-experience-card div > p:nth-of-type(2) { min-height: 0; margin-bottom: 13px; font-size: .83rem; line-height: 1.45; }
  .signature-experience-card a { font-size: .8rem; }
  .signature-experiences-flex { padding: 68px 0; text-align: left; }
  .signature-experiences-flex .container > p:not(.eyebrow) { margin-left: 0; }
}

/* Signature Experiences revision: six quick choices presented as premium visual covers. */
.signature-experiences-hero h1 em {
  display: block;
  margin-top: .18em;
  color: #e8c987;
  font-weight: 300;
}
.signature-experiences-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28px, 3.7vw, 58px) clamp(22px, 3vw, 44px);
}
.signature-experience-card {
  position: relative;
  isolation: isolate;
  min-height: clamp(430px, 38vw, 570px);
  border-color: rgba(224,194,132,.38);
  background: #142331;
  box-shadow: 0 18px 44px rgba(15,26,36,.16);
}
.signature-experience-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(7,19,30,.02) 26%, rgba(7,19,30,.24) 54%, rgba(7,19,30,.93) 100%);
  pointer-events: none;
  transition: background .38s ease;
}
.signature-experience-card > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  filter: saturate(.9) contrast(1.02);
}
.signature-experience-card > div {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: inherit;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(28px, 3.2vw, 44px);
  color: #fff;
}
.signature-experience-card div > p:first-child {
  margin-bottom: 11px;
  color: #e4c27e;
  font-size: .7rem;
}
.signature-experience-card h2 {
  max-width: 12ch;
  margin-bottom: 9px;
  color: #fff;
  font-size: clamp(2.35rem, 4vw, 4rem);
  font-weight: 400;
  line-height: .93;
  text-shadow: 0 2px 22px rgba(0,0,0,.42);
}
.signature-experience-card div > p:nth-of-type(2) {
  min-height: 0;
  margin: 0 0 21px;
  color: rgba(255,255,255,.92);
  font-family: var(--serif);
  font-size: clamp(1.02rem, 1.5vw, 1.22rem);
  line-height: 1.35;
  text-shadow: 0 1px 15px rgba(0,0,0,.5);
}
.signature-experience-card a {
  align-self: flex-start;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  border-bottom: 1px solid #d7b56e;
  color: #fff;
  font-weight: 600;
}
.signature-experience-card:hover::after,
.signature-experience-card:focus-within::after {
  background: linear-gradient(180deg, rgba(7,19,30,0) 22%, rgba(7,19,30,.18) 50%, rgba(7,19,30,.9) 100%);
}
.signature-experience-card:hover,
.signature-experience-card:focus-within {
  border-color: #d3ae68;
  box-shadow: 0 28px 56px rgba(15,26,36,.24);
}
.signature-experience-card:hover > img,
.signature-experience-card:focus-within > img {
  filter: saturate(1.02) contrast(1.03);
}
.signature-experience-prototype { border-color: rgba(232,201,135,.72); }

@media (max-width: 760px) {
  .signature-experiences-hero h1 { font-size: clamp(2.85rem, 12.5vw, 4rem); line-height: .93; }
  .signature-experiences-grid { grid-template-columns: 1fr; gap: 20px; }
  .signature-experience-card {
    display: block;
    min-height: 0;
    aspect-ratio: 4 / 3;
  }
  .signature-experience-card > div {
    min-height: 100%;
    padding: 22px 20px 19px;
  }
  .signature-experience-card h2 {
    max-width: 13ch;
    font-size: clamp(2rem, 10vw, 2.8rem);
  }
  .signature-experience-card div > p:nth-of-type(2) {
    margin-bottom: 11px;
    font-size: 1rem;
  }
  .signature-experience-card a { min-height: 42px; font-size: .8rem; }
}

@media (prefers-reduced-motion: reduce) {
  .signature-experience-card,
  .signature-experience-card::after,
  .signature-experience-card > img,
  .signature-experience-card a span { transition: none !important; }
}

/* Layout approval pass: bring the choices into view sooner and refine interaction. */
.signature-experiences-hero {
  padding: clamp(120px, 10vw, 150px) 0 clamp(42px, 4.5vw, 62px);
}
.signature-experiences-hero h1 {
  max-width: 1020px;
  margin-bottom: 18px;
  font-size: clamp(3.2rem, 5.8vw, 5.45rem);
  line-height: .92;
}
.signature-experiences-hero h1 em {
  margin-top: .13em;
  font-size: .78em;
  line-height: .98;
}
.signature-experiences-grid-section { padding-top: clamp(34px, 4vw, 56px); }
.signature-experience-card { cursor: pointer; }
.signature-experience-card a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
}

@media (hover: hover) and (pointer: fine) {
  .signature-experience-card:hover { transform: translateY(-7px); }
  .signature-experience-card:hover a span { transform: translateX(5px); }
}

@media (hover: none) {
  .signature-experience-card:active {
    border-color: #d3ae68;
    box-shadow: 0 14px 30px rgba(15,26,36,.2);
    transform: scale(.992);
  }
}

@media (max-width: 760px) {
  .signature-experiences-hero { padding: 108px 0 44px; }
  .signature-experiences-hero h1 {
    margin-bottom: 17px;
    font-size: clamp(2.65rem, 11.7vw, 3.55rem);
    line-height: .94;
  }
  .signature-experiences-hero h1 em {
    margin-top: .18em;
    font-size: .82em;
    line-height: 1;
  }
  .signature-experiences-hero .container > p:last-child {
    max-width: 335px;
    font-size: 1.05rem;
  }
  .signature-experiences-grid-section { padding-top: 28px; }
}

/* Reusable Signature Experience detail-page prototype. */
.signature-detail-page { background: #f6f1e7; }
.signature-detail-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  min-height: min(88vh, 860px);
  align-items: flex-end;
  overflow: hidden;
  color: #fff;
}
.signature-detail-hero > img,
.signature-detail-flexibility > img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.signature-detail-hero-wash {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(7,22,35,.91) 0%, rgba(7,22,35,.67) 47%, rgba(7,22,35,.14) 82%), linear-gradient(0deg, rgba(5,16,27,.48), transparent 58%);
}
.signature-detail-hero-copy { padding-bottom: clamp(58px, 7vw, 96px); }
.signature-detail-back,
.signature-detail-return {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 9px;
  color: rgba(255,255,255,.9);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .05em;
}
.signature-detail-hero-copy .eyebrow { margin-top: 22px; color: #e4c27e; }
.signature-detail-hero h1 {
  max-width: 900px;
  margin: 11px 0 15px;
  color: #fff;
  font-size: clamp(4rem, 7.2vw, 7rem);
  font-weight: 400;
  line-height: .9;
}
.signature-detail-subhead { margin-bottom: 23px; color: #f1cc83; font-family: var(--serif); font-size: clamp(1.55rem, 2.5vw, 2.1rem); }
.signature-detail-opening { max-width: 680px; margin: 0; color: rgba(255,255,255,.9); font-family: var(--serif); font-size: clamp(1.05rem, 1.5vw, 1.25rem); line-height: 1.55; }
.signature-detail-idea,
.signature-detail-why,
.signature-detail-for,
.signature-detail-how { padding: clamp(76px, 9vw, 138px) 0; }
.signature-detail-split { display: grid; grid-template-columns: .84fr 1.16fr; gap: clamp(42px, 7vw, 98px); align-items: center; }
.signature-detail-split-reverse { grid-template-columns: 1.12fr .88fr; }
.signature-detail-split figure { min-height: 520px; overflow: hidden; margin: 0; }
.signature-detail-split figure img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; }
.signature-detail-copy .eyebrow,
.signature-detail-section-heading .eyebrow,
.signature-detail-for > .container > .eyebrow,
.signature-detail-how .eyebrow { color: #936826; }
.signature-detail-copy h2,
.signature-detail-section-heading h2,
.signature-detail-for h2,
.signature-detail-how h2 {
  margin: 12px 0 24px;
  font-size: clamp(2.85rem, 5vw, 5rem);
  font-weight: 400;
  line-height: .95;
}
.signature-detail-copy > p:not(.eyebrow),
.signature-detail-section-heading > p:last-child { max-width: 640px; color: #424950; font-family: var(--serif); font-size: 1.08rem; line-height: 1.66; }
.signature-detail-emphasis { margin-top: 25px; color: #152d3c !important; font-size: clamp(1.35rem, 2vw, 1.75rem) !important; line-height: 1.38 !important; }
.signature-possibilities { padding: clamp(70px, 8vw, 118px) 0; background: #fffdf8; }
.signature-detail-section-heading { max-width: 820px; margin-bottom: 42px; }
.signature-possibility-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 300px; gap: 16px; }
.signature-possibility-grid figure { position: relative; isolation: isolate; overflow: hidden; margin: 0; }
.signature-possibility-grid figure::after { content: ""; position: absolute; inset: 42% 0 0; z-index: 1; background: linear-gradient(transparent, rgba(5,18,29,.78)); }
.signature-possibility-grid .signature-has-curiosity-hook::after { inset: 22% 0 0; }
.signature-possibility-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.signature-possibility-grid figure:hover img { transform: scale(1.035); }
.signature-possibility-grid figcaption { position: absolute; left: 24px; right: 24px; bottom: 19px; z-index: 2; color: #fff; font-family: var(--serif); font-size: 1.55rem; }
.signature-possibility-wide { grid-column: span 2; }
.signature-detail-why { background: #192d3a; color: #fff; }
.signature-detail-why h2 { color: #fff; }
.signature-detail-why .eyebrow { color: #e4c27e; }
.signature-detail-why .signature-detail-copy > p:not(.eyebrow) { color: rgba(255,255,255,.82); }
.signature-detail-for { background: #f6f1e7; }
.signature-for-grid { display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 45px; border-top: 1px solid rgba(32,44,54,.22); border-bottom: 1px solid rgba(32,44,54,.22); }
.signature-for-grid p { min-height: 180px; margin: 0; padding: 28px 22px; border-right: 1px solid rgba(32,44,54,.16); color: #1d3442; font-family: var(--serif); font-size: clamp(1.2rem, 1.7vw, 1.55rem); line-height: 1.25; }
.signature-for-grid p:last-child { border-right: 0; }
.signature-camera-note { display: grid; grid-template-columns: .36fr .9fr 1fr; gap: 36px; align-items: start; margin-top: 58px; padding-top: 34px; border-top: 1px solid rgba(147,104,38,.35); }
.signature-camera-note .eyebrow { color: #936826; }
.signature-camera-note h3 { margin: 0; color: #18313f; font-family: var(--serif); font-size: clamp(1.65rem, 2.5vw, 2.25rem); font-weight: 400; line-height: 1.1; }
.signature-camera-note > p:last-child,
.signature-camera-note > div { margin: 0; color: #4b5258; }
.signature-camera-note > div p { margin: 0; }
.signature-camera-note > div p + p { margin-top: 13px; }
.signature-photo-enhancement { padding: 34px 0; border-top: 1px solid rgba(147,104,38,.28); border-bottom: 1px solid rgba(147,104,38,.2); background: #fffdf8; }
.signature-photo-enhancement .container { display: grid; grid-template-columns: minmax(150px,.34fr) 1fr; gap: 34px; align-items: center; max-width: 920px; }
.signature-photo-enhancement .eyebrow { margin: 0; color: #936826; }
.signature-photo-enhancement p:last-child { margin: 0; color: #35444d; font-family: var(--serif); font-size: 1.16rem; line-height: 1.5; }
.signature-detail-how { background: #fffdf8; }
.signature-how-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin: 46px 0 0; padding: 0; border-top: 1px solid rgba(24,49,63,.22); list-style: none; }
.signature-how-grid li { min-height: 265px; padding: 30px 27px; border-right: 1px solid rgba(24,49,63,.18); }
.signature-how-grid li:last-child { border-right: 0; }
.signature-how-grid span { color: #a37834; font-size: .7rem; font-weight: 600; letter-spacing: .16em; }
.signature-how-grid h3 { margin: 18px 0 12px; color: #18313f; font-family: var(--serif); font-size: 1.8rem; font-weight: 400; line-height: 1.08; }
.signature-how-grid p { margin: 0; color: #52585d; font-size: .88rem; line-height: 1.6; }
.signature-detail-flexibility { position: relative; isolation: isolate; display: flex; min-height: min(72vh, 690px); align-items: center; overflow: hidden; color: #fff; }
.signature-detail-flexibility .container { width: min(calc(100% - 48px), 920px); text-align: center; }
.signature-detail-flexibility .eyebrow { color: #e4c27e; }
.signature-detail-flexibility h2 { margin: 12px 0 22px; color: #fff; font-size: clamp(3rem, 5.8vw, 5.6rem); font-weight: 400; line-height: .94; }
.signature-detail-flexibility p:last-child { max-width: 650px; margin: 0 auto; color: rgba(255,255,255,.86); font-family: var(--serif); font-size: 1.15rem; }
.signature-detail-cta { padding: clamp(82px, 10vw, 148px) 0; background: #f6f1e7; text-align: center; }
.signature-detail-cta .container { max-width: 850px; }
.signature-detail-cta .eyebrow { color: #936826; }
.signature-detail-cta h2 { margin: 12px 0 20px; font-size: clamp(3rem, 5.6vw, 5.3rem); font-weight: 400; line-height: .95; }
.signature-detail-cta .container > p:not(.eyebrow) { max-width: 620px; margin: 0 auto 30px; color: #4a5055; font-family: var(--serif); font-size: 1.12rem; }
.signature-detail-cta .container > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; }
.signature-detail-question { display: inline-flex; min-height: 52px; align-items: center; padding: 0 24px; border: 1px solid #8f713e; color: #654c22; font-size: .78rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; }
.signature-detail-return { margin-top: 38px; color: #244b49; }

/* Complete Signature Experience detail-page system. */
.signature-story-gallery,
.signature-story-statement,
.signature-perspectives,
.signature-longevity-pillars,
.signature-land-sea-dual { padding: clamp(76px, 9vw, 138px) 0; }
.signature-story-gallery,
.signature-land-sea-dual { background: #fffdf8; }
.signature-story-grid { display: grid; gap: 16px; }
.signature-story-grid-three { grid-template-columns: repeat(3, 1fr); }
.signature-story-grid-four { grid-template-columns: repeat(4, 1fr); }
.signature-story-grid figure { position: relative; isolation: isolate; min-height: 390px; overflow: hidden; margin: 0; }
.signature-story-grid figure::after { content: ""; position: absolute; inset: 42% 0 0; z-index: 1; background: linear-gradient(transparent, rgba(6,20,31,.82)); }
.signature-story-grid img { width: 100%; height: 100%; min-height: 390px; object-fit: cover; transition: transform .55s ease; }
.signature-story-grid figcaption { position: absolute; right: 22px; bottom: 20px; left: 22px; z-index: 2; color: #fff; font-family: var(--serif); font-size: clamp(1.35rem, 2vw, 1.85rem); }
.signature-curiosity-hook { display: block; max-width: 31ch; margin-top: 7px; color: rgba(255,255,255,.84); font-family: var(--serif); font-size: clamp(.86rem, 1vw, 1rem); font-style: italic; font-weight: 400; line-height: 1.32; }
.signature-story-grid figure:hover img { transform: scale(1.03); }
.signature-story-grid .signature-marine-possibility img { object-position: 78% center; }
.signature-story-statement { background: #f6f1e7; }
.signature-guest-moments {
  padding: clamp(70px, 8vw, 112px) 0;
  border-top: 1px solid rgba(147,104,38,.16);
  border-bottom: 1px solid rgba(147,104,38,.14);
  background: #eee7db;
}
.signature-guest-moments-layout {
  display: grid;
  grid-template-columns: minmax(230px,.4fr) minmax(0,1fr);
  gap: clamp(44px, 6vw, 84px);
  align-items: center;
  max-width: 1120px;
}
.signature-guest-moments header { max-width: 360px; }
.signature-guest-moments .eyebrow { margin: 0 0 14px; color: #936826; }
.signature-guest-moments h2 {
  margin: 0;
  color: #18313f;
  font-size: clamp(2.8rem, 4.4vw, 4.45rem);
  font-weight: 400;
  line-height: .97;
}
.signature-guest-moments-frame {
  position: relative;
  isolation: isolate;
  aspect-ratio: 8 / 5;
  overflow: hidden;
  margin: 0;
  background: #d8d0c3;
  box-shadow: 18px 18px 0 -8px rgba(163,120,52,.22);
}
.signature-guest-moment {
  position: absolute;
  inset: 0;
  display: block;
  opacity: 0;
  transition: opacity 1.1s ease;
}
.signature-guest-moment.is-active { z-index: 1; opacity: 1; }
.signature-guest-moment img { width: 100%; height: 100%; object-fit: cover; }
.signature-beyond-texture { padding-bottom: clamp(82px, 10vw, 145px); }
.signature-perspectives { background: #202a2c; color: #fff; }
.signature-perspectives .eyebrow { color: #d7b36d; }
.signature-perspectives h2 { color: #fff; }
.signature-perspective-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 44px; border-top: 1px solid rgba(223,193,133,.45); border-bottom: 1px solid rgba(223,193,133,.28); }
.signature-perspective-grid article { min-height: 300px; padding: 34px 30px; border-right: 1px solid rgba(255,255,255,.18); }
.signature-perspective-grid article:last-child { border-right: 0; }
.signature-perspective-grid span { color: #ddb96f; font-size: .72rem; font-weight: 600; letter-spacing: .16em; }
.signature-perspective-grid h3 { margin: 20px 0 14px; color: inherit; font-family: var(--serif); font-size: clamp(1.8rem, 2.7vw, 2.45rem); font-weight: 400; line-height: 1.05; }
.signature-perspective-grid p { margin: 0; color: rgba(255,255,255,.76); line-height: 1.65; }
.signature-perspective-note { max-width: 760px; margin: 30px 0 0; color: rgba(255,255,255,.68); font-family: var(--serif); font-size: 1.06rem; }
.signature-battle-places { background: #e8e3d8; }
.signature-battle-page .signature-detail-why { background: #293134; }
.signature-battle-cta { background: #e8e3d8; }
.signature-longevity-pillars { background: #e9eee4; }
.signature-longevity-pillars .eyebrow { color: #6b743f; }
.signature-longevity-grid { grid-template-columns: repeat(4, 1fr); border-color: rgba(77,91,55,.35); }
.signature-longevity-grid article { border-color: rgba(77,91,55,.22); }
.signature-longevity-grid span { color: #7c6c37; }
.signature-longevity-grid h3 { color: #20332e; }
.signature-longevity-grid p { color: #4e5952; }
.signature-longevity-now { background: #24362e; }
.signature-health-note { width: min(calc(100% - 48px), 1180px); margin: 0 auto; padding: 54px 0; }
.signature-health-note h3 { max-width: 520px; }
.signature-dual-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 42px; }
.signature-dual-grid article { display: grid; grid-template-rows: 410px auto; background: #f4eee3; }
.signature-dual-grid img { width: 100%; height: 410px; object-fit: cover; }
.signature-dual-grid article > div { padding: 34px; }
.signature-dual-grid span { color: #936826; font-size: .72rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.signature-dual-grid h3 { margin: 13px 0 12px; color: #193544; font-family: var(--serif); font-size: clamp(2rem, 3vw, 2.8rem); font-weight: 400; line-height: 1; }
.signature-dual-grid p { margin: 0; color: #4b5358; line-height: 1.65; }
.signature-sea-conditions { background: #173342; }
.signature-best-page .signature-detail-hero > img { object-position: 55% center; }
.signature-beyond-page .signature-detail-hero > img { object-position: 56% center; }
.signature-battle-page .signature-detail-hero > img { object-position: 56% center; }
.signature-longevity-page .signature-detail-hero > img { object-position: 60% center; }
.signature-land-sea-page .signature-detail-hero > img { object-position: 55% center; }

@media (max-width: 900px) {
  .signature-detail-split,
  .signature-detail-split-reverse { grid-template-columns: 1fr; }
  .signature-detail-split-reverse figure { order: 2; }
  .signature-for-grid { grid-template-columns: repeat(2, 1fr); }
  .signature-for-grid p { min-height: 145px; border-bottom: 1px solid rgba(32,44,54,.16); }
  .signature-camera-note { grid-template-columns: 1fr 1fr; }
  .signature-camera-note .eyebrow { grid-column: 1 / -1; }
  .signature-how-grid { grid-template-columns: repeat(2, 1fr); }
  .signature-how-grid li:nth-child(2) { border-right: 0; }
  .signature-how-grid li:nth-child(-n+2) { border-bottom: 1px solid rgba(24,49,63,.18); }
  .signature-story-grid-four { grid-template-columns: repeat(2, 1fr); }
  .signature-perspective-grid,
  .signature-longevity-grid { grid-template-columns: repeat(2, 1fr); }
  .signature-perspective-grid article:nth-child(2) { border-right: 0; }
  .signature-perspective-grid article:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.18); }
}

@media (max-width: 620px) {
  .signature-detail-hero { min-height: 760px; }
  .signature-detail-hero > img { object-position: 58% center; }
  .signature-detail-hero-wash { background: linear-gradient(180deg, rgba(7,22,35,.2) 10%, rgba(7,22,35,.82) 61%, rgba(7,22,35,.97) 100%); }
  .signature-detail-hero-copy { padding-bottom: 42px; }
  .signature-detail-back { margin-bottom: 9px; }
  .signature-detail-hero-copy .eyebrow { margin-top: 8px; }
  .signature-detail-hero h1 { margin-top: 8px; font-size: clamp(3.25rem, 15vw, 4.2rem); line-height: .9; }
  .signature-detail-subhead { font-size: 1.45rem; line-height: 1.18; }
  .signature-detail-opening { font-size: 1rem; line-height: 1.52; }
  .signature-detail-idea,
  .signature-detail-why,
  .signature-detail-for,
  .signature-detail-how { padding: 66px 0; }
  .signature-detail-split { gap: 34px; }
  .signature-detail-split figure,
  .signature-detail-split figure img { min-height: 320px; }
  .signature-detail-copy h2,
  .signature-detail-section-heading h2,
  .signature-detail-for h2,
  .signature-detail-how h2 { font-size: 2.8rem; }
  .signature-possibilities { padding: 62px 0; }
  .signature-possibility-grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 185px; gap: 9px; }
  .signature-possibility-wide { grid-column: span 2; }
  .signature-possibility-grid figcaption { left: 14px; right: 14px; bottom: 11px; font-size: 1.2rem; }
  .signature-for-grid { grid-template-columns: 1fr; margin-top: 30px; }
  .signature-for-grid p { min-height: 0; padding: 21px 0; border-right: 0; }
  .signature-camera-note { grid-template-columns: 1fr; gap: 15px; margin-top: 38px; }
  .signature-camera-note .eyebrow { grid-column: auto; }
  .signature-photo-enhancement { padding: 28px 0; }
  .signature-photo-enhancement .container { grid-template-columns: 1fr; gap: 10px; }
  .signature-photo-enhancement p:last-child { font-size: 1.04rem; }
  .signature-how-grid { grid-template-columns: 1fr; margin-top: 30px; }
  .signature-how-grid li { min-height: 0; padding: 25px 0; border-right: 0; border-bottom: 1px solid rgba(24,49,63,.18); }
  .signature-how-grid li:last-child { border-bottom: 0; }
  .signature-detail-flexibility { min-height: 600px; }
  .signature-detail-flexibility h2 { font-size: 3rem; }
  .signature-detail-cta { padding: 70px 0 102px; }
  .signature-detail-cta h2 { font-size: 3rem; }
  .signature-detail-cta .container > div { display: grid; }
  .signature-detail-question { justify-content: center; }
  .signature-story-gallery,
  .signature-story-statement,
  .signature-perspectives,
  .signature-longevity-pillars,
  .signature-land-sea-dual { padding: 64px 0; }
  .signature-story-grid-three,
  .signature-story-grid-four { grid-template-columns: 1fr 1fr; gap: 9px; }
  .signature-story-grid-three figure:last-child { grid-column: 1 / -1; }
  .signature-story-grid figure,
  .signature-story-grid img { min-height: 225px; }
  .signature-story-grid figcaption { right: 13px; bottom: 12px; left: 13px; font-size: 1.2rem; }
  .signature-curiosity-hook { max-width: 27ch; margin-top: 5px; font-size: .84rem; line-height: 1.28; }
  .signature-story-grid .signature-marine-possibility img { object-position: 81% center; }
  .signature-guest-moments { padding: 58px 0 62px; }
  .signature-guest-moments-layout { grid-template-columns: 1fr; gap: 28px; }
  .signature-guest-moments header { max-width: 330px; }
  .signature-guest-moments h2 { font-size: 2.7rem; line-height: .98; }
  .signature-guest-moments-frame { aspect-ratio: 5 / 4; box-shadow: 10px 10px 0 -5px rgba(163,120,52,.22); }
  .signature-perspective-grid,
  .signature-longevity-grid { grid-template-columns: 1fr; margin-top: 30px; }
  .signature-perspective-grid article { min-height: 0; padding: 27px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.18); }
  .signature-perspective-grid article:last-child { border-bottom: 0; }
  .signature-longevity-grid article { border-color: rgba(77,91,55,.2); }
  .signature-longevity-grid p { color: #4e5952; }
  .signature-dual-grid { grid-template-columns: 1fr; gap: 12px; }
  .signature-dual-grid article { grid-template-rows: 260px auto; }
  .signature-dual-grid img { height: 260px; }
  .signature-dual-grid article > div { padding: 27px 23px; }
  .signature-health-note { width: min(calc(100% - 36px), 1180px); padding: 44px 0; }
  .signature-best-page .signature-detail-hero > img { object-position: 63% center; }
  .signature-beyond-page .signature-detail-hero > img { object-position: 66% center; }
  .signature-battle-page .signature-detail-hero > img { object-position: 66% center; }
  .signature-longevity-page .signature-detail-hero > img { object-position: 66% center; }
  .signature-land-sea-page .signature-detail-hero > img { object-position: 56% center; }
}

@media (prefers-reduced-motion: reduce) {
  .signature-possibility-grid img,
  .signature-story-grid img { transition: none !important; }
  .signature-guest-moment { transition: none !important; }
}