.film{--ground:#0b0c0c;--paper:#e8e4da;--faint:#5a5953;--accent:#c08a3e;--horizontal-margin:clamp(18px, 3vw, 36px);--gutter-l:max(var(--horizontal-margin), env(safe-area-inset-left,0px));--gutter-r:max(var(--horizontal-margin), env(safe-area-inset-right,0px));--home-left:max(var(--gutter-l), calc((100% - var(--frame)) / 2 + var(--gutter-l)));--lines-face:var(--f-geist), "Geist", "Helvetica Neue", Helvetica, Arial, sans-serif;--lines-small:var(--f-geist), "Geist", "Helvetica Neue", Helvetica, Arial, sans-serif;background:var(--ground);min-height:100vh;color:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.5}.film a{color:inherit;text-underline-offset:3px;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.film a:hover{-webkit-text-decoration-color:var(--paper);text-decoration-color:var(--paper)}.film :focus-visible{outline:1px solid var(--accent);outline-offset:2px}.film .stage{background:var(--ground);-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden}.film .stage-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.film .stage-error{color:#8f8c84;font-size:13px;position:absolute;inset:auto 16px 16px}.film .stage-fallback{object-fit:cover;width:100%;height:100%;animation:1.6s both stage-fade;position:absolute;inset:0}@keyframes stage-fade{0%{opacity:0}to{opacity:1}}.film .site-header{padding:max(22px, env(safe-area-inset-top,0px)) var(--gutter-r) 22px var(--home-left);font-size:inherit;line-height:inherit;justify-content:flex-start;align-items:center;gap:22px;display:flex}.film .site-header[data-overlay]{z-index:10;pointer-events:none;opacity:0;position:fixed;top:0;left:0;right:0}html[data-chrome] .film .site-header[data-overlay]{animation:.3s ease-out forwards site-chrome-in}@keyframes site-chrome-in{0%{opacity:0}to{opacity:1}}.film .site-header[data-overlay]>*{pointer-events:auto}.film .site-header[data-overlay]:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0b0c0cc2,#0b0c0c85 55%,#0000);position:absolute;inset:0 0 -64px}.film .site-ink{color:#e8e4da;opacity:1;filter:none;text-decoration:none}.film .site-logo{min-height:0;margin-inline:0;padding-inline:0;line-height:0;display:block}.film .site-logo img{filter:none;width:clamp(28px,1rem + .6vw,40px);height:auto}.film .site-nav{align-items:center;gap:18px;height:28px;display:flex}.film .site-nav a{font-family:var(--f-geist), "Geist", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:0;font-size:15px;font-style:normal;font-variant-caps:normal;font-weight:500;line-height:28px}.film .blog-label{white-space:pre}html:has(.site-home){overscroll-behavior:none;overflow:hidden}.film .site-home{height:100dvh;position:fixed;inset:0;overflow:hidden}.film .site-home-film{width:100%;height:100lvh;position:fixed;top:0;left:0}.film .site-film{transition:opacity .35s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.film .site-film{transition-duration:.8s;transition-timing-function:ease}html[data-chrome] .film .site-header[data-overlay]{animation-duration:.15s}}.film .site-home .site-film{filter:brightness(calc(1 - .18 * var(--words,0)))}.film .site-copy{left:var(--gutter-l);z-index:9;pointer-events:none;font-family:var(--lines-face);max-width:min(46rem, calc(100vw - var(--gutter-l) - var(--gutter-r)));position:fixed;top:64%;right:auto}.film .site-copy-item{transform-origin:0;will-change:transform, opacity, filter}.film .site-copy-item>*{pointer-events:auto}.film .site-copy p{margin:0}.film .site-copy-l1{font-size:calc(var(--t2-size,1) * clamp(2rem, 4.2vw, 2.9rem));max-width:32ch;font-weight:500;line-height:1.15}.film .site-copy .site-ink{filter:none;opacity:1;text-shadow:0 0 1px #0009,0 0 12px #00000073,0 0 40px #00000059}html:has(.t2-sections[data-mode=snap]){scroll-snap-type:y mandatory;overscroll-behavior-y:none}html:has(.t2-sections){scrollbar-width:none}html:has(.t2-sections)::-webkit-scrollbar{display:none}.t2-sections{pointer-events:none;width:1px;position:absolute;top:0;left:0}.t2-section{scroll-snap-align:start;scroll-snap-stop:always;height:100svh}html:has(.t2-sections[data-mode=scrub]){overscroll-behavior-y:contain}.t2-sections[data-mode=scrub]{--t2-step:65svh}@media (hover:none) and (pointer:coarse){.t2-sections[data-mode=scrub]:not([style]){--t2-step:75svh}}.t2-sections[data-mode=scrub] .t2-section{height:var(--t2-step)}.t2-sections[data-mode=scrub] .t2-section:last-child{height:100lvh}html:has(.site-copy-steps[data-mode=pager]){overscroll-behavior:none;touch-action:pinch-zoom;overflow:hidden}.film .site-copy-steps{--t2-grid:1.2rem;--t2-floor:30svh;max-width:none;height:100svh;inset:auto 0 0}.film .t2-slot{left:var(--home-left);right:var(--gutter-r);bottom:calc(var(--t2-floor) + var(--t2-rise,0) * var(--t2-grid));position:absolute}.film .t2-slot .site-copy-item{position:relative}.film .t2-block{isolation:isolate;--t2-p:calc(var(--t2-size,1) * clamp(1.35rem, 3.1vw, 2.2rem));max-width:100%;display:inline-block;position:relative}.film .t2-block:before{content:"";z-index:-1;pointer-events:none;width:max(calc(170% + 16vw), calc(14.45 * var(--t2-p) + 16vw));height:max(calc(220% + 24vh), calc(5.28 * var(--t2-p) + 24vh + 2.5rem * var(--t2-size,1)));background:radial-gradient(closest-side,#0b0c0cc7,#0b0c0c99 38%,#0b0c0c40 72%,#0b0c0c21 88%,#0b0c0c00 100%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.film .t2-block:has(>.t2-under):before{top:calc(50% + 1.25rem * var(--t2-size,1));height:max(calc(220% + 24vh + 2.5rem * var(--t2-size,1)), calc(5.28 * var(--t2-p) + 24vh + 2.5rem * var(--t2-size,1)))}.film .t2-line{margin:0}.film .site-copy-steps[data-mode] .site-copy-item{will-change:transform}.film .site-copy-steps[data-mode] .t2-block>p{opacity:var(--line-o,0);will-change:opacity}.film .site-copy-steps[data-mode] .t2-block:before{content:none}.film .site-copy-steps[data-mode] .site-copy-item[data-off] *{pointer-events:none!important}.film .t2-shade{transform-origin:0 0;pointer-events:none;opacity:0;will-change:transform, opacity;background:radial-gradient(closest-side,#0b0c0cc7,#0b0c0c99 38%,#0b0c0c40 72%,#0b0c0c21 88%,#0b0c0c00 100%);width:1000px;height:1000px;position:absolute;top:0;left:0}.film .site-copy-steps[data-rail]{--t2-rail-gap:1.125rem;--t2-rail-x:max(calc(var(--home-left) - var(--t2-rail-gap)), calc(env(safe-area-inset-left,0px) + 10px));--t2-text-x:calc(var(--t2-rail-x) + var(--t2-rail-gap))}.film .site-copy-steps[data-rail] .t2-slot{left:var(--t2-text-x)}.film .site-rail{left:var(--t2-rail-x);top:calc(100% - var(--t2-floor) - 4.5rem);gap:var(--seg-gap,4px);pointer-events:none;will-change:transform;opacity:0;filter:drop-shadow(0 0 1px #0009);flex-direction:column;width:1px;height:3.6rem;transition:opacity .6s;display:flex;position:absolute}html[data-chrome] .film .site-rail{opacity:var(--rail-in,1);transition-duration:.1s}.film .site-rail-seg{background:#e8e4da4d;flex:1;width:1px;position:relative}.film .site-rail-fill{transform-origin:50% 0;background:#e8e4da;position:absolute;inset:0;transform:scaleY(0)}.film .t2-phrase{white-space:nowrap}@media (max-width:30rem){.film .t2-phrase{white-space:normal}.film .t2-line{text-wrap:balance}}.film .t2-proposition .t2-line{font-style:italic;font-weight:500;font-size:calc(var(--t2-size,1) * clamp(1.35rem, 3.1vw, 2.2rem));line-height:1.2}.film .t2-under{padding-top:calc(var(--t2-grid) * var(--t2-size,1));white-space:nowrap;margin:0;position:absolute;top:100%;left:0}.film:not([data-body]) .t2-proposition .t2-line{font-style:normal}.film .t2-sc{font-family:var(--lines-small);letter-spacing:0;font-variant-numeric:tabular-nums lining-nums;font-size:.8125rem;font-style:normal;font-weight:500}.film .t2-invitation .t2-sc{font-size:1rem}.film .t2-link{color:inherit;cursor:pointer;text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 50%, transparent);text-decoration-color:color-mix(in srgb, currentColor 50%, transparent);text-underline-offset:.2em}.film .t2-link:hover{text-decoration-color:currentColor}.film .t2-link{position:relative}.film .t2-link:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.film .t2-link:focus-visible{outline-offset:.35em;outline:1px solid;text-decoration-color:currentColor}.film[data-body] :is(.reel,.site-copy-steps){font-size-adjust:.53}.film[data-body] :is(.reel-more,.t2-sc){font-size-adjust:none}.film[data-body=alegreya-sans]{--lines-face:var(--f-alegreya-sans), "Alegreya Sans", sans-serif}.film[data-body=libre-franklin]{--lines-face:var(--f-libre-franklin), "Libre Franklin", sans-serif}.film[data-body=plex-sans]{--lines-face:var(--f-plex-sans), "IBM Plex Sans", sans-serif}.film[data-body=instrument-sans]{--lines-face:var(--f-instrument-sans), "Instrument Sans", sans-serif}.film[data-body=serif]{--lines-face:var(--f-alegreya), "Alegreya", serif}.film[data-size="1"] :is(.site-copy-steps,.reel){--t2-size:1.25}.film[data-size="2"] :is(.site-copy-steps,.reel){--t2-size:1.6}.film[data-size="3"] :is(.site-copy-steps,.reel){--t2-size:2.4}.film[data-size] .t2-under{font-size:calc(var(--t2-size,1) * .875rem)}.film[data-size] .t2-invitation .t2-line{font-size:calc(var(--t2-size,1) * 1rem)}.film[data-size] .site-copy-steps .t2-sc{font-size:1em}.film[data-size] .t2-phrase{white-space:normal}.film[data-size] .t2-line{text-wrap:balance}.film[data-size] .site-copy-l1{font-size:min(calc(var(--t2-size,1) * clamp(2rem, 4.2vw, 2.9rem)), calc((100vw - 3rem) / 5))}.film:is([data-size="1"],[data-size="2"],[data-size="3"]) .t2-line[data-break-from="1"] .t2-phrase,.film:is([data-size="2"],[data-size="3"]) .t2-line[data-break-from="2"] .t2-phrase,.film[data-size="3"] .t2-line[data-break-from="3"] .t2-phrase{display:block}.film[data-size] .t2-slot{top:calc(max(22px, env(safe-area-inset-top,0px)) + 50px + 2rem);flex-direction:column;justify-content:safe flex-end;display:flex}.film :is(.reel,.site-copy-steps,.site-header){text-transform:lowercase}.film[data-case=normal] :is(.reel,.site-copy-steps,.site-header){text-transform:none}.film .site-cue{left:var(--home-left);bottom:calc(32px + env(safe-area-inset-bottom,0px));z-index:9;pointer-events:none;color:#e8e4da80;opacity:0;filter:drop-shadow(0 0 1px #0009)drop-shadow(0 0 10px #00000073);transition:opacity .6s;position:fixed}.film .site-cue[data-on]{opacity:1}.film .site-cue svg{display:block}.film .site-cue[data-on] svg{animation:3s ease-in-out .6s infinite site-cue-breath}@keyframes site-cue-breath{0%,to{opacity:1}50%{opacity:.6}}@media (prefers-reduced-motion:reduce){.film .site-cue{transition:none}.film .site-cue[data-on] svg{animation:none}}.film .reel{z-index:5;color:#eceae4;font-family:var(--lines-face);--reel-clear-top:72px;clip-path:inset(var(--reel-clear-top) 0 0);-webkit-mask-image:linear-gradient(to bottom, transparent var(--reel-clear-top), #000 calc(var(--reel-clear-top) + 64px));mask-image:linear-gradient(to bottom, transparent var(--reel-clear-top), #000 calc(var(--reel-clear-top) + 64px));position:relative}html[data-stepped] .film .reel{display:none}.film .reel-sec{min-height:100dvh;padding:0 var(--gutter-r) 0 var(--home-left);align-items:center;display:flex}.film .reel-block{max-width:min(68rem,100%)}.film .reel-line{text-wrap:balance;text-shadow:0 1px 2px #000000a6,0 2px 12px #00000052;margin:0}.film .reel-line span{display:block}.film .reel-title .reel-line{font-size:calc(var(--t2-size,1) * clamp(3rem, 7.4vw, 7.25rem));letter-spacing:-.035em;max-width:11ch;font-weight:500;line-height:1}.film .reel-proposition .reel-line{font-size:calc(var(--t2-size,1) * clamp(1.9rem, 4.2vw, 3.75rem));letter-spacing:-.03em;font-weight:400;line-height:1.06}.film .reel-invitation .reel-line{font-size:calc(var(--t2-size,1) * clamp(1.9rem, 4.2vw, 3.75rem));letter-spacing:-.03em;font-weight:500;line-height:1.06}.film .reel-more{font-family:var(--lines-small);font-size:calc(var(--t2-size,1) * .8125rem);letter-spacing:0;font-variant-numeric:tabular-nums lining-nums;text-shadow:0 1px 3px #000c;margin:1.5rem 0 0;font-weight:500}.film .reel a{color:inherit;text-underline-offset:.18em;text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);position:relative}.film .reel a:hover{text-decoration-color:currentColor}.film .reel-more a:after{content:" →"}.film .reel a:before{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.film .reel-title .reel-block{transition:opacity var(--reel-glide,1s) cubic-bezier(.37, 0, .63, 1)}html[data-title-wait] .film .reel-title .reel-block{opacity:0}@media (prefers-reduced-motion:reduce){.film .reel-title .reel-block{transition-duration:.15s}}.film[data-size] .reel :is(.reel-title,.reel-proposition,.reel-invitation) .reel-line{font-size:min(calc(var(--t2-size,1) * var(--reel-size)), calc((100vw - 3rem) / 6))}.film .reel-title{--reel-size:clamp(3rem, 7.4vw, 7.25rem)}.film :is(.reel-proposition,.reel-invitation){--reel-size:clamp(1.9rem, 4.2vw, 3.75rem)}.film[data-size] .reel-sec{padding-block:calc(max(22px, env(safe-area-inset-top,0px)) + 50px + 2rem) 2rem}@media (max-width:640px){.film .reel-more{margin-top:1.1rem}.film .reel-line span{display:inline}.film .reel-line span+span:before{content:" "}}:root[data-small=sc] .film{--lines-small:var(--f-alegreya-sc-500), "Alegreya SC", serif}:root[data-small=sc] .film :is(.reel-more,.t2-sc){letter-spacing:.08em;font-variant-caps:all-small-caps}
