.hero{--ent:cubic-bezier(.22, 1, .36, 1);--exi:cubic-bezier(.55, 0, 1, .45);--cammove:cubic-bezier(.65, 0, .35, 1);padding-block:var(--s-6) var(--s-section);flex-direction:column;justify-content:center;min-height:calc(100vh - 4rem);display:flex}body:not(.is-done) .hero{min-height:0;padding-block:0}.hero>.wrap{width:100%}.hero__grid{gap:var(--s-7);background:0 0;grid-template-columns:1fr;align-items:center;display:grid}.stage{gap:var(--s-4);background:0 0;flex-direction:column;display:flex}body:not(.is-done) .hero__copy{display:none}@media (min-width:62rem){.hero .wrap{max-width:min(92vw,74rem)}.hero__grid{gap:var(--s-8);grid-template-columns:1fr}.hero__copy{text-align:start;order:1;margin-top:0}.hero__copy h1{font-size:clamp(2.25rem,.9rem + 2.7vw,3.375rem)}.hero__copy .actions{justify-content:flex-start}.stage{order:2}.hero .narrow{margin-inline:0}.frame{max-width:64rem;margin-inline:auto}.hero.is-in .hero__grid{grid-template-columns:1fr 1.3fr}}.narr{z-index:6;white-space:nowrap;left:50%;bottom:calc(.8cqh + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--paper) 80%, transparent);-webkit-backdrop-filter:blur(8px)saturate(150%);opacity:1;height:1.4em;transition:opacity .2s var(--ease);border-radius:999px;margin:0;padding:0 .85em;line-height:1.4em;position:absolute;overflow:hidden;translate:-50%}.narr.is-hidden{opacity:0}.narr__t{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);transition:opacity .18s var(--ease);font-size:1rem;display:block}.narr.is-swap .narr__t{opacity:0}.frame{width:100%;height:min(78vh,46rem);box-shadow:none;background:0 0;border-radius:6px;position:relative;overflow:hidden;container-type:size}body:not(.is-done) .frame{border-radius:0;height:100dvh}.frame.is-flipping{z-index:25;overflow:visible}.hero.is-in .frame{overflow:visible}.cam{z-index:1;perspective:1400px;perspective-origin:50% 60%;--cx:0%;--cy:0%;--cs:.32;transform:translate(var(--cx), var(--cy)) scale(var(--cs));transition:transform .36s var(--cammove);background:0 0;position:absolute;inset:0}.phone{--ph-w:min(85.5cqw, 58rem);--phe:calc(var(--ph-w) * .0035);z-index:1;left:50%;top:calc(2cqh - (var(--ph-w) * .09));width:var(--ph-w);height:calc(var(--ph-w) * 2.126);border-radius:calc(var(--ph-w) * .085);background:var(--shell);opacity:0;transition-property:opacity,transform;transition-duration:.6s;transition-timing-function:var(--ent);position:absolute;transform:translate(-50%)scale(.98);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0006,0 30px 70px -24px #1a191766}.phone.is-on{opacity:1;transform:translate(-50%)scale(1)}.phone.is-panned{transform:translate(-50%, calc(96cqh - (var(--ph-w) * 1.94667))) scale(1);transition-duration:.84s;transition-timing-function:var(--cammove)}.phone.is-leaving{opacity:.2;transition-duration:.84s;transition-timing-function:var(--cammove);transform:translate(-50%,16%)scale(1)}.phone.is-panned.is-leaving{transform:translate(-50%, calc(96cqh - (var(--ph-w) * 1.94667) + 16%)) scale(1)}.phone.is-gone{opacity:0;transition-duration:.312s;transition-timing-function:var(--exi)}.phone__screen{left:calc(var(--ph-w) * .062);top:calc(var(--ph-w) * .09);width:calc(var(--ph-w) * .876);height:calc(var(--ph-w) * .876 * 20 / 9);border-radius:calc(var(--ph-w) * .06);background:#fff;position:absolute;overflow:hidden}.phone__punch{left:50%;top:calc(var(--ph-w) * .06);z-index:4;width:calc(var(--ph-w) * .035);height:calc(var(--ph-w) * .035);opacity:.5;background:#000;border-radius:50%;position:absolute;translate:-50%}.phone__home{z-index:2;background:#4a4c52;border-radius:2px;width:22%;height:.4%;min-height:2px;position:absolute;bottom:2%;left:50%;translate:-50%}.stat{z-index:2;font-family:var(--mono);font-size:calc(var(--phe) * 10);color:#111;background:#fff;justify-content:space-between;align-items:center;padding:.4em .9em;display:flex;position:relative}.stat__icons{align-items:center;gap:.4em;display:flex}.stat__sig{align-items:flex-end;gap:calc(var(--phe) * 1);height:.55em;display:flex}.stat__sig i{width:calc(var(--phe) * 2);background:#111;display:block}.stat__sig i:first-child{height:35%}.stat__sig i:nth-child(2){height:55%}.stat__sig i:nth-child(3){height:75%}.stat__sig i:nth-child(4){height:100%}.stat__bat{border:calc(var(--phe) * 1) solid #111;border-radius:calc(var(--phe) * 2);width:1.15em;height:.6em;display:inline-block;position:relative}.stat__bat:after{content:"";right:calc(var(--phe) * -3);width:calc(var(--phe) * 2);border-radius:0 calc(var(--phe) * 1) calc(var(--phe) * 1) 0;background:#111;height:44%;position:absolute;top:28%}.stat__bat i{inset:calc(var(--phe) * 1);border-radius:calc(var(--phe) * 1);background:#111;width:78%;position:absolute}.bar{z-index:2;font-size:calc(var(--phe) * 10);color:var(--ink-faint);font-family:var(--mono);white-space:nowrap;background:#fff;align-items:center;padding:0 .9em .6em;display:flex;position:relative;overflow:hidden}.bar__url{text-overflow:ellipsis;overflow:hidden}.noise{justify-content:space-between;align-items:center;gap:calc(var(--phe) * 12);background:var(--paper-sunk);color:var(--ink-faint);font-size:calc(var(--phe) * 12);letter-spacing:.04em;padding:calc(var(--phe) * 12);margin-block:calc(var(--phe) * 12);display:flex}.art{padding:0 calc(var(--phe) * 16) calc(var(--phe) * 32);transition:transform 1.4s var(--ent);transform:translateY(0)}.art.is-reading{transform:translateY(-40%)}.art__t{font-family:var(--sans);font-size:calc(var(--phe) * 17);color:var(--ink);margin:0 0 .25em;font-weight:600;line-height:1.3}.art__by{font-size:calc(var(--phe) * 12);color:var(--ink-faint);margin:0 0 calc(var(--phe) * 16)}.art__p{font-family:var(--sans);font-size:calc(var(--phe) * 15);color:var(--ink-muted);margin:0 0 .85em;line-height:1.6}.sheet{z-index:3;background:var(--paper);border-radius:calc(var(--phe) * 20) calc(var(--phe) * 20) 0 0;box-shadow:0 calc(var(--phe) * -8) calc(var(--phe) * 30) calc(var(--phe) * -12) #1a191759;padding:calc(var(--phe) * 12) calc(var(--phe) * 16) calc(calc(var(--phe) * 16) + env(safe-area-inset-bottom,0px));transition:translate .6s var(--ent);position:absolute;bottom:0;left:0;right:0;translate:0 105%}.sheet.is-up{translate:0}.sheet--sys.is-dropping{transition-duration:.312s;transition-timing-function:var(--exi)}.sheet__handle{width:calc(var(--phe) * 36);height:calc(var(--phe) * 4);background:var(--rule-strong);margin:0 auto calc(var(--phe) * 12);border-radius:999px;display:block}.sheet__row{justify-content:space-between;gap:calc(var(--phe) * 8);display:flex}.apptile{font-size:calc(var(--phe) * 8.8);color:var(--ink-muted);text-align:center;width:calc(var(--phe) * 56);flex-direction:column;align-items:center;gap:.35em;display:flex}.apptile__ic{width:calc(var(--phe) * 37.6);height:calc(var(--phe) * 37.6);background:#d8d4cb;border-radius:50%;flex:none}.apptile--tk .apptile__ic{background:var(--paper) var(--icon) center/58% no-repeat;box-shadow:inset 0 0 0 calc(var(--phe) * 1) var(--rule-strong);transition:box-shadow .24s var(--ease), scale .24s var(--ease)}.apptile--tk.is-picked .apptile__ic{box-shadow:0 0 0 calc(var(--phe) * 3) var(--ink)}.apptile--tk.is-pressed .apptile__ic{transition-duration:.144s;scale:.94}.sheet--app{--tk-surface:#fff8e7;--tk-text:#5f4b32;--tk-text2:#6f6250;--tk-border:#967c5f;--tk-primary:#d48872;--tk-primary-label:#2f1b02;--tk-success:#457552;background:var(--tk-surface);color:var(--tk-text);border-top:calc(var(--phe) * 1) solid var(--tk-border);border-radius:calc(var(--phe) * 28) calc(var(--phe) * 28) 0 0}.tkrow{align-items:center;gap:calc(var(--phe) * 12);margin-bottom:calc(var(--phe) * 16);display:flex}.tkrow__mono{width:calc(var(--phe) * 40);height:calc(var(--phe) * 40);border-radius:calc(var(--phe) * 7);color:var(--tk-surface);font-family:var(--serif);font-size:calc(var(--phe) * 19.2);background:#9a7e93;flex:none;justify-content:center;align-items:center;font-weight:600;display:flex}.tkrow__title{font-family:var(--serif);font-size:calc(var(--phe) * 17);color:var(--tk-text);margin:0 0 .2em;line-height:1.25}.tkrow__meta{font-size:calc(var(--phe) * 12);color:var(--tk-text2);margin:0}.tkctl{min-height:calc(var(--phe) * 44);position:relative}.tkbtn{border-radius:calc(var(--phe) * 8);background:var(--tk-primary);color:var(--tk-primary-label);font:inherit;font-family:var(--sans);font-size:calc(var(--phe) * 13);transition:opacity .24s var(--ease);border:0;padding:0;font-weight:600;position:absolute;inset:0;overflow:hidden}.tkbtn__fill{background:color-mix(in srgb, var(--tk-primary) 55%, #fff 45%);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.tkbtn__label{opacity:1;transition:opacity .24s var(--ease);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tkbtn__label--sending{opacity:0}.frame[data-app=counting] .tkbtn__fill{animation:1.5s linear forwards tksweep}.frame[data-app=sending] .tkbtn__fill{transform:scaleX(1)}.frame[data-app=sending] .tkbtn__label--count{opacity:0}.frame[data-app=sending] .tkbtn__label--sending{opacity:1}@keyframes tksweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tkstatus{font-size:calc(var(--phe) * 13);opacity:0;transition:opacity .312s var(--ease);align-items:center;gap:.55em;margin:0;display:flex;position:absolute;inset:0}.frame[data-app=queued] .tkbtn{opacity:0;pointer-events:none}.frame[data-app=queued] .tkstatus{opacity:1}.tkstatus__ic{background:var(--tk-success);width:1.15em;height:1.15em;color:var(--tk-surface);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.7em;line-height:1;display:flex}.tkfoot{margin:calc(var(--phe) * 12) 0 0;font-size:calc(var(--phe) * 11);color:var(--tk-text2)}.sent{z-index:5;pointer-events:none;font-family:var(--serif);color:var(--ink);white-space:nowrap;opacity:0;will-change:opacity, transform;transition:opacity .384s var(--ent), transform .384s var(--ent);margin:0;font-size:clamp(4.5rem,26cqw,18rem);font-weight:600;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.12)}.sent.is-on{opacity:1;transform:translate(-50%,-50%)scale(1)}.sent.is-drift{transition:opacity .2s linear,transform .2s linear;transform:translate(-50%,-54%)scale(1.09)}.sent.is-leaving{opacity:0;transition:opacity .6s var(--exi), transform .6s var(--exi);transform:translate(-50%,-70%)scale(1.09)}.kindle{--kd-w:min(67cqh, 90cqw, 46rem);--kde:calc(var(--kd-w) * .026534);z-index:2;width:var(--kd-w);height:calc(var(--kd-w) * 1.398);border-radius:calc(var(--kd-w) * .045);background:var(--shell);opacity:0;transition:transform .96s var(--ent);position:absolute;top:50%;left:50%;transform:translate(-50%,70%)rotateY(-4deg);box-shadow:0 2px 4px #0003,0 48px 80px -24px #1a191780}.kindle.is-on{opacity:1;transform:translate(-50%,-50%)rotateY(-4deg)}.kindle.is-settled{transition:transform .6s var(--ent);transform:translate(-50%,-50%)rotateY(0)}.kindle__screen{left:calc(var(--kd-w) * .08);top:calc(var(--kd-w) * .08);width:calc(var(--kd-w) * .84);height:calc(var(--kd-w) * .84 * 4 / 3);border-radius:calc(var(--kde) * .1875);background:var(--eink);position:absolute;overflow:hidden}.kart{-webkit-mask-image:linear-gradient(#000 calc(100% - var(--kde) * 1.5), transparent);-webkit-mask-image:linear-gradient(#000 calc(100% - var(--kde) * 1.5), transparent);mask-image:linear-gradient(#000 calc(100% - var(--kde) * 1.5), transparent);position:absolute;inset:9% 10% 14%;overflow:hidden}.kart__t{font-family:var(--serif);font-size:calc(var(--kde) * 1.375);color:var(--eink-ink);margin:0 0 .3em;font-weight:600;line-height:1.15}.kart__by{font-family:var(--serif);font-style:italic;font-size:calc(var(--kde) * .8125);color:var(--eink-ink);opacity:.72;margin:0 0 1em}.kart__p{font-family:var(--serif);font-size:calc(var(--kde) * .9375);color:var(--eink-ink);text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin:0 0 .9em;line-height:1.6}.kart__src{font-family:var(--serif);font-size:calc(var(--kde) * .8125);color:#6d6a62;margin-top:1.2em}.kart__foot{font-family:var(--sans);font-size:calc(var(--kde) * .6875);color:var(--ink-faint);justify-content:space-between;display:flex;position:absolute;inset-block-end:6%;inset-inline:10%}.hero__copy{margin-top:var(--s-7)}.hero__copy>*{opacity:0;translate:0 var(--rise);transition:opacity .84s var(--ease), translate .84s var(--ease)}.hero.is-in .hero__copy>*{opacity:1;translate:0}.hero.is-in .hero__copy>:nth-child(2){transition-delay:.144s}.hero.is-in .hero__copy>:nth-child(3){transition-delay:.288s}.hero.is-in .hero__copy>:nth-child(4){transition-delay:.432s}.hero__copy h1{margin-bottom:var(--s-5)}.hero__copy .lede{margin-bottom:var(--s-6)}.hero__copy .actions{margin-bottom:var(--s-4)}@media (min-width:62rem){.hero.is-in .hero__copy>:first-child{transition-delay:.48s}.hero.is-in .hero__copy>:nth-child(2){transition-delay:.624s}.hero.is-in .hero__copy>:nth-child(3){transition-delay:.768s}.hero.is-in .hero__copy>:nth-child(4){transition-delay:.912s}}.no-anim{transition:none!important;animation:none!important}.replay{font:inherit;font-family:var(--mono);font-size:var(--t-label);letter-spacing:.06em;text-transform:uppercase;padding:var(--s-1) 0;margin:var(--s-4) 0 0;color:var(--ink-faint);cursor:pointer;text-underline-offset:.25em;text-decoration:underline;-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong);background:0 0;border:0;transition:color .15s ease-out,scale .15s ease-out}.replay:hover{color:var(--ink)}.replay:active{scale:.96}.arrive{gap:var(--s-7);place-items:center;display:grid}@media (min-width:44rem){.arrive{gap:var(--s-9);grid-template-columns:auto minmax(0,1fr);justify-items:start}}.arrive{perspective:1400px}.cover{--cover-w:min(20rem, 78vw);--cv:calc(var(--cover-w) / 100);--ry:-26deg;--rx:4deg;--tz:-40px;--tx:0;--ty:0;width:var(--cover-w);aspect-ratio:600/800;background:var(--paper-sunk);border:1px solid var(--rule);font-family:var(--serif);color:#424242;transform:rotateY(calc(var(--ry) + var(--tx) * 10deg)) rotateX(calc(var(--rx) - var(--ty) * 8deg)) translateZ(var(--tz));transform-style:preserve-3d;backface-visibility:hidden;transition:transform 1.1s var(--ease), box-shadow 1.1s var(--ease);display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #1a19170f,0 24px 48px -20px #1a19174d}@media (min-width:44rem){.cover{--cover-w:min(22rem, 40vw)}}.in .cover{--ry:-9deg;--rx:2deg;--tz:0px}.cover.has-hovered{transition:transform .7s var(--ease), box-shadow 1.1s var(--ease)}.cover.is-hovering{transition:transform .12s linear, box-shadow 1.1s var(--ease)}.cover:after{content:"";pointer-events:none;background:radial-gradient(circle at var(--lx,50%) var(--ly,50%), #ffffff2e, transparent 60%);opacity:0;transition:opacity .24s var(--ease);position:absolute;inset:0}.cover.is-hovering:after{opacity:1}.cover__bg{-o-object-fit:cover;object-fit:cover;opacity:.1;width:100%;height:100%;position:absolute;inset:0}.cover__i{aspect-ratio:1;background:var(--icon) center/contain no-repeat;width:11%;position:absolute;inset-block-start:7%;inset-inline-start:7%}.cover__b{text-align:center;position:absolute;inset-block-start:26%;inset-inline:9%}.cover__t{font-size:calc(var(--cv) * 6.25);text-wrap:balance;margin:0 0 .6em;font-weight:600;line-height:1.2}.cover__a{font-size:calc(var(--cv) * 4.5);color:#5f5f5f;margin:0}.cover__r{background:var(--rule-strong);transform-origin:0;height:1px;position:absolute;inset-inline:9%}.cover__r--1{inset-block-start:22%}.cover__r--2{inset-block-end:16%}.cover__f{text-align:center;font-size:calc(var(--cv) * 3.75);color:#666;margin:0;line-height:1.4;position:absolute;inset-block-end:7%;inset-inline:9%}.cover__i,.cover__b,.cover__f{opacity:0;transition:opacity .6s var(--ease)}.cover__r{transition:scale .7s var(--ease);scale:0 1}.in .cover__r--1{transition-delay:.15s;scale:1}.in .cover__i{opacity:1;transition-delay:.25s}.in .cover__b{opacity:1;transition-delay:.45s}.in .cover__r--2{transition-delay:.65s;scale:1}.in .cover__f{opacity:1;transition-delay:.8s}.toc{margin:var(--s-5) 0 0;gap:var(--s-3);font-family:var(--serif);font-size:var(--t-small);max-width:24rem;padding:0;list-style:none;display:grid}.toc__line{align-items:baseline;display:flex}.toc__n{font-family:var(--mono);font-size:var(--t-label);letter-spacing:.04em;color:var(--ink-faint);flex:none;margin-inline-end:.75em}.toc__title{color:var(--ink)}.toc li:first-child .toc__title{font-weight:600}.toc__leader{border-bottom:1px dotted var(--rule-strong);flex:1;margin:0 .6em .35em}.toc__p{font-family:var(--mono);font-size:var(--t-label);color:var(--ink-faint);flex:none}.toc__sub{font-family:var(--serif);font-style:italic;font-size:var(--t-small);color:var(--ink-muted);margin:.35em 0 0}.toc li{opacity:0;translate:0 var(--rise);transition:opacity .7s var(--ease), translate .7s var(--ease)}.in .toc li{opacity:1;translate:0}.in .toc li:nth-child(2){transition-delay:90ms}.in .toc li:nth-child(3){transition-delay:.18s}.in .toc li:nth-child(4){transition-delay:.27s}.stores{gap:var(--s-6);grid-template-columns:1fr;max-width:44rem;margin-inline:auto;display:grid}@media (min-width:34rem){.stores{grid-template-columns:repeat(3,1fr)}}.store{gap:var(--s-2);text-align:center;flex-direction:column;align-items:center;text-decoration:none;display:flex}.store svg{width:2.75rem;height:2.75rem;transition:scale .2s ease-out}.store:hover svg{scale:1.06}.store__n{font-size:var(--t-small);font-weight:500}@media (prefers-reduced-motion:reduce){.cam{--cs:1}.phone,.sent{opacity:0}.kindle{transform:translate(-50%,-50%)rotateY(0)}.art{transform:none!important}.cover,.in .cover{transform:none}.cover:after{display:none}.hero__copy>*,.cover__i,.cover__b,.cover__f,.toc li{opacity:1!important;translate:0!important}.cover__r{scale:1!important}.replay{display:none}}