.atelier-film{margin:0;padding:76px 6vw 66px;background:var(--paper);border-bottom:1px solid var(--line)}
.atelier-film__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 auto 30px;max-width:1400px}
.atelier-film .eyebrow{color:var(--oxide);margin:0 0 15px}
.atelier-film h2{font:400 clamp(2.3rem,4vw,4.2rem)/1.08 var(--serif);letter-spacing:-.035em;margin:0;color:var(--ink)}
.atelier-film__location{font-size:.72rem;line-height:1.7;text-transform:uppercase;letter-spacing:.1em;text-align:right;margin:0 0 5px;color:var(--ink-soft)}
.atelier-film__location span{display:block;color:var(--oxide);font-weight:600}
.atelier-film__screen{position:relative;aspect-ratio:16/9;overflow:hidden;max-width:1400px;margin:auto;background:var(--ivory);border:1px solid var(--line);box-shadow:0 20px 45px -35px #1c211f66;isolation:isolate}
.atelier-film__poster,.atelier-film__poster img,.atelier-film__video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.atelier-film__poster{z-index:1;pointer-events:none;transition:opacity .55s ease}
.atelier-film__video{pointer-events:none}
.atelier-film__screen.is-playing .atelier-film__poster{opacity:0}
.atelier-film__caption{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1400px;margin:24px auto 0}
.atelier-film__caption p{font-size:.9rem;line-height:1.7;color:var(--ink-soft);margin:0}
.atelier-film__link{flex-shrink:0;display:inline-flex;align-items:center;gap:22px;padding:10px 0;font-size:.8rem;font-weight:500;text-decoration:none;border-bottom:1px solid var(--ink);color:var(--ink)}
.atelier-film__link span{font-size:1.2rem;transition:transform .25s ease}
.atelier-film__link:hover span{transform:translate(3px,-3px)}
.atelier-film__link:focus-visible{outline:2px solid var(--oxide);outline-offset:6px}
@media(prefers-reduced-motion:no-preference){
  .atelier-film.is-revealed .atelier-film__heading{animation:atelier-film-arrive .85s ease both}
  .atelier-film.is-revealed .atelier-film__screen{animation:atelier-film-arrive 1.05s .08s ease both}
  .atelier-film.is-revealed .atelier-film__caption{animation:atelier-film-arrive .85s .2s ease both}
  @keyframes atelier-film-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:700px){
  .atelier-film{padding:43px 22px 38px}
  .atelier-film__heading{display:block;margin-bottom:23px}
  .atelier-film h2{font-size:clamp(2rem,8vw,3rem)}
  .atelier-film__location{text-align:left;margin:16px 0 0;font-size:.64rem;letter-spacing:.08em}
  .atelier-film__location span{display:inline;margin-right:12px}
  .atelier-film__screen{aspect-ratio:4/5}
  .atelier-film__caption{display:block;margin-top:19px}
  .atelier-film__caption p{font-size:.82rem}
  .atelier-film__link{margin-top:13px}
}
@media(prefers-reduced-motion:reduce){.atelier-film *{animation:none!important;transition:none!important}}