.film{--fw:160px;--gap:10px;--ratio:16 / 9;--seg:calc(var(--n) * (var(--fw) + var(--gap)));--flash:var(--paper);background:var(--film);border-radius:3px;width:fit-content;max-width:100%;padding:14px;overflow-x:clip}.dark .film{--flash:var(--ink)}.film-portrait{--fw:64px;--ratio:9 / 16}.film-track{--pitch:calc((var(--fw) + var(--gap)) / 6);background:linear-gradient(90deg, var(--sprocket) 0 43%, transparent 43%) left top / var(--pitch) 8px repeat-x, linear-gradient(90deg, var(--sprocket) 0 43%, transparent 43%) left bottom / var(--pitch) 8px repeat-x;width:max-content;padding-block:18px;display:flex}.film-cell{width:var(--fw);margin-right:var(--gap);flex-direction:column;flex:none;gap:8px;display:flex}.film:not(.film-crawl) .film-cell:last-child{margin-right:0}.film-frame{aspect-ratio:var(--ratio);background:var(--well);position:relative}.film-frame img{object-fit:cover;width:100%;height:100%}.film-frame:after{content:"";background:var(--flash);opacity:0;position:absolute;inset:0}.film-edge{color:var(--edge);font-size:11px;font-weight:600;line-height:13px}.film-mark{z-index:1;pointer-events:none;width:131%;height:167%;position:absolute;top:-31%;left:-15%;overflow:visible}.film-mark path{animation:draw var(--dur-4) var(--ease-draw) var(--mark-at,.2s) both}.film-note{z-index:1;color:var(--grease);font-family:var(--font-caveat), cursive;white-space:nowrap;animation:note var(--dur-3) var(--ease-enter) var(--note-at,.75s) both;font-size:30px;font-weight:600;line-height:1;position:absolute;top:128%;left:47%;transform:rotate(-6deg)}.film-crawl{width:min(100%, calc(var(--seg) + var(--gap)));padding-inline:0}.film-crawl .film-track{margin-left:calc(100% - var(--seg));animation:crawl var(--crawl-for,17s) linear var(--crawl-at,0s) infinite}.film-crawl:hover .film-track{animation-play-state:paused}@keyframes feed{0%{opacity:0;transform:translate(140px)rotate(-1.5deg)}to{opacity:1;transform:rotate(-1.5deg)}}@keyframes develop{0%{opacity:1}to{opacity:0}}@keyframes note{0%{opacity:0;transform:translateY(8px)rotate(-6deg)}to{opacity:1;transform:rotate(-6deg)}}@keyframes crawl{to{transform:translate(-50%)}}@keyframes drift{0%{transform:translate(-16px)}to{transform:translate(16px)}}.landing{--gutter:20px;--section-y:72px;background:var(--paper);color:var(--ink);flex:1;overflow-x:clip}.landing .nav,.landing section,.landing .footer{padding-inline:max(var(--gutter), calc((100% - 1312px) / 2))}.landing h1,.landing h2{letter-spacing:-.015em;text-wrap:balance;font-weight:850;font-stretch:70%}.landing h1{font-size:clamp(60px,7.5vw,108px);line-height:.9}.landing h2{font-size:clamp(44px,5vw,72px);line-height:.92}.landing h3{font-size:22px;font-weight:700}.landing p{max-width:34em;color:var(--muted);font-size:clamp(16px,1.3vw,19px);line-height:1.55}.landing .copy-command{max-width:100%}.landing .skip{z-index:20;background:var(--ink);min-height:44px;color:var(--paper);border-radius:6px;align-items:center;padding-inline:16px;font-weight:650;display:inline-flex;position:absolute;top:8px;left:8px;transform:translateY(-200%)}.landing .skip:focus{transform:none}.landing .button{background:var(--ink);min-height:52px;color:var(--paper);transition:transform var(--dur-1) ease-out;border-radius:6px;align-items:center;padding-inline:26px;font-size:17px;font-weight:650;display:inline-flex}.landing .button:active{transform:scale(.97)}.landing .nav-links a:hover,.landing .all:hover,.landing .agent-list a:hover,.landing .footer a:hover{-webkit-text-decoration:underline 2px var(--grease);text-decoration:underline 2px var(--grease);text-underline-offset:6px}.landing .nav{justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.landing .logo{align-items:center;gap:10px;min-height:44px;font-size:24px;font-weight:800;font-stretch:80%;display:inline-flex}.landing .nav-links{gap:clamp(8px,2.5vw,36px);display:flex}.landing .nav-links a{align-items:center;min-height:44px;padding-inline:4px;font-weight:500;display:inline-flex}.landing .hero{padding-block:40px var(--section-y);grid-template-columns:minmax(0,1fr);gap:48px;display:grid}.landing .hero-copy{flex-direction:column;align-items:flex-start;gap:28px;display:flex}.landing .lede{max-width:470px;font-size:clamp(17px,1.4vw,20px)}.landing .hero-actions{flex-direction:column;align-items:flex-start;gap:14px;max-width:100%;display:flex}.hero-strips{animation:feed var(--dur-5) var(--ease-enter) both;flex-direction:column;gap:22px;display:flex;transform:rotate(-1.5deg)}.hero .film{--fw:112px;--crawl-for:12.2s;--crawl-at:2.1s;--mark-at:1.25s;--note-at:1.78s}.hero .film-portrait{--fw:44px}.hero .film-frame:after{animation:develop var(--dur-4) var(--ease-enter) calc(.45s + var(--i) * 70ms) both}.hero .film-note{font-size:24px}.landing .formats{padding-block:var(--section-y);grid-template-columns:minmax(0,1fr);gap:40px;display:grid}.landing .formats-copy{flex-direction:column;gap:24px;display:flex}.landing .poster{width:100%}.landing .steps{padding-block:40px var(--section-y);flex-direction:column;gap:44px;display:flex}.landing .step-list{gap:32px;display:grid}.landing .step-list li{border-top:2px solid var(--ink);flex-direction:column;align-items:flex-start;gap:14px;padding-top:18px;display:flex}.landing .step-num{background:var(--film);min-width:28px;height:22px;color:var(--edge);border-radius:2px;place-items:center;padding-inline:6px;font-size:13px;font-weight:700;display:inline-grid}.landing .reels{padding-block:var(--section-y);background:var(--paper-2);flex-direction:column;gap:40px;display:flex}.landing .reels-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;display:flex}.landing .all{text-underline-offset:6px;align-items:center;min-height:44px;font-size:17px;font-weight:650;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.landing .reel-list{flex-direction:column;gap:18px;display:flex}.landing .reel{align-items:center;gap:12px;display:grid}.landing .reel-name{align-items:baseline;gap:12px;display:flex}.landing .reel h3{font-size:26px;font-weight:800;font-stretch:75%}.landing .reel-count{color:var(--muted);font-size:14px}.landing .reel-film{background:var(--film);border-radius:3px;padding:10px 24px}.landing .reel-strip{gap:10px;display:flex}.landing .reel img{aspect-ratio:16/9;object-fit:cover;outline-offset:3px;min-width:0;transition:transform .22s var(--ease-enter), outline-color .16s ease-out;outline:3px solid #0000;flex:1 1 0}.landing .reel img:hover{outline-color:var(--grease);transform:scale(1.05)}@supports (animation-timeline:view()){.landing .reel-strip{animation:linear both drift;animation-timeline:view()}.landing .reel-list li:nth-child(2n) .reel-strip{animation-direction:reverse}}.landing .themes{padding-block:var(--section-y);flex-direction:column;gap:36px;display:flex}.landing .themes-head{flex-direction:column;gap:16px;display:flex}.landing .themes-head code{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:15px}.landing .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.landing .theme-grid figure{flex-direction:column;gap:8px;display:flex}.landing .theme-grid img{aspect-ratio:16/9;object-fit:cover;width:100%}.landing .theme-grid figcaption{font-size:14px}.landing .agents{padding-block:40px var(--section-y);grid-template-columns:minmax(0,1fr);gap:32px;display:grid}.landing .agent-list li{border-top:1px solid var(--rule);gap:4px 24px;padding-block:16px;display:grid}.landing .agent-list li:last-child{border-bottom:1px solid var(--rule)}.landing .agent-list a{align-items:center;min-height:44px;font-size:20px;font-weight:700;display:inline-flex}.landing .footer{--fg:var(--sprocket);--strong:var(--paper);background:var(--film);color:var(--fg);gap:32px;padding-block:56px;display:grid}.dark .landing .footer{--fg:var(--muted);--strong:var(--ink)}.landing .footer-links{flex-direction:column;gap:14px;display:flex}.landing .footer-mark{color:var(--strong);font-size:28px;font-weight:800;font-stretch:80%}.landing .footer nav{flex-wrap:wrap;column-gap:28px;display:flex}.landing .footer a{align-items:center;min-height:44px;font-size:15px;display:inline-flex}.landing .footer p{max-width:520px;color:var(--fg);font-size:14px;line-height:1.6}.landing.lost{padding:64px max(var(--gutter), calc((100% - 1312px) / 2));flex-direction:column;justify-content:center;align-items:flex-start;gap:28px;display:flex}.lost .film{--fw:72px;margin-bottom:40px;transform:rotate(-1.5deg)}.lost .film-note{font-size:24px}@media (min-width:640px){.lost .film{--fw:160px}.lost .film-note{font-size:30px}}@media (max-width:639px){.landing .reel-list li:nth-child(n+4){display:none}}@media (min-width:640px){.landing{--gutter:40px}.hero .film{--fw:160px;--crawl-for:17s}.hero .film-portrait{--fw:64px;margin-left:clamp(0px,8vw,120px)}.hero .film-note{font-size:30px}.landing .theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.landing .step-list{grid-template-columns:repeat(3,minmax(0,1fr))}.landing .reel{grid-template-columns:200px minmax(0,1fr);gap:24px}.landing .reel-name{flex-direction:column;align-items:flex-start;gap:2px}}@media (min-width:1100px){.landing{--gutter:64px;--section-y:110px}.landing .hero{grid-template-columns:540px minmax(0,1fr);align-items:center;gap:56px}.landing .formats{grid-template-columns:440px minmax(0,1fr);align-items:center;gap:64px}.landing .theme-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.landing .agents{grid-template-columns:440px minmax(0,1fr);gap:64px}.landing .agent-list li{grid-template-columns:200px minmax(0,1fr);align-items:center}.landing .footer{grid-template-columns:minmax(0,1fr) 520px;gap:64px}}