/* Connected story study: the same object travels through three compositions. */
.ritual-bridge{position:relative;background:var(--cream);color:var(--red)}
.story-sequence{padding:0;height:auto;background:var(--cream);position:relative;scroll-margin-top:0}
.story-scene{position:relative;overflow:hidden;isolation:isolate;padding:100px var(--pad) 60px}
.story-colour,.story-cream,.story-orbit,.story-running-type,.story-meta,.story-foot{display:none}
.ritual-beat{position:relative;padding:45px 0;max-width:700px}
.ritual-beat h2{font:400 clamp(48px,6.5vw,105px)/.98 var(--serif);letter-spacing:-.06em;margin:25px 0}
.ritual-beat h2 em{color:var(--copper)}
.ritual-beat>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:340px}
.ritual-beat .pill-link{margin-top:28px}
.ritual-traveler{display:none}
.motion-ready:not(.reduced-motion) .story-sequence{height:290svh}
.motion-ready:not(.reduced-motion) .story-scene{position:sticky;top:0;height:100svh;min-height:620px;padding:0}
.motion-ready:not(.reduced-motion) .ritual-beat{position:absolute;left:var(--pad);top:29%;width:47%;max-width:none;padding:0;will-change:transform,opacity}
.motion-ready:not(.reduced-motion) .beat-belong{left:54%;width:42%;top:28%;color:var(--cream);opacity:0;visibility:hidden}
.motion-ready:not(.reduced-motion) .beat-belong h2{font-size:clamp(48px,5.8vw,88px)}
.motion-ready:not(.reduced-motion) .beat-belong h2 em{color:#e5ba99}
.motion-ready:not(.reduced-motion) .beat-choose{opacity:0;visibility:hidden}
.motion-ready:not(.reduced-motion) .story-meta,.motion-ready:not(.reduced-motion) .story-foot{position:absolute;display:flex;left:var(--pad);right:var(--pad);justify-content:space-between;align-items:center;z-index:6;color:var(--story-ink,var(--red))}
.story-meta{top:125px;border-top:1px solid currentColor;padding-top:16px;opacity:.8}
.story-foot{bottom:32px;font-size:9px;letter-spacing:.09em}
.story-foot a{padding:10px 0;border-bottom:1px solid currentColor}
.story-ticks{display:flex;gap:7px}
.story-ticks i{width:25px;height:2px;background:currentColor;opacity:.25;transition:opacity .3s,width .5s}
.story-ticks i.active{opacity:1;width:55px}
.motion-ready:not(.reduced-motion) .story-colour{display:block;position:absolute;inset:0;z-index:-2;pointer-events:none;will-change:opacity;background:var(--red);opacity:0}
.story-cream{display:none}
.motion-ready:not(.reduced-motion) .story-running-type{display:block;position:absolute;left:-5%;bottom:0;white-space:nowrap;font:italic 25vw/.9 var(--serif);letter-spacing:-.065em;color:var(--story-ink,var(--red));opacity:.08;z-index:-1;will-change:transform}
.motion-ready:not(.reduced-motion) .story-orbit{display:block;position:absolute;left:48%;top:19%;width:53vw;height:53vw;max-height:75vh;border:1px solid var(--story-ink,var(--copper));border-radius:50%;opacity:.22;transform:rotate(-28deg) scaleY(.72);z-index:-1}
.story-orbit:after{content:'';position:absolute;inset:25px;border:1px solid currentColor;border-radius:50%}
.motion-ready:not(.reduced-motion) .ritual-traveler{display:block;position:fixed;left:0;top:0;width:600px;height:500px;z-index:5;pointer-events:none;opacity:0;visibility:hidden;will-change:transform}
.ritual-traveler img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(12px 32px 22px #301a1725)}
.travel-iced{opacity:0}
.ritual-bridge .home-discovery{position:relative;scroll-margin-top:95px}
.ritual-bridge .home-discovery .cup-cutout.active{opacity:var(--landed,1)}
.ritual-bridge .home-discovery.is-landing .cup-cutout.active{transition:transform 1s var(--ease)}
.ritual-bridge .home-discovery .discovery-top{border-top:1px solid #962a2933;padding-top:25px}
.home-page.story-dark .site-header{color:var(--cream);background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:transparent}
.home-page.story-dark .site-header .brand img{filter:brightness(0) invert(93%) sepia(9%) saturate(367%) hue-rotate(344deg)!important}
@media(max-width:700px){
 .motion-ready:not(.reduced-motion) .story-sequence{height:270svh}
 .motion-ready:not(.reduced-motion) .story-scene{min-height:600px}
 .motion-ready:not(.reduced-motion) .ritual-beat,.motion-ready:not(.reduced-motion) .beat-belong{left:22px;right:22px;top:23%;width:auto}
 .ritual-beat h2,.motion-ready:not(.reduced-motion) .beat-belong h2{font-size:13.6vw;margin:18px 0 16px;line-height:1.01}
 .ritual-beat>p:not(.eyebrow){font-size:11px;max-width:310px;line-height:1.75}
 .ritual-beat>.eyebrow{font-size:8px}
 .ritual-beat .pill-link{margin-top:16px;padding:9px 17px;font-size:10px;gap:35px}
 .story-meta{top:100px;padding-top:12px}.story-meta .eyebrow{font-size:8px}.story-meta>span:last-child{display:none}
 .story-foot{bottom:22px;font-size:8px}.story-ticks{display:none}
 .motion-ready:not(.reduced-motion) .story-running-type{font-size:38vw;bottom:14%}
 .motion-ready:not(.reduced-motion) .story-orbit{left:5%;top:53%;width:90vw;height:90vw}
 .story-scene{padding:60px 22px}.ritual-beat{padding:25px 0}
 .ritual-bridge .discovery-top,.ritual-bridge .discovery-copy>h2{position:relative;z-index:6;background:var(--cream)}
}
@media(min-width:701px) and (orientation:portrait){
 .motion-ready:not(.reduced-motion) .ritual-beat,.motion-ready:not(.reduced-motion) .beat-belong{top:22%;left:var(--pad);width:80%}
 .ritual-beat h2,.motion-ready:not(.reduced-motion) .beat-belong h2{font-size:9vw}
 .motion-ready:not(.reduced-motion) .story-orbit{left:18%;top:48%;width:75vw;height:65vw}
}
@media(max-width:380px){.motion-ready:not(.reduced-motion) .beat-belong h2{font-size:12.3vw}}
@media(max-height:599px){
 .motion-ready:not(.reduced-motion) .story-sequence{height:auto}
 .motion-ready:not(.reduced-motion) .story-scene{position:relative;height:auto;min-height:0;padding:80px var(--pad)}
 .motion-ready:not(.reduced-motion) .ritual-beat,.motion-ready:not(.reduced-motion) .beat-belong{position:relative;left:auto;top:auto;width:100%;padding:25px 0;color:var(--red)}
 .motion-ready:not(.reduced-motion) .beat-belong h2 em{color:var(--copper)}
 .motion-ready:not(.reduced-motion) .story-meta,.motion-ready:not(.reduced-motion) .story-foot,.motion-ready:not(.reduced-motion) .story-colour,.motion-ready:not(.reduced-motion) .story-cream,.motion-ready:not(.reduced-motion) .story-orbit,.motion-ready:not(.reduced-motion) .story-running-type,.motion-ready:not(.reduced-motion) .ritual-traveler{display:none}
}