/* Shared film treatment: static grain, softened colour and lifted shadow detail. */
.scene-image{filter:saturate(.86) contrast(.94) brightness(1.04)}
.scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:#17202a;opacity:.075;z-index:2}
.scene::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.return-chapter{--accent:#dfef36}
.return-chapter.rose-fever,.return-chapter.rose-nerve{--accent:#dfef36}
.brand-chapter .chapter-index{color:#dfef36}
.house-bird i{background:currentColor;mask:url(assets/kingfisher-classic-23-mask.png) center/contain no-repeat;filter:none}
.house-mark .scene-image{filter:grayscale(1) contrast(.94) brightness(1.04)}
.return-chapter.rose-thorns .scene-image{filter:saturate(.5) contrast(.94) brightness(1.04)}
.enhanced footer{font-size:11px}
.brand-chapter .caption,.house-story>p:not(.house-signoff){font-family:'Source Serif',Georgia,serif;font-weight:400;letter-spacing:0}
.brand-chapter .chapter-tail .caption{font-size:clamp(20px,1.7vw,25px);line-height:1.5}
.edition,.overline,.scent-premise,.chapter-index,.coming,.origin,.launch-kicker,.story-cue,.fragrance-family,.story-block h3,.note-pyramid dt{font-size:12px}
.brand-name small{font-size:11px;letter-spacing:3px}
.house-signoff{font:500 12px/1.7 'DM Sans',sans-serif;letter-spacing:.08em}
.house-story{position:relative;z-index:3;padding:30px clamp(24px,6vw,110px) 165px;background:linear-gradient(var(--veil),color-mix(in srgb,var(--veil) 92%,transparent));scroll-margin-top:125px}
.house-story>p{max-width:34em;margin:0 0 32px;font-size:clamp(21px,2vw,28px);line-height:1.65;text-wrap:pretty}
.house-story .house-signoff{font-size:12px;margin-top:48px;max-width:60em}
.house-bench{--veil:#091820}
.house-bench .return-intro{align-items:flex-start;justify-content:center}
.house-bench .word{max-width:100%}
.house-bench .caption{font-size:clamp(21px,2vw,28px);line-height:1.6;max-width:31em}
.house-bench .house-exits{margin-top:36px}
.house-foundation{position:absolute;left:0;top:-43px;font-size:11px;line-height:1.5;letter-spacing:.08em}
.chapter:not(.return-chapter){padding-bottom:164px}
.house-story{padding-bottom:200px}
.house-view.reading-view .brand-chapter.reading-current{display:block}
.brand-chapter.return-chapter{--veil:#091820}
.brand-chapter.return-chapter .return-intro{justify-content:flex-start;padding-bottom:180px}
.brand-chapter.return-chapter .reading-content{overflow:clip}
.reading-view footer{background:var(--reading-bg,#091820);isolation:isolate}
.reading-view .house-foundation{width:100%;background:var(--reading-bg,#091820);box-shadow:0 12px 0 12px var(--reading-bg,#091820)}
.house-view{--house-control-clearance:96px}
.house-view{background:var(--reading-bg,#091820)}
/* Keep the reading viewport above the controls, including their bottom gutter. */
.house-view main{clip-path:inset(0 0 var(--house-control-clearance) 0)}
.house-view .house-foundation{display:none}
.house-view footer::before{top:-48px;height:48px;background:linear-gradient(transparent,var(--reading-bg,#091820));opacity:1;pointer-events:none}
.brand-chapter.return-chapter .return-intro,.brand-chapter .house-story{padding-bottom:calc(var(--house-control-clearance,96px) + 56px)}
.house-story .house-signoff{position:static;max-width:100%;margin:40px 0 0;font:500 12px/1.7 'DM Sans',sans-serif;letter-spacing:.08em}
.brand-chapter.return-chapter .caption{font:400 clamp(21px,2vw,28px)/1.6 'Source Serif',Georgia,serif;max-width:32em}
.brand-chapter.return-chapter .house-exits{margin-top:32px}
.house-mark.return-chapter .caption{width:44%;max-width:25em}
.house-mark.return-chapter .house-bird{top:150px;height:54vh;max-height:560px}
.house-selves.return-chapter .scene-image{filter:saturate(.86) contrast(.94) brightness(1.04)}
@media(max-width:650px){
 .edition,.overline,.scent-premise,.chapter-index,.coming,.origin,.story-cue,.fragrance-family,.header-list,.header-links #menu,.launch-final,.launch-legal{font-size:11px}
 .brand-name small{font-size:11px;letter-spacing:2px;margin-top:7px}
 .brand-chapter .chapter-tail .caption{font-size:20px;line-height:1.5}
 .house-bench .return-intro{padding-top:150px;padding-bottom:135px;justify-content:flex-start}
 .house-bench .word{font-size:clamp(62px,21vw,94px)}
 .house-bench .caption,.house-story>p{font-size:21px;line-height:1.6}
 .house-story{padding:24px 24px 155px;scroll-margin-top:120px}
 .house-story .house-signoff{font-size:11px}
 .chapter:not(.return-chapter){padding-bottom:164px}
 .brand-chapter.return-chapter .return-intro{padding-top:150px;padding-bottom:180px}
 .brand-chapter.return-chapter .caption{font-size:21px;line-height:1.6}
 .house-mark.return-chapter .word{font-size:16vw;max-width:42%;margin:0!important}
 .house-mark.return-chapter .house-bird{top:205px;height:240px;max-height:none}
 .house-mark.return-chapter .caption{width:100%;margin-top:180px}
 .house-view{--house-control-clearance:94px}
 .brand-chapter.return-chapter .return-intro,.brand-chapter .house-story{padding-bottom:calc(var(--house-control-clearance,94px) + 56px)}
 .house-story .house-signoff{font-size:11px}
}
@media(max-height:740px) and (min-width:651px){
 .brand-chapter .chapter-tail .caption{font-size:20px;line-height:1.45}
 .house-bench .return-intro{padding-top:125px;padding-bottom:130px}
 .house-bench .caption{font-size:23px;line-height:1.55}
}

/* A readable opening to the four-chapter house story. */
.house-bottle .word{font-size:clamp(64px,8.6vw,136px);line-height:.9}
.house-bottle .house-story .story-list{display:inline-flex;margin:24px 0 12px;min-height:48px;align-items:center;font-family:DM Sans,sans-serif;font-size:14px}
.launch-expectation{font-size:14px;line-height:1.5;margin:20px 0;color:inherit}
@media(max-width:600px){.house-bottle .word{font-size:clamp(42px,12vw,68px)}.house-bottle .house-story .story-list{font-size:12px}}

/* Stable, separate control rows: the visible ticks are small, their targets aren't. */
.enhanced footer{bottom:0;height:96px;padding:0 0 48px;align-items:center}
.enhanced footer::before,.enhanced footer::after{pointer-events:none}
.enhanced footer #motion{justify-self:center;width:auto;padding:0 8px;transform:none!important}
.enhanced footer .steps{bottom:0;height:44px;width:min(100%,432px);gap:0;z-index:2;align-items:stretch}
.enhanced footer .steps button{flex:1 1 0;width:auto;min-width:0;height:44px;min-height:44px;transform:none!important;touch-action:manipulation}
.enhanced footer .steps button::before{pointer-events:none}
.enhanced footer .steps button::after{bottom:44px}
@media(max-width:650px){.enhanced footer{height:94px;padding-bottom:46px}}

.house-story>p:not(.house-signoff),.brand-chapter.return-chapter .caption{font-family:"Source Serif",Georgia,serif;font-weight:400}

/* Direct chapter access and a single, quiet reading rhythm. */
#chapter-index-open{justify-self:start;text-align:left;padding:0;min-height:44px;line-height:1.45}
#chapter-index-open .index-label{display:block;font-size:10px;letter-spacing:.12em;color:#dfef36}
#chapter-index-open #counter{display:block;font-size:10px;letter-spacing:.035em;white-space:nowrap}
#chapter-index{width:min(1000px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:clamp(24px,4vw,52px);border:1px solid #fff4e52b;background:#0b1922;color:#fff4e5;overflow:auto;overscroll-behavior:contain}
#chapter-index:not([open]){display:none}
#chapter-index::backdrop{background:#040b12df;backdrop-filter:blur(8px)}
.index-close{display:block;margin-left:auto;min-height:44px;font-size:12px;letter-spacing:.08em}
.index-kicker{font-size:11px;letter-spacing:.14em;color:#dfef36;margin:20px 0}
#index-heading{font:900 clamp(42px,7vw,84px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em;margin:0 0 36px}
.index-groups{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:32px}
.index-groups h3{font-size:11px;letter-spacing:.12em;font-weight:500;color:#dfef36;margin:0 0 16px}
.index-groups a{display:grid;grid-template-columns:22px 1fr 16px;align-items:center;gap:8px;min-height:48px;padding:10px 0;border-bottom:1px solid #fff4e526;text-decoration:none;font-size:14px;line-height:1.4;transition:color .22s ease,border-color .22s ease}
.index-groups a span{font-size:10px;opacity:.65}
.index-groups a b{font-weight:400}
.index-groups a:hover,.index-groups a[aria-current]{color:#dfef36;border-color:#dfef3699}
.index-groups a[aria-current] span{opacity:1}
.return-chapter .caption{text-shadow:0 2px 16px #0008}
.reading-content{background:linear-gradient(90deg,#071019b3, #07101924 90%)}
.fragrance-story,.house-story{background:linear-gradient(var(--veil),var(--reading-bg,var(--veil)))}
.story-block p,.note-pyramid dd{line-height:1.65}
.house-story>p:not(.house-signoff){max-width:32em}
.story-list,.house-exits a,.scent-next,.header-list{transition:color .22s ease,border-color .22s ease}
.story-list:hover,.house-exits a:hover,.scent-next:hover,.header-list:hover{color:#dfef36}
body.house-view:not(.paused) .brand-bird{animation:house-arrival .85s cubic-bezier(.2,.7,.2,1) both}
@keyframes house-arrival{0%{transform:translateY(4px) rotate(-8deg);opacity:.35}65%{transform:translateY(-2px) rotate(2deg);opacity:1}100%{transform:none;opacity:1}}
@media(max-width:650px){.index-groups{grid-template-columns:1fr;gap:28px}#chapter-index{padding:24px}#index-heading{margin-bottom:28px}.index-groups a{font-size:15px;min-height:48px}.reading-content{background:linear-gradient(90deg,#07101999,#07101933)}}
@media(prefers-reduced-motion:reduce){body.house-view .brand-bird{animation:none}.index-groups a,.story-list,.house-exits a,.scent-next,.header-list{transition:none}}

#chapter-index .index-close{position:sticky;top:0;z-index:3;background:#0b1922;padding:0 8px}
