/* A third chapter, sharing the existing pointer/touch proximity system. */
.service-choices{column-gap:10%;row-gap:0}
.service-choices .choice-world{height:280px}
.service-choices .cinematic-world{grid-column:1/-1;justify-self:center;width:45%;height:270px}
.signal-chamber .chamber-logo{top:45%;width:145px;opacity:.22}
.cinematic-world .cluster-photo-a{--x:15%;--y:-89px}
.cinematic-world .cluster-word-a{--x:46%;--y:-69px}
.cinematic-world .cluster-symbol-a{--x:64%;--y:-97px}
.cinematic-world .cluster-word-b{--x:83%;--y:-69px}
.cinematic-world .cluster-symbol-b{--x:15%;--y:77px}
.cinematic-world .cluster-word-c{--x:36%;--y:69px}
.cinematic-world .cluster-photo-b{--x:69%;--y:120px}
.cinematic-world .cluster-symbol-c{--x:87%;--y:75px}
.cinematic-world .cluster-symbol .preview-surface{background:none;border:0;box-shadow:none;color:#e5b7ef;overflow:visible}
.cinematic-world .cluster-symbol svg{width:35px;height:35px;filter:drop-shadow(0 0 10px #cf8aef55)}
.cinematic-view{max-width:1300px;padding-top:45px}
.cinematic-booking-board{display:grid;grid-template-columns:.85fr 1fr;border:1px solid #71597c70;border-radius:32px;overflow:hidden;background:linear-gradient(125deg,#29202e,#17131d);box-shadow:0 30px 100px #0004}
.cinematic-booking-visual{position:relative;min-height:480px;isolation:isolate;background:#17141c}
.cinematic-booking-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:45% center;opacity:.8}
.cinematic-booking-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17131df5,transparent 65%);z-index:0;pointer-events:none}
.cinematic-format-list{position:absolute;left:30px;right:30px;bottom:30px;display:flex;flex-wrap:wrap;gap:8px;z-index:1}
.cinematic-format-list span{font-size:12px;color:#f4e8f9;padding:10px 13px;border:1px solid #ffffff40;border-radius:100px;background:#30273877;backdrop-filter:blur(14px)}
.cinematic-booking-copy{padding:clamp(28px,4vw,55px);align-self:center}
.cinematic-booking-copy h2{font-size:clamp(36px,4vw,55px);line-height:1.08}
.cinematic-booking-copy>p:not(.eyebrow){color:#c9bdcf;font-size:16px;line-height:1.75;margin-top:25px;max-width:43ch}
.cinematic-call-details{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#e1b9ee;font-size:13px;margin-block:26px}
.cinematic-call-details span+span::before{content:'·';margin-right:12px}
.cinematic-booking-copy .primary-button{border-radius:100px;text-decoration:none;min-width:225px}
.cinematic-booking-copy>p.cinematic-booking-note{font-size:12px;line-height:1.6;margin-top:16px;color:#ad9db6;max-width:36ch}
@media(max-width:900px){.cinematic-booking-board{grid-template-columns:.7fr 1fr}.cinematic-format-list{left:20px;right:20px}.cinematic-booking-copy{padding:30px}}
@media(max-width:700px){
  /* Keep every service in the first phone screen, not below two 280px clouds. */
  .choice-view{--mobile-choice-height:clamp(128px,calc((100svh - 260px)/3),170px);padding-top:16px;padding-bottom:20px}
  .choice-view h2{font-size:clamp(28px,8.5vw,34px);line-height:1.08}
  .choice-view .view-intro{font-size:14px;line-height:1.45;margin-top:10px}
  .choice-view .signal-chamber{min-height:0;margin-top:8px}
  .service-choices .choice-world{height:var(--mobile-choice-height)}
  .service-choices .cinematic-world{grid-column:auto;width:100%;height:var(--mobile-choice-height)}
  .choice-view .service-choice{min-height:58px;padding:13px 16px;font-size:26px;line-height:1.2}
  .choice-view .media-cloud .proximity-item{top:calc(50% + var(--y)*.65)}
  .choice-view .cluster-portrait{width:31px;height:44px}
  .choice-view .cluster-wide{width:64px;height:44px}
  .choice-view .cluster-symbol{width:24px;height:24px}
  .choice-view .cluster-symbol img{width:16px;height:16px}
  .choice-view .media-cloud .cluster-symbol .preview-surface{border-radius:8px}
  .choice-view .media-cloud .cluster-word .preview-surface{font-size:12px}
  .choice-view .cluster-media .preview-play{width:17px;height:17px;font-size:7px}
  /* Vertical swipes scroll; taps and horizontal exploration still highlight. */
  .choice-view .signal-chamber[data-touch-ready] .media-cloud{touch-action:pan-y pinch-zoom}
  .signal-chamber .chamber-logo{top:50%;width:120px}
  .cinematic-world .cluster-photo-a{--x:15%;--y:-82px}
  .cinematic-world .cluster-word-a{--x:44%;--y:-62px}
  .cinematic-world .cluster-symbol-a{--x:65%;--y:-91px}
  .cinematic-world .cluster-word-b{--x:83%;--y:-62px}
  .cinematic-world .cluster-symbol-b{--y:67px}
  .cinematic-world .cluster-word-c{--y:63px}
  .cinematic-world .cluster-photo-b{--y:98px}
  .cinematic-world .cluster-symbol-c{--y:70px}
  .cinematic-world .cluster-symbol svg{width:23px;height:23px}
  .cinematic-view{padding-top:25px}
  .cinematic-booking-board{grid-template-columns:1fr;border-radius:25px}
  .cinematic-booking-visual{min-height:200px}
  .cinematic-booking-visual>img{object-position:50% 42%}
  .cinematic-format-list{bottom:18px}
  .cinematic-format-list span{font-size:11px;padding:8px 11px}
  .cinematic-booking-copy{padding:27px 24px 30px}
  .cinematic-booking-copy h2{font-size:35px}
  .cinematic-booking-copy>p:not(.eyebrow){font-size:15px}
  .cinematic-booking-copy>p.cinematic-booking-note{font-size:12px}
}
@media(max-width:700px) and (max-height:700px){
  /* Short phones keep the labels/icons; omit decorative photos to avoid crowding. */
  .choice-view .cluster-media{display:none}
}