.cinema{height:100svh;min-height:650px}.cinema-content{padding-bottom:24vh}.cinema h1{font-size:32px}.cinema-bottom{justify-content:flex-start}.cinema-link{font-size:13px;margin-top:16px;gap:30px;border-color:#ffffff55}.cinema-index{justify-content:center;border-top:0;bottom:7vh;gap:30px}.cinema-index>a{position:absolute;top:70px;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap;font-size:10px}.hero-controls{gap:20px}.hero-controls button{border:0;background:transparent}.hero-controls button:hover{background:#ffffff18}.immersive-home #selected{padding:110px 0 100px;max-width:1400px;width:88%}.immersive-home #selected .section-top{justify-content:center;text-align:center;display:block;margin-bottom:60px}.immersive-home #selected .section-top h2{font-size:38px;margin-top:16px}.immersive-home #selected .section-top>.text-link{display:none}.immersive-home #selected .work-grid{gap:30px}.portfolio-all{margin-top:50px}.portfolio-all .text-link{border-radius:0;min-width:210px;justify-content:center;padding:18px 30px}.immersive-home .rch-footer{border-top:1px solid #343a42}@media(max-width:600px){.cinema{min-height:650px}.cinema-content{padding-bottom:28vh}.cinema h1{font-size:23px}.cinema-index{bottom:10vh;gap:10px}.cinema-index #hero-spec{font-size:9px}.hero-controls{gap:8px}.cinema-index>a{top:60px}.immersive-home #selected{padding:65px 0;width:90%}.immersive-home #selected .section-top{margin-bottom:35px}.immersive-home #selected .section-top h2{font-size:30px}.immersive-home #selected .work-grid{gap:22px}}
.folder-download{display:inline-flex;border:1px solid #65717d;padding:16px 28px;margin-top:25px;font-size:14px}.folder-download:hover{background:#253041}
/* Slightly larger two-line hero slogan. */
.cinema h1{font-size:38px;line-height:1.3}
@media(max-width:600px){.cinema h1{font-size:27px}}

/* Five equal slide progress bars, fixed to the hero bottom. */
.cinema-index{bottom:48px;display:grid;grid-template-columns:1fr auto;gap:16px 30px;align-items:center}.hero-progress{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;width:100%}.hero-progress-item{appearance:none;border:0;border-radius:0;background:transparent;color:#ffffff80;min-width:0;text-align:left;padding:12px 0;cursor:pointer}.hero-progress-track{display:block;height:2px;background:#ffffff40;overflow:hidden}.hero-progress-fill{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.hero-progress-number{display:block;margin-top:10px;font-size:13px;font-weight:550}.hero-progress-item[aria-current="true"]{color:#fff}.hero-progress-item:focus-visible{outline:2px solid #fff;outline-offset:5px}.hero-progress-item:hover .hero-progress-track{background:#ffffff80}.cinema-index .hero-controls{grid-row:2;grid-column:2;gap:8px}.cinema-index #hero-spec{grid-row:2;grid-column:1}.cinema-index>a{display:none}.cinema-content{padding-bottom:25vh}@media(max-width:600px){.cinema-index{bottom:26px;gap:8px 16px}.hero-progress{gap:10px}.hero-progress-number{font-size:11px}.cinema-index .hero-controls{gap:4px}.cinema{min-height:580px}}

/* Original hero typography, with a modest size increase only. */
.cinema h1{font-size:46px}
@media(max-width:600px){.cinema h1{font-size:clamp(28px,8vw,31px)}}

/* Installation information below the hero project name. */
.cinema .cinema-link{display:inline-block;border:0;padding:0;margin:16px 0 13px;font-size:18px;line-height:1.5}
.hero-project-specs{display:flex;flex-wrap:wrap;gap:12px 30px;margin:0;color:#fff}
.hero-project-specs>div{display:flex;flex-direction:column;gap:6px}
.hero-project-specs dt{font-size:11px;color:#c2c9d1;letter-spacing:.02em}
.hero-project-specs dd{font-size:14px;line-height:1.5;margin:0;font-weight:450;letter-spacing:0}
.cinema-index{grid-template-columns:1fr}
@media(max-width:600px){.cinema .cinema-link{font-size:16px;margin-bottom:12px}.hero-project-specs{gap:10px 18px}.hero-project-specs dt{font-size:10px}.hero-project-specs dd{font-size:12px}.cinema-content{padding-bottom:22vh}}

/* Two-line service message beneath the main slogan. */
.cinema h1{margin-bottom:18px}
.cinema .hero-service-copy{font-size:24px;font-weight:500;line-height:1.5;letter-spacing:-.035em;color:#fff;margin:0 0 24px;word-break:keep-all}
.cinema-content{padding-bottom:180px;padding-top:130px}
@media(max-width:850px){.cinema .hero-service-copy{font-size:22px}}
@media(max-width:600px){.cinema .hero-service-copy{font-size:clamp(15px,4vw,18px);line-height:1.55;margin-bottom:20px}.cinema h1{margin-bottom:14px}.cinema-content{padding-top:110px;padding-bottom:140px}.cinema{min-height:650px}}

/* Align the hero project caption to the right edge. */
.cinema .cinema-bottom{width:100%;justify-content:flex-end;align-items:flex-end}
.cinema .hero-project-info{margin-left:auto;text-align:right;max-width:100%}
.cinema .hero-project-specs{justify-content:flex-end;text-align:right}

/* Keep every specification aligned with the right-aligned project name. */
.cinema .hero-project-specs{width:max-content;max-width:100%;margin-left:auto;margin-right:0;justify-content:flex-end}
.cinema .hero-project-specs>div{align-items:flex-end;text-align:right}
.cinema .hero-project-specs dt,.cinema .hero-project-specs dd{text-align:right}

/* Lower the slogan and service message without moving the project caption. */
.cinema h1,.cinema .hero-service-copy{position:relative;top:44px}
@media(max-width:600px){.cinema h1,.cinema .hero-service-copy{top:28px}}

/* Add breathing room between the headline and supporting message. */
.cinema h1{margin-bottom:28px}
.cinema .hero-service-copy{margin-bottom:14px}
@media(max-width:600px){.cinema h1{margin-bottom:22px}.cinema .hero-service-copy{margin-bottom:12px}}

/* Wider message spacing and left-aligned specification text in the right caption. */
.cinema h1{margin-bottom:38px}
.cinema .hero-service-copy{margin-bottom:4px}
.cinema .hero-project-specs{text-align:left}
.cinema .hero-project-specs>div{align-items:flex-start;text-align:left}
.cinema .hero-project-specs dt,.cinema .hero-project-specs dd{text-align:left}
@media(max-width:600px){.cinema h1{margin-bottom:28px}.cinema .hero-service-copy{margin-bottom:6px}}

/* Slightly larger hero project name. */
.cinema .cinema-link{font-size:22px}
@media(max-width:600px){.cinema .cinema-link{font-size:19px}}

/* Modest headline size increase. */
.cinema h1{font-size:50px}
@media(max-width:600px){.cinema h1{font-size:clamp(29px,8.5vw,33px)}}

/* Align project name with the specifications within the right-side caption. */
.cinema .hero-project-info{width:max-content;max-width:100%;margin-left:auto;text-align:left}
.cinema .hero-project-specs{margin-left:0;margin-right:0;justify-content:flex-start}
.cinema .cinema-link{text-align:left}

/* Slightly more open line spacing for the headline and service message. */
.cinema h1{line-height:1.42}
.cinema .hero-service-copy{line-height:1.7}

/* Original-resolution video: preserve the full frame. */
.cinema .cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;z-index:-2;pointer-events:none}.cinema .cinema-video[hidden]{display:none}

/* Keep the complete LED and award photographs visible. */
.cinema.photo-sequence .cinema-image{object-fit:contain;background:#000;transform:none;transition:none}

.cinema .cinema-fade-layer{pointer-events:none;will-change:opacity}

/* Keep the hero progress close to the bottom edge. */
.cinema-index{bottom:max(40px,env(safe-area-inset-bottom));gap:0}.hero-progress-item{padding:12px 0}.hero-progress-number{display:none}