.fade-in{opacity:1}@media (prefers-reduced-motion:no-preference){.js-ready .fade-in{opacity:0;transition:opacity var(--duration-emphasis) var(--ease), transform var(--duration-emphasis) var(--ease);transition-delay:calc(var(--i,0) * 90ms);transform:translateY(22px)}.js-ready .fade-in.is-visible{opacity:1;transform:none}.js-ready .scale-in{opacity:0;transition:opacity var(--duration-page) var(--ease), transform var(--duration-page) var(--ease);transform:scale(.965)}.js-ready .scale-in.is-visible{opacity:1;transform:none}.site-header{transition:transform var(--duration) var(--ease), background-color var(--duration) var(--ease), border-color var(--duration) var(--ease)}.site-header.is-hidden{transform:translateY(-100%)}}.lift{transition:transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease), border-color var(--duration) var(--ease)}@media (hover:hover){.lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}}.press{transition:transform var(--duration-micro) var(--ease)}.press:active{transform:scale(.97)}@media (min-width:900px){.film{z-index:var(--z,1);position:relative}}@supports (animation-timeline:view()) and (animation-range:entry){@media (prefers-reduced-motion:no-preference) and (min-width:900px){.film{min-block-size:calc(var(--pin-h,100svh) + 128svh)}.film>.film-pin{position:sticky;inset-block-start:min(0px, calc(100svh - var(--pin-h,100svh)))}.film-pin>.film-stage{background:var(--bg);align-content:center;min-block-size:100svh;display:grid}.film[data-tone=surface] .film-stage{background:var(--surface)}.film{view-timeline:--sect block}.film-stage{transform-origin:50% 45%;will-change:transform, opacity, filter, clip-path;animation:linear both film-rise,linear both film-out;animation-timeline:--sect,--sect;animation-range:cover 4% cover 32%,cover 66% cover 98%}.film[data-anim=aperture] .film-stage{animation-name:film-aperture,film-out}.film[data-anim=aperture] .film-stage,.film[data-anim=curtain] .film-stage{box-shadow:var(--stage-shadow,none);animation-name:film-aperture,film-out,stage-frame;animation-timeline:--sect,--sect,--sect;animation-range:entry 2% entry 52%,exit 30% exit 96%,entry 2% entry 62%}.film[data-anim=curtain] .film-stage{animation-name:film-curtain,film-out,stage-frame}.film[data-anim=aperture] .film-stage,.film[data-anim=curtain] .film-stage{animation-range:cover 4% cover 32%,cover 66% cover 98%,cover 4% cover 40%}.film[data-anim=aperture] .film-stage:after,.film[data-anim=curtain] .film-stage:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(104deg, transparent 28%, color-mix(in srgb, var(--brand) 42%, transparent) 46%, color-mix(in srgb, var(--ink) 22%, transparent) 55%, transparent 74%);mix-blend-mode:multiply;opacity:0;animation:linear both film-sweep;animation-timeline:--sect;animation-range:cover 4% cover 42%;position:absolute;inset:-25% -18%}.film:last-of-type .film-stage{animation-name:film-aperture,stage-frame;animation-timeline:--sect,--sect;animation-range:cover 4% cover 32%,cover 4% cover 40%}}}@keyframes film-rise{0%{opacity:0;filter:blur(24px);transform:perspective(1200px)scale(.74)translateY(18svh)}58%{opacity:1;filter:blur(5px)}to{opacity:1;filter:none;transform:none}}@keyframes film-curtain{0%{opacity:0;clip-path:inset(45% 13% round 72px);filter:blur(26px);transform:perspective(1100px)rotateX(12deg)scale(1.3)translateY(9svh)}52%{opacity:1;filter:blur(7px)}to{opacity:1;clip-path:inset(0%);filter:none;transform:none}}@keyframes film-aperture{0%{opacity:0;clip-path:circle(7% at 50% 58%);filter:blur(30px);transform:perspective(1000px)rotateX(16deg)scale(1.5)translateY(11svh)}46%{opacity:1;filter:blur(10px)}82%{clip-path:circle(96% at 50% 54%);filter:blur(1.5px)}to{clip-path:circle(160%);filter:none;transform:none}}@keyframes film-out{0%{opacity:1;filter:none;border-radius:0;transform:none}to{opacity:.08;filter:blur(18px);border-radius:72px;transform:perspective(1000px)rotateX(-16deg)scale(.64)translateY(-15svh)}}@keyframes stage-frame{0%{border-radius:42px;box-shadow:0 60px 120px -40px #0000006b}70%{border-radius:24px;box-shadow:0 30px 70px -30px #00000038}to{border-radius:0;box-shadow:0 0 #0000}}@keyframes film-sweep{0%{opacity:0;transform:translate(-46%)}38%{opacity:.85}to{opacity:0;transform:translate(46%)}}
