/* V3: a photographic progression, with the brand palette retained. */
.header{height:88px;padding:8px 4vw}.header .logo{width:65px;height:65px}.nav{gap:25px}.brand-name{font-size:28px}.study{font-size:10px;padding:5px 15px}
.hero{margin:0 2vw;min-height:570px;height:calc(100svh - 128px);max-height:850px;padding:0;overflow:hidden;isolation:isolate}
.hero-photo{position:absolute;inset:0;min-height:0;overflow:hidden}
.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,29,24,.65),rgba(20,29,24,.03) 80%),linear-gradient(0deg,rgba(20,29,24,.5),transparent 55%)}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 46%;animation:arrive 18s ease-out both}
@keyframes arrive{from{transform:scale(1.035)}to{transform:scale(1)}}
.hero-copy{position:absolute;bottom:58px;left:5vw;width:min(720px,68%);margin:0;padding:0;border:0;box-shadow:none;background:none;color:var(--ivory)}
.hero-copy .eyebrow{font-size:12px;letter-spacing:.18em;margin-bottom:23px}.hero h1{font-size:clamp(60px,6.6vw,105px);line-height:.96;letter-spacing:-.035em;max-width:740px;color:var(--ivory)}
.hero h1 em{color:var(--ivory);font-weight:400}.hero-copy>p{color:var(--ivory);font-size:18px;max-width:440px;margin-top:25px}.hero-actions{gap:23px;margin-top:27px}.hero .textlink{color:var(--ivory);border-color:rgba(245,241,232,.6);font-size:14px}.hero .button{margin-top:0}.hero .button:hover{background:var(--stone);color:var(--deep)}
.film-trigger{right:3vw;bottom:40px;padding:14px 17px;border:1px solid rgba(245,241,232,.7);background:rgba(245,241,232,.93);gap:12px;max-width:260px;text-align:left}.film-trigger>span:first-child{font-size:31px}.film-trigger>span:last-child{font-size:15px}.film-trigger small{font-size:11px;display:block;border:0;padding:2px 0 0}
.trust-ribbon{padding:26px 6vw;gap:20px 35px}.trust-ribbon strong{font-size:34px}.trust-ribbon p,.trust-ribbon a{font-size:13px}.trust-stars{font-size:13px}
.house-story{padding:100px 7vw;display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;align-items:start}.story-photo{padding-top:44px}.story-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:45% center;display:block}.story-photo>p{font-size:13px;margin-top:14px;color:var(--gray)}.story-copy h2{font-size:clamp(40px,4.5vw,68px);line-height:1.02}.story-copy>p{font-size:17px;line-height:1.7;margin-top:25px;max-width:430px;color:var(--gray)}.story-copy>.textlink{margin-top:22px}.story-exterior{margin:38px 0 0}.story-exterior img{display:block;aspect-ratio:16/9;object-fit:cover;width:100%}.story-exterior figcaption{font-size:12px;color:var(--gray);margin-top:10px}
.gallery-section{padding-top:0;padding-bottom:80px}.gallery-head h2{font-size:clamp(40px,4.7vw,66px)}.gallery-head p{font-size:16px}.room-gallery{gap:25px}.room-gallery .photo-open{border-radius:0}.room-gallery figcaption{padding-bottom:0;border-bottom:0}.gallery-bottom{margin-top:33px;padding-top:25px;border-top:1px solid var(--line)}
.welcome-details{padding:75px 7vw 80px;background:var(--ivory);display:grid;grid-template-columns:.9fr 1.3fr;gap:45px 6vw;align-items:center}.details-intro h2{font-size:clamp(40px,4.5vw,62px)}.details-intro>p{margin-top:22px;max-width:370px;color:var(--gray);font-size:17px}.detail-links{display:flex;gap:8px 22px;flex-wrap:wrap;margin-top:20px}.detail-links button{color:var(--deep);font-size:14px;background:transparent;border:0;border-bottom:1px solid var(--line);min-height:44px;padding:5px 0;cursor:pointer}.details-photo-pair{display:grid;grid-template-columns:1.12fr .88fr;gap:22px;align-items:start}.details-photo-pair figure{margin:0}.details-photo-pair figure+figure{padding-top:70px}.details-photo-pair img{display:block;aspect-ratio:3/4;width:100%;object-fit:cover}.details-photo-pair figcaption{margin-top:12px;font-size:13px}.shared-moments{grid-column:1/-1;border-top:1px solid var(--line);padding-top:36px;display:grid;grid-template-columns:210px 1fr;gap:35px;align-items:center}.shared-moments img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.shared-moments h3{font-size:33px;letter-spacing:-.025em}.shared-moments p{font-size:16px;color:var(--gray);margin-top:12px}.shared-moments .detail-links{margin-top:8px}
.guest-voices{padding-top:80px}.hosts{border-top:0}.hosts h2{font-size:clamp(40px,4.4vw,64px)}.region{padding-top:75px;padding-bottom:75px}.booking-paths{padding-top:40px;padding-bottom:40px}.booking-heading h2{font-size:39px}.channel strong{font-size:29px}
.journey-dialog{width:min(1180px,94vw);max-width:94vw;max-height:95dvh;overflow:auto;margin:auto;padding:22px;background:var(--ivory);color:var(--deep);border:1px solid var(--sage)}.journey-dialog::backdrop{background:rgba(19,27,22,.88)}.journey-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.journey-top .eyebrow{font-size:10px;margin:0 0 7px}.journey-top h2{font-size:35px}.journey-stage{position:relative;height:min(58dvh,610px);min-height:250px;overflow:hidden;background:var(--stone)}.journey-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;opacity:0;transition:opacity 1.2s ease;transform:scale(1)}.journey-image.active{opacity:1;animation:photo-drift 7.8s linear forwards}.journey-stage.paused .journey-image{animation-play-state:paused}.journey-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(21,30,25,.8),transparent 65%)}
@keyframes photo-drift{from{transform:scale(1)}to{transform:scale(1.045)}}
.journey-label{position:absolute;z-index:2;bottom:27px;left:30px;right:30px;color:var(--ivory)}.journey-label>span{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.journey-label h3{font-size:42px;margin:9px 0}.journey-label p{font-size:15px;max-width:550px}.journey-controls{display:flex;gap:12px;align-items:center;margin-top:16px}.journey-controls>span{margin-left:auto;font-size:14px}.journey-note{font-size:12px;color:var(--gray);margin-top:13px}.journey-book{margin-top:10px;font-size:14px}
@media(max-width:1000px){.film-trigger{bottom:26px;right:22px;max-width:220px}.hero-copy{left:5vw;bottom:120px;width:85%}.hero h1{font-size:72px}.house-story{gap:5vw}.shared-moments{grid-template-columns:175px 1fr}.nav{gap:16px}.brand-name small{display:none}}
@media(max-width:720px){.header{height:80px;padding:7px 6vw}.header .logo{width:56px;height:56px}.brand-name{font-size:25px}.nav.open{top:100%}.hero{margin:0 12px;min-height:590px;height:calc(100svh - 114px);max-height:780px;display:block}.hero-photo{min-height:0;inset:0}.hero-photo img{object-position:59% center}.hero-photo:after{background:linear-gradient(0deg,rgba(20,29,24,.78),rgba(20,29,24,.08) 94%)}.hero-copy{left:24px;bottom:140px;width:calc(100% - 48px);padding:0}.hero h1{font-size:clamp(46px,12vw,68px);line-height:1.02}.hero-copy .eyebrow{font-size:10px;margin-bottom:16px;letter-spacing:.12em}.hero-copy>p{font-size:16px;margin-top:19px;max-width:280px}.hero-actions{gap:10px;margin-top:20px}.hero-actions .button{min-height:48px;padding:11px 17px;font-size:14px}.hero-actions .textlink{font-size:13px;min-height:34px}.film-trigger{left:24px;right:auto;bottom:25px;max-width:calc(100% - 48px);padding:9px 15px;min-height:58px}.film-trigger>span:last-child{font-size:14px}.film-trigger small{font-size:10px}.trust-ribbon{padding:23px 6vw;justify-content:flex-start;gap:12px 22px}.trust-ribbon .trust-date{width:100%}.house-story{grid-template-columns:1fr;padding:58px 7vw;gap:30px}.story-photo{padding:0;order:2}.story-photo img{aspect-ratio:4/3}.story-copy h2{font-size:44px}.story-copy>p{font-size:16px}.story-exterior{margin-top:30px}.gallery-section{padding-bottom:60px}.gallery-head h2{font-size:44px}.welcome-details{grid-template-columns:1fr;padding:50px 7vw;gap:30px}.details-intro h2{font-size:43px}.details-intro>p{font-size:16px}.details-photo-pair{gap:16px}.details-photo-pair figure+figure{padding-top:35px}.shared-moments{grid-template-columns:1fr;gap:22px;padding-top:28px}.shared-moments>.photo-open{max-width:100%}.shared-moments img{aspect-ratio:16/9}.shared-moments h3{font-size:31px}.guest-voices{padding-top:55px}.hosts h2{font-size:42px}.region{padding-top:55px;padding-bottom:55px}.journey-dialog{padding:16px;width:96vw;max-width:96vw;max-height:96dvh}.journey-top h2{font-size:28px}.journey-top .eyebrow{font-size:9px;letter-spacing:.08em}.journey-stage{height:47dvh;min-height:290px}.journey-label{bottom:22px;left:20px;right:20px}.journey-label h3{font-size:34px}.journey-label p{font-size:14px}.journey-controls{gap:8px}.journey-note{font-size:11px}.journey-book{min-height:36px}.journey-top{gap:10px}}
@media(prefers-reduced-motion:reduce){.hero-photo img,.journey-image.active{animation:none!important}.journey-image{transition:none!important}}

.journey-image[data-fit=contain]{object-fit:contain;background:var(--deep)}

@media(max-width:720px){.hero-photo{height:100%}.film-trigger{top:auto;height:auto}}

@media(max-width:720px){.journey-image[data-fit=contain]{object-position:center top}.journey-label h3{font-size:30px}}

/* V3.1 — four named rooms, a more compact review band, and a regional image. */
.room-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.room-gallery figcaption span:first-child{font-size:29px}
.guest-voices{padding-top:42px;padding-bottom:28px;scroll-margin-top:-65px}
.guest-voices .voice-heading{padding-bottom:22px;gap:8px 5vw}
.guest-voices .voice-heading h2{font-size:42px}
.guest-voices .voice-heading>p{font-size:15px}
.review-score{padding-top:12px;margin-top:6px}
.review-slide{min-height:350px;padding:26px 7vw;row-gap:14px}
.review-slide .authentic-quote{font-size:26px;line-height:1.4}
.review-theme{margin-bottom:10px}
.review-controls{padding-top:16px}
.review-carousel .review-note{margin-top:12px}
.region-photo img{height:auto;aspect-ratio:2362/1565;object-fit:contain}
.photo-credit{font-size:10px}.photo-credit a{text-decoration:underline}
.region-explore{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:22px}
.region-explore .textlink{margin-top:0;min-height:36px}
@media(max-width:1000px){.room-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.room-gallery{grid-template-columns:1fr}.guest-voices{padding-top:38px}.guest-voices .voice-heading h2{font-size:38px}.review-slide{min-height:0;padding:210px 7vw 28px;row-gap:15px}.review-backdrop{height:220px}.review-slide:after{background:linear-gradient(180deg,transparent 135px,var(--stone) 220px)}.review-slide .authentic-quote{font-size:22px;line-height:1.45}.review-controls{flex-wrap:wrap}}

.journey-image.active{animation-duration:4.8s}

@media(max-width:720px){.review-byline .review-person span br{display:block}}

.hosts-small-portraits{gap:18px;margin:0 0 28px}.hosts-small-portraits img{width:104px;height:104px}

/* V3.5 — one fixed frame, five complementary regional views. */
.region-carousel{min-width:0;align-self:center}.region-stage{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--stone)}
.region-stage .region-image{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;opacity:0;transition:opacity 1.1s ease}
.region-stage .region-image.is-active{opacity:1}.region-stage:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(21,30,25,.55));pointer-events:none}
.region-kicker{position:absolute;bottom:22px;left:23px;right:23px;z-index:1;font-family:"Cormorant Garamond",Georgia,serif;color:var(--ivory);font-size:32px;line-height:1.1}
.region-controls{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.region-controls[hidden]{display:none}.region-controls button{min-height:44px;min-width:44px;border:1px solid var(--line);background:transparent;color:var(--deep);cursor:pointer}.region-controls button:hover{background:var(--stone)}.region-controls #region-pause{margin-left:auto;padding:7px 12px;font-size:13px}.region-controls #region-count{font-size:12px;font-variant-numeric:tabular-nums}
.region-carousel figcaption{min-height:112px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:14px}.region-carousel figcaption strong{font-weight:500;color:var(--deep)}.region-place-link{font-size:13px;text-decoration:underline;text-underline-offset:3px;min-height:28px}.region-carousel .photo-credit{font-size:10px;line-height:1.5}.region-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:720px){.region-kicker{font-size:28px;bottom:18px;left:18px}.region-carousel figcaption{min-height:124px}}
@media(prefers-reduced-motion:reduce){.region-stage .region-image{transition:none}}

