.brand{letter-spacing:-.01em;font-size:26px;font-weight:500;text-decoration:none}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-state{text-align:center;place-content:center;justify-items:center;gap:16px;min-height:60vh;padding:24px;display:grid}.check{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.check input{width:26px;height:26px;accent-color:var(--salt);flex:none;margin:2px 0 0}.confirm{border:1px solid var(--seam-strong);gap:10px;padding:14px;display:grid}progress{appearance:none;background:var(--seam);border:0;width:100%;height:6px;display:block}progress::-webkit-progress-bar{background:var(--seam)}progress::-webkit-progress-value{background:var(--salt)}progress::-moz-progress-bar{background:var(--salt)}.bar{padding:8px var(--gutter);border-bottom:1px solid var(--seam);z-index:5;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.bar nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:clamp(12px,2.4vw,32px);font-size:18px;display:flex}.bar nav a{padding:8px 0;text-decoration:none}.bar nav a:hover{color:var(--salt);text-decoration:underline}.mailprompt{padding:8px var(--gutter);border-bottom:1px solid var(--seam-strong)}.door{grid-template-columns:1fr minmax(320px,520px);min-height:100svh;display:grid}.door-side{padding:var(--gutter);border-right:1px solid var(--seam);flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.door-year{margin-left:-.03em;font-size:min(44vw,72vh)}.door-note{max-width:30ch}.door-form{padding:var(--gutter) clamp(20px, 4vw, 56px);flex-direction:column;justify-content:center;gap:16px;display:flex}.door-form h1{margin-bottom:8px;font-size:clamp(38px,4vw,56px)}.shelf{padding:var(--gutter)}.shelf-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.shelf-head h1{font-size:clamp(38px,4vw,60px)}.strip{border-top:1px solid var(--seam);grid-template-columns:minmax(240px,30%) 1fr;align-items:stretch;gap:16px;padding:14px 0;text-decoration:none;display:grid}.strip:hover{color:var(--salt)}.strip:hover img{filter:brightness(.82)}.strip-text{align-content:start;gap:4px;display:grid}.strip-years{font-size:clamp(50px,6vw,90px)}.strip-title{font-size:26px;font-weight:300;line-height:1.15}.strip-frames{grid-template-columns:repeat(6,1fr);gap:0;min-height:130px;display:grid}.strip-frames img{object-fit:cover;border-right:1px solid #000;width:100%;height:100%}.shelf-foot{border-top:1px solid var(--seam);max-width:640px;margin-top:8px;padding-top:10px}.start{max-width:880px;padding:clamp(24px, 4vw, 56px) var(--gutter) 48px;gap:24px;margin:0 auto;display:grid}.start h1{font-size:clamp(38px,5vw,72px)}fieldset{border:0;min-width:0;margin:0;padding:0}legend{color:var(--ash);padding:0 0 8px;font-size:18px}.start-hint{margin-top:8px}.start-consent{font-size:18px;line-height:1.4}.drop{text-align:center;border:1px dashed var(--seam-strong);cursor:pointer;background:0 0;justify-items:center;gap:6px;width:100%;padding:clamp(36px,7vw,80px) 20px;display:grid}.drop:hover,.drop.over{border-style:solid;border-color:var(--salt)}.drop:disabled{opacity:.5;cursor:wait}.drop-title{font-size:clamp(30px,4vw,48px);font-weight:300;line-height:1.1}.drop-small{margin-top:16px;padding:18px}.drop-small .drop-title{font-size:24px}.desk{padding-bottom:90px}.rail{border-bottom:1px solid var(--seam);grid-template-columns:repeat(4,1fr);display:grid}.rail a{padding:8px var(--gutter);border-right:1px solid var(--seam);align-items:flex-end;gap:10px;min-height:64px;line-height:1.1;text-decoration:none;display:flex}.rail a:last-child{border-right:0}.rail a:hover{color:var(--salt);background:#f8f8f80d}.rail .years{color:var(--ash);font-size:52px;font-weight:200}.rail a[aria-current=step]{background:var(--salt);color:#000}.rail a[aria-current=step] .years{color:#000}.desk-alert{margin:12px var(--gutter) 0}.upload{border:1px solid var(--seam-strong);gap:6px;padding:12px 14px;display:grid}.stage{padding:var(--gutter)}.stage h2{font-size:clamp(30px,3.2vw,46px)}.stage-lead{max-width:70ch;margin:8px 0 18px}.welcome{border-left:2px solid var(--salt);flex-wrap:wrap;align-items:center;gap:8px;max-width:80ch;margin-bottom:14px;padding:4px 0 4px 14px;display:flex}.stage-tools{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:14px;display:flex}.stage-tools-note{flex:260px}.grid{border-top:1px solid var(--seam);border-left:1px solid var(--seam);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.frame{border-right:1px solid var(--seam);border-bottom:1px solid var(--seam);flex-direction:column;min-width:0;display:flex;position:relative}.frame.lifted{outline:2px solid var(--salt);outline-offset:-2px;z-index:4;opacity:.85}.frame-photo{aspect-ratio:1;background:var(--tile);cursor:pointer;border:0;width:100%;padding:0;display:block;position:relative}.frame-photo img{object-fit:contain;width:100%;height:100%;transition:filter .3s;position:absolute;inset:0}.frame-photo:hover img{filter:brightness(.82)}.frame-photo:focus-visible{outline-offset:-4px}.frame-code{font-family:var(--f-code), monospace;color:var(--ash);z-index:2;background:#000;padding:1px 6px;font-size:13px;position:absolute;top:0;left:0}.frame-photo .pencil{width:90%;height:90%;inset:5%}.frame-handle{width:48px;height:48px;color:var(--salt);cursor:grab;touch-action:none;z-index:3;background:#000;border:0;font-size:22px;position:absolute;top:0;right:0}.frame-handle:active{cursor:grabbing}.frame-info{flex-direction:column;flex:1;gap:6px;padding:8px 10px 10px;display:flex}.frame-year{align-items:baseline;gap:8px;display:flex}.frame-year .years{font-size:54px;font-weight:300}.frame-caption{line-height:1.25}.frame-state{font-size:18px;line-height:1.25}.frame-ok{align-items:center;gap:8px;margin-top:auto;display:flex}.frame-go{width:100%;margin-top:auto}.grid-pencil .frame-photo{cursor:crosshair}.motion-act{gap:10px;max-width:620px;margin-top:20px;display:grid}.motion-act .btn{width:100%}.loupe-sheet{z-index:40;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.loupe-bar{padding:6px var(--gutter);border-bottom:1px solid var(--seam);justify-content:space-between;align-items:center;gap:12px;display:flex}.loupe-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(320px,420px);min-height:0;display:grid}.loupe-view{border-right:1px solid var(--seam);flex-direction:column;min-width:0;min-height:0;display:flex}.loupe-picture{flex:1;place-items:center;min-height:0;margin:12px;display:grid;position:relative;container-type:size}.loupe-picture video,.loupe-picture .cmp{width:min(100cqw, calc(100cqh * var(--r)));height:auto}.loupe-side{padding:14px var(--gutter) 24px;flex-direction:column;gap:16px;display:flex;overflow-y:auto}.flag{border-left:2px solid var(--pencil);align-items:flex-start;gap:10px;padding-left:12px;display:flex}.side-part{gap:10px;display:grid}.side-fields .side-year input{max-width:160px;font-family:var(--f-years);font-size:34px;font-weight:300}.pencil-toggle{border:1px solid var(--seam-strong);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:14px;width:100%;min-height:56px;padding:8px 12px;display:flex}.pencil-toggle:hover{border-color:var(--salt)}.pencil-box{border:1px solid var(--seam-strong);flex:none;width:36px;height:36px;display:block;position:relative}.pencil-box .pencil{width:128%;height:128%;inset:-14%}.story{grid-template-columns:minmax(0,1fr) minmax(280px,400px);align-items:start;gap:24px clamp(20px,3vw,48px);display:grid}.story-main{gap:14px;display:grid}.story-side{gap:20px;display:grid}.choices-col{flex-direction:column}.choices-col label+label{border-left:0;border-top:1px solid var(--seam)}.choices-col span{text-align:left;justify-content:flex-start;min-height:48px}.sample{filter:invert()grayscale();width:100%;height:44px;margin-top:8px}.recorder{gap:6px;display:grid}.lines{border-top:1px solid var(--seam-strong);grid-column:1/-1;gap:14px;padding-top:20px;display:grid}.line{border-top:1px solid var(--seam);grid-template-columns:96px 88px minmax(0,1fr);align-items:center;gap:12px;padding:8px 0;display:grid}.line-thumb{cursor:pointer;aspect-ratio:1;background:0 0;border:0;padding:0}.line-thumb img{object-fit:contain;background:var(--tile);width:100%;height:100%}.line-year{font-size:46px;font-weight:300}.final{gap:22px;display:grid}.final-film video{background:var(--tile);aspect-ratio:16/9;width:100%;max-height:78vh}.final-title{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-top:8px;display:flex}.final-title .years{font-size:clamp(50px,7vw,100px)}.final-build .years{margin-bottom:10px;font-size:clamp(50px,9vw,130px);line-height:.95;animation:2.6s ease-in-out infinite breathe;display:block}@keyframes breathe{50%{opacity:.55}}.final-grid{border-top:1px solid var(--seam);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.final-part{padding:18px var(--gutter) 18px 0;border-right:1px solid var(--seam);flex-direction:column;gap:12px;display:flex}.final-part+.final-part{padding-left:var(--gutter)}.final-part:last-child{border-right:0}.final-part h2{font-size:32px}.blockers{gap:4px;display:grid}.share{gap:8px;display:grid}.share-url{word-break:break-all;border:1px solid var(--seam-strong);padding:10px 12px;font-size:18px}.tally{z-index:10;padding:8px var(--gutter);border-top:1px solid var(--seam-strong);background:#000;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px 18px;display:flex;position:fixed;bottom:0;left:0;right:0}.tally p{margin-right:auto;line-height:1.2}.account{max-width:980px;padding:clamp(20px, 3vw, 48px) var(--gutter) 48px;gap:28px;margin:0 auto;display:grid}.account h1{font-size:clamp(38px,5vw,72px)}.account-points{font-size:clamp(110px,20vw,260px)}.pack{border-top:1px solid var(--seam);grid-template-columns:minmax(170px,26%) 1fr auto;align-items:center;gap:16px;padding:14px 0;display:grid}.pack .years{white-space:nowrap;font-size:clamp(56px,7vw,96px)}.pack-what{gap:2px;display:grid}.pack-what b{font-size:24px;font-weight:500}.history li{border-top:1px solid var(--seam);grid-template-columns:74px 1fr auto;align-items:baseline;gap:12px;padding:8px 0;display:grid}.history .delta{font-family:var(--f-years);font-size:32px;font-weight:300;line-height:1}.watch{min-height:100svh;padding:var(--gutter);flex-direction:column;gap:14px;display:flex}.watch video{background:var(--tile);width:100%;max-height:82vh;margin:0 auto}.watch-head{flex-wrap:wrap;align-items:flex-end;gap:8px 22px;display:flex}.watch-head .years{font-size:clamp(60px,11vw,170px)}.watch-head h1{padding-bottom:6px;font-size:clamp(28px,3.4vw,48px)}.watch-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;margin-top:auto;padding-top:16px;display:flex}.doc{max-width:760px;padding:clamp(24px, 4vw, 56px) var(--gutter) 56px;gap:16px;margin:0 auto;display:grid}.doc h1{font-size:clamp(36px,5vw,60px)}.doc h2{margin-top:10px;font-size:28px}@media (max-width:960px){.loupe-body{display:block;overflow-y:auto}.loupe-view{border-right:0;border-bottom:1px solid var(--seam)}.loupe-picture{flex:none;margin:0;display:block;container-type:normal}.loupe-picture video,.loupe-picture .cmp{width:100%;height:auto;max-width:calc(72vh * var(--r));margin:0 auto}.loupe-side{overflow:visible}.tabs button{min-height:50px;padding:4px;font-size:17px}.story{grid-template-columns:1fr}}@media (max-width:720px){.door{grid-template-columns:1fr;min-height:0}.door-side{border-right:0;border-bottom:1px solid var(--seam);gap:10px}.door-year{font-size:40vw}.strip{grid-template-columns:1fr}.strip-frames{min-height:80px}.rail a{flex-direction:column;align-items:flex-start;gap:0;min-height:0;padding:6px 8px;font-size:16px}.rail .years{font-size:38px}.stage{padding:14px var(--gutter)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.frame-year .years{font-size:42px}.frame-info{padding:6px 8px 8px}.frame-go{padding:6px 8px;font-size:17px}.frame-handle{width:44px;height:44px}.line{grid-template-columns:64px minmax(0,1fr)}.line-year{display:none}.final-part,.final-part+.final-part{border-right:0;border-bottom:1px solid var(--seam);padding:16px 0}.pack{grid-template-columns:1fr;gap:6px}.tally{padding:6px var(--gutter);justify-content:stretch}.tally p{width:100%;font-size:17px}.tally .btn{flex:1}.bar{flex-wrap:nowrap}.bar nav{white-space:nowrap;flex-wrap:nowrap;gap:12px;font-size:17px}.bar nav a[href=\/films]{display:none}}