.home{font-size:var(--text-body);line-height:var(--leading-text)}.hero{padding:clamp(76px, 10vw, 124px) var(--gutter) 24px;text-align:center}.hero h1{font-family:var(--serif);font-weight:400;font-size:var(--text-display);letter-spacing:var(--tracking-display);text-wrap:balance;max-width:14em;margin:0 auto;line-height:1}.hero-visual{max-width:1120px;margin:clamp(52px,6vw,84px) auto 0}.film-request{text-align:center;max-width:46em;font:italic 400 clamp(1.1875rem, 1.75vw, 1.5rem) / 1.35 var(--serif);color:var(--ink);margin:0 auto 22px;padding:0 12px;display:grid}.film-request>span{visibility:hidden;text-wrap:balance;grid-area:1/1}.film-request>span.is-on{visibility:visible}.film-request .label{font:500 var(--text-caption) / 1 var(--font);color:var(--ink-3);vertical-align:2px;margin-right:12px;font-style:normal}.film-request .rest{visibility:hidden}.film-request .caret{position:relative}.film-request .caret:after{content:"";background:var(--violet);width:2px;height:1.02em;animation:1.05s steps(2,start) infinite caret;position:absolute;top:.14em;left:0}@keyframes caret{to{visibility:hidden}}.film-screen>*{opacity:0;will-change:opacity, transform;transition:opacity 1s}.film-screen>.is-on{opacity:1}.film-screen>img.is-on{animation:8s linear forwards film-drift}@keyframes film-drift{0%{transform:scale(1)}to{transform:scale(1.035)}}.film-relay{justify-content:center;min-height:18px;margin-top:26px;display:flex}@media (width<=600px){.film-request .label{margin:0 0 8px;display:block}}@media (prefers-reduced-motion:reduce){.film-screen>img.is-on{animation:none}.film-request .caret{display:none}}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;margin:64px calc(-1 * var(--gutter)) 0;padding:10px max(var(--gutter), calc((100vw - var(--page)) / 2)) 44px;scroll-padding-inline:max(var(--gutter), calc((100vw - var(--page)) / 2));gap:22px;list-style:none;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail>li{scroll-snap-align:start;flex:0 0 clamp(290px,30vw,392px);display:flex}.card{background:var(--paper-white);width:100%;color:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow-card);transition:transform var(--hover-time) var(--ease-out), box-shadow var(--hover-time) var(--ease-out);border:0;border-radius:26px;flex-direction:column;padding:30px 28px 28px;text-decoration:none;display:flex}.card-meta{font:500 var(--text-caption) / 1.3 var(--font);color:var(--ink-3)}.card h3{font:400 var(--text-card) / var(--leading-title) var(--serif);letter-spacing:-.01em;flex:1;margin:12px 0 26px}.card-picture{aspect-ratio:16/9;box-shadow:0 0 0 1px var(--line-soft);border-radius:12px;flex:none;overflow:hidden}.card-picture img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease-out)}@media (hover:hover) and (pointer:fine){.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.card:hover .card-picture img{transform:scale(1.03)}}.rail-arrows{max-width:var(--page);justify-content:flex-end;gap:12px;margin:0 auto;display:flex}.round{background:var(--fill);cursor:pointer;border:0;border-radius:50%;place-items:center;width:40px;height:40px;transition:background-color .2s,opacity .2s;display:grid}.round:hover{background:var(--fill-hover)}.round:disabled{opacity:.35;cursor:default}.round svg{width:16px;height:16px}.sheet-in--module{width:min(1180px,100% - 32px);margin:20px auto;padding:22px 28px 26px}.module-head{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:16px;padding-right:44px;display:flex}.module-head h2{font:400 1.625rem / 1.2 var(--serif);letter-spacing:-.01em}.module-head span{font-size:var(--text-small);color:var(--ink-3)}.module-frame{width:min(100%,177.778vh - 355.556px);box-shadow:0 0 0 1px var(--line);border-radius:12px;margin:0 auto}.module-frame iframe{transform-origin:0 0;width:111.12%;max-width:none;height:111.12%;transform:scale(.9)}.sheet-in--module .actions{margin-top:20px}.lock-stage{max-width:1260px;height:clamp(540px,52vw,700px);margin:52px auto 0;position:relative}.lock-stage>iframe{border:0;width:100%;height:100%;position:absolute;inset:0}@media (width>=901px){.lock-stage>iframe{mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}}.inspector{scrollbar-width:thin;z-index:2;text-align:left;width:318px;max-height:calc(100% - 36px);box-shadow:var(--shadow-raised);font:13.5px / 1.35 var(--font);color:#2a2925;background:#fff;border-radius:16px;position:absolute;top:18px;right:18px;overflow:auto}.inspector-head{z-index:1;background:#fff;border-bottom:1px solid #efede9;padding:16px 16px 14px;position:sticky;top:0}.inspector-head b{color:var(--ink);font-size:15px;font-weight:600;display:block}.inspector-head span{color:#6f6b64;font-size:12.5px}.inspector-group{border-bottom:1px solid #efede9;padding:12px 16px 6px}.inspector-group h3{font:600 13px var(--font);color:var(--ink);letter-spacing:0;margin:2px 0 10px}.inspector-row{grid-template-columns:84px 1fr;align-items:center;gap:8px;margin:0 0 10px;display:grid}.inspector-row>label,.inspector-row>span{color:#5b5852}.segmented{background:#efede9;border-radius:9px;gap:2px;padding:2px;display:flex}.segmented button{font:500 12px var(--font);color:#5b5852;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:auto;padding:5px 6px;transition:background-color .15s,color .15s}.segmented button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 2px #1e1d1b24,0 0 0 .5px #1e1d1b14}.inspector select{appearance:none;width:100%;font:500 12.5px var(--font);color:var(--ink);cursor:pointer;background:#efede9 url(/_astro/chevron.Dg5EBaMY.svg) right 10px center no-repeat;border:0;border-radius:9px;padding:7px 28px 7px 10px}.switch{appearance:none;cursor:pointer;background:#c9c5be;border-radius:99px;width:34px;height:20px;margin:0;transition:background-color .2s;position:relative}.switch:after{content:"";width:16px;height:16px;transition:transform .2s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch:checked{background:#2e64c8}.switch:checked:after{transform:translate(14px)}.slider{align-items:center;gap:10px;display:flex}.slider input{accent-color:var(--ink);flex:1}.slider output{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:46px;color:var(--ink);font-weight:500}.swatches{gap:6px;display:flex}.swatches button{cursor:pointer;border:0;border-radius:50%;width:22px;height:22px;transition:box-shadow .15s;box-shadow:inset 0 0 0 1px #0000001f}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--ink)}.inspector-foot{color:#6f6b64;justify-content:space-between;align-items:center;padding:10px 16px 14px;font-size:12.5px;display:flex}.inspector-foot button{font:500 12.5px var(--font);color:var(--ink);cursor:pointer;background:#efede9;border:0;border-radius:8px;padding:6px 10px}@media (width<=900px){.lock-stage{height:auto}.lock-stage>iframe{height:440px;position:relative}.inspector{width:auto;max-height:none;margin:16px 0 0;position:relative;top:auto;right:auto}}.dialogue-stage{background:#f7f4ee;max-width:1120px;margin:56px auto 0;box-shadow:0 40px 90px -40px #000c,0 0 0 1px #ffffff0f}.dialogue-stage>img{transition:opacity .6s}.dialogue-stage>iframe{opacity:0;transition:opacity .6s}.dialogue-stage.is-playing>iframe{opacity:1}.dialogue-stage.is-playing>img,.dialogue-stage.is-playing>.play{opacity:0;pointer-events:none}.play{border-radius:var(--radius-pill);color:#fff;font:500 var(--text-body) var(--font);cursor:pointer;backdrop-filter:blur(8px);transition:opacity .4s, scale .3s var(--ease-out);background:#141317db;border:0;align-items:center;gap:12px;padding:16px 26px 16px 20px;display:inline-flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 10px 30px -10px #00000080}.play:hover{scale:1.03}.play svg{width:22px;height:22px}.points{text-align:center;grid-template-columns:repeat(3,1fr);gap:28px;max-width:960px;margin:56px auto 0;padding:0;list-style:none;display:grid}.points b{font:400 1.375rem / 1.25 var(--serif);color:var(--on-night);margin-bottom:6px;display:block}.points span{color:var(--on-night-3);text-wrap:balance;font-size:.9375rem;display:block}.template-screen{max-width:1120px;margin:56px auto 0}.template-screen>video{transition:opacity .5s}.template-screen>video.is-leaving{opacity:0}.thumbs{flex-wrap:wrap;justify-content:center;gap:12px 16px;max-width:900px;margin:30px auto 0;padding:0;list-style:none;display:flex}.thumbs button{cursor:pointer;font:500 var(--text-caption) var(--font);color:var(--ink-3);background:0 0;border:0;flex-direction:column;align-items:center;gap:9px;padding:0;display:flex}.thumbs img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-s);width:92px;transition:box-shadow .2s, transform .3s var(--ease-out);box-shadow:0 0 0 1px #1e1d1b1a}.thumbs button:hover img{transform:translateY(-2px)}.thumbs button[aria-pressed=true]{color:var(--ink)}.thumbs button[aria-pressed=true] img{box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--ink)}.template-card{text-align:center;max-width:640px;margin:40px auto 0}.template-card h3{font:400 2.25rem / 1.1 var(--serif);letter-spacing:-.015em}.template-card p{color:var(--ink-2);text-wrap:pretty;margin:10px auto 0}.template-card .for{font-size:var(--text-small);color:var(--ink-3)}@media (width<=600px){.thumbs{margin:24px calc(-1 * var(--gutter)) 0;padding:6px var(--gutter) 8px;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;max-width:none;overflow-x:auto}.thumbs li{flex:none}}.sheet-head{text-align:center;max-width:680px;margin:0 auto}.sheet-head h2{font:400 clamp(2.125rem, 4vw, 3rem) / 1.1 var(--serif);letter-spacing:-.02em}.sheet-head p{color:var(--ink-2);text-wrap:pretty;margin:12px auto 0}.sheet-head .for{font-size:var(--text-small);color:var(--ink-3)}.sheet-head .actions{margin-top:26px}.sheet-note{color:var(--ink-3);max-width:34em;margin:14px auto 0;font-size:.875rem}.sheet-screen{border-radius:16px;margin-top:36px;box-shadow:0 0 0 1px #1e1d1b14}.screens{scrollbar-width:thin;gap:10px;margin:14px 0 0;padding:4px 2px 8px;list-style:none;display:flex;overflow-x:auto}.screens button{cursor:pointer;border-radius:var(--radius-s);aspect-ratio:16/9;opacity:.75;background:0 0;border:0;flex:0 0 132px;padding:0;transition:opacity .2s,box-shadow .2s;overflow:hidden;box-shadow:0 0 0 1px #1e1d1b1a}.screens button:hover{opacity:1}.screens button[aria-pressed=true]{opacity:1;box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--ink)}.screens img{object-fit:cover;width:100%;height:100%}.steps{flex-wrap:wrap;justify-content:center;align-items:center;margin:56px auto 0;display:flex}.steps button{font:500 1rem var(--font);color:var(--ink-3);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 4px;transition:color .2s;display:flex}.steps .n{border-radius:50%;place-items:center;width:26px;height:26px;font-size:.8125rem;transition:background-color .2s,color .2s,box-shadow .2s;display:grid;box-shadow:inset 0 0 0 1.5px}.steps button[aria-selected=true]{color:var(--ink)}.steps button[aria-selected=true] .n{background:var(--ink);color:#fff;box-shadow:none}.steps canvas{margin:0 10px}.step-sentence{font:400 var(--text-subtitle) / 1.32 var(--serif);text-align:center;text-wrap:balance;max-width:30em;min-height:2.7em;margin:34px auto 30px;transition:opacity .35s}.app-window{max-width:1120px;margin:0 auto}.app-window>img{opacity:0;transition:opacity .6s}.app-window>img.is-on{opacity:1}.app-window>img.is-document{object-fit:contain;object-position:top}.app-window:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#fff0,#fff 78%);height:24%;transition:opacity .6s;position:absolute;bottom:0;left:0;right:0}.app-window.is-document:after{opacity:1}@media (width<=900px){.steps canvas{display:none}.steps{gap:4px 14px}}.reasons{max-width:var(--page);grid-template-columns:repeat(3,1fr);gap:20px;margin:64px auto 0;padding:0;list-style:none;display:grid}.reasons li{background:var(--paper-white);box-shadow:0 0 0 1px var(--line-soft);border-radius:24px;padding:32px 30px 34px}.reasons svg{width:30px;height:30px;color:var(--violet)}.reasons h3{font:400 1.5rem / 1.2 var(--serif);letter-spacing:-.01em;margin:20px 0 8px}.reasons p{color:var(--ink-2);font-size:.96875rem}.lms{text-align:center;color:var(--ink-3);margin:48px auto 0;font-size:.9375rem}.lms b{color:var(--ink-2);font-weight:500}@media (width<=900px){.reasons,.points{grid-template-columns:1fr}}.closing{background:var(--paper-creme);text-align:center;padding:clamp(120px, 14vw, 190px) var(--gutter);position:relative;overflow:hidden}.closing>:not(.current){position:relative}.current{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.closing .anchor{mix-blend-mode:multiply;width:140px;height:150px;margin:0 auto 30px}.closing h2{font-family:var(--serif);font-weight:400;font-size:var(--text-title);line-height:var(--leading-tight);letter-spacing:var(--tracking-title);text-wrap:balance}.downloads{color:var(--ink-3);flex-wrap:wrap;justify-content:center;gap:6px 24px;margin:28px auto 0;padding:0;font-size:.8125rem;list-style:none;display:flex}.downloads a{color:inherit;text-decoration:none}.downloads a:hover{color:var(--ink-2);text-decoration:underline}