/* Version 1 composition, with the chapter navigation and restrained text motion. */
.refined header{position:fixed;z-index:20;padding:22px 4vw;transition:background .3s,color .3s}.refined header.on-paper{background:#f8f5eff5;color:var(--ink);backdrop-filter:blur(12px)}.menu-button{margin-left:auto;color:inherit;background:none;border:0;font-size:.85rem;padding:10px 18px;letter-spacing:.06em}.chapter-rail{position:fixed;z-index:18;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;color:var(--ink)}.chapter-rail a{display:flex;align-items:center;justify-content:end;gap:8px;min-width:40px;min-height:32px}.chapter-rail span{font-size:.65rem;opacity:0;transition:opacity .25s}.chapter-rail i{display:block;width:12px;height:1px;background:currentColor;opacity:.5;transition:width .25s}.chapter-rail a[aria-current] span,.chapter-rail a:hover span,.chapter-rail a:focus-visible span{opacity:1}.chapter-rail a[aria-current] i{width:24px;opacity:1}.chapter-rail.on-film{color:white}.refined .chapter-menu{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;background:var(--paper);color:var(--ink);padding:30px 6vw;border:0;overflow-y:auto}.chapter-menu::backdrop{background:#382d25bb}.menu-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.refined .chapter-menu .menu-close{position:static;color:var(--ink);padding:10px}.menu-body{max-width:1100px;margin:6vh auto 0}.chapter-menu nav{display:flex;flex-direction:column;gap:12px;margin-top:25px}.chapter-menu nav a{font-family:var(--serif);font-size:clamp(2rem,5vh,4rem);line-height:1.2;display:flex;gap:35px;align-items:center}.chapter-menu nav a:hover{text-decoration:none;color:var(--accent)}.chapter-menu nav small{font-family:var(--sans);font-size:.75rem;color:var(--muted)}.menu-foot{margin-top:30px;font-size:.75rem;letter-spacing:.16em}.chapter-menu[open]{animation:chapterOpen .35s ease-out}body:has(.chapter-menu[open]){overflow:hidden}@keyframes chapterOpen{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.refined.scroll-cinema .story-track{height:450svh}.refined.scroll-cinema .intro h2{background:linear-gradient(90deg,var(--ink) var(--reading,100%),#b3a593 var(--reading,100%));background-clip:text;-webkit-background-clip:text;color:transparent}.refined .cinema-panel figcaption,.refined .sunset-caption{will-change:transform,opacity}.refined.scroll-cinema .story-golden img{object-position:57% center}.refined.scroll-cinema .story-golden h3{font-size:clamp(2.5rem,5vw,5.5rem)}.story-golden{margin-top:40px}.story-golden img{width:100%;height:auto}.story-golden h3{font-size:2.2rem}.refined.scroll-cinema .cinema-panel figcaption,.refined.scroll-cinema .sunset-caption{right:9vw}.refined.scroll-cinema .story-party img{object-position:center 58%}
@media(max-width:760px){.refined header{padding:17px 5vw;gap:10px}.refined header .wordmark span{font-size:1rem}.menu-button{font-size:.8rem;padding:10px 5px}.languages{gap:4px}.chapter-rail{display:none}.menu-body{margin-top:4vh}.chapter-menu nav a{font-size:2.2rem}.menu-top>.eyebrow{font-size:.65rem}.refined.scroll-cinema .story-track{height:380svh}.refined.scroll-cinema .story-party .image-button{top:16%;height:62%}.refined.scroll-cinema .story-party img{object-fit:contain;background:#382d25}.refined.scroll-cinema .story-golden h3{font-size:2.5rem}.refined.scroll-cinema .cinema-panel figcaption,.refined.scroll-cinema .sunset-caption{bottom:12vh}.refined.scroll-cinema .cinema-panel .image-hint{top:12px}}
@media(prefers-reduced-motion:reduce){.chapter-menu[open]{animation:none}.chapter-rail i,.chapter-rail span,.refined header{transition:none}}
.refined.scroll-cinema .cinema-panel{background:#382d25}.refined.scroll-cinema .image-hint{top:110px}.chapter-rail.on-film{filter:drop-shadow(0 1px 2px #0008)}@media(max-width:760px){.refined.scroll-cinema .cinema-panel .image-hint{top:95px}.refined.scroll-cinema .story-party .image-hint{top:12px}}
/* Quiet identity; generous image space, measured reading rhythm. */
.refined header{padding-top:16px;padding-bottom:16px}.refined header:not(.on-paper){background:linear-gradient(#21180f88,transparent);color:white;backdrop-filter:none}.refined header .brand-monogram,.refined header.on-paper .brand-monogram{filter:none}.refined .wordmark .brand-monogram{width:30px;height:30px;right:calc(100% + 9px)}.refined header>.wordmark,.refined footer>.wordmark{margin-left:39px}.refined header .wordmark span{font-size:1.15rem;letter-spacing:.15em}.refined header .wordmark small{font-size:.5rem;letter-spacing:.32em;margin-top:4px}.refined .logo-final{padding:10px 15px}.refined .logo-final img{width:108px;height:108px}.refined .logo-final>span{font-size:1.35rem;letter-spacing:.15em}.refined .logo-final>small{font-size:.55rem;letter-spacing:.3em}.refined .duo-art>.eyebrow{font-size:.65rem;margin-top:18px}.refined .reading-track{padding-bottom:42svh}.refined .reading-track .intro{position:sticky;top:78px;padding-top:70px;padding-bottom:70px}.refined .reading-track.reading-static{padding-bottom:0}.refined .reading-static .intro{position:relative;top:auto}.refined .intro-copy span{display:inline;will-change:opacity}.refined .intro>.eyebrow{will-change:transform,opacity}.refined .reading-track h2{line-height:1.12}
@media(max-width:760px){.refined .wordmark .brand-monogram{width:25px;height:25px;right:calc(100% + 7px)}.refined header>.wordmark,.refined footer>.wordmark{margin-left:32px}.refined header .wordmark span{font-size:.9rem}.refined header .wordmark small{font-size:.45rem}.refined .logo-final img{width:88px;height:88px}.refined .logo-final>span{font-size:1.15rem}.refined .reading-track .intro{top:70px;padding-top:45px;padding-bottom:45px}.refined .reading-track{padding-bottom:34svh}.refined .reading-track.reading-static{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.refined .intro-copy span{opacity:1!important}.refined .intro h2{background:none;color:var(--ink)}}
.refined .reading-track,.refined .reading-track.reading-static{padding-bottom:0}
/* Monogram-only brand lockup. */
header>.wordmark,footer>.wordmark,.refined header>.wordmark,.refined footer>.wordmark{margin-left:0;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.wordmark .brand-monogram,.refined .wordmark .brand-monogram{position:static;width:38px;height:38px}.logo-final{gap:0}
@media(max-width:760px){.wordmark .brand-monogram,.refined .wordmark .brand-monogram{width:32px;height:32px}}
/* Supplied horizontal logos: preserve their 3:1 proportions. */
.refined header .wordmark .brand-monogram,.refined footer .wordmark .brand-monogram{width:156px;height:52px;object-fit:contain}.refined .logo-final img{width:210px;height:70px;max-width:100%;object-fit:contain}.refined header{padding-top:10px;padding-bottom:10px}
@media(max-width:760px){.refined header .wordmark .brand-monogram,.refined footer .wordmark .brand-monogram{width:126px;height:42px}.refined .logo-final img{width:180px;height:60px}.refined header{padding-top:10px;padding-bottom:10px}}
/* Keep the reading chapter above the following section and restore edition typography. */
.refined .reading-track{position:relative;z-index:2;background:var(--paper)}
.refined .reading-track .intro{z-index:3;background:var(--paper)}
.refined .intro h2{position:relative;z-index:2;font-size:clamp(3rem,6.5vw,7.5rem);line-height:1.12}
.refined .intro-copy{position:relative;z-index:1;margin-top:42px}
@media(max-width:760px){.refined .intro h2{font-size:2.9rem;line-height:1.14}.refined .intro-copy{margin-top:32px}}
/* Keep title and paragraph in separate, non-overlapping layout rows. */
.refined .reading-track .intro,.refined #intro{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;justify-items:center;row-gap:32px;isolation:isolate}
.refined #intro>.eyebrow{grid-row:1;margin:0;max-width:100%}
.refined #intro>h2{grid-row:2;display:block;width:100%;margin:0;padding:0 0 .12em;line-height:1.18;position:relative;z-index:5;transform:none!important;overflow:visible}
.refined #intro>.intro-copy{grid-row:3;display:block;margin:0;max-width:610px;width:100%;padding:0;background:transparent;position:relative;z-index:1;transform:none!important}
.refined #intro>.intro-copy span{position:static;background:transparent}
@media(max-width:760px){.refined .reading-track .intro,.refined #intro{row-gap:28px}.refined #intro>h2{line-height:1.2}}
/* Portrait and supplied biography. */
.refined .duo-portrait{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:7vw}.refined .duo-portrait .duo-art{margin:0;position:sticky;top:105px}.duo-portrait-image{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.refined .duo-portrait .duo-copy h2{font-size:clamp(2.6rem,4.1vw,4.8rem)}.refined .duo-copy .duo-statement{font-size:1rem;line-height:1.85;margin-top:22px}.duo-statement em{font-style:italic}.refined .duo-copy .duo-signature{font-family:var(--serif);font-size:1.8rem;color:var(--ink);margin-top:28px}
.faq{background:#f1eadf;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7vw;align-items:start}.faq-heading .eyebrow{color:var(--accent);margin-bottom:22px}.faq-heading h2{font-size:clamp(2.7rem,4vw,4.5rem)}.faq-list{border-top:1px solid #cbbcaa}.faq details{border-bottom:1px solid #cbbcaa}.faq summary{position:relative;list-style:none;cursor:pointer;padding:24px 36px 24px 0;font-size:1rem;line-height:1.6;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;top:22px;font-size:1.45rem;font-weight:400}.faq details[open]>summary:after{content:'−'}.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.faq-answer{padding:0 25px 24px 0;color:#675b4e;font-size:.95rem;line-height:1.85}.faq details[open] .faq-answer{animation:faqIn .25s ease-out}@keyframes faqIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:760px){.refined .duo-portrait,.faq{grid-template-columns:1fr;gap:38px}.refined .duo-portrait .duo-art{position:static;max-width:420px;width:100%;margin:0 auto}.refined .duo-portrait .duo-copy h2{font-size:2.9rem}.refined .duo-copy .duo-statement{font-size:1rem}.faq-heading h2{font-size:2.8rem}.faq summary{padding-top:20px;padding-bottom:20px}.faq-answer{padding-right:0}}
@media(prefers-reduced-motion:reduce){.faq details[open] .faq-answer{animation:none}}

.contact-invitation{align-items:start}.contact-next>p{font-size:.95rem;max-width:440px;color:#675345}.contact-primary{display:inline-block;margin-top:28px;text-align:center}.contact-direct{margin-top:38px;padding-top:24px;border-top:1px solid #c5af96}.contact-direct p{font-size:.8rem;margin-bottom:14px}.contact-direct a{display:table;max-width:100%;overflow-wrap:anywhere;font-size:.9rem;margin-top:10px;text-decoration:underline;text-underline-offset:5px}@media(max-width:760px){.contact-invitation{gap:28px}.contact-primary{width:100%}}

/* Mobile touch comfort, keeping the compact visual identity. */
@media(max-width:900px){header .languages{gap:0}header .languages button{min-width:44px;min-height:44px;padding:10px 6px}header .menu-button{min-width:44px;min-height:44px}.chapter-menu .menu-close{min-height:44px}}
@media(max-width:360px){.refined header .wordmark .brand-monogram{width:100px;height:34px}.refined header{gap:6px}}

.lk-editorial{max-width:800px;margin:0 auto;padding:35px 7vw 55px;color:var(--muted)}.lk-editorial p+p{margin-top:1.2em}

/* Mobile group photograph: proportional frame with room for the caption. */
@media(max-width:760px){
.refined.scroll-cinema .story-party .image-button{inset:auto;top:max(90px,12svh);left:4vw;width:92vw;height:min(115vw,calc(100svh - 300px));overflow:hidden}
.refined.scroll-cinema .story-party img{object-fit:cover;object-position:50% 65%;transform:none!important}
.refined.scroll-cinema .story-party .image-hint{top:12px;right:12px;font-size:.62rem}
.refined.scroll-cinema .story-party figcaption{bottom:max(80px,12svh)}
.refined.scroll-cinema .story-party h3{font-size:clamp(2rem,7vw,2.8rem)}
}

/* Full-bleed mobile presentation: no inset frame or empty bands. */
@media(max-width:760px){
.refined.scroll-cinema .story-party .image-button{inset:0;width:100%;height:100%;max-height:none}
.refined.scroll-cinema .story-party img{width:100%;height:100%;object-fit:cover;object-position:50% 65%;transform:none!important}
.refined.scroll-cinema .story-party .image-hint{top:95px;right:7vw}
.refined.scroll-cinema .story-party figcaption{bottom:max(90px,12svh);text-shadow:0 2px 20px #0008}
}