.live-opening{ position:relative; min-height:800px; min-height:100svh; isolation:isolate; scroll-snap-align:start; overflow:hidden; background:var(--scene-colour); }
.live-opening .scene-glow{ position:absolute; inset:0; background:linear-gradient(90deg,#0007,transparent 55%,#0005); z-index:-1; }
.live-opening .scene-photo{ position:absolute; top:0; bottom:0; left:32%; width:48%; margin:0; overflow:hidden; z-index:-1; }
.live-opening .scene-photo img{ width:100%; height:100%; object-fit:cover; object-position:center; }
.live-opening .scene-photo:after{ content:''; position:absolute; inset:0; background:linear-gradient(0deg,#0008,transparent 35%),linear-gradient(90deg,#0002,transparent 45%); }
.live-opening .scene-topline{ position:absolute; top:145px; left:4vw; right:4vw; display:flex; justify-content:space-between; font-size:12px; text-transform:uppercase; letter-spacing:.16em; }
.live-opening .scene-topline > span:last-child{ opacity:.65; }
.live-opening .scene-copy{ position:relative; width:66%; margin-left:9vw; padding-top:clamp(240px,32vh,420px); padding-bottom:200px; pointer-events:none; }
.live-opening .scene-kicker{ font-size:12px; letter-spacing:.2em; text-transform:uppercase; margin:0 0 20px; }
.live-opening .scene-copy h1,.live-opening .scene-copy h2{ font:400 clamp(76px,9.7vw,165px)/.88 var(--serif); letter-spacing:-.05em; margin:0; text-shadow:0 3px 40px #0002; }
.live-opening .scene-copy em{ font-weight:400; }
.live-opening .scene-description{ max-width:270px; font-size:15px; line-height:1.6; margin:28px 0 0; text-shadow:0 1px 12px #000; }
.live-opening .scene-caption{ position:absolute; right:4vw; bottom:160px; width:180px; font-size:13px; line-height:1.6; }
.live-opening .caption-line{ display:block; width:32px; height:1px; background:#fff9ef; }
.live-opening .scene-caption p{ margin:18px 0; }
.live-opening .scene-caption button,.live-opening .scene-caption a{ font:400 13px var(--sans); color:#fff9ef; background:none; border:1px solid #fff8; border-radius:30px; padding:12px 16px; cursor:pointer; text-decoration:none; display:inline-block; }
.live-opening .scene-caption button[aria-pressed=true]{ background:#fff9ef; color:#151515; }
.live-opening .scene-next{ position:absolute; bottom:74px; left:9vw; display:flex; gap:24px; align-items:center; color:inherit; text-decoration:none; font-size:12px; letter-spacing:.04em; }
.live-opening .scene-next > span:last-child{ font-size:24px; }
@media(min-width:1600px){.live-opening .scene-photo{ width:43%;left:35%; }
}
@media(max-width:1000px) and (min-width:768px){.live-opening .scene-caption{ right:5vw;width:135px; }
.live-opening .scene-copy{ margin-left:5vw; }
}
@media(max-width:767px){.live-opening{ min-height:760px; min-height:100svh; }
.live-opening .scene-photo{ inset:0; width:100%; }
.live-opening .scene-photo:after{ background:linear-gradient(0deg,#000e 0%,#0007 32%,transparent 68%,#0004); }
.live-opening .scene-topline{ top:112px; left:22px; right:22px; font-size:10px; }
.live-opening .scene-topline > span:last-child{ display:none; }
.live-opening .scene-copy{ position:absolute; left:22px; bottom:185px; margin:0; width:calc(100% - 55px); padding:0; }
.live-opening .scene-copy h1,.live-opening .scene-copy h2{ font-size:clamp(58px,16vw,94px); line-height:.9; }
.live-opening .scene-kicker{ font-size:10px; margin-bottom:14px; }
.live-opening .scene-description{ font-size:14px; line-height:1.45; max-width:285px; margin-top:18px; }
.live-opening .scene-caption{ left:22px; right:40px; bottom:100px; width:auto; display:flex; gap:14px; align-items:center; justify-content:space-between; font-size:11px; }
.live-opening .caption-line{ display:none; }
.live-opening .scene-caption p{ max-width:160px; margin:0; }
.live-opening .scene-caption button,.live-opening .scene-caption a{ font-size:11px; padding:11px 13px; flex-shrink:0; }
.live-opening .scene-next{ left:22px; bottom:60px; font-size:10px; gap:14px; }
.live-opening .scene-next > span:last-child{ font-size:18px; }
}
@media(max-height:700px) and (min-width:768px){.live-opening{ min-height:720px; }
}

.live-opening{color:#fff9ef;scroll-snap-align:none}.live-opening .scene-copy h1,.live-opening .scene-copy h2{font-family:"Bodoni Moda",Georgia,serif}.live-opening .scene-next{color:#fff9ef}

/* The navigation floats over the photography, as on the live site. */
.journey-header{position:fixed;inset:0 0 auto;min-height:0;padding:26px 4vw;background:linear-gradient(180deg,#101010b0, #10101055 65%,transparent);backdrop-filter:none;border:0;color:#fff9ef}
.journey-header .wordmark{font:400 46px/.9 "Bodoni Moda",Georgia,serif;color:#fff9ef;letter-spacing:-.03em}
.journey-header .wordmark span{display:block;margin-top:13px;font:500 10px/1 var(--sans);letter-spacing:.14em}
.journey-header nav a,.journey-header nav button,.journey-header nav .take-home-nav,.journey-header nav button[data-services-open]{color:#fff9ef}
.journey-header nav .journey-book{background:#fff9ef;color:#161512;padding:14px 22px}
@media(max-width:767px){
 .journey-header{padding:18px 16px;gap:12px;flex-wrap:nowrap;align-items:center}
 .journey-header .wordmark{font-size:34px}.journey-header .wordmark span{display:none}
 .journey-header nav{gap:10px;flex-wrap:wrap}
 .journey-header nav a,.journey-header nav button{font-size:11px}
 .journey-header nav .journey-book{padding:10px 12px}
}