/* Vector icons are independent of the operating system's emoji font. */
.ui-icon{display:inline-block;width:21px;height:21px;vertical-align:middle;flex-shrink:0;pointer-events:none}
.brand-spark{display:block;width:1em;height:1em;flex-shrink:0}
.intro-symbol{width:66px;height:66px}.intro-symbol .brand-spark{width:100%;height:100%}
.marquee span{display:inline-flex;align-items:center;vertical-align:middle}.marquee .brand-spark{width:27px;height:27px}
.live-dot{display:grid;place-items:center;min-height:24px}.live-dot i{display:block;width:6px;height:6px;background:#7c8a5d;border-radius:50%}
.film-nav{white-space:nowrap}.film-page .film-nav{color:var(--pink)}
.film-teaser{padding:0 var(--gutter) 95px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.film-teaser-image{position:relative;display:block;aspect-ratio:1.25;overflow:hidden;border-radius:20px;background:#f1e6e3}.film-teaser-image>img{width:100%;height:100%;object-fit:cover;object-position:center 57%;transition:transform .6s}.film-teaser-image:hover>img{transform:scale(1.035)}
.film-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:66px;height:66px;display:grid;place-items:center;background:var(--wine);border:1px solid #fff8;border-radius:50%;color:var(--cream);box-shadow:0 10px 30px #491b3333}.film-play svg{width:26px;height:26px;margin-left:2px}.film-duration{position:absolute;bottom:20px;left:22px;font-size:8px;font-weight:800;letter-spacing:.15em;color:var(--wine);background:#fffcf7d9;padding:8px 11px;border-radius:5px}
.film-teaser h2{font-size:clamp(38px,4.2vw,66px);margin:22px 0}.film-teaser p{font-size:13px;color:var(--muted);max-width:390px;margin-bottom:25px}.film-teaser .button{border-radius:10px;padding:13px 18px;gap:28px}
.film-intro{padding:55px var(--gutter) 45px;background:var(--cream)}.film-back{font-size:10px;color:var(--muted);display:inline-block;border-bottom:1px solid var(--line);padding-bottom:5px;margin-bottom:38px}.film-intro h1{font-size:clamp(64px,8.6vw,132px);line-height:.98;letter-spacing:-.075em;margin:22px 0;font-weight:800}.film-intro h1 em{color:#a5677f}.film-intro>p{font-size:15px;color:var(--muted)}
.film-experience{padding:0 var(--gutter) 100px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:6%;align-items:center;scroll-margin-top:105px}.film-player{border-radius:20px;overflow:hidden;position:relative;background:#f1e6e3;box-shadow:0 20px 60px #491b3310}.film-player video{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}.film-player-label{position:absolute;left:0;right:0;top:0;pointer-events:none;padding:21px;display:flex;justify-content:space-between;gap:12px;font-size:8px;font-weight:800;letter-spacing:.14em;color:var(--wine)}
.film-story h2{font-size:clamp(36px,3.8vw,58px);margin:20px 0}.film-story>p{font-size:12px;line-height:1.85;color:var(--muted)}.film-chapters{list-style:none;margin:25px 0 18px;padding:0;border-top:1px solid var(--line)}.film-chapters li{border-bottom:1px solid var(--line)}.film-chapters button{display:flex;align-items:center;gap:15px;text-align:left;width:100%;padding:18px 10px;background:transparent;border-radius:8px;transition:background .2s}.film-chapters button:hover,.film-chapters button.active{background:#eddfe5}.film-chapters button>span{display:grid;place-items:center;font-size:9px;font-weight:800;width:30px;height:30px;flex-shrink:0;border:1px solid #ccb3c0;border-radius:8px}.film-chapters button.active>span{background:var(--wine);color:var(--cream);border-color:var(--wine)}.film-chapters strong{font-size:12px;display:block}.film-chapters small{font-size:10px;line-height:1.6;color:var(--muted);display:block;margin-top:4px}.film-chapters time{font-size:9px;margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}.film-story .film-note{font-size:9px}.film-create{margin-top:23px;border-radius:10px;background:var(--pink);color:var(--wine);padding:7px 7px 7px 18px;gap:24px}.film-create>span{background:var(--wine);color:var(--cream);display:grid;place-items:center;width:38px;height:38px;border-radius:7px}.film-error{margin-top:16px}.film-error a{text-decoration:underline}
@media(max-width:1050px){.site-header nav{gap:17px;font-size:11px}.film-experience{gap:4%}.film-story h2{font-size:40px}.film-chapters button{padding:15px 6px;gap:10px}}
@media(max-width:800px){.site-header nav>.film-nav{display:block;font-size:10px}.site-header nav{gap:16px}.film-teaser{gap:6%;padding-bottom:65px}.film-teaser h2{font-size:39px}.film-teaser p{font-size:12px}.film-experience{grid-template-columns:1fr;gap:35px;max-width:760px;margin:auto}.film-player{max-width:560px;width:100%;margin:auto}.film-story{max-width:560px;margin:auto;width:100%}.film-intro h1{font-size:86px}.film-intro{padding-top:35px}}
@media(max-width:640px){.intro-symbol{width:43px;height:43px}.marquee .brand-spark{width:22px;height:22px}.site-header{padding-left:18px;padding-right:18px;gap:9px}.site-header nav{gap:13px}.wordmark{width:98px}.navcta{gap:10px;padding-left:11px}.film-teaser{grid-template-columns:1fr;gap:27px;padding:0 22px 60px}.film-teaser-image{aspect-ratio:1.15;border-radius:16px}.film-teaser h2{font-size:44px;margin:17px 0}.film-teaser p{font-size:12px;margin-bottom:21px}.film-play{width:55px;height:55px}.film-duration{bottom:16px;left:16px;font-size:7px}.film-intro{padding:27px 22px 30px}.film-back{margin-bottom:28px;font-size:9px}.film-intro .eyebrow{font-size:8px}.film-intro h1{font-size:clamp(54px,14vw,82px);margin:20px 0 16px}.film-intro>p{font-size:12px;max-width:250px}.film-experience{padding:0 14px 60px;gap:34px}.film-player{border-radius:16px}.film-player-label{font-size:7px;padding:17px;letter-spacing:.1em}.film-story{padding:0 8px}.film-story h2{font-size:42px;margin:18px 0}.film-story>p{font-size:12px}.film-chapters{margin-top:22px}.film-chapters button{min-height:80px;padding:15px 5px}.film-chapters strong{font-size:12px}.film-chapters small{font-size:9px}.film-chapters time{font-size:8px}.film-create{font-size:11px;width:100%;justify-content:space-between}.film-note{font-size:9px}.film-teaser-copy .button{font-size:11px}}
@media(max-width:359px){.site-header nav>.film-nav{display:none}}
@media(prefers-reduced-motion:reduce){.film-teaser-image>img,.film-chapters button{transition:none}.film-teaser-image:hover>img{transform:none}}