#cinema[hidden]{display:none}#cinema{position:fixed;inset:0;z-index:100;background:#000;color:white;display:grid;place-items:center;overflow:hidden;animation:cinema-exit 1s 4s forwards}.cinema-brand{text-align:center;position:relative;z-index:2}.cinema-dz{font:italic 900 clamp(100px,23vw,250px)/.85 Arial,sans-serif;letter-spacing:-.07em;padding-right:.09em;color:transparent;background:linear-gradient(165deg,#fff 4%,#6b7276 25%,#fafafa 40%,#373f45 52%,#f4f4ef 70%,#828b91 84%);background-clip:text;filter:drop-shadow(0 0 24px #ffffff12);opacity:0;animation:logo-reveal 1s 1s both}.cinema-name{font:800 clamp(17px,4vw,35px)/1.6 Arial,sans-serif;letter-spacing:.38em;padding-left:.38em;opacity:0;animation:name-reveal .8s 2s both}.cinema-brand p{font-size:clamp(12px,2.4vw,20px);font-weight:700;letter-spacing:.15em;line-height:1.7;margin:38px 20px 0;opacity:0;animation:name-reveal .6s 3s both}.cinema-light{position:absolute;inset:-50%;background:linear-gradient(105deg,transparent 45%,#ffffff05 48%,#fff9 50%,#ffffff06 52%,transparent 55%);transform:translateX(-100%);animation:light-sweep 1.3s 1s both}.cinema-smoke{position:absolute;inset:-30%;background:radial-gradient(ellipse at 30% 70%,#b9c2c033,transparent 34%),radial-gradient(ellipse at 70% 45%,#c1c5c22b,transparent 30%);filter:blur(40px);opacity:0;animation:smoke-rise 2.5s 2s both}#skip-intro,#sound-toggle,#replay-intro{font:700 10px Arial,sans-serif;letter-spacing:1.5px;cursor:pointer}#skip-intro{position:absolute;right:28px;bottom:30px;background:transparent;color:#bbb;border:1px solid #555;padding:14px;z-index:3}#sound-toggle{position:fixed;bottom:22px;left:22px;z-index:101;padding:13px 16px;background:#111e;color:#fff;border:1px solid #ffffff55;border-radius:30px;min-height:44px}#sound-toggle[aria-pressed=true]{border-color:#36b36c}#replay-intro{color:#ddd;background:none;border:0;border-bottom:1px solid #777;padding:14px 0;margin:22px auto 0}.cinema-hero{position:relative;display:grid;place-items:center;min-height:calc(100svh - 118px);height:800px;max-height:1100px;isolation:isolate;overflow:hidden}.cinema-hero .hero-photo{position:absolute;inset:0;max-height:none;z-index:-2}.cinema-hero .hero-photo img{height:100%;object-fit:cover;object-position:center 34%;animation:hero-breathe 18s ease-in-out infinite alternate}.cinema-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0009,#0005,#0008),linear-gradient(0deg,#0b100ee6,transparent 55%);z-index:-1}.cinema-hero .hero-copy{padding:70px 24px 100px;text-align:center;align-items:center;max-width:100%;width:100%}.cinema-hero h1{font-family:Arial,sans-serif;font-size:clamp(48px,9vw,120px);font-weight:900;letter-spacing:-.065em;line-height:.9;margin:24px 0}.cinema-hero h1 span{display:block;letter-spacing:.06em;font-size:.48em;margin-top:15px}.cinema-hero .hero-sub{font-size:clamp(19px,2.4vw,28px);color:#fff;line-height:1.5;margin:20px 0 30px}.cinema-hero .eyebrow{letter-spacing:4px;color:#d6e9d9}.hero-location{position:absolute;bottom:28px;right:30px;text-align:right;font-size:10px;letter-spacing:2px;color:#d4d9d3}.hero-location span{display:block;margin-top:8px}@keyframes logo-reveal{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes name-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes light-sweep{to{transform:translateX(100%)}}@keyframes smoke-rise{0%{opacity:0;transform:translateY(10%)}50%{opacity:.7}100%{opacity:.3;transform:translateY(-8%) scale(1.12)}}@keyframes cinema-exit{to{opacity:0;visibility:hidden;transform:scale(1.035)}}@keyframes hero-breathe{to{transform:scale(1.045)}}@media(max-width:700px){.cinema-hero{height:720px;min-height:calc(100svh - 100px)}.cinema-hero .hero-photo img{object-position:52% center}.hero-location{right:20px;bottom:24px;font-size:8px}#sound-toggle{left:12px;bottom:14px;padding:12px}#skip-intro{right:16px;bottom:18px}.cinema-hero .cta{font-size:10px;padding:19px}}@media(prefers-reduced-motion:reduce){.cinema-hero .hero-photo img{animation:none}#cinema{animation:none}.cinema-dz,.cinema-name,.cinema-brand p{animation:none;opacity:1}.cinema-light,.cinema-smoke{display:none}}
.cinema-hero{grid-template-columns:1fr}.cinema-hero .hero-photo img{object-fit:contain;object-position:center;background:#111310}.cinema-hero .hero-copy{background:linear-gradient(90deg,#0004,transparent,#0004)}

.cinema-emblem{position:relative;width:min(54vh,72vw,480px);margin:auto;opacity:0;animation:logo-reveal 1s 1s both;border-radius:50%;overflow:hidden}.cinema-emblem img{width:100%;height:auto;object-fit:contain}.emblem-shine{position:absolute;inset:-25%;background:linear-gradient(110deg,transparent 30%,#fff0 42%,#fff9 49%,#fff2 52%,transparent 62%);mix-blend-mode:screen;transform:translateX(-120%);animation:light-sweep 1.2s 2s both}.cinema-brand p{margin-top:22px}.cinema-smoke{z-index:3;pointer-events:none}.cinema-brand{z-index:2}@media(prefers-reduced-motion:reduce){.cinema-emblem{animation:none;opacity:1}.emblem-shine{display:none}}

/* Collection slideshow */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.cinema-hero .hero-photo .hero-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s ease;animation:none;transform:scale(1);background:#111310}
.cinema-hero .hero-photo .hero-slide.is-active{opacity:1;animation:hero-breathe 6s ease-out both}
.cinema-hero .hero-copy{align-self:end;padding:32px 24px 66px;background:linear-gradient(0deg,#000d,transparent);position:static}
.cinema-hero .hero-copy .eyebrow{position:absolute;top:28px;left:0;width:100%;font-size:12px;text-shadow:0 2px 12px #000}
.cinema-hero:after{background:linear-gradient(0deg,#0006,transparent 45%)}
.cinema-hero .hero-sub{font-size:clamp(18px,2vw,24px);margin:0 0 20px;text-shadow:0 2px 10px #000}
.cinema-hero .cta{animation:flag-colors 3.6s ease-in-out infinite;border:2px solid transparent;color:#09130d!important}
@keyframes flag-colors{0%,100%{background:#20ba69;box-shadow:0 0 24px #20ba6966}33%{background:#fff;box-shadow:0 0 24px #ffffff66}66%{background:#f05c63;box-shadow:0 0 24px #f05c6366}}
.slideshow-controls{position:absolute;right:24px;bottom:22px;display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:2px;color:#fff}
#slides-toggle{background:#101713cc;border:1px solid #ffffff66;color:#fff;padding:12px;font-size:10px;letter-spacing:1px;cursor:pointer;min-height:44px}
@media(max-width:700px){.cinema-hero .hero-copy{padding-bottom:100px}.cinema-hero .hero-copy .eyebrow{letter-spacing:2px}.slideshow-controls{bottom:16px;right:12px}}
@media(prefers-reduced-motion:reduce){.cinema-hero .hero-photo .hero-slide.is-active{animation:none}.cinema-hero .hero-photo .hero-slide{transition:none}.cinema-hero .cta{animation:none;background:linear-gradient(100deg,#20ba69,#fff,#f05c63)}}
.cinema-hero .hero-photo{height:100%}
.cinema-hero{height:max(580px,calc(100svh - 118px));min-height:0}@media(max-width:700px){.cinema-hero{height:max(580px,calc(100svh - 105px))}}

/* Larger collection link, below the slogan. */
.cinema-hero .hero-copy{padding-bottom:78px}
.cinema-hero .cta{font-size:clamp(16px,1.6vw,21px);padding:24px 34px;min-height:80px;max-width:100%;gap:24px;letter-spacing:1px;line-height:1.35;text-align:center;margin-top:18px}
.cinema-hero .cta span{font-size:30px;flex-shrink:0}
@media(max-width:700px){.cinema-hero .hero-copy{padding:28px 16px 86px}.cinema-hero .cta{font-size:16px;padding:20px 18px;gap:12px;min-height:78px;letter-spacing:.5px}}

/* Keep the collection tagline above the photographs. */
.cinema-hero .hero-copy .eyebrow{top:0;margin:0;height:52px;display:flex;align-items:center;justify-content:center;background:#111310;z-index:2;text-shadow:none;padding:0 12px}.cinema-hero .hero-photo{top:52px;height:calc(100% - 52px)}
