body:has(.simple-landing),html:has(.simple-landing){height:auto;min-height:100%;overflow-x:clip;overflow-y:auto;background:#303132}body:has(.simple-landing):before{display:block;background-image:url(/landing/camera-body-noise.png);background-repeat:repeat;background-size:48px 48px;mix-blend-mode:overlay;opacity:.24}.simple-landing{overflow:clip;min-height:100svh;display:grid;place-items:center;padding:max(48px,env(safe-area-inset-top)) 24px max(48px,env(safe-area-inset-bottom));font-family:var(--font-rounded);color:#f3f1eb}.simple-composition{width:100%;display:flex;flex-direction:column;align-items:center}.simple-copy{text-align:center}.simple-copy h1{margin:0;font-size:var(--text-display);font-weight:700;letter-spacing:-.025em;text-wrap:balance}.simple-copy p{max-width:50ch;margin:16px auto 0;color:var(--bone-secondary);font-size:var(--text-body);line-height:1.5}.simple-object-space{position:relative;width:min(360px,100%);height:400px;margin:24px 0 12px;display:grid;place-items:center}.simple-cartridge{position:relative;width:min(340px,100%);height:380px;border:0;padding:0;background:transparent;color:inherit;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:36px;outline-offset:6px}.simple-cartridge[data-dragging]{cursor:-webkit-grabbing;cursor:grabbing}.simple-cartridge:focus-visible{outline:1px solid #b6b4ae}.simple-cartridge-canvas{position:absolute;left:50%;top:50%;width:100vw;height:100svh;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .3s}.simple-cartridge-poster{position:absolute;width:100%;height:100%;object-fit:contain;inset:0;transform:rotate(-10deg);pointer-events:none}.simple-download{display:inline-flex;border-radius:7px;transition:opacity .18s}.simple-download img{display:block;width:144px;height:48px}.simple-download:hover{opacity:.85}.simple-download:focus-visible{outline:2px solid #edece7;outline-offset:5px}.simple-access{align-items:center;gap:10px;height:48px;padding:0 22px 0 18px;border-radius:999px;background:#ee5a24;color:#fff;font-size:var(--text-body);font-weight:600;text-decoration:none;box-shadow:inset 0 1px 0 rgb(255 255 255/.25),0 10px 24px -8px rgb(238 90 36/.7)}.simple-access svg{width:14px;height:14px;flex:none;fill:currentColor}.simple-access:hover{opacity:1;background:#f66a35}.simple-access:active{scale:.97}.simple-flash{position:fixed;inset:0;z-index:1000;background:#fff;opacity:0;pointer-events:none}@media (max-width:600px){.simple-object-space{margin-top:18px;height:360px}.simple-cartridge{width:min(310px,100%);height:340px}}@media (prefers-reduced-motion:reduce){.simple-cartridge,.simple-cartridge-canvas,.simple-download{transition:none!important}}.simple-copy,.simple-download{opacity:0;translate:0 8px;transition:opacity .9s ease,translate .9s ease}.simple-composition:has([data-sequence=complete]) .simple-copy,.simple-composition:has([data-sequence=complete]) .simple-download,.simple-composition:has([data-sequence=text]) .simple-copy{opacity:1;translate:0 0}.simple-download:focus-visible{opacity:1;translate:0 0}@media (prefers-reduced-motion:reduce){.simple-copy,.simple-download{opacity:1;translate:none;transition:none}}.simple-landing{padding-top:28px;padding-bottom:60px}.simple-composition{max-width:580px;margin:auto}.simple-object-space{margin:0 0 24px}.simple-copy h1{max-width:430px;margin-inline:auto;font-weight:400;font-size:clamp(30px,4vw,40px);line-height:1.15;letter-spacing:-.035em}.onboarding-story{max-width:410px;margin:26px auto 0}.simple-copy .onboarding-story p{margin:0 0 18px;max-width:none;line-height:1.6}.simple-copy .story-ending{color:#f3f1eb}.simple-access{margin-top:18px;gap:14px}@media (max-width:600px){.simple-landing{padding-top:12px}.simple-object-space{margin-top:0;margin-bottom:18px}.simple-copy h1{max-width:320px}.onboarding-story{max-width:330px;margin-top:24px}}.onboarding-story p{text-wrap:balance}.keep-together{white-space:nowrap}html:has(.cinema-landing){scroll-behavior:smooth}body:has(.cinema-landing):before{opacity:.1}.cinema-landing{display:block;padding:0;overflow:visible;background:#272a28}.pinned-story{--progress:0;--unwind:0;--scatter:0;--ending:0;--intro-opacity:1;--middle-opacity:0;--end-opacity:0;--roll-x:0vw;--roll-y:0vh;--roll-turn:0deg;--roll-scale:1;height:450svh;position:relative}.pinned-stage{position:-webkit-sticky;position:sticky;top:0;height:100dvh;min-height:600px;overflow:hidden;isolation:isolate;perspective:1200px;background:radial-gradient(ellipse at 50% 55%,#4b4d42 0,#30332f 40%,#252825 85%)}.cinema-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 55%,#d8894430,transparent 60%);opacity:calc(var(--scatter) * .6)}.cinema-copy{position:absolute;z-index:5;pointer-events:none}.cinema-copy h1,.cinema-copy h2{margin:0;font-weight:400;letter-spacing:-.065em;line-height:.98}.cinema-copy em{font-style:normal;color:#f0b57a}.cinema-intro{top:15%;left:6%;right:6%;text-align:center;opacity:var(--intro-opacity);transform:translateY(calc(var(--unwind) * -70px))}.cinema-intro h1{font-size:clamp(54px,7.6vw,116px);transition:opacity .9s ease,translate .9s ease}.pinned-stage:has([data-sequence=loading],[data-sequence=rolling]) .cinema-intro h1{opacity:0;translate:0 12px}.cinema-roll .simple-object-space{margin:0;width:100%;height:100%}.cinema-roll .simple-cartridge{width:100%;height:100%;pointer-events:none;touch-action:pan-y}.cinema-roll .simple-cartridge-canvas{width:100vw;height:100svh}.cinema-roll .simple-flash{display:none}.cinema-middle{left:max(7%,calc(50% - 600px));top:50%;opacity:var(--middle-opacity);transform:translateY(calc(-50% + 30px - var(--unwind) * 30px))}.cinema-middle h2{max-width:min(14ch,42vw);font-size:clamp(36px,4.2vw,68px);font-weight:600;letter-spacing:-.04em;line-height:1.06;text-wrap:balance}.cinema-middle p{margin:24px 0 0;font-size:clamp(20px,1.6vw,24px);font-weight:500;color:#f3f1ebcc;letter-spacing:-.01em;text-wrap:pretty}.cinema-end{left:4%;right:4%;top:33%;text-align:center;opacity:var(--end-opacity);transform:translateY(calc(35px - var(--end-opacity) * 35px))}.cinema-end h2{font-size:clamp(48px,7.1vw,108px)}.cinema-end>p{font-size:16px;color:#f3f1eb99;margin:0 0 30px}.cinema-cta{pointer-events:auto;display:inline-flex;border-radius:99px;background:#f3f1eb;color:#282b27;font-size:var(--text-body);font-weight:600;letter-spacing:-.01em;padding:16px 28px;text-decoration:none;margin-top:34px;transition:transform .16s ease}.cinema-cta:hover{background:#fff}.cinema-cta:active{transform:scale(.97)}.cinema-cta:focus-visible{outline:2px solid #f0b57a;outline-offset:3px}.pinned-story:not([data-chapter=three]) .cinema-cta{visibility:hidden}.cinema-frame img{position:absolute;display:block;width:100%;height:100%;object-fit:fill}.cinema-frame .frame-photo{inset:4% 17%;width:66%;height:92%;object-fit:cover}.cinema-bottom{opacity:calc(1 - var(--unwind) * 4);position:absolute;z-index:8;bottom:26px;inset-inline:4vw;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#f3f1eb80}.cinema-bottom a{color:inherit;text-decoration:none}.pinned-story:not([data-chapter=one]) .cinema-bottom{pointer-events:none}.cinema-bottom a span{padding-left:12px}.cinema-after{position:absolute;top:100%;width:100%;padding:45px 4vw;background:#242723;display:flex;align-items:center;justify-content:space-between;color:#f3f1eb66;font-size:12px}.cinema-after a{color:#f3f1eb;text-decoration:none}.cinema-after p{margin:0}@media(max-width:700px){.pinned-story{height:420svh}.pinned-stage{min-height:560px}.cinema-intro{top:19%;left:20px;right:20px}.cinema-intro h1{font-size:clamp(44px,14vw,76px);font-weight:600;letter-spacing:-.05em;line-height:1}.cinema-middle{left:24px;right:24px;top:11%;text-align:center;transform:translateY(calc(30px - var(--unwind) * 30px))}.cinema-middle h2{max-width:none;font-size:clamp(28px,7.6vw,44px)}.cinema-middle p{font-size:19px;margin-top:14px}.cinema-end{top:34%}.cinema-end h2{font-size:clamp(40px,10vw,62px)}.cinema-end>p{font-size:13px}.cinema-bottom{bottom:25px;inset-inline:24px;font-size:8px;letter-spacing:.8px}.cinema-after{padding:32px 24px;flex-wrap:wrap;gap:20px}.cinema-after p{display:none}}@media(prefers-reduced-motion:reduce){html:has(.cinema-landing){scroll-behavior:auto}.pinned-story{height:auto}.pinned-stage{height:auto;min-height:150svh;position:relative;display:flex;flex-direction:column;align-items:center;gap:48px;padding:130px 24px 70px}.cinema-assembly,.cinema-end,.cinema-intro,.cinema-middle{position:relative;inset:auto;opacity:1;transform:none;text-align:center}.cinema-intro{order:0}.cinema-middle{order:2}.cinema-end{order:3}.cinema-intro h1{font-size:clamp(42px,6vw,76px)}.cinema-middle h2{max-width:none;font-size:40px}.cinema-end h2{font-size:44px}.chapter-track,.cinema-bottom,.cinema-film{display:none}.pinned-story .cinema-cta{visibility:visible}.cinema-after{position:relative;top:auto}}html:has(.cinema-landing){overflow-x:clip;overflow-y:auto;height:auto}body:has(.cinema-landing){overflow:visible;height:auto}.simple-landing.cinema-landing{place-items:normal;width:100%}.pinned-stage,.pinned-story{width:100%}.cinema-assembly{position:absolute;z-index:4;left:50%;top:60%;width:0;height:0;transform:translate(var(--roll-x),var(--roll-y)) rotate(var(--roll-turn)) scale(var(--roll-scale))}.cinema-roll{position:absolute;z-index:2;left:-210px;top:-170px;width:420px;height:340px;opacity:calc(1 - var(--ending));pointer-events:none}.cinema-film{position:absolute;z-index:1;left:0;top:20px;width:0;height:0}.film-leader{height:var(--film-pull,0);background:url(/assets/film/v3/FilmFrame01.webp) bottom/100% var(--frame-height,176.55px) repeat-y;opacity:calc(1 - max(var(--scatter), var(--ending)));transform-origin:top}.cinema-frame,.film-leader{position:absolute;top:0;left:calc(var(--frame-width, 160px) / -2);width:var(--frame-width,160px)}.cinema-frame{height:var(--frame-height,176.55px);-webkit-clip-path:inset(100% 0 0);clip-path:inset(100% 0 0);will-change:transform}.cinema-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0004,transparent 28%,#ffffff09 60%,transparent);opacity:calc(1 - var(--scatter))}.cinema-bottom{justify-content:center}.cinema-bottom>span{position:absolute;right:0}@media(max-width:700px){.cinema-assembly{top:62%}.cinema-roll{left:-170px;top:-150px;width:340px;height:300px}}@media(prefers-reduced-motion:reduce){.cinema-assembly{position:relative;inset:auto;width:340px;height:340px;transform:none;order:1}.cinema-roll{left:0;top:0;width:340px;height:340px;opacity:1}}.download-qr{width:min(440px,calc(100vw - 32px));margin:auto;padding:0;border:0;border-radius:40px;background:radial-gradient(ellipse at 50% 55%,#4b4d42 0,#30332f 40%,#252825 85%);box-shadow:inset 0 0 0 1px #f3f1eb2e,0 32px 80px #0009;color:#f3f1eb;font-family:var(--font-rounded);text-align:center;outline:none}html:has(.download-qr[open]){overflow:hidden;scrollbar-gutter:stable}.download-qr::-webkit-backdrop{background:#0a0b0ab3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:download-qr-fade .24s ease}.download-qr::backdrop{background:#0a0b0ab3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:download-qr-fade .24s ease}.download-qr[open]{animation:download-qr-rise .32s cubic-bezier(.16,1,.3,1)}@keyframes download-qr-fade{0%{opacity:0}}@keyframes download-qr-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}}.download-qr>div{position:relative;padding:52px 32px 44px}.download-qr h2{margin:0;font-size:38px;font-weight:600;letter-spacing:-.04em;line-height:1.06}.download-qr em{font-style:normal;color:#f0b57a}.download-qr p{margin:10px 0 32px;font-size:18px;font-weight:500;letter-spacing:-.01em;color:#f3f1ebcc}.download-qr button{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#f3f1eb1a;color:inherit;cursor:pointer}.download-qr button:hover{background:#f3f1eb2e}.download-qr button:focus-visible{outline:2px solid #f0b57a;outline-offset:2px}.download-qr button svg{width:20px;height:20px}.download-qr-code{display:grid;place-items:center;width:min(272px,100%);margin-inline:auto;padding:18px;border-radius:24px;background:#f3f1eb}.download-qr-code img{grid-area:1/1;display:block;width:100%;height:auto}.download-qr-code img+img{width:30%}@media(prefers-reduced-motion:reduce){.download-qr::-webkit-backdrop{animation:none}.download-qr::backdrop,.download-qr[open]{animation:none}}.cinema-frame .frame-scan{opacity:var(--border-opacity,1)}