frame-film{display:block}.film{padding-block:var(--home-pad);background:var(--color-bg)}.film__head{display:grid;justify-items:start;gap:.75rem}.film__head .home-skip{margin-top:-.25rem}.film__track{margin-top:clamp(2.5rem,1.5rem + 3vw,4rem)}.film__stage{display:grid;gap:clamp(2rem,1.5rem + 1.5vw,3rem);width:min(100% - 2 * var(--page-gutter),var(--container));margin-inline:auto}.film__frame{display:grid;justify-items:start;gap:.75rem;margin:0}.film__window{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-xl);background:var(--color-bg-alt)}.film__poster,.film__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.film__poster{object-fit:cover;object-position:50% 60%}.film__canvas,.film__rail,.film__ink{display:none}.film__caption{display:grid;gap:var(--space-5)}.film__chapters{display:grid;gap:var(--space-6);margin:0;padding:0;list-style:none}.film__chapter{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-4);align-items:start}.film__chapter-title{margin:.1rem 0 0;font:500 clamp(1.5rem,1.1rem + 1vw,2.125rem) / 1.1 var(--font-heading);letter-spacing:-.015em}.film__chapter-text{max-width:34ch;margin:.5rem 0 0;color:var(--color-text-muted);font-size:1.0625rem;line-height:1.5}.film__credit.provenance{flex-wrap:nowrap}@media(min-width:990px){.film__chapters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:989px){.film__window{aspect-ratio:4 / 3}}@keyframes film-dim{0%,92%{opacity:0;animation-timing-function:cubic-bezier(.45,0,.55,1)}98%,to{opacity:1}}@keyframes film-credit-ink{0%,95%{background-color:var(--color-bg-alt);color:var(--color-text-muted)}95.01%,to{background-color:color-mix(in oklab,var(--color-bg-alt) 12%,var(--color-primary));color:color-mix(in oklab,var(--color-bg-alt) 86%,var(--color-primary))}}@keyframes film-play{0%{transform:translate(-100%)}90%,to{transform:none}}@media(prefers-reduced-motion:no-preference)and (min-width:990px)and (min-height:640px),(prefers-reduced-motion:no-preference)and (max-width:989px)and (min-height:560px){html.motion-ok .film{padding-bottom:0}html.motion-ok .film__track{margin-top:0}html.motion-ok .film__stage{position:sticky;top:0;align-content:start;justify-items:center;row-gap:1.25rem;width:100%;max-width:none;height:100lvh;padding-top:var(--film-y);padding-bottom:calc(100lvh - 100svh);background:var(--color-bg);container-type:inline-size}html.motion-ok .film__frame,html.motion-ok .film__caption{width:var(--film-w)}html.motion-ok .film__frame{gap:.5rem}html.motion-ok .film__window{height:var(--film-hh);aspect-ratio:auto}html.motion-ok .film__canvas{display:block;opacity:0;transition:opacity var(--duration-base) var(--ease)}html.motion-ok .is-drawn .film__canvas{opacity:1}html.motion-ok .is-drawn .film__poster{opacity:0;transition:opacity 0s var(--duration-base)}html.motion-ok .film__caption{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:clamp(1.5rem,3vw,3rem);align-items:start}html.motion-ok .film__chapters{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}html.motion-ok .film__chapter-text{max-width:44ch;margin-top:.625rem}html.motion-ok .film__controls{display:grid;gap:.25rem}html.motion-ok .film__rail{position:relative;display:flex;margin-top:-.25rem}.film__seg{position:relative;flex:var(--w, 1) 1 0;min-width:0;height:48px;padding:0;border:0;border-radius:var(--radius-sm);background:none;color:var(--color-primary);cursor:pointer}.film__seg:before,.film__fill{position:absolute;top:calc(50% - 1px);right:0;left:0;height:2px;background:var(--color-border-strong);content:""}.film__fill{background:currentColor;transform:scaleX(0);transform-origin:0 50%}.film__seg:before{top:calc(50% - .5px);height:1px}.film__seg+.film__seg:after{position:absolute;top:calc(50% - 3px);left:-2px;width:4px;height:6px;background:var(--color-bg);content:""}.film__seg:hover:before{background:var(--color-text-muted)}.film__head-wrap{position:absolute;top:50%;right:0;left:0;height:0;pointer-events:none}.film__playhead{position:absolute;top:-13px;right:-13px;width:26px;height:16px;overflow:hidden}.film__playhead .handle-motif{display:block;margin-left:-11px}html.motion-ok .film__ink{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;background:radial-gradient(calc(var(--film-w) * .42) calc(var(--film-hh) * .44) at calc(50% - var(--film-w) * .005) calc(var(--film-y) + var(--film-hh) * .54),transparent calc(100% - 2px),var(--color-primary) 100%);opacity:0;pointer-events:none}html.motion-ok .film__ink{animation-name:film-dim;animation-timing-function:linear;animation-fill-mode:both}html.motion-ok .film__credit{animation-name:film-credit-ink;animation-timing-function:linear;animation-fill-mode:both}html.motion-ok .film__fill{animation-name:var(--fill);animation-timing-function:linear;animation-fill-mode:both}html.motion-ok .film__head-wrap{animation-name:film-play;animation-timing-function:linear;animation-fill-mode:both}html.motion-ok .film__stage:has(:focus-visible) :is(.film__ink,.film__credit){animation-name:none}html.motion-live .film__chapter{grid-area:1 / 1;visibility:hidden;animation:home-swap-out var(--dur-out) var(--ease-exit) both;transition:visibility 0s var(--dur-out)}html.motion-live :is([data-beat="0"] .film__chapter:nth-child(1),[data-beat="1"] .film__chapter:nth-child(2),[data-beat="2"] .film__chapter:nth-child(3),[data-beat="3"] .film__chapter:nth-child(4),[data-beat="4"] .film__chapter:nth-child(5)){visibility:visible;animation:home-swap-in var(--dur-in) var(--ease-out-expo) 80ms both;transition:none}html.motion-live .film__rail{animation:home-swap-in var(--dur-in) var(--ease-out-expo) 80ms both}html.motion-live :is([data-past~="1"] [data-n="1"],[data-past~="2"] [data-n="2"],[data-past~="3"] [data-n="3"],[data-past~="4"] [data-n="4"],[data-past~="5"] [data-n="5"]):not(:has(:focus-visible)){animation:home-swap-out var(--dur-out) var(--ease-exit) both;pointer-events:none}html.motion-ok .film__credit{position:relative;z-index:3;padding:.25rem .75rem;border-radius:var(--radius-pill);background:var(--color-bg-alt);color:var(--color-text-muted)}}@keyframes film-grow{0%{transform:scale(.72)}}@keyframes film-round{0%{border-radius:calc(var(--radius-xl) * 2.25)}}@keyframes film-head-out{0%,55%{opacity:1;transform:none}92%,to{opacity:0;transform:translateY(-1.5rem)}}@keyframes film-rise{0%{opacity:0;transform:translateY(1.5rem)}}@media(prefers-reduced-motion:no-preference)and (min-width:990px)and (min-height:640px),(prefers-reduced-motion:no-preference)and (max-width:989px)and (min-height:560px){@supports (animation-timeline: view()){html.motion-ok:not(.mo-fb) :is(.film__window,.film__caption,.film__head){animation-fill-mode:both}html.motion-ok:not(.mo-fb) .film__window{transform-origin:50% 0;animation-name:film-grow,film-round;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-timeline:--t;animation-range:entry 10% entry 100%}html.motion-ok:not(.mo-fb) .film__caption{animation-name:film-rise;animation-timing-function:cubic-bezier(.3,0,.2,1);animation-timeline:--t;animation-range:entry 72% entry 100%}html.motion-ok:not(.mo-fb) .film__head{animation-name:film-head-out;animation-timing-function:linear;animation-timeline:view();animation-range:contain 0% cover 100%}html.motion-ok:not(.mo-fb) :is(.film__head:focus-within,.film__stage:has(:focus-visible) .film__caption){animation-name:none}}}@media(prefers-reduced-motion:no-preference)and (min-width:990px)and (min-height:640px){html.motion-ok .film__track{height:400svh}html.motion-ok .film__stage{--film-w: min(100cqw - 2 * var(--page-gutter), 75rem, (var(--stage-h) - 11.5rem) * 16 / 9);--film-hh: calc(var(--film-w) * 9 / 16);--film-y: calc(var(--lnav-h) + max(1rem, (var(--stage-h) - var(--film-hh) - 11.5rem) / 2))}html.motion-ok .film__chapter-title{font-size:clamp(2rem,1rem + 1.5vw,2.5rem);letter-spacing:-.02em}}@media(prefers-reduced-motion:no-preference)and (min-width:990px)and (min-height:640px){html.motion-ok:not(.motion-live) .film__caption{grid-template-columns:minmax(0,1fr)}html.motion-ok:not(.motion-live) .film__chapters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:no-preference)and (max-width:989px)and (min-height:560px){html.motion-ok .film__track{height:320svh}html.motion-ok .film{margin-bottom:calc(-1 * var(--lnav-bottom))}html.motion-ok .film__stage{--film-w: calc(100cqw - 2 * var(--page-gutter));--film-h: 28rem;--film-hh: min(var(--film-w) * 3 / 4, var(--film-h));--film-y: max(.75rem, (var(--stage-h) - var(--film-hh) - 13rem) / 2);row-gap:1rem;padding-bottom:calc(var(--lnav-bottom) + .25rem + 100lvh - 100svh)}html.motion-ok .film__caption{grid-template-columns:minmax(0,1fr);row-gap:.25rem}html.motion-ok .film__chapter{grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-3)}html.motion-ok .film__chapter-title{font-size:1.75rem;letter-spacing:-.02em}html.motion-ok .film__rail{margin-top:0}}@media(prefers-reduced-motion:no-preference)and (max-width:989px)and (min-height:560px)and (min-resolution:1.75dppx){html.motion-ok .film__stage{--film-h: 21rem}}@media(prefers-reduced-motion:no-preference)and (max-width:989px)and (min-height:560px)and (min-resolution:2.25dppx){html.motion-ok .film__stage{--film-h: 16rem}}@media(prefers-reduced-motion:no-preference)and (max-width:989px)and (min-height:560px)and (min-resolution:2.75dppx){html.motion-ok .film__stage{--film-h: 14rem}}@media(min-width:990px)and (max-height:639px),(max-width:989px)and (max-height:559px){html.motion-ok .film .home-skip{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/home-film.css.map */