.cinema{height:440vh;position:relative;background:#fff}.cinema-pin{height:100svh;position:sticky;top:0;overflow:hidden;background:#fff}.cinema video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(255,255,255,.2) 45%,transparent 70%);pointer-events:none}.cinema-top,.cinema-bottom{position:absolute;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;letter-spacing:.13em}.cinema-top{top:34px}.cinema-top a{letter-spacing:0;border-bottom:1px solid #779581;padding-bottom:7px;font-size:14px}.cinema-bottom{bottom:32px;font-size:11px}.cinema-track{height:1px;background:#dce4dc;flex:1;max-width:360px}.cinema-track i{display:block;height:2px;width:100%;background:#527d62;transform-origin:left;transform:scaleX(0)}.cinema-copies{position:absolute;inset:0;pointer-events:none}.cinema-copy{position:absolute;top:19%;left:6%;right:6%;opacity:0;visibility:hidden;max-width:780px;will-change:transform,opacity}.cinema-copy:first-child{opacity:1;visibility:visible}.cinema-copy h1,.cinema-copy h2{font-size:clamp(36px,4.4vw,76px);font-weight:650;letter-spacing:-.065em;line-height:1.14;margin:24px 0}.cinema-copy em{font-style:normal;color:#548060}.cinema-copy>p:last-of-type{font-size:clamp(15px,1.2vw,19px);line-height:1.8;color:#61756a}.cinema-cta{display:inline-block;margin-top:14px;background:#153d30;color:white;border-radius:40px;padding:17px 26px;font-size:15px;pointer-events:auto}.cinema .eyebrow{font-size:11px;letter-spacing:.17em}.cinema.static{height:100svh}.cinema.static .cinema-pin{position:relative}@media(max-width:760px){.cinema{height:360vh}.cinema video{object-fit:contain;object-position:center 78%;height:100%;width:145%;left:-23%}.cinema-shade{background:linear-gradient(#fff 3%,rgba(255,255,255,.7) 35%,transparent 58%)}.cinema-copy{top:16%;left:7%;right:7%}.cinema-copy h1,.cinema-copy h2{font-size:clamp(31px,7.8vw,46px)}.cinema-top{left:7%;right:7%;font-size:9px;gap:8px}.cinema-top a{font-size:12px}.cinema-bottom{left:7%;right:7%;font-size:9px;letter-spacing:0;gap:12px}.cinema-track{max-width:80px}.cinema-copy>p:last-of-type{font-size:14px}.cinema-cta{font-size:13px;padding:13px 20px}}@media(prefers-reduced-motion:reduce){.cinema{height:100svh}.cinema-pin{position:relative}}
.cinema-shade{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.65) 32%,transparent 64%)}@media(max-width:760px){.cinema-shade{background:linear-gradient(#fff 3%,rgba(255,255,255,.94) 34%,transparent 62%)}}

.cinema{width:100%;background:#fff}.cinema-pin{top:72px;height:calc(100svh - 72px)}.cinema-copy{max-width:1100px}.cinema-copy h1,.cinema-copy h2{font-family:"Pretendard Variable",Pretendard,sans-serif;letter-spacing:-.065em;font-weight:650;line-height:1.14}.cinema-copy>p:last-of-type{margin-top:24px}.cinema-top a{font-weight:550}.cinema-cta{margin-top:24px}.cinema .eyebrow{font-weight:650;margin:0 0 24px}.cinema-copy h1,.cinema-copy h2{font-size:clamp(36px,4.8vw,80px)}@media(max-width:760px){.cinema-copy h1,.cinema-copy h2{font-size:clamp(28px,7.5vw,46px)}.cinema-pin{top:65px;height:calc(100svh - 65px)}}

.cinema-top{top:24px}.cinema-copy{top:22%}

/* Mobile layout: keep the artwork inside the viewport, below the copy. */
.cinema{--hero-header:72px}
.cinema-pin{top:var(--hero-header);height:calc(100svh - var(--hero-header))}
.cinema video{max-width:none}
.cinema-copy h1,.cinema-copy h2{word-break:keep-all;overflow-wrap:normal}
@media(max-width:760px){
  .cinema{height:360svh}
  .cinema-pin{min-height:480px}
  .cinema-top{top:22px;left:6%;right:6%;font-size:8px;letter-spacing:.09em}
  .cinema-top a{font-size:11px;white-space:nowrap}
  .cinema-copy{top:88px;left:7%;right:7%;max-width:none}
  .cinema .eyebrow{font-size:9px;letter-spacing:.12em;margin:0 0 18px}
  .cinema-copy h1,.cinema-copy h2{font-size:clamp(28px,8.2vw,39px);line-height:1.2;margin:0 0 20px}
  .cinema-copy>p:last-of-type{font-size:13px;line-height:1.7;margin-top:0}
  .cinema video{left:0;top:auto;bottom:48px;width:100%;height:52%;object-fit:cover;object-position:center}
  .cinema-shade{background:linear-gradient(to bottom,#fff 0%,#fff 32%,rgba(255,255,255,.65) 43%,transparent 56%)}
  .cinema-bottom{bottom:20px;left:7%;right:7%;font-size:9px;gap:10px}
  .cinema-track{max-width:60px;min-width:20px}
  .cinema-cta{font-size:12px;padding:11px 17px;margin-top:14px}
}
@media(max-width:760px) and (max-height:700px){
  .cinema-copy{top:68px}
  .cinema .eyebrow{margin-bottom:12px;font-size:8px}
  .cinema-copy h1,.cinema-copy h2{font-size:clamp(27px,7.5vw,34px);margin-bottom:12px}
  .cinema-copy>p:last-of-type{font-size:12px}
  .cinema video{height:46%}
}
@media(orientation:landscape) and (max-height:500px){
  .cinema-pin{min-height:300px}
  .cinema-copy{top:65px;left:5%;max-width:65%}
  .cinema .eyebrow{margin-bottom:10px;font-size:8px}
  .cinema-copy h1,.cinema-copy h2{font-size:28px;margin:0 0 10px}
  .cinema-copy>p:last-of-type{font-size:12px;margin-top:0}
  .cinema video{inset:0;width:100%;height:100%;object-fit:cover}
  .cinema-shade{background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.6) 45%,transparent 75%)}
  .cinema-cta{margin-top:8px;padding:8px 16px;font-size:12px}
  .cinema-bottom{bottom:12px}
}
@media(prefers-reduced-motion:reduce){.cinema{height:auto}.cinema-pin{position:relative;top:0}}