/* DAYDREAMING / calm editorial surfaces, September 2026 */
#header,body[data-page=home] #header{transition:transform .32s cubic-bezier(.2,.7,.3,1),height .25s,background-color .25s}
body.nav-hidden #header{transform:translateY(calc(-100% - 30px));pointer-events:none}

body[data-page=home] .hero .glass-hero-search.glass-docked,body[data-page=stay] .search-wrap{transition:top .32s cubic-bezier(.2,.7,.3,1)}
body.nav-hidden[data-page=home] .hero .glass-hero-search.glass-docked,body.nav-hidden[data-page=stay] .search-wrap{top:10px!important}
body[data-page=story],body[data-page=discover],body[data-page=partner]{background:#efebe3}
body[data-page=story] #main,body[data-page=discover] #main,body[data-page=partner] #main{background:#faf8f2;border-radius:28px 28px 0 0;position:relative;margin-top:24px}
body[data-page=story] .eyebrow,body[data-page=discover] .page-title>.eyebrow,body[data-page=partner] .section>.eyebrow,body[data-page=partner] .owner .eyebrow{display:none}
body[data-page=partner] .journey .eyebrow{display:block}
.chapter-layout{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.7fr);gap:7vw;max-width:1140px;margin:0 auto;padding:64px 32px 100px}
.chapter-nav{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:10px;padding:16px 0;border-top:1px solid #c9c1b1}
.chapter-nav button{font:inherit;font-size:14px;text-align:left;line-height:1.6;cursor:pointer;color:#646255;background:transparent;border:0;border-radius:12px;padding:14px 18px;transition:background .25s,color .25s}
.chapter-nav button.active,.chapter-nav button:hover{background:#e9e4d8;color:#292c24}
.chapter-nav button:focus-visible{outline:2px solid #8b7653;outline-offset:3px}
.chapter-stream{min-width:0}.chapter-stream>section{scroll-margin-top:110px}
.story-editorial{border-radius:28px 28px 0 0}
.story-editorial .story-opening{max-width:1140px;padding-top:64px!important;grid-template-columns:1fr 1fr;gap:60px}
.story-editorial .story-opening>img{border-radius:16px;height:250px}
.story-opening-title>p{display:none}.story-opening-title h1{font-size:clamp(36px,4vw,54px);line-height:1.1}
.story-introduction{max-width:700px;margin:0 auto;padding:64px 32px 72px!important}
.story-prose{font-size:16px;line-height:1.9;color:#45473d}
.story-prose p{margin-bottom:22px}.story-prose h2{color:#292c24;font-size:clamp(28px,3vw,40px);line-height:1.2;margin:30px 0}
.story-editorial .chapter-stream .story-spread,.story-editorial .chapter-stream .story-closing{display:block;max-width:none;margin:0 0 80px;padding:0 0 64px;background:transparent;border-bottom:1px solid #d9d2c5;min-height:0}
.story-editorial .chapter-stream figure{position:static;width:100%;margin:0 0 32px;max-width:none;height:260px;border-radius:16px;overflow:hidden}
.story-editorial .chapter-stream figure img{width:100%;height:100%;object-fit:cover}
.story-editorial .chapter-stream .story-prose{padding:0;max-width:65ch;margin:0}
.story-editorial .chapter-stream .story-closing{border:0;margin-bottom:0;padding-bottom:0}
.story-editorial .chapter-layout{border-top:1px solid #d9d2c5}
/* Magazine index: one deliberate row per story, with the image and copy aligned. */
.journal-layout>.page-title{text-align:center;padding:64px 24px 40px;max-width:900px;margin:auto}
.journal-layout .page-title h1{font-size:clamp(36px,4vw,56px);line-height:1.15}
.journal-layout .filters{justify-content:center;margin-top:32px}.journal-layout .filters .pill{padding:11px 23px;background:#eee9df;border:0}.journal-layout .filters .pill.active{background:#30352d;color:#fffaf0}
.journal-layout #stories{display:flex;flex-direction:column;gap:48px;max-width:1100px;margin:auto}
.journal-layout #stories>article{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;align-items:start;padding:0 0 48px;border-bottom:1px solid #d7d0c3}
.journal-layout #stories>article>a:first-child{display:contents}
.journal-layout #stories .article-image{grid-column:1;grid-row:1/5;width:100%;height:290px;aspect-ratio:auto;border-radius:16px}
.journal-layout #stories .article-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.journal-layout #stories article:hover img{transform:scale(1.035)}
.journal-layout #stories .article-tag{grid-column:2;margin:20px 0 12px;font-size:11px;color:#6e6858}
.journal-layout #stories h3{grid-column:2;font-size:clamp(25px,2.7vw,36px);line-height:1.18;margin:0 0 20px}
.journal-layout #stories p{grid-column:2;margin:0 0 24px;font-size:15px;line-height:1.75}
.journal-layout #stories .text-link{grid-column:2;justify-self:start;align-self:end}
.journal-layout .article-hero{height:240px!important;border-radius:16px}.journal-layout .article-body{max-width:760px}
/* Owner page: a quiet introduction followed by sticky service navigation. */
body[data-page=partner] .partner-opening{background:#faf8f2!important;color:#30352d;padding-top:64px;padding-bottom:64px;border-radius:28px 28px 0 0}
.partner-opening .split{gap:64px}.partner-opening h1{font-size:clamp(40px,4.5vw,60px);line-height:1.12}.partner-opening p{font-size:16px;line-height:1.8;max-width:480px}.partner-opening .picture{height:360px;border-radius:20px}.partner-opening .picture img{height:100%;width:100%;object-fit:cover}.partner-opening .btn.light{background:#30352d;color:#faf8f2;border-color:#30352d}.partner-opening .btn.outline{color:#30352d;border-color:#b8b09f}
.service-story{background:#efebe2;border-radius:28px 28px 0 0;padding-top:64px;padding-bottom:64px}.service-story>h2{max-width:700px;margin:0 auto 32px;text-align:center;font-size:clamp(32px,3.8vw,48px)}
.service-story .chapter-layout{padding:32px 0 0}.service-chapter{background:#faf8f2;border-radius:20px;padding:32px;margin-bottom:40px}.service-chapter h2{font-size:30px;line-height:1.2;margin:0 0 24px}.service-chapter img{display:block;aspect-ratio:16/9;width:100%;object-fit:cover;border-radius:12px}.service-chapter p{font-size:16px;line-height:1.8;margin:24px 0 0;color:#555748}.service-story>.muted{margin-top:40px;max-width:760px;font-size:14px}
body[data-page=partner] .editorial{background:#faf8f2}body[data-page=partner] .benefits{display:grid;grid-template-columns:1fr 1fr;gap:0 56px}body[data-page=partner] .benefits>div{padding:28px 0;border-top:1px solid #cdc5b5}body[data-page=partner] .benefits h3{font-size:26px}body[data-page=partner] .benefits p{line-height:1.8;max-width:48ch}
::selection{background:#d9c9aa;color:#292c24}input,textarea{caret-color:#8b7653}a{text-underline-offset:5px}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.service-chapter.chapter-visible{animation:chapter-arrive .65s cubic-bezier(.2,.7,.3,1) both}@keyframes chapter-arrive{from{transform:translateX(20px);filter:brightness(.96)}to{transform:none;filter:none}}}
@media(max-width:900px){.chapter-layout{grid-template-columns:1fr;gap:24px;padding:32px 24px 64px}.chapter-nav{position:relative;top:auto;flex-direction:row;overflow:auto;gap:8px;padding:16px 0}.chapter-nav button{flex:0 0 auto;max-width:240px;font-size:13px;padding:10px 14px}.partner-opening .split{gap:28px}.service-story .chapter-layout{padding-inline:0}.journal-layout #stories>article{column-gap:28px}.journal-layout #stories .article-image{height:260px}}
@media(max-width:600px){body[data-page=story] #main,body[data-page=discover] #main,body[data-page=partner] #main{margin-top:16px;border-radius:22px 22px 0 0}.story-editorial .story-opening{grid-template-columns:1fr;gap:24px;padding:32px 24px 0!important}.story-editorial .story-opening>img{height:180px}.story-opening-title h1{font-size:34px}.story-introduction{padding:36px 24px 44px!important}.story-prose{font-size:16px;line-height:1.85}.story-editorial .chapter-stream figure{height:200px}.story-editorial .chapter-stream .story-spread{margin-bottom:44px;padding-bottom:40px}.journal-layout>.page-title{padding-top:40px}.journal-layout #stories>article{display:block}.journal-layout #stories .article-image{height:220px;margin-bottom:20px}.journal-layout #stories .article-tag{display:block}.journal-layout #stories h3{font-size:28px}.journal-layout #stories p{margin-top:16px}.partner-opening .split{grid-template-columns:1fr}.partner-opening .picture{height:240px}.partner-opening h1{font-size:38px}.service-chapter{padding:22px}.service-chapter h2{font-size:27px}body[data-page=partner] .benefits{grid-template-columns:1fr}.chapter-nav{scrollbar-width:thin}}
@media(prefers-reduced-motion:reduce){#header,body[data-page=home] #header,body[data-page=home] .hero .glass-hero-search.glass-docked,body[data-page=stay] .search-wrap,.journal-layout #stories .article-image img{transition:none!important}.service-chapter{animation:none!important}}
body[data-page=partner] .partner-opening h1,body[data-page=partner] .partner-opening p{color:#30352d!important}
body[data-page=partner] .journey>div>.eyebrow{display:none}
@media(max-width:760px){
 #header nav .language-toggle{display:block;text-align:left;font-size:14px;padding:16px 0 4px;margin-top:8px;border-top:1px solid #ffffff35;color:#faf7ef;min-height:44px}
 .detail-layout>.booking{position:static;top:auto;width:100%;margin:0 0 8px;padding:24px}
 .detail-layout>.booking h3{font-size:28px;margin-top:0}
 .detail-layout>.booking>.eyebrow{display:none}
}
/* A photographic scroll stage, adapted from the supplied Drift reference. */
body[data-page=story] .story-editorial>.chapter-layout,body[data-page=partner] .service-story{max-width:none;background:linear-gradient(#25291fd9,#25291fc9),url('assets/story-chapter-4.png') center/cover fixed;color:#faf8f2;border-radius:28px 28px 0 0;padding:80px 7%;border:0}
body[data-page=story] .chapter-nav,body[data-page=partner] .service-story .chapter-nav{border-color:#ffffff40}
body[data-page=story] .chapter-nav button,body[data-page=partner] .service-story .chapter-nav button{color:#e5e2d8;background:#ffffff0b}
body[data-page=story] .chapter-nav button.active,body[data-page=partner] .service-story .chapter-nav button.active{background:#ffffff25;color:white}
body[data-page=story] .story-editorial .chapter-stream>section,body[data-page=partner] .service-chapter{padding:28px;margin-bottom:48px;border-radius:22px;background:#25291f80;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #ffffff35;color:#faf8f2}
body[data-page=story] .chapter-stream .story-prose,body[data-page=story] .chapter-stream h2,body[data-page=partner] .service-chapter h2,body[data-page=partner] .service-chapter p,body[data-page=partner] .service-story>h2,body[data-page=partner] .service-story>.muted{color:#faf8f2}
body[data-page=story] .chapter-stream .story-closing .outline{color:#faf8f2;border-color:#faf8f2}
body[data-page=discover] .journal-layout:has(#stories){display:grid;grid-template-columns:.85fr 1.4fr;gap:6vw;padding:64px 6.5%;align-items:start;background:#f5f0e6}
.journal-layout:has(#stories)>.page-title{position:sticky;top:112px;padding:0;text-align:left;margin:0}
.journal-layout:has(#stories)>.page-title h1{font-size:clamp(36px,3.8vw,54px)}
.journal-layout:has(#stories) .filters{justify-content:flex-start;flex-wrap:wrap}
.journal-layout:has(#stories)>.section{padding:0!important}
.journal-layout #stories>article{display:block;background:#fffdf7;border:0;border-radius:22px;padding:24px}
.journal-layout #stories .article-image{height:240px;margin-bottom:24px}.journal-layout #stories .article-tag{display:block}.journal-layout #stories h3{font-size:30px;margin:14px 0 20px}.journal-layout #stories p{margin-bottom:24px}
@media(max-width:900px){body[data-page=discover] .journal-layout:has(#stories){display:block;padding:36px 24px}.journal-layout:has(#stories)>.page-title{position:static;margin-bottom:40px}.journal-layout:has(#stories)>.page-title h1{font-size:36px}body[data-page=story] .story-editorial>.chapter-layout,body[data-page=partner] .service-story{padding:44px 24px;background-attachment:scroll}body[data-page=story] .story-editorial .chapter-stream>section,body[data-page=partner] .service-chapter{padding:20px}.journal-layout #stories>article{padding:20px}.journal-layout #stories .article-image{height:210px}}
.journey>div{border-top-color:#d7d1c5!important}
.journey>div:after{content:'';position:absolute;left:0;top:-1px;height:2px;width:100%;background:#9b8258;transform:scaleX(0);transform-origin:left;transition:transform .85s cubic-bezier(.22,.61,.36,1);pointer-events:none}
.journey>div.step-reached:after{transform:scaleX(1)}
.journey>div:before{position:relative;z-index:1;box-shadow:0 0 0 5px #faf8f2;transition:background .4s}
.journey>div.step-reached:before{background:#5b634b}
@media(max-width:760px){.journey>div{border-left-color:#d7d1c5!important}.journey>div:after{left:-1px;top:0;width:2px;height:100%;transform:scaleY(0);transform-origin:top}.journey>div.step-reached:after{transform:scaleY(1)}.journey>div:before{position:absolute}}
@media(prefers-reduced-motion:reduce){.journey>div:after{transition:none;transform:none}.journey>div:before{transition:none}}

/* Keep editorial headings and their introductions on the same centre axis. */
.journal-layout > .page-title { width:100%; margin-inline:auto; text-align:center; }
.journal-layout > .page-title h1 { max-width:24ch; margin-inline:auto; text-wrap:balance; }
.journal-layout > .page-title > p { max-width:68ch; margin-inline:auto; text-align:center; text-wrap:balance; }
.journal-layout > .page-title > small { display:block; margin-inline:auto; text-align:center; }
