.jab [data-cinematic]{--chapter-count:9;height:calc((var(--chapter-count) + 1)*100svh);background:#15231b}
.jab [data-cinematic] .season-stage{height:100svh;min-height:540px;background:#15231b}
.jab [data-cinematic] .hero-visual{z-index:0}
.jab [data-cinematic] .hero-visual>img{transition:none;object-position:center;transform-origin:54% 58%;backface-visibility:hidden}
.jab [data-cinematic] .hero-visual>img[data-shot="4"]{object-position:57% 55%;transform-origin:54% 60%}
.jab [data-cinematic] .hero-visual>img[data-shot="5"]{object-position:50% 56%;transform-origin:50% 50%}
.jab [data-cinematic] .hero-visual:after{background:linear-gradient(180deg,#05120b55,transparent 28%,transparent 48%,#07110cbb)}
.journey-copy{position:absolute;left:6%;right:6%;bottom:156px;z-index:2;color:#fff;text-shadow:0 2px 18px #05130b77;pointer-events:none}
.journey-copy h1{font:clamp(48px,5.7vw,86px)/1.03 var(--serif);letter-spacing:-.045em;margin:0 0 24px;max-width:820px;transition:opacity .35s}
.journey-copy h1 em{font-weight:400}
.journey-copy .eyebrow{margin:0 0 18px;font-size:.8rem}
.journey-copy [data-chapter-title]{font:clamp(38px,4vw,64px)/1.03 var(--serif);letter-spacing:-.03em;margin:0 0 12px}
.journey-copy [data-chapter-description]{font-size:1rem;max-width:460px;margin:0;text-wrap:balance}
.journey-copy .intro-heading{display:none}
.season-stage[data-chapter="0"] .intro-heading{display:block}
.season-stage[data-chapter="0"] [data-chapter-title]{display:none}
.journey-bottom{position:absolute;left:6%;right:6%;bottom:25px;z-index:3;color:white;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.chapter-nav{display:grid;grid-template-columns:repeat(var(--chapter-count),minmax(0,1fr));gap:8px 12px}
.chapter-nav button{font:500 .875rem 'Segoe UI',Arial,sans-serif;background:none;color:#fff;border:0;border-bottom:2px solid transparent;min-height:44px;cursor:pointer;padding:10px 0;text-shadow:0 1px 7px #000}
.chapter-nav button[aria-pressed="true"]{border-color:white}
.chapter-nav button:hover{color:#e7d5a9}
.journey-tools{display:flex;gap:18px;align-items:center;margin-top:6px}
.journey-tools button,.journey-tools a{font-size:.875rem;color:#fff;background:none;border:0;padding:10px 0;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
.journey-tools button[hidden]{display:none}
.journey-count{font:italic 48px var(--serif);white-space:nowrap;padding-bottom:10px}
.journey-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff25;z-index:4;overflow:hidden}
.journey-progress span{display:block;height:100%;background:#e2d6b5;transform:scaleX(0);transform-origin:left}
.journey-progress:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100%/var(--chapter-count) - 1px),#15231b 0, #15231b calc(100%/var(--chapter-count)));pointer-events:none}
.jab [data-cinematic].quiet{height:auto!important}
.jab [data-cinematic].quiet .season-stage{position:relative!important}
.jab [data-cinematic].quiet .hero-visual>img{transform:none!important}
.jab [data-cinematic] button:focus-visible,.jab [data-cinematic] a:focus-visible{outline:2px solid white;outline-offset:5px}
.source-film{display:inline-block;margin-top:18px;padding:12px 0;min-height:44px;text-decoration:underline;text-underline-offset:6px;font-size:1rem}
@media(max-width:900px){
 .jab [data-cinematic]{height:calc((var(--chapter-count) + 1)*100svh)}
 .jab [data-cinematic] .season-stage{height:calc(100svh - 0px);min-height:620px}
 .jab [data-cinematic] .hero-visual>img{object-position:45% 50%}
 .jab [data-cinematic] .hero-visual>img[data-shot="4"]{object-position:56% 55%}
 .journey-copy{bottom:215px}
 .journey-copy h1{font-size:clamp(44px,7vw,68px)}
 .journey-copy .eyebrow{font-size:.75rem}
 .journey-count{font-size:34px}
 .journey-bottom{bottom:18px;gap:10px}
 .chapter-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px 16px}
}
@media(max-width:560px){
 .jab [data-cinematic] .season-stage{min-height:620px}
 .journey-copy{left:7%;right:7%;bottom:235px}
 .journey-copy h1{font-size:43px;line-height:1.06;max-width:330px}
 .journey-copy [data-chapter-title]{font-size:43px;max-width:290px}
 .journey-copy [data-chapter-description]{font-size:.95rem;max-width:285px}
 .journey-bottom{left:7%;right:7%;display:block}
 .chapter-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
 .chapter-nav button{font-size:.8rem;letter-spacing:-.02em;min-width:0}
 .journey-tools{gap:20px;flex-wrap:wrap;padding-top:5px;max-width:100%}
 .journey-tools button,.journey-tools a{font-size:.8rem}
 .journey-count{display:block;font-size:25px;padding:0 0 4px;margin:0;position:absolute;right:0;bottom:45px;opacity:0;pointer-events:none}
 .jab [data-cinematic] .hero-visual>img{object-position:48% 50%}
 .jab [data-cinematic] .hero-visual>img[data-shot="4"]{object-position:54% 55%}
 .jab [data-cinematic] .hero-visual>img[data-shot="5"]{object-position:50% 55%}
}
@media(max-height:650px) and (min-width:901px){.journey-copy{bottom:150px}.journey-copy h1{font-size:58px}.journey-copy .eyebrow{margin-bottom:10px}}
@media(max-height:600px){.jab [data-cinematic] .season-stage{height:100svh;min-height:0}.journey-copy{bottom:130px}.journey-copy h1,.journey-copy [data-chapter-title]{font-size:32px;margin-bottom:10px}.journey-copy .eyebrow{margin-bottom:8px;font-size:.75rem}.journey-copy [data-chapter-description]{font-size:.875rem}.journey-bottom{bottom:12px}.journey-tools{margin-top:0}.journey-copy h1 br{display:none}}
@media(prefers-reduced-motion:reduce){.jab [data-cinematic]{height:auto!important}.jab [data-cinematic] .season-stage{position:relative!important}.jab [data-cinematic] .hero-visual>img{transform:none!important}.journey-copy h1{transition:none}}
/* Actual film frames share the photograph's crop; no synthetic CSS camera movement. */
.jab [data-cinematic] .hero-visual>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;visibility:hidden;pointer-events:none;z-index:1;transition:opacity .18s ease,visibility 0s .18s}
.jab [data-cinematic] .hero-visual>video.is-current{opacity:1;visibility:visible;transition:opacity .18s ease,visibility 0s}
.jab [data-cinematic] .hero-visual:after{z-index:2;pointer-events:none}
.jab [data-cinematic] .hero-visual>video[data-clip="4"]{object-position:57% 55%}
.jab [data-cinematic] .hero-visual>video[data-clip="5"]{object-position:50% 56%}
.jab [data-cinematic].quiet .hero-visual>video{display:none}
.film-hint{font-size:.75rem;letter-spacing:.035em;margin:0 0 14px;opacity:.86}
.journey-copy .eyebrow{margin-bottom:8px}
.room-film{position:relative;overflow:hidden;background:#1c251e;aspect-ratio:16/9}
.room-film video{display:block;width:100%;height:100%;object-fit:cover}
.room-film video:focus-visible{outline:3px solid #c9ac73;outline-offset:-4px}
.film-start{position:absolute;left:24px;bottom:24px;display:flex;align-items:center;gap:14px;min-height:48px;border:1px solid #ffffff80;background:#17221bdc;color:#fff;padding:12px 20px;font:500 .875rem 'Segoe UI',sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
.film-start:hover{background:#26392bee}.film-start[hidden]{display:none}.film-start>span{font-size:24px;line-height:1}
.film-start:focus-visible{outline:3px solid #fff;outline-offset:4px}
.film-still{display:inline-flex;align-items:center;gap:20px;font-size:.85rem;padding:12px 0;min-height:44px;border-bottom:1px solid #333c2f44}
.film-still:hover{border-color:currentColor}
.jab-details figure:first-child .room-film{aspect-ratio:704/480}
.jab-details figure:last-child .room-film{aspect-ratio:16/9}
.pavilion>.room-film{aspect-ratio:4/3;max-height:850px}
@media(max-width:900px){.jab [data-cinematic] .hero-visual>video{object-position:45% 50%}.jab [data-cinematic] .hero-visual>video[data-clip="4"]{object-position:56% 55%}}
@media(max-width:560px){.jab [data-cinematic] .hero-visual>video{object-position:48% 50%}.jab [data-cinematic] .hero-visual>video[data-clip="4"]{object-position:54% 55%}.jab [data-cinematic] .hero-visual>video[data-clip="5"]{object-position:50% 55%}.film-hint{font-size:.7rem;max-width:280px}.film-start{left:16px;bottom:16px}.jab-details figure:last-child{width:85%}.jab-living .room-film{aspect-ratio:4/3}}
@media(max-height:600px){.film-hint{display:none}}
@media(prefers-reduced-motion:reduce){.jab [data-cinematic] .hero-visual>video{display:none}.film-hint{display:none}}
@media(max-width:900px){.jab .nav{position:absolute;left:0;right:0;top:0;z-index:10}}
@media(max-width:900px){.jab .nav{color:#fff;text-shadow:0 2px 12px #0009}.jab .nav .button{color:var(--ink);text-shadow:none}}
.film-status{position:absolute;right:6%;top:105px;z-index:3;max-width:320px;color:#fff;font-size:.875rem;line-height:1.5;margin:0;padding:10px 15px;background:#13251dde;pointer-events:none}.film-status:empty{display:none}
.journey-tools [data-play]{background:#f2eadc;color:#25372b;padding:11px 16px;text-decoration:none;font-weight:600}.journey-tools [data-play]:hover{background:#fff}.film-start:disabled{cursor:progress}
@media(max-width:560px){.film-status{left:7%;right:7%;top:100px;font-size:.8rem}.journey-tools{gap:8px 18px}.journey-tools [data-play]{padding:10px 12px}}
@media(max-height:600px){.intro-heading em{margin-left:.15em}.film-status{top:90px}}
@media(max-width:900px) and (max-height:600px){.journey-copy{bottom:185px}.journey-copy [data-chapter-title]{font-size:30px}.journey-copy .eyebrow{font-size:.65rem}.chapter-nav{gap:0 5px}.journey-tools{gap:4px 12px}.journey-tools button,.journey-tools a{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.jab [data-cinematic] .hero-visual>video{transition:none}}
@media(max-width:380px){.chapter-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.journey-tools a{display:none}}
@media(max-width:380px) and (max-height:600px){.journey-copy{bottom:215px}.journey-copy h1{font-size:28px}.journey-copy .eyebrow{font-size:.6rem}}
/* Nine chapters, with one direct bedroom scene. */
.journey-bottom>div{min-width:0;flex:1}
.chapter-nav button{white-space:nowrap}
@media(min-width:901px) and (max-width:1150px){
 .chapter-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 12px}
 .journey-copy{bottom:215px}
}
@media(max-width:900px){
 .chapter-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
 .journey-copy{bottom:225px}
 .journey-count{display:none}
}
@media(max-width:600px){
 .chapter-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .journey-bottom{display:block}
 .journey-copy{bottom:270px}
 .journey-tools{gap:8px 18px;flex-wrap:wrap}
 .journey-tools a{display:none}
 .jab [data-cinematic] .hero-visual>img,
 .jab [data-cinematic] .hero-visual>video{object-fit:contain!important;object-position:center 28%!important;background:#15231b}
 .jab [data-cinematic] .hero-visual:after{background:linear-gradient(180deg,#05120b33,transparent 25%,transparent 44%,#07110c77 72%,#07110cbb)}
 .jab-details figure:last-child{width:100%}
}
@media(max-width:600px) and (max-height:650px){
 .journey-copy{bottom:225px}
 .journey-copy .eyebrow,.film-hint{display:none}
 .journey-copy h1,.journey-copy [data-chapter-title]{font-size:26px;line-height:1.08;margin-bottom:6px;max-width:310px}
 .journey-copy [data-chapter-description]{font-size:.8rem}
 .chapter-nav button{font-size:.75rem}
 .journey-bottom{bottom:12px}
 .journey-tools{padding-top:0}
 .jab [data-cinematic] .hero-visual>img,
 .jab [data-cinematic] .hero-visual>video{object-position:center 30%!important}
}