img,video,canvas{max-width:100%;display:block}section{position:relative}.num{font-variant-numeric:tabular-nums}.nb{white-space:nowrap}[data-r]{background:var(--bg)}[data-r]:after{content:"";pointer-events:none;position:absolute;inset:0}[data-r=inv]{filter:invert()}[data-r=blk]:after{background:var(--ink)}[data-r=wht]:after{background:var(--bg)}[data-r=dk]:after{background:color-mix(in srgb,var(--ink) 70%,transparent)}.skip{z-index:20;background:var(--ink);height:44px;color:var(--white);border-radius:999px;align-items:center;padding:0 20px;font-weight:500;text-decoration:none;display:inline-flex;position:absolute;top:-100px;left:16px}.skip:focus{top:10px}nav.top{z-index:10;background:var(--bg);align-items:center;gap:28px;height:64px;padding:0 6vw;display:flex;position:fixed;inset:0 0 auto}nav.top.down{box-shadow:0 1px 0 var(--hair)}.logo{font-size:var(--t-lead);letter-spacing:-.02em;align-self:stretch;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:flex}.mark{width:22px;height:22px;color:var(--ink)}.links{align-self:stretch;gap:26px;margin-left:auto;display:flex}.links a{color:var(--muted);align-items:center;font-weight:500;text-decoration:none;display:flex}.links a:hover,.links a[aria-current]{color:var(--ink)}.go{background:var(--acc);height:44px;color:var(--white);white-space:nowrap;border-radius:999px;align-items:center;padding:0 20px;font-weight:500;text-decoration:none;display:inline-flex}.go:hover{background:var(--ink)}.js nav.top:not(.ask) .go{display:none}.hero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;min-height:100svh;padding:64px 0 0 6vw;display:grid;overflow:hidden}.js .hero{height:150vh}.js .hero-in{height:100svh;position:sticky;top:0}.txt{padding:32px 0}.lead{color:var(--muted);margin-bottom:20px;font-weight:500}h1{font-size:var(--t-display);letter-spacing:-.04em;font-weight:500;line-height:.98}.sub{max-width:36ch;font-size:var(--t-lead);color:var(--muted);margin-top:24px;line-height:1.5}.feats{font-size:var(--t-label);color:var(--muted);text-wrap:balance;margin-top:36px}.feats span{white-space:nowrap}.hero-shot{aspect-ratio:960/800;width:min(112%,120svh - 192px);-webkit-mask-image:radial-gradient(closest-side,var(--ink) 84%,transparent);-webkit-mask-image:radial-gradient(closest-side,var(--ink) 84%,transparent);mask-image:radial-gradient(closest-side,var(--ink) 84%,transparent);justify-self:center;margin-right:2vw;position:relative}.hero-shot img,.hero-shot canvas{width:100%;height:100%;position:absolute;inset:0}.turn{opacity:0}.turn.on{opacity:1}.hero-shot:has(.turn.on) .turn-still{opacity:0}.story .sticky{grid-template-rows:1fr auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:5vw;padding:64px 6vw 0;display:grid}.js .story{height:300svh}.js .sticky{height:100svh;position:sticky;top:0;overflow:hidden}.clip-bar{display:contents}.clip{aspect-ratio:1;background:var(--bg);border-radius:20px;position:relative;overflow:hidden}.clip video{object-fit:cover;width:100%;height:100%}.press img,.press canvas{width:100%;height:100%;position:absolute;inset:0}.press canvas{opacity:0}.press canvas.on{opacity:1}.clip .still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.story .clip{grid-area:1/1/-1;place-self:center end;width:min(100%,100svh - 170px)}.head{min-width:calc(var(--t-reading) * 2.9 + 32px);grid-area:2/2;justify-self:start;margin:-12px -16px 14px;padding:12px 16px;position:relative}.head .top{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.count{font-size:var(--t-label);color:var(--muted);white-space:nowrap;font-weight:500;position:relative}.book{font-size:var(--t-book);font-weight:500}.reading{font-size:var(--t-reading);letter-spacing:-.05em;font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;font-weight:600;line-height:.92;display:flex}.reading small{font-size:var(--t-title-lg);letter-spacing:-.01em;font-weight:500}.line{width:min(420px,70vw);height:calc(var(--t-reading) * .92);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:6px;display:grid}.line i{height:12px;box-shadow:inset 0 0 0 1.5px var(--ink);border-radius:6px}.line i.on{background:var(--acc);box-shadow:none}.head [hidden]{display:none}.stage{grid-area:3/2;max-width:470px}.step h3{font-size:var(--t-title-lg);letter-spacing:-.025em;text-wrap:balance;margin-bottom:12px;font-weight:500;line-height:1.08}.step p{max-width:44ch}.step .more{color:var(--muted);margin-top:8px}.step p.det{font-size:var(--t-label);color:var(--muted);align-items:center;gap:14px;margin-top:22px;font-weight:500;display:flex}.week{gap:5px;display:flex}.week i{background:var(--ink);border-radius:3px;width:14px;height:14px}.week .o{box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}.week .t{outline:1.5px dashed var(--acc);outline-offset:-1.5px;background:0 0}.js .stage{display:grid}.js .step{opacity:0;pointer-events:none;grid-area:1/1}.js .step.on{opacity:1;pointer-events:auto}html:not(.js) .step+.step{margin-top:40px}.details{padding:60px 6vw}.js .pin{height:140vh}.js .pin .sticky{align-content:center;padding-top:64px;display:grid}.sec-h{font-size:var(--t-headline);letter-spacing:-.035em;font-weight:500;line-height:1}.grid-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:end;gap:56px;margin-top:48px;display:grid}#chapters{aspect-ratio:41/14;--grid-on:var(--ink);--grid-off:var(--empty);width:100%}html:not(.js) #chapters{display:none}.chart-still{width:100%;height:auto}.chart-still .on{fill:var(--ink)}.chart-still .off{fill:var(--empty)}.chart-still .today{fill:none;stroke:var(--acc);stroke-width:1.5px;vector-effect:non-scaling-stroke}.cap h3{font-size:var(--t-title);letter-spacing:-.015em;font-weight:500;line-height:1.2}.cap p{max-width:34ch;color:var(--muted);margin-top:6px}.inside{margin:0 -6vw}.inside .sticky{grid-template-rows:1fr auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:5vw;padding:64px 6vw 0;display:grid}.js .inside{height:270svh}.in-bar{display:contents}.in-shot{aspect-ratio:1;grid-area:1/1/-1;place-self:center end;width:min(100%,100svh - 120px);position:relative}.in-shot img,.in-shot canvas,.in-shot svg{width:100%;height:100%;position:absolute;inset:0}.in-shot svg{overflow:visible}.in-shot canvas{opacity:0}.in-shot canvas.on{opacity:1}.ruler path{fill:none;stroke:var(--ink);stroke-width:1px;vector-effect:non-scaling-stroke}.ruler .ext{stroke:var(--muted);stroke-width:.75px;stroke-dasharray:2 3}.rl{font-size:var(--t-label);white-space:nowrap;padding:0 4px;font-weight:500;position:absolute;translate:-50% -50%}.ring circle{fill:none;stroke:var(--ink);stroke-width:1.5px;vector-effect:non-scaling-stroke}.ring .halo{stroke:var(--bg);stroke-width:5px}.js .inside [data-ruler]:not(.on):not([data-r]),.js .inside .ring:not(.on){visibility:hidden}html:not(.js) .inside .ring,html:not(.js) .in-shot canvas{display:none}.beat p{max-width:44ch}.js .in-stage{display:grid}.js .beat{opacity:0;pointer-events:none;grid-area:1/1}.js .beat.on{opacity:1;pointer-events:auto}html:not(.js) .beat+.beat{margin-top:16px}html:not(.js) .in-head,.js .b-name{display:none}.b-name{font-size:var(--t-label);margin-bottom:2px;font-weight:500}.app-in{grid-template-rows:1fr auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:5vw;padding:120px 6vw 0;display:grid}.app-scene,.app-pin{display:contents}.app .touch-fig{grid-area:1/1/-1;align-self:center}.app .sec-h{grid-area:2/2}.app-stage{grid-area:3/2}@media (min-width:901px) and (min-height:761px){.js .app{height:400vh}.js .app-in{height:100svh;padding:64px 6vw 0;position:sticky;top:0}}.touch-fig{justify-self:end;width:min(100%,100svh - 190px)}.touch-fig figcaption{font-size:var(--t-label);color:var(--muted);margin-top:12px;font-weight:500}.touch-seq{aspect-ratio:1;position:relative}.touch-seq img,.touch-seq canvas{width:100%;height:100%;position:absolute;inset:0}.touch-canvas{opacity:0}.touch-seq.on .touch-canvas{opacity:1}.touch-seq.on .touch-still{opacity:0}.app .sec-h{text-wrap:balance}.app-lead{max-width:36ch;font-size:var(--t-lead);color:var(--muted);margin-top:20px;line-height:1.5}.points{gap:20px;max-width:44ch;margin-top:40px;list-style:none;display:grid}.points h3{font-size:var(--t-title);letter-spacing:-.015em;font-weight:500;line-height:1.2}.points p{color:var(--muted);margin-top:4px}.only{max-width:44ch;font-size:var(--t-lead);margin-top:32px;font-weight:500;line-height:1.4}.app-plat{font-size:var(--t-label);color:var(--muted);margin-top:16px}.app-iphone{display:none}.app[data-tour] .points li:not(.on) h3{color:var(--muted)}.faq{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:48px;padding:120px 6vw;display:grid}details{border-bottom:1px solid var(--hair)}details:first-child{border-top:1px solid var(--hair)}summary{font-size:var(--t-lead);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-weight:500;list-style:none;display:flex}summary::-webkit-details-marker{display:none}details p{max-width:60ch;color:var(--muted);padding:0 0 22px}.pm{flex:none;width:14px;height:14px;position:relative}.pm:before,.pm:after{content:"";background:var(--ink);border-radius:999px;position:absolute}.pm:before{height:2px;top:6px;left:0;right:0}.pm:after{width:2px;top:0;bottom:0;left:6px}details[open] .pm:after{display:none}.finish .sticky{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:5vw;padding:64px 6vw 40px;display:grid}.js .finish{height:150vh}.finish .clip{justify-self:end;width:min(100%,100svh - 190px)}.medal{margin:-12px -16px 14px;padding:12px 16px;display:inline-block;position:relative}.medal [hidden]{display:none}.medal .meta{font-size:var(--t-label);color:var(--muted);margin-bottom:6px;font-weight:500}.medal .reading{font-size:var(--t-medal)}.fin h2{font-size:var(--t-title-lg);letter-spacing:-.025em;margin-top:30px;font-weight:500;line-height:1.08}.fin>p{max-width:42ch;color:var(--muted);margin-top:8px}.join{margin-top:30px;scroll-margin-top:88px}.join .signup-box{margin-top:0}.join h3{font-size:var(--t-title);letter-spacing:-.015em;margin-bottom:6px;font-weight:500;line-height:1.2}.signup-lead{color:var(--muted);margin-bottom:16px}.foot{font-size:var(--t-fine);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;column-gap:24px;padding:6px 6vw 8px;display:flex}.foot .to{flex-wrap:wrap;align-items:baseline;column-gap:24px;display:flex}.foot .credit{flex-basis:100%;max-width:38em;padding-bottom:8px}.foot a{text-underline-offset:3px;margin:0 -2px;padding:13px 2px;text-decoration:underline;display:inline-block}@media (max-width:900px){nav.top{gap:16px}.app-in{padding:88px 6vw 0;display:block}.app-scene,.app-pin{display:block}.app .touch-fig{width:auto;margin-top:28px}.app .touch-fig figcaption{display:none}.app-stage{margin-top:24px}.app-lead{margin-top:0}.app-iphone{font-size:var(--t-label);color:var(--muted);margin-top:8px;font-weight:500;display:block}.links a:not(.q){display:none}.grid-row{grid-template-columns:minmax(0,1fr);gap:24px}.faq{grid-template-columns:minmax(0,1fr);gap:20px;padding:88px 6vw}}@media (max-width:600px){#chapters{aspect-ratio:auto;height:clamp(150px,100svh - 360px,88vw)}.grid-row{margin-top:24px}.foot{flex-direction:column;align-items:flex-start;gap:0}}@media (max-width:25em){nav.top{gap:10px}.go{padding:0 16px}}@media (max-width:23.375em){nav.top{padding:0 16px}}@media (max-width:22.4375em){.count{display:none}.logo .word{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.go{padding:0 14px}}@media (max-width:14.5em){.links .q{display:none}}@media (max-width:900px),(max-height:520px){.js .hero{height:auto}.js .hero-in{height:auto;position:static}.hero-in{grid-template-columns:minmax(0,1fr);min-height:0;padding:96px 6vw 20px}.txt{padding:0}.hero-shot{width:100%;margin:12px 0 0}.js .finish{height:auto}.js .finish .sticky{height:auto;position:static;overflow:visible}.story .sticky{padding:0 6vw;display:block}.clip-bar{background:var(--bg);align-items:center;gap:6px;margin:0 -6vw;padding:76px calc(6vw + max(0px,50% - 280px)) 12px;display:flex}.story .clip{flex:none;width:min(25svh,43vw);margin:0}.story .clip>*{transform-origin:51% 48%;transform:scale(1.25)}.head{flex:1;min-width:0;margin:0;padding:8px 0 8px 12px}.head .book{font-size:var(--t-label);white-space:nowrap}.head .top{gap:10px}.count .w{display:none}.head .reading{font-size:var(--t-reading-bar);white-space:nowrap}.head .reading small{font-size:var(--t-label)}.head .line{width:100%;height:calc(var(--t-reading-bar) * .92)}.stage{max-width:560px;margin:0 auto}.step{padding-top:28px}.finish .sticky{grid-template-columns:minmax(0,1fr);row-gap:24px;padding:24px 6vw 48px}.finish .clip{justify-self:center;width:min(100%,46svh)}.join{margin-top:112px}.join h3{font-size:var(--t-title-lg);letter-spacing:-.025em;margin-bottom:10px;line-height:1.08}.inside .sticky{padding:0 6vw;display:block}.in-bar{max-width:560px;margin:0 auto;display:block}.in-shot{width:100%}.inside .head{width:100%;margin:12px 0 0;padding:8px 0}}@media (max-width:900px) and (min-height:521px){.js .inside .sticky{flex-direction:column;justify-content:center;padding:64px 6vw 4svh;display:flex}.js .in-bar{width:100%}.js .in-shot{width:min(100%,100svh - 340px);margin:0 auto}.js .in-stage{width:100%}}@media (max-height:520px){.js .inside{height:auto}.js .inside .sticky{height:auto;padding-bottom:10svh;position:static;overflow:visible}.js .in-bar{z-index:1;background:var(--bg);padding-top:72px;position:sticky;top:0}.js .in-stage{display:block}.js .beat{opacity:1;pointer-events:auto;min-height:36svh}.js .story{height:auto}.js .story .sticky{height:auto;position:static;overflow:visible}.story .sticky{padding-bottom:10svh}.js .clip-bar{z-index:1;box-shadow:0 1px 0 var(--hair);position:sticky;top:0}.js .stage{display:block}.js .step{opacity:1;pointer-events:auto;min-height:36svh}}@media (max-width:900px) and (min-height:521px){.js .story .sticky{flex-direction:column;justify-content:center;padding-top:64px;padding-bottom:4svh;display:flex}.js .clip-bar{padding-top:12px}.js .stage{width:100%}.js .finish.fits{--clip:min(100%,46svh,calc(var(--fin-room) - 128px - var(--fin-text)))}.js .finish.fits .clip{width:var(--clip)}.js .finish.fits .join{margin-top:max(112px,calc(var(--fin-screen) + 8px - 112px - var(--clip) - var(--fin-text)))}}@media (max-height:520px) and (min-width:560px){.story .sticky{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:5vw;display:grid}.clip-bar{align-self:start;margin:0;padding:72px 0 16px;display:block}.js .clip-bar{box-shadow:none}.story .clip{width:min(100%,100svh - 190px);margin:0 auto}.story .clip>*{transform:none}.head{text-align:center;width:fit-content;margin:10px auto 0;padding:6px 14px}.head .reading{font-size:var(--t-headline);justify-content:center}.head .line{width:min(300px,100%);height:calc(var(--t-headline) * .92)}.stage{margin:0}.js .step{min-height:80svh;padding-top:72px}}@media (max-width:900px) and (min-height:600px){.hero-in{flex-direction:column;align-items:stretch;padding-top:84px;display:flex}.txt{display:contents}.lead{order:1;margin-bottom:12px}.hero h1{order:2}.hero-shot{--h:clamp(150px,calc(100svh - 472px),min(40svh,72vw));width:auto;height:var(--h);margin:calc(var(--h) * -.14) auto calc(var(--h) * -.04);order:3}.sub{order:4;margin-top:16px}.hero .signup-box{order:5;margin-top:24px}.feats{order:6}}@media (max-height:520px){.js .pin{height:auto}.js .pin .sticky{height:auto;padding-top:0;position:static}}@media (max-height:520px) and (min-width:560px){.inside .sticky{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:5vw;display:grid}.in-bar{align-self:start;margin:0}.in-shot{width:min(100%,100svh - 190px);margin:0 auto}.inside .head{text-align:center;width:fit-content;margin:10px auto 0;padding:6px 14px}.js .beat{min-height:80svh;padding-top:72px}}html.snap{scroll-snap-type:y mandatory}.snaps{pointer-events:none;width:1px;height:0;position:absolute;top:0;left:0}.snaps i{scroll-snap-align:start;width:1px;position:absolute;left:0}.snaps .stop,.snaps .rest{scroll-snap-stop:always;height:1px}@media (max-width:900px) and (min-height:521px){:root{--gap:60svh}.js .story,.js .inside{height:calc(100svh + 3 * var(--gap))}.js .pin{height:auto}.js .app.fits .app-in{padding-top:0}.js .app.fits .app-scene{height:calc(var(--app-room) + 5 * var(--gap))}.js .app.fits .app-pin{height:var(--app-room);flex-direction:column;justify-content:center;padding-top:64px;display:flex;position:sticky;top:0}.js .app.fits .touch-fig{align-self:stretch;margin-top:20px}.js .app.fits .touch-seq{width:min(100%,calc(var(--app-room) - 136px - var(--app-text)));margin:0 auto}.js .app.fits .app-stage{counter-reset:point;margin-top:20px;display:grid}.js .app.fits .points{display:contents}.js .app.fits .lead-step,.js .app.fits .points li,.js .app.fits .close-step{opacity:0;pointer-events:none;grid-area:1/1}.js .app.fits .close-step .only{margin-top:0}.js .app.fits .app-stage .on{opacity:1;pointer-events:auto}.js .app.fits .points li{counter-increment:point}.js .app.fits .points h3{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.js .app.fits .points h3:after{content:counter(point) "/4";font-size:var(--t-label);letter-spacing:0;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}}
