/* Project Glow B2C film placements. The portrait films stay at their native ratio. */
.glow-film-gallery,
.about-film { font-family: "Schibsted Grotesk", system-ui, sans-serif; }
.glow-film-kicker { margin: 0; text-transform: uppercase; letter-spacing: .18em; font-size: 11px; font-weight: 700; }
.glow-film-gallery h2,
.about-film h2 { font-family: Marbley, Georgia, serif; font-weight: 400; }
.about-film video,
.glow-film-dialog video { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: cover; background: #220b3e; border-radius: 18px; }

.glow-film-gallery { padding: 56px 0 100px; }
.glow-film-gallery-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; max-width: 1152px; margin: 0 auto 30px; }
.glow-film-gallery .glow-film-kicker { color: #7e22ce; }
.glow-film-gallery h2 { margin: 12px 0 0; color: #56089c; font-size: clamp(44px, 5vw, 68px); line-height: 1; }
.glow-film-gallery-heading > p { max-width: 300px; margin: 0 0 5px; color: #4b5563; line-height: 1.55; }
.glow-film-gallery-track { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; max-width: 1152px; margin: 0 auto; }
.glow-film-card { min-width: 0; padding: 0; border: 0; background: none; text-align: left; color: #271338; cursor: pointer; font: inherit; }
.glow-film-card-image { position: relative; display: block; overflow: hidden; aspect-ratio: 9 / 16; border-radius: 22px; background: #382052; }
.glow-film-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 45%; transition: transform .35s ease; }
.glow-film-card:hover img { transform: scale(1.035); }
.glow-film-play { position: absolute; left: 18px; bottom: 18px; display: grid; place-items: center; width: 52px; height: 52px; padding-left: 3px; border-radius: 50%; color: #2c0750; background: #d5f681; box-shadow: 0 8px 22px rgba(0,0,0,.18); font-size: 15px; }
.glow-film-card-meta { display: flex; justify-content: space-between; gap: 8px; margin-top: 16px; color: #6f5682; text-transform: uppercase; letter-spacing: .12em; font-size: 10px; font-weight: 700; }
.glow-film-card strong { display: block; margin-top: 6px; font-family: Marbley, Georgia, serif; font-size: clamp(26px, 2.5vw, 37px); font-weight: 400; line-height: 1.1; }
.glow-film-swipe-hint { display: none; }
.glow-film-card:focus-visible, .glow-film-close:focus-visible { outline: 3px solid #a855f7; outline-offset: 4px; }

.glow-film-dialog { position: fixed; width: min(860px, calc(100vw - 24px)); max-height: calc(100vh - 24px); padding: 0; border: 0; border-radius: 24px; overflow: auto; color: #fff; background: #2c0750; box-shadow: 0 30px 90px rgba(0,0,0,.35); }
.glow-film-dialog::backdrop { background: rgba(24,4,40,.82); }
.glow-film-dialog-inner { position: relative; display: grid; grid-template-columns: minmax(210px, 340px) 1fr; gap: 35px; align-items: center; padding: 28px; }
.glow-film-dialog-media { max-width: 340px; }
.glow-film-dialog h2 { font-family: Marbley, Georgia, serif; font-size: clamp(38px, 5vw, 58px); font-weight: 400; line-height: 1.05; margin: 18px 0; color: #d5f681; }
.glow-film-dialog p:last-child { line-height: 1.6; color: #e8ddf2; }
.glow-film-dialog .glow-film-kicker { color: #d5f681; }
.glow-film-close { position: absolute; right: 18px; top: 16px; z-index: 3; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: #2c0750; color: #fff; font-size: 26px; cursor: pointer; }

.about-film { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, 260px); gap: 34px; align-items: center; padding: 30px; border-radius: 26px; background: #f0e3fa; }
.simple-page .about-film { margin: 54px 0; }
.about-film .glow-film-kicker { color: #6f239f; }
.about-film h2 { margin: 12px 0 14px; color: #56089c; font-size: clamp(32px, 3.2vw, 46px); line-height: 1.08; }
.simple-page .about-film p { margin: 0 0 16px; color: #4c3d57; line-height: 1.6; }
.about-film video { border: 7px solid #fff; border-radius: 21px; box-shadow: 0 18px 38px rgba(65,19,95,.16); }
.simple-page .about-film .about-film-footnote { margin: 14px 0 0; color: #6f5682; font-size: 12px; }

@media (max-width: 850px) {
  .glow-film-gallery-heading { padding: 0 10px; }
}
@media (max-width: 650px) {
  .glow-film-gallery { padding: 44px 0 76px; }
  .glow-film-gallery-heading { display: block; padding: 0 1px; }
  .glow-film-gallery-heading > p { margin-top: 16px; }
  .glow-film-gallery-track { display: flex; overflow-x: auto; gap: 14px; margin: 0 -16px; padding: 0 16px 14px; scroll-snap-type: x mandatory; scrollbar-width: thin; }
  .glow-film-card { flex: 0 0 min(72vw, 290px); scroll-snap-align: start; }
  .glow-film-swipe-hint { display: block; color: #7b668b; font-size: 12px; margin-top: 8px; }
  .glow-film-dialog-inner { display: block; padding: 16px; }
  .glow-film-dialog-media { width: min(100%, 290px); margin: 0 auto; }
  .glow-film-dialog-copy { padding: 16px 8px 0; }
  .glow-film-dialog h2 { margin: 8px 0; }
  .glow-film-dialog p:last-child { margin: 0; font-size: 13px; }
  .about-film { grid-template-columns: 1fr; padding: 24px; }
  .about-film video { width: min(100%, 290px); margin: 0 auto; }
}
@media (prefers-reduced-motion: reduce) { .glow-film-card-image img { transition: none; } }