@property --film-hero-notch-intro{syntax:"<number>";inherits:true;initial-value:1}@property --film-hero-notch-scroll{syntax:"<number>";inherits:true;initial-value:1}.film-hero{margin-top:-48px;margin-inline:calc(50% - 50vw);display:flow-root;position:relative}.film-hero-notch{padding:32px 16px 0}.film-hero-notch .splash-cta{margin-top:0}.film-hero-caption{text-align:center;color:#ffffff8c;mix-blend-mode:difference;opacity:.7;margin:10px 0 0;padding:0 16px;font-size:10.5px;line-height:1.3}@supports (clip-path:shape(from 0 0, line to 1px 1px)) and (corner-shape:superellipse(2)) and (animation-timeline:scroll()){@media (min-width:721px){:where(html:not([data-shapes=off])) .film-hero{view-timeline:--film-hero block}@media (prefers-reduced-motion:no-preference){:where(html:not([data-shapes=off])) .film-hero{height:calc(100svh + 20svh - var(--header-height))}:where(html:not([data-shapes=off])) .film-hero .film{margin:0;animation:linear both film-hero-drift,cubic-bezier(.5,0,.75,0) both film-hero-leave;animation-timeline:scroll(root),scroll(root);animation-range:0 100svh;position:fixed;inset:0 0 auto}:where(html:not([data-shapes=off])) .film-hero .film-controls-dock{animation:.35s cubic-bezier(.22,.61,.36,1) both film-controls-in,linear both film-hero-controls-away;animation-timeline:auto,scroll(root);animation-range:normal,0 100svh}:where(html:not([data-shapes=off])) .film-hero .film .film-corner{animation:ease-in-out both film-leave-corner,linear both film-hero-controls-away;animation-timeline:scroll(root),scroll(root);animation-range:0 35svh,0 100svh}:where(html:not([data-shapes=off])) :where(.film-hero~*){position:relative}}:where(html:not([data-shapes=off])) .film-hero .film{--film-controls-bottom:calc(var(--header-height) + 48px);--film-controls-width:calc(var(--film-hero-notch-length,320px) + 2 * var(--site-frame-notch-gutter,20px) + 2 * (var(--header-height) - var(--site-bezel-size)) - 80px)}:where(html:not([data-shapes=off])):has(.film-hero-notch) .site-frame{--site-frame-notch-page:calc(var(--film-hero-notch-intro) * var(--film-hero-notch-scroll));--site-frame-notch-page-length:var(--film-hero-notch-length,320px)}:where(html:not([data-shapes=off])) .film-hero-notch,:where(html:not([data-shapes=off])) .film-hero-caption{--open:calc(var(--film-hero-notch-intro) * var(--film-hero-notch-scroll))}:where(html:not([data-shapes=off])) .film-hero-notch{--depth-open:calc(var(--header-height) - var(--site-bezel-size));bottom:var(--site-bezel-size);z-index:91;width:max-content;height:var(--depth-open);pointer-events:none;padding:0;position:fixed;left:50%;translate:-50%}:where(html:not([data-shapes=off])) .film-hero-caption{bottom:calc(var(--header-height) + 10px);z-index:91;white-space:nowrap;pointer-events:none;translate:-50% calc((1 - var(--open)) * 10px);opacity:calc(var(--open) * .7);filter:blur(calc((1 - var(--open)) * 6px));margin:0;padding:0;position:fixed;left:50%}:where(html:not([data-shapes=off])) .film-hero-notch-content{height:calc(var(--depth-open) + var(--site-bezel-size));pointer-events:auto;translate:0 calc((1 - var(--open)) * var(--depth-open));opacity:clamp(0, 2 * var(--open) - 1, 1);clip-path:inset(0 -100vw -100vh);justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:no-preference){:where(html:not([data-shapes=off])):has(.film-hero .film) .site-frame{transition:--header-notch-intro .8s cubic-bezier(.22,.61,.36,1) .2s,--film-hero-notch-intro .8s cubic-bezier(.22,.61,.36,1) .3s;animation:linear both site-notch-flatten,linear both site-frame-out,linear both site-frame-in,linear both site-frame-notch-open,linear both film-hero-notch-shut;animation-timeline:scroll(root),scroll(root),--site-footer,--site-footer,--film-hero;animation-range:0 140px,100vh calc(100vh + 200px),entry entry 50%,entry 60%,exit 8% exit 20%}:where(html:not([data-shapes=off])):has(.film-hero .film) .site-header-inner{transition:translate .8s cubic-bezier(.22,.61,.36,1) .2s,opacity .4s .6s,visibility}:where(html:not([data-shapes=off])):has(.film-hero .film) .site-header-inner>*{animation-name:none,site-header-inner-out}:where(html:not([data-shapes=off])):has(.film-hero .film) .film-hero-notch{transition:--film-hero-notch-intro .8s cubic-bezier(.22,.61,.36,1) .3s;animation:linear both film-hero-notch-scroll;animation-timeline:--film-hero;animation-range:exit 8% exit 20%}:where(html:not([data-shapes=off])):has(.film-hero .film) .film-hero-notch-content{transition:visibility}:where(html:not([data-shapes=off])):has(.film-hero .film) .film-hero-caption{mix-blend-mode:plus-lighter;transition:--film-hero-notch-intro .6s cubic-bezier(.22,.61,.36,1) .2s,visibility;animation:linear both film-hero-notch-scroll;animation-timeline:--film-hero;animation-range:exit 2% exit 9%}:where(html:not([data-shapes=off])):has(.film-hero .film[data-released=true]) .site-frame{animation-range:80svh 100svh,100vh calc(100vh + 200px),entry entry 50%,entry 60%,exit 38% exit 50%}:where(html:not([data-shapes=off])):has(.film-hero .film[data-released=true]) .site-header-inner{animation-range:80svh 100svh}:where(html:not([data-shapes=off])):has(.film-hero .film[data-released=true]) .site-header-inner>*{animation-range:normal,80svh 95svh}:where(html:not([data-shapes=off])):has(.film-hero .film[data-released=true]) .film-hero-notch{animation-range:exit 38% exit 50%}:where(html:not([data-shapes=off])):has(.film-hero .film[data-released=true]) .film-hero-caption{animation-range:exit 30% exit 38%}:where(html:not([data-shapes=off])):has(.film-hero .film:not([data-stage=open])) .site-frame{--film-hero-notch-intro:0;transition:--header-notch-intro .8s cubic-bezier(.22,.61,.36,1) .2s,--film-hero-notch-intro .5s cubic-bezier(.64,0,.78,0)}:where(html:not([data-shapes=off])):has(.film-hero .film:not([data-stage=open])) .film-hero-notch,:where(html:not([data-shapes=off])):has(.film-hero .film:not([data-stage=open])) .film-hero-caption{--film-hero-notch-intro:0;transition:--film-hero-notch-intro .5s cubic-bezier(.64,0,.78,0)}:where(html:not([data-shapes=off])):has(.film-hero .film:not([data-stage=open])) .film-hero-notch-content{visibility:hidden;transition:visibility 0s linear .5s}:where(html:not([data-shapes=off])):has(.film-hero .film:not([data-stage=open])) .film-hero-caption{visibility:hidden;transition:--film-hero-notch-intro .3s cubic-bezier(.64,0,.78,0),visibility 0s linear .3s}:where(html:not([data-shapes=off])):has(.film-hero .film[data-done=false]) .film-hero-caption{--film-hero-notch-intro:0;visibility:hidden;transition:--film-hero-notch-intro .3s cubic-bezier(.64,0,.78,0),visibility 0s linear .3s}:where(html:not([data-shapes=off])):has(.film-hero .film[data-stage=playing]) .site-frame{--header-notch-intro:0;transition:--header-notch-intro .5s cubic-bezier(.64,0,.78,0),--film-hero-notch-intro .5s cubic-bezier(.64,0,.78,0)}:where(html:not([data-shapes=off])):has(.film-hero .film[data-stage=playing]) .site-header-inner{opacity:0;translate:0 calc(-1 * var(--header-height));visibility:hidden;transition:translate .5s cubic-bezier(.64,0,.78,0),opacity .25s,visibility 0s linear .5s}}}}@keyframes film-hero-notch-shut{to{--film-hero-notch-scroll:0}}@keyframes film-hero-notch-scroll{to{--film-hero-notch-scroll:0;visibility:hidden}}@keyframes film-hero-drift{to{translate:0 -40svh}}@keyframes film-hero-leave{to{opacity:0;visibility:hidden}}@keyframes film-hero-controls-away{to{transform:translateY(-60svh)}}
.mac-more{width:100%;margin:calc(var(--section-gap) * 1.5) auto calc(var(--section-gap) * .75);--scene-color:var(--color-accent);--wash-outer:#0a84ff;view-timeline:--mac-more block;flex-direction:column;align-items:center;display:flex}.mac-more-head{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(100%,640px);padding-inline:20px;display:flex}.mac-more-tile{--tile-color:var(--scene-color);margin-bottom:4px}.mac-more-heading{letter-spacing:-.02em;max-width:30ch;color:var(--color-text-1);text-wrap:balance;font-size:32px;font-weight:600;line-height:1.15}.mac-more-subheading{max-width:44ch;color:var(--color-text-2);text-wrap:pretty;font-size:15px;line-height:1.5}.mac-more-funnel{--line:color-mix(in srgb, var(--color-text-3) 25%, transparent);--notch-depth:40px;--notch-length:248px;--notch-angle:46deg;--notch-slant:calc(2 * var(--notch-depth) / tan(var(--notch-angle)));--mouth:20px;--depth:300px;width:min(880px,100% - 32px);height:var(--depth);isolation:isolate;margin-top:52px;position:relative;container-type:inline-size}.mac-more-shape{--notch-i:0px;z-index:-1;pointer-events:none;background:linear-gradient(to right, transparent, var(--line) calc(50% - var(--notch-length) / 2 - var(--notch-slant) - 40px), var(--line) calc(50% + var(--notch-length) / 2 + var(--notch-slant) + 40px), transparent);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000),linear-gradient(#000 50%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000),linear-gradient(#000 50%,#0000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mac-more-shape:before{--notch-i:1px;content:"";background:var(--color-bg);position:absolute;inset:1px -1px -1px}.mac-more-shape:after{content:"";background:radial-gradient(closest-side at 50% 25%, color-mix(in srgb, var(--scene-color) 12%, transparent), transparent);width:440px;height:240px;position:absolute;top:0;left:50%;translate:-50%}.mac-more-grid,.mac-more-flow{--notch-i:1px;--notch-sides:linear-gradient(to right, #000 calc(50% - var(--notch-length) / 2 - var(--notch-slant)), transparent calc(50% - var(--notch-length) / 2), transparent calc(50% + var(--notch-length) / 2), #000 calc(50% + var(--notch-length) / 2 + var(--notch-slant)));position:absolute;inset:1px 0 0}@supports (clip-path:shape(from 0 0, line to 1px 1px)){.mac-more-shape,.mac-more-shape:before,.mac-more-grid,.mac-more-flow{--floor-in:calc(50% - var(--notch-length) / 2 - var(--notch-i));--floor-out:calc(50% + var(--notch-length) / 2 + var(--notch-i));clip-path:shape(from 0 0, hline to calc(var(--floor-in) - var(--notch-slant)),  curve to var(--floor-in) var(--notch-depth) with calc(var(--floor-in) - var(--notch-slant) / 2) 0 / calc(var(--floor-in) - var(--notch-slant) / 2) var(--notch-depth), hline to var(--floor-out), curve to calc(var(--floor-out) + var(--notch-slant)) 0 with calc(var(--floor-out) + var(--notch-slant) / 2) var(--notch-depth) / calc(var(--floor-out) + var(--notch-slant) / 2) 0, hline to 100%, vline to 100%, hline to 0, close)}}@supports not (clip-path:shape(from 0 0, line to 1px 1px)){.mac-more-shape{background:linear-gradient(to right, transparent, var(--line), transparent) top / 100% 1px no-repeat}.mac-more-notch{background:var(--color-bg);border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px}}.mac-more-grid{--grid-line:color-mix(in srgb, var(--color-border) 60%, transparent);background:repeating-linear-gradient(to right, var(--grid-line) 0 1px, transparent 1px 48px), repeating-linear-gradient(to bottom, var(--grid-line) 0 1px, transparent 1px 48px);-webkit-mask:linear-gradient(to right, transparent, #000 25%, #000 75%, transparent), linear-gradient(to bottom, #00000040, #000 24px, #000 40%, transparent), linear-gradient(to bottom, #00000040 var(--notch-depth), #000 calc(var(--notch-depth) + 32px)), var(--notch-sides);mask:linear-gradient(to right, transparent, #000 25%, #000 75%, transparent), linear-gradient(to bottom, #00000040, #000 24px, #000 40%, transparent), linear-gradient(to bottom, #00000040 var(--notch-depth), #000 calc(var(--notch-depth) + 32px)), var(--notch-sides);opacity:.5;background-position:50% 0;-webkit-mask-composite:source-in,source-in,source-over,source-over;mask-composite:intersect,intersect,add,add}.mac-more-flow{-webkit-mask:linear-gradient(to right, transparent, #000 18%, #000 82%, transparent), linear-gradient(to bottom, transparent, #000 16px, #000 55%, transparent), linear-gradient(to bottom, transparent var(--notch-depth), #000 calc(var(--notch-depth) + 36px)), var(--notch-sides);mask:linear-gradient(to right, transparent, #000 18%, #000 82%, transparent), linear-gradient(to bottom, transparent, #000 16px, #000 55%, transparent), linear-gradient(to bottom, transparent var(--notch-depth), #000 calc(var(--notch-depth) + 36px)), var(--notch-sides);overflow:clip;-webkit-mask-composite:source-in,source-in,source-over,source-over;mask-composite:intersect,intersect,add,add}.mac-more-item{top:calc(var(--mouth) - var(--size) / 2);left:calc(50% - var(--size) / 2);animation:mac-more-across var(--seconds) cubic-bezier(.25, .5, .35, 1) var(--delay) infinite;position:absolute}.mac-more-lift{animation:mac-more-up var(--seconds) cubic-bezier(.6, 0, .9, .5) var(--delay) infinite, mac-more-sink var(--seconds) linear var(--delay) infinite;display:block}@keyframes mac-more-across{0%{translate:calc(var(--fx) * (50cqw + var(--size))) 0}to{translate:calc(var(--land) * var(--notch-length) / 2) 0}}@keyframes mac-more-up{0%{translate:0 calc(var(--fy) * (var(--depth) + var(--size)) - var(--mouth))}to{translate:0}}@keyframes mac-more-sink{0%,62%{opacity:1;filter:blur();scale:1}85%{opacity:.7;filter:blur(1.5px);scale:.8}to{opacity:0;filter:blur(5px);scale:.45}}.mac-more-notch{top:0;left:calc(50% - var(--notch-length) / 2);z-index:1;width:var(--notch-length);height:var(--notch-depth);justify-content:center;align-items:flex-end;padding-bottom:22px;display:flex;position:absolute}.mac-more-cta{white-space:nowrap;height:42px;color:color-mix(in srgb, var(--scene-color) 55%, var(--color-text-1));background:color-mix(in srgb, var(--scene-color) 12%, transparent);corner-shape:superellipse(1.5);border-radius:21px;outline:none;flex:none;align-items:center;gap:6px;padding:0 16px 0 20px;font-size:14px;font-weight:500;transition:background-color .25s,scale .25s cubic-bezier(.22,.61,.36,1);display:inline-flex}.mac-more-cta svg{flex:none;transition:translate .15s}.mac-more-cta:hover{background:color-mix(in srgb, var(--scene-color) 18%, transparent)}.mac-more-cta:hover svg{translate:2px}.mac-more-cta:active{scale:.94}.mac-more-cta:focus-visible{outline:1px solid var(--line);outline-offset:1px}@media (prefers-reduced-motion:reduce){.mac-more-item,.mac-more-lift{animation-play-state:paused}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.mac-more-head,.mac-more-funnel{animation-name:mac-more-settle;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:both;animation-timeline:--mac-more;animation-range:entry 25% cover 40%}.mac-more-funnel{animation-range:entry 45% cover 50%}}}@keyframes mac-more-settle{0%{opacity:0;filter:blur(6px);translate:0 16px}}@media (max-width:720px){.mac-more-heading{font-size:26px}.mac-more-funnel{--notch-length:200px;--notch-depth:36px;--mouth:18px;--depth:240px}}