/* Narrow phones: preserve room for the menu without clipping the identity. */
@media(max-width:360px){.header{padding-left:12px;padding-right:12px;gap:10px}.identity{gap:8px;min-width:0}.header .logo{width:46px;height:46px;flex-shrink:0}.brand-name{font-size:22px}.menu{flex-shrink:0;padding:8px 10px}.journey-controls{flex-wrap:wrap}}
.button:disabled{opacity:.65;cursor:wait}

/* V3.7 — official palette and photo framing approved by01/02. */
.button:hover{text-decoration:underline;text-underline-offset:4px}
.story-photo img{aspect-ratio:4/3;object-position:center}
.hosts-photo>img{aspect-ratio:4/3;height:auto;object-fit:cover}
.details-photo-pair [data-gallery="linge"] img{aspect-ratio:4/3;object-position:35% 72%}
@media(max-width:720px){
.hero{height:auto;min-height:0;max-height:none;background:var(--ivory)}
.hero-photo{position:relative;inset:auto;aspect-ratio:4/3;width:100%}
.hero-photo img{object-position:center;animation:none}.hero-photo:after{background:none}
.hero-copy{position:relative;left:auto;bottom:auto;width:auto;margin:0;padding:26px 24px 20px;color:var(--deep)}
.hero h1,.hero h1 em,.hero-copy>p,.hero .textlink{color:var(--deep)}
.hero h1{font-size:44px}.hero-copy .eyebrow{margin-bottom:14px}.hero-copy>p{margin-top:16px;max-width:none}
.hero .textlink{border-color:var(--deep)}.hero .button{background:var(--deep);color:var(--ivory)}
.hero-actions{margin-top:20px}.film-trigger{position:relative;left:auto;right:auto;bottom:auto;margin:0 24px 24px;max-width:calc(100% - 48px)}
}
