@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../../../fonts/instrument-sans-600.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ground:var(--lightningcss-light,#f5f3ee)var(--lightningcss-dark,#1b1916);--ink:var(--lightningcss-light,#24231d)var(--lightningcss-dark,#f2efe7);--ink-2:var(--lightningcss-light,#5c594e)var(--lightningcss-dark,#bdb6a8);--rule:var(--lightningcss-light,#e2ddd0)var(--lightningcss-dark,#34312b);--card:var(--lightningcss-light,#fff)var(--lightningcss-dark,#262420);--clementine:#f26b1d;--on-clementine:#24231d;--display:"Instrument Sans", system-ui, sans-serif;--gutter-left:max(16px, env(safe-area-inset-left,0px));--gutter-right:max(16px, env(safe-area-inset-right,0px));-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:100%;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}html{background:var(--ground);color:var(--ink)}body{flex-direction:column;min-height:100svh;margin:0;display:flex}:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid}.face{touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent;width:min(100%,24rem);height:auto;margin-bottom:2.5rem;display:block;overflow:visible}.intro-hero h1{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:clamp(1.375rem,1.2rem + .6vw,1.75rem);font-weight:600;line-height:1.1}.headline{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;margin:.75rem 0 0;font-size:clamp(2.25rem,1.6rem + 2.6vw,3.5rem);font-weight:600;line-height:1.04}.headline span{display:block}.phone-shot{width:100%;padding:14px;position:relative;container-type:inline-size}.phone-shot[data-crop=lower]{aspect-ratio:375/700;clip-path:inset(-3rem -3rem 0);width:min(100%,21rem);margin-top:3rem;padding-bottom:0}.phone-shot:not([data-crop=card]):before,.phone-shot:not([data-crop=card]):after{content:"";background:#2b2926;width:3px;position:absolute}.phone-shot:not([data-crop=card]):before{border-radius:2px 0 0 2px;height:18.6667cqw;top:calc(14px + 45.3333cqw);left:0}.phone-shot:not([data-crop=card]):after{border-radius:0 2px 2px 0;height:26.6667cqw;top:calc(14px + 53.3333cqw);right:0}.phone-shot[data-crop=card]{aspect-ratio:375/470;border-radius:1.5rem;width:min(100%,24rem);padding:0;overflow:hidden;box-shadow:0 1rem 2.5rem #24231d24}.phone-shot[data-crop=card] .phone{box-shadow:none;translate:0 calc(-96 * var(--u));border-radius:0}.phone-shot[data-crop=card] .phone-island{display:none}.phone-shot[data-crop=card] .phone[data-screen=day]{translate:0 calc(-230 * var(--u))}.phone-shot[data-crop=card] .phone[data-screen=journey]{translate:0 calc(-40 * var(--u))}.phone{--u:calc(100cqw / 375);--phone-ground:#1b1916;--phone-ink:#f2efe7;--phone-ink-2:#bdb6a8;--phone-rule:#34312b;--phone-card:#262420;width:calc(375 * var(--u));height:calc(812 * var(--u));border-radius:calc(46 * var(--u));background:var(--phone-ground);color:var(--phone-ink);box-shadow:0 0 0 calc(10 * var(--u)) #121110, 0 0 0 calc(12 * var(--u)) #45413b, 0 0 0 calc(13 * var(--u)) #0d0c0b, 0 calc(30 * var(--u)) calc(60 * var(--u)) #0000004d;font-size:calc(16 * var(--u));text-align:left;-webkit-font-smoothing:antialiased;line-height:1.4;position:relative;overflow:hidden}.phone svg{display:block}.phone .ph{fill:currentColor;stroke:none}.phone-island{z-index:6;top:calc(11 * var(--u));width:calc(110 * var(--u));height:calc(32 * var(--u));background:#000;border-radius:999px;position:absolute;left:50%;translate:-50%}.phone{--settle:.6s cubic-bezier(.32, .72, 0, 1)}.phone-stage{height:calc(560 * var(--u));background:var(--clementine);color:var(--on-clementine);transition:height var(--settle);position:absolute;inset:0 0 auto}.phone[data-screen=day] .phone-stage{height:calc(404 * var(--u))}.phone-status{height:calc(44 * var(--u));padding:0 calc(30 * var(--u));font-size:calc(15 * var(--u));justify-content:space-between;align-items:center;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.phone-status-icons{gap:calc(6 * var(--u));align-items:center;display:flex}.phone-status-icons i{width:calc(17 * var(--u));height:calc(10 * var(--u));border-radius:calc(2 * var(--u));background:currentColor;display:block}.phone-status-icons i:nth-child(2){width:calc(15 * var(--u));border-radius:calc(5 * var(--u)) calc(5 * var(--u)) calc(2 * var(--u)) calc(2 * var(--u))}.phone-status-icons i:nth-child(3){width:calc(24 * var(--u));height:calc(11 * var(--u));border-radius:calc(3 * var(--u))}.phone-top{top:calc(52 * var(--u));left:calc(24 * var(--u));right:calc(20 * var(--u));font-size:calc(15 * var(--u));justify-content:space-between;align-items:center;font-weight:600;display:flex;position:absolute}.phone-me{width:calc(36 * var(--u));height:calc(36 * var(--u));font-family:var(--display);font-size:calc(17 * var(--u));letter-spacing:-.02em;background:#24231d24;border-radius:50%;place-items:center;display:grid}.phone-face{top:calc(150 * var(--u));width:calc(176 * var(--u));height:calc(145 * var(--u));margin-left:calc(-88 * var(--u));transition:top var(--settle), width var(--settle), height var(--settle), margin-left var(--settle);position:absolute;left:50%}.phone[data-screen=day] .phone-face{top:calc(108 * var(--u));width:calc(132 * var(--u));height:calc(109 * var(--u));margin-left:calc(-66 * var(--u))}.phone-now{top:calc(338 * var(--u));left:calc(24 * var(--u));right:calc(24 * var(--u));text-align:center;color:var(--on-clementine);text-wrap:balance;transition:top var(--settle);position:absolute}.phone[data-screen=day] .phone-now{top:calc(240 * var(--u))}.phone-now-hint{font-size:calc(17 * var(--u));margin:0}.phone-now u{text-decoration-thickness:calc(1.5 * var(--u));text-underline-offset:calc(3 * var(--u));font-weight:600}.phone-now-title{margin:0 0 calc(8 * var(--u));font-family:var(--display);font-weight:600;font-size:calc(34 * var(--u));transition:font-size var(--settle);letter-spacing:-.035em;color:var(--on-clementine);line-height:1.08}.phone[data-screen=day] .phone-now-title{font-size:calc(30 * var(--u))}.phone-body{inset:calc(522 * var(--u)) 0 0;padding:0 calc(16 * var(--u));transition:top var(--settle);position:absolute}.phone[data-screen=day] .phone-body{top:calc(366 * var(--u))}.phone-day{margin-top:calc(14 * var(--u));padding:0 calc(4 * var(--u));display:none}.phone-day p{margin:0}.phone[data-screen=day] .phone-day{animation:.4s ease-out .2s both phone-in;display:block}.phone[data-screen=day] :is(.phone-stack>.phone-card:not(:first-child),.phone-more){display:none}.phone[data-screen=day] .phone-stack{padding-bottom:0}.phone-day-head{padding-bottom:calc(4 * var(--u));font-size:calc(13 * var(--u));color:var(--phone-ink-2);justify-content:space-between;display:flex}.phone-day-head span:first-child{color:var(--phone-ink);font-weight:600}.phone-day-head em{color:var(--phone-ink-2);font-style:normal;font-weight:400}.phone-day-head b{font-size:calc(15 * var(--u));color:var(--phone-ink);font-weight:600}.phone-day-when{padding:calc(10 * var(--u)) 0 calc(4 * var(--u));font-size:calc(11.5 * var(--u));letter-spacing:.06em;text-transform:uppercase;color:var(--phone-ink-2);font-weight:600}.phone-day-row{gap:calc(12 * var(--u));padding:calc(9 * var(--u)) 0;border-top:1px solid var(--phone-rule);font-size:calc(15 * var(--u));align-items:flex-start;line-height:1.3;display:flex}.phone-day-row>span:last-child{gap:calc(2 * var(--u));flex-direction:column;display:flex}.phone-day-row .phone-tick,.phone-task .phone-tick{width:calc(26 * var(--u));height:calc(26 * var(--u));margin:calc(-1 * var(--u)) 0 0 calc(-2 * var(--u))}.phone-task{gap:calc(12 * var(--u));align-items:flex-start;display:flex}.phone-day-row em{font-style:normal;font-size:calc(13 * var(--u));color:var(--phone-ink-2)}.phone-stack{isolation:isolate;padding-bottom:calc(22 * var(--u));position:relative}.phone-card{inset:0 0 calc(22 * var(--u));padding:calc(16 * var(--u)) calc(18 * var(--u));border-radius:calc(18 * var(--u));background:var(--phone-card);box-shadow:0 calc(10 * var(--u)) calc(30 * var(--u)) #24231d29;position:absolute}.phone-card:first-child{z-index:1;position:relative}.phone-card:nth-child(2){z-index:-1;opacity:.75;transform:translateY(calc(12 * var(--u))) scale(.95)}.phone-card:nth-child(3){z-index:-2;opacity:.5;transform:translateY(calc(22 * var(--u))) scale(.9)}.phone-eyebrow{margin:0 0 calc(6 * var(--u));font-size:calc(12 * var(--u));letter-spacing:.06em;text-transform:uppercase;color:var(--phone-ink-2);font-weight:600}.phone-card-title{font-size:calc(17 * var(--u));text-wrap:pretty;margin:0;line-height:1.3}.phone-card-meta{margin:calc(3 * var(--u)) 0 0;font-size:calc(14 * var(--u));color:var(--phone-ink-2)}.phone-more{justify-content:space-between;gap:calc(12 * var(--u));margin-top:calc(12 * var(--u));padding:0 calc(4 * var(--u));font-size:calc(15 * var(--u));white-space:nowrap;color:var(--phone-ink-2);display:flex}.phone-more b{color:var(--phone-ink);font-weight:600}.phone-nav{height:calc(86 * var(--u));padding:calc(6 * var(--u)) calc(8 * var(--u)) calc(22 * var(--u));border-top:1px solid var(--phone-rule);background:var(--phone-ground);grid-template-columns:repeat(5,1fr);align-items:start;display:grid;position:absolute;inset:auto 0 0}.phone-tab{align-items:center;gap:calc(3 * var(--u));padding-top:calc(4 * var(--u));font-size:calc(11 * var(--u));color:var(--phone-ink-2);flex-direction:column;font-weight:600;display:flex}.phone-tab[data-current]{--tab-pill:#f2efe724;--tab-on:block;--tab-off:none;color:var(--phone-ink)}.phone-tab .phone-tab-on{display:var(--tab-on,none)}.phone-tab .phone-tab-off{display:var(--tab-off,block)}.phone-tab svg{box-sizing:content-box;padding:calc(3 * var(--u)) calc(14 * var(--u));background:var(--tab-pill,transparent);width:calc(24 * var(--u));height:calc(24 * var(--u));border-radius:999px}.phone-key{width:calc(60 * var(--u));height:calc(60 * var(--u));margin-top:calc(-18 * var(--u));background:var(--clementine);color:var(--on-clementine);border-radius:50%;justify-self:center;place-items:center;display:grid}.phone-key svg{width:calc(32 * var(--u));height:calc(32 * var(--u))}.phone-key .phone-key-face{width:calc(36 * var(--u));height:calc(26 * var(--u));fill:currentColor;stroke:none;display:none}.phone-key-face .smile{fill:none;stroke:currentColor;stroke-width:9px;stroke-linecap:round}.subtitle{letter-spacing:-.01em;text-wrap:balance;max-width:38rem;margin:1.25rem 0 0;font-size:clamp(1.1875rem,1.05rem + .6vw,1.5rem);line-height:1.35}.cta-note{font-size:.9375rem}.closing .cta{justify-content:flex-start;margin-top:0}.early-bar{z-index:20;padding-top:env(safe-area-inset-top,0px);padding-left:var(--gutter-left);padding-right:var(--gutter-right);background:color-mix(in oklab, var(--ground) 80%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--rule);transition:translate .3s cubic-bezier(.23,1,.32,1);position:fixed;inset:0 0 auto;translate:0 -100%}.early-bar[data-shown]{translate:0}.early-bar-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:70rem;height:3.75rem;margin:0 auto;display:flex}.early-bar-name{font-family:var(--display);letter-spacing:-.02em;font-size:1.125rem;font-weight:600}.early-bar .button{background:var(--ink);min-height:2.125rem;color:var(--ground);padding:0 1rem;font-size:.875rem}@media (prefers-reduced-motion:reduce){.early-bar,.phone :is(.phone-stage,.phone-face,.phone-now,.phone-now-title,.phone-body){transition:none}}.cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.75rem;margin-top:2.25rem;display:flex}.button{background:var(--on-clementine);color:#f5f3ee;white-space:nowrap;cursor:pointer;border:none;border-radius:999px;align-items:center;min-height:2.75rem;padding:0 1.5rem;font-family:inherit;font-size:1.0625rem;font-weight:600;text-decoration:none;transition:background-color .16s cubic-bezier(.23,1,.32,1);display:inline-flex}.button:hover{background:color-mix(in oklab, var(--on-clementine) 86%, #f5f3ee)}main{--inset-left:max(var(--gutter-left), calc((100% - 64rem) / 2));--inset-right:max(var(--gutter-right), calc((100% - 64rem) / 2));--gap:1.25rem;flex-direction:column;flex:1;width:100%;display:flex}.shelf{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--ground);color:var(--ink);flex-direction:column;gap:1.25rem;padding-block:4.5rem 3.5rem;display:flex}h2{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:600;line-height:1.08}.shelf-head{padding-left:var(--inset-left);padding-right:var(--inset-right);flex-direction:column;gap:.625rem;display:flex}.shelf h2{font-size:clamp(1.75rem,1.4rem + 1.6vw,2.5rem)}.shelf-head p{max-width:36rem;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem)}.shelf-body{position:relative}.shelf-list{grid-auto-flow:column;grid-auto-columns:var(--card-width);gap:var(--gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-block:.5rem 1.75rem;padding-left:var(--inset-left);padding-right:var(--inset-right);scroll-padding-left:var(--inset-left);scroll-padding-right:var(--inset-right);margin:0;list-style:none;display:grid;overflow:auto hidden}.shelf-list::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){.shelf-list{cursor:grab}}.shelf-list[data-drag]{scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.shelf-list[data-drag=moving]{cursor:grabbing}@media (prefers-reduced-motion:reduce){.shelf-list{scroll-behavior:auto}}.shelf[data-kind=story]{--card-width:min(78vw, calc((64rem - 2 * var(--gap)) / 3));--card-ratio:3 / 4}.story{scroll-snap-align:start;aspect-ratio:var(--card-ratio);background:var(--tone-ground);min-width:0;color:var(--tone-ink);border-radius:1.125rem;flex-direction:column;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px var(--lightningcss-light,#24231d1a)var(--lightningcss-dark,#0000)}.story[data-tone=clementine]{--tone-ground:var(--clementine);--tone-ink:var(--on-clementine);--tone-art:var(--on-clementine);--tone-name:var(--on-clementine);--art-line:var(--on-clementine);--art-accent:var(--on-clementine)}.story[data-tone=card]{--tone-ground:var(--card);--tone-ink:var(--ink);--tone-art:var(--clementine);--tone-name:var(--ink-2);--art-line:var(--ink);--art-accent:var(--clementine)}.story[data-tone=ink]{--tone-ground:var(--lightningcss-light,#24231d)var(--lightningcss-dark,#2e2b26);--tone-ink:#f5f3ee;--tone-art:var(--clementine);--tone-name:#bdb6a8;--art-line:var(--clementine);--art-accent:var(--clementine)}.story-art{min-height:0;color:var(--tone-art);flex:1;place-items:center;display:grid}.story-art svg{width:min(68%,14rem);height:auto;max-height:100%}.story-art[data-fill]{position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 48%,#0000 80%);mask-image:linear-gradient(#000 48%,#0000 80%)}.story-art[data-fade=late]{-webkit-mask-image:linear-gradient(#000 66%,#0000 86%);mask-image:linear-gradient(#000 66%,#0000 86%)}.story-art[data-fill] svg{width:100%;height:100%;max-height:none;display:block}.story-art svg[viewBox^="115"]{width:52%}.story-text{flex-direction:column;gap:.375rem;margin-top:auto;display:flex;position:relative}.story-name{letter-spacing:.06em;text-transform:uppercase;color:var(--tone-name);font-size:.8125rem;font-weight:600}.story-title{font-family:var(--display);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(1.5rem,1.3rem + .6vw,1.875rem);font-weight:600;line-height:1.1}.paddle{background:color-mix(in oklab, var(--ground) 82%, transparent);width:28px;height:64px;color:var(--ink-2);cursor:pointer;opacity:0;border:none;border-radius:6px;place-items:center;padding:0;transition:opacity .25s linear,background-color .25s linear,color .25s linear;display:grid;position:absolute;top:calc(50% - .625rem);translate:0 -50%}.paddle[hidden]{display:none}.paddle[data-dir="-1"]{left:max(.5rem, env(safe-area-inset-left,0px))}.paddle[data-dir="1"]{right:max(.5rem, env(safe-area-inset-right,0px))}.paddle svg{width:8.5px;height:30.5px}.shelf-body:hover .paddle,.paddle:focus-visible{opacity:1}.paddle:hover{background:color-mix(in oklab, var(--ink) 10%, var(--ground));color:var(--ink)}@media (hover:none){.paddle{display:none}}.breakout{background:var(--card);color:var(--ink);padding-block:4.5rem 5rem;padding-left:var(--inset-left);padding-right:var(--inset-right)}.breakout-inner{flex-direction:column;gap:1.5rem;display:flex}.breakout-eyebrow{font-family:var(--display);letter-spacing:-.025em;color:var(--clementine);margin:0;font-size:clamp(1.5rem,1.2rem + 1.4vw,2.25rem);font-weight:600}.breakout-card{aspect-ratio:8/3;background:var(--ground);border-radius:1.125rem;min-height:22rem;position:relative;overflow:hidden}.breakout-art{color:var(--clementine);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 30%,#00000059 100%);mask-image:linear-gradient(90deg,#000 30%,#00000059 100%)}.breakout-art svg{width:100%;height:100%;display:block}.breakout-text{background:var(--ground);border-top-right-radius:1.125rem;flex-direction:column;gap:.625rem;width:min(100%,26rem);padding:1.75rem 2rem 2rem;display:flex;position:absolute;bottom:0;left:0}.breakout h2{letter-spacing:-.04em;font-size:clamp(2.5rem,2rem + 2.4vw,3.75rem);line-height:1}.breakout-text p{color:var(--ink-2);text-wrap:pretty;margin:0;font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem);line-height:1.4}.statement{max-width:56rem;padding-block:5.5rem 6rem;padding-left:var(--gutter-left);padding-right:var(--gutter-right);text-align:center;flex-direction:column;align-items:center;gap:1rem;margin:0 auto;display:flex}.statement-icon{width:clamp(6rem,4.5rem + 5vw,8.5rem);height:auto;color:var(--clementine);margin-bottom:.25rem}.statement h2{letter-spacing:-.035em;font-size:clamp(2rem,1.5rem + 2.4vw,3rem);line-height:1.05}.statement p{text-wrap:balance;max-width:36rem;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem)}.promises{text-align:center;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:2rem 3rem;width:100%;max-width:46rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.promises li{min-width:0;color:var(--ink-2);text-wrap:balance;flex-direction:column;align-items:center;gap:.375rem;font-size:1.0625rem;line-height:1.45;display:flex}.promises strong{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;font-size:1.25rem;font-weight:600;line-height:1.2}footer{padding-block:3rem calc(env(safe-area-inset-bottom,0px) + 3.5rem);padding-left:var(--gutter-left);padding-right:var(--gutter-right);color:var(--ink-2);font-size:.9375rem}.footer-inner{flex-wrap:wrap;align-items:flex-start;gap:1.5rem 4rem;max-width:64rem;margin:0 auto;display:flex}footer a{color:inherit;text-decoration:none}footer a:hover{color:var(--ink)}footer .spacer{flex:1}.copy{align-items:center;gap:.3em;display:inline-flex}.copy-icon{flex:none;width:1.05em;height:1.05em}.sheet{background:var(--card);width:min(100% - 2rem,26rem);color:var(--ink);border:none;border-radius:1.25rem;padding:0;box-shadow:0 24px 80px #00000047}.sheet[open]{animation:.22s cubic-bezier(.23,1,.32,1) sheet-in}@keyframes sheet-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (prefers-reduced-motion:reduce){.sheet[open]{animation:none}}.sheet::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16151273}.sheet-body{padding:1.75rem}.sheet h2{font-size:1.625rem}.sheet p{color:var(--ink-2);text-wrap:pretty;margin:.5rem 0 0}.field input{border:1px solid var(--rule);background:var(--ground);width:100%;height:3rem;color:var(--ink);font:inherit;border-radius:.75rem;margin-top:1.25rem;padding:0 1rem;font-size:1.0625rem;display:block}.field input:focus-visible{outline:2px solid var(--clementine);outline-offset:1px}.field input[aria-invalid=true]{border-color:var(--lightningcss-light,#b4380e)var(--lightningcss-dark,#ff9a66)}.sheet .sheet-error{color:var(--lightningcss-light,#b4380e)var(--lightningcss-dark,#ff9a66);font-size:.9375rem}.sheet .sheet-fine{font-size:.8125rem}.sheet-fine a{color:inherit}.sheet-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.sheet .button{background:var(--clementine);color:var(--on-clementine)}.sheet .button:hover{background:color-mix(in oklab, var(--clementine) 88%, var(--on-clementine))}.sheet .button:disabled{opacity:.6;cursor:default}.quiet{white-space:nowrap;min-height:2.75rem;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.5rem .875rem;font-weight:600}.quiet:hover{background:color-mix(in oklab, var(--ink) 8%, transparent);color:var(--ink)}.trap{opacity:0;width:1px;height:1px;position:absolute;left:-10000px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.languages a[aria-current=true]{color:var(--ink);font-weight:600}.intro-text{flex-direction:column;gap:.875rem;display:flex}.chapter h2{letter-spacing:-.035em;white-space:pre-line;font-size:clamp(1.875rem,1.45rem + 1.8vw,2.75rem);line-height:1.06}.chapter .intro-text p{max-width:26rem;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem)}.closing{border-top:.75rem solid var(--card);background:var(--clementine);color:var(--on-clementine);padding-block:5.5rem 6rem;padding-left:var(--gutter-left);padding-right:var(--gutter-right)}.closing-inner{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));align-items:center;gap:2.5rem 4rem;max-width:64rem;margin:0 auto;display:grid}.closing .face{width:100%;max-width:28rem;margin:0 auto}.closing-text{flex-direction:column;align-items:flex-start;gap:2rem;display:flex}.closing h2{letter-spacing:-.04em;font-size:clamp(2.5rem,1.7rem + 3.4vw,4.25rem);line-height:1.02}.footer-column,footer .languages{flex-direction:column;gap:.625rem;display:flex}@media (width<=40rem){.footer-inner{flex-direction:column}footer .spacer{display:none}}.phone-face .face{width:100%;height:100%;margin:0}.phone-top-card{inset:calc(16 * var(--u)) calc(18 * var(--u)) auto;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s;position:absolute}.phone-top-card[data-on]{opacity:1;visibility:visible;transition:opacity .5s .15s;position:relative;inset:auto}.phone-fresh{color:#f47b33}.phone-when{align-items:center;gap:0 calc(5 * var(--u));margin:calc(2 * var(--u)) calc(-6 * var(--u)) 0;padding:calc(2 * var(--u)) calc(6 * var(--u));border-radius:calc(6 * var(--u));font-size:calc(14 * var(--u));color:var(--phone-ink-2);flex-wrap:wrap;display:flex}.phone-when b{color:#f47b33;font-weight:600}.phone-when svg{width:calc(16 * var(--u));height:calc(16 * var(--u));color:#f47b33}.phone-buttons{gap:calc(8 * var(--u));margin:calc(12 * var(--u)) 0 0;font-size:calc(14 * var(--u));font-weight:600;display:flex}.phone-quiet,.phone-pill{padding:calc(7 * var(--u)) calc(14 * var(--u));background:#2e2b26;border-radius:999px}.phone-pill{background:var(--clementine);color:var(--on-clementine)}.phone-steps{margin:calc(12 * var(--u)) 0 0;border-radius:calc(12 * var(--u));font-size:calc(15 * var(--u));background:#f2efe70d;padding:0;line-height:1.3;list-style:none}.phone-steps li{justify-content:space-between;align-items:baseline;gap:calc(12 * var(--u));padding:calc(11 * var(--u)) calc(14 * var(--u));display:flex}.phone-steps li+li{border-top:1px solid var(--phone-rule)}.phone-steps em{font-style:normal;font-size:calc(13 * var(--u));color:var(--phone-ink-2);flex:none}.phone-steps-all{font-size:calc(14 * var(--u));color:var(--phone-ink-2);font-weight:600}.phone-weeks{gap:calc(5 * var(--u));margin:calc(10 * var(--u)) 0 calc(4 * var(--u));display:flex}.phone-weeks i{height:calc(8 * var(--u));border-radius:calc(4 * var(--u));background:#3a3731;flex:1}.phone-weeks i.done{background:var(--clementine)}.phone-veil,.phone-compose{z-index:4;pointer-events:none;position:absolute;inset:0}.phone-veil{background:#1614116b}.phone-screen{position:absolute;inset:0}.phone[data-typed] .phone-screen{filter:blur(calc(40 * var(--u))) saturate(1.3);scale:1.12}.phone-close{top:calc(50 * var(--u));left:calc(10 * var(--u));width:calc(44 * var(--u));height:calc(44 * var(--u));place-items:center;display:grid;position:absolute}.phone-close:before{content:"";inset:calc(6 * var(--u));background:#f2efe724;border-radius:50%;position:absolute}.phone-close svg{width:calc(18 * var(--u));height:calc(18 * var(--u));color:var(--phone-ink);position:relative}.phone-thread{left:calc(16 * var(--u));right:calc(16 * var(--u));top:calc(104 * var(--u));gap:calc(12 * var(--u));flex-direction:column;display:flex;position:absolute}.phone[data-mode=write] .phone-thread{top:auto;bottom:calc(350 * var(--u))}.phone-you{max-width:82%;font-size:calc(19 * var(--u));text-align:right;color:var(--phone-ink);align-self:flex-end;margin:0;line-height:1.3}.phone-slot{display:grid}.phone-ghost,.phone-answer{padding:calc(14 * var(--u)) calc(16 * var(--u));border-radius:calc(18 * var(--u));background:var(--phone-card);box-shadow:0 0 0 1px #f2efe70f, 0 calc(14 * var(--u)) calc(36 * var(--u)) #00000059;grid-area:1/1;align-self:start}.phone-ghost{align-items:center;gap:calc(14 * var(--u));opacity:0;display:flex}.phone-ghost>div{flex:1;min-width:0}.phone-ghost .phone-eyebrow{margin:0}.phone-ghost i{height:calc(12 * var(--u));margin-top:calc(10 * var(--u));border-radius:calc(6 * var(--u));background:linear-gradient(90deg,#f2efe712 30%,#f2efe733 50%,#f2efe712 70%) 0 0/300% 100%;animation:1.4s ease-in-out infinite phone-shimmer;display:block}.phone-ghost i:first-of-type{width:80%}.phone-ghost i:nth-of-type(2){width:50%}.phone-work-face{width:calc(48 * var(--u));height:calc(48 * var(--u));flex:none}.phone-work-eyes{animation:1.2s ease-in-out infinite alternate phone-glance}.phone-mark{width:calc(18 * var(--u));height:calc(18 * var(--u));border-radius:calc(5 * var(--u))}.phone-answer .phone-eyebrow{align-items:center;gap:calc(8 * var(--u));display:flex}.phone-when-time{display:inline-grid}.phone-when-first,.phone-when-then{grid-area:1/1}.phone-when-first{opacity:0}.phone-listen{inset:auto 0 calc(26 * var(--u));align-items:center;gap:calc(16 * var(--u));opacity:0;flex-direction:column;display:flex;position:absolute}.phone-drafts{margin:0 0 calc(22 * var(--u));padding:0 calc(28 * var(--u));font-size:calc(22 * var(--u));text-align:center;color:#f2efe7b8;line-height:1.3;display:grid}.phone-draft{grid-area:1/1}.phone-draft-again{opacity:0}.phone-hold{width:calc(84 * var(--u));height:calc(84 * var(--u));background:var(--clementine);color:var(--on-clementine);box-shadow:0 0 0 calc(10 * var(--u)) #f26b1d47, 0 0 0 calc(22 * var(--u)) #f26b1d1f;border-radius:50%;place-items:center;display:grid}.phone-hold svg{width:calc(34 * var(--u));height:calc(34 * var(--u))}.phone-listen-hint{margin:calc(18 * var(--u)) 0 0;font-size:calc(13 * var(--u));color:var(--phone-ink-2)}.phone-bar{left:calc(12 * var(--u));right:calc(12 * var(--u));bottom:calc(40 * var(--u));align-items:center;gap:calc(8 * var(--u));display:flex;position:absolute}.phone[data-mode=write] .phone-bar{bottom:calc(292 * var(--u))}.phone-field{min-height:calc(44 * var(--u));padding:0 calc(16 * var(--u));font-size:calc(16 * var(--u));color:var(--phone-ink);background:#f2efe721;border-radius:999px;flex:1;align-items:center;display:grid}.phone-field>*{grid-area:1/1}.phone-field-first,.phone-field-next{color:#f2efe773}.phone-field-first,.phone-field-typed{opacity:0}.phone-caret{width:calc(2 * var(--u));height:1.1em;margin-left:calc(1 * var(--u));vertical-align:-.18em;background:var(--phone-ink);animation:1s step-end infinite phone-blink;display:inline-block}.phone-bar-key{width:calc(44 * var(--u));height:calc(44 * var(--u));background:var(--clementine);color:var(--on-clementine);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.phone-bar-key svg{width:calc(24 * var(--u));height:calc(24 * var(--u));grid-area:1/1}.phone-bar-send{opacity:0}.phone-keyboard{height:calc(282 * var(--u));gap:calc(10 * var(--u));padding:calc(12 * var(--u)) calc(4 * var(--u));background:#2b2925;flex-direction:column;display:flex;position:absolute;inset:auto 0 0}.phone-keyboard span{justify-content:center;gap:calc(6 * var(--u));display:flex}.phone-keyboard i{width:calc(31 * var(--u));height:calc(42 * var(--u));border-radius:calc(6 * var(--u));background:#4a463f}.phone-keyboard span:last-child i:nth-child(3){width:calc(170 * var(--u))}[data-ready=play] .phone[data-typed]:not([data-playing]) :is(.phone-veil,.phone-compose){opacity:0}[data-ready=play] .phone[data-typed]:not([data-playing]) .phone-screen{filter:none;scale:1}[data-ready=play] .phone[data-playing][data-typed] .phone-screen{animation:phone-glass .35s ease-out var(--t-open) both}[data-ready=play] .phone[data-playing] :is(.phone-veil,.phone-compose){animation:phone-in .35s ease-out var(--t-open) both}[data-ready=play] .phone[data-away] :is(.phone-veil,.phone-compose,.phone-finger){transition:opacity .22s ease-out;opacity:0!important}[data-ready=play] .phone[data-away] .phone-screen{transition:filter .22s ease-out,scale .22s ease-out;filter:blur()saturate()!important;scale:1!important}[data-ready=play] .phone[data-playing] .phone-you:not(.phone-you-again){animation:phone-rise .35s cubic-bezier(.23, 1, .32, 1) var(--t-sent) both}[data-ready=play] .phone[data-playing] .phone-ghost{animation:phone-show .25s ease-out calc(var(--t-sent) + .15s) both, phone-hide .2s ease-out var(--t-ready) forwards}[data-ready=play] .phone[data-playing] .phone-answer{animation:phone-card .5s cubic-bezier(.23, 1, .32, 1) var(--t-ready) both}[data-ready=play] .phone[data-playing][data-mode=write] .phone-keyboard{animation:phone-up .3s cubic-bezier(.32, .72, 0, 1) var(--t-open) both}[data-ready=play] .phone[data-playing][data-mode=write] .phone-field-first{animation:phone-show 1ms var(--t-open) both, phone-hide 1ms var(--t-typedStart) forwards}[data-ready=play] .phone[data-playing][data-mode=write] .phone-field-next{animation:phone-show .2s ease-out var(--t-sent) both}[data-ready=play] .phone[data-playing][data-mode=write] .phone-field-typed{animation:phone-show 1ms var(--t-typedStart) both, phone-hide .15s ease-out var(--t-sent) forwards}[data-ready=play] .phone[data-playing][data-mode=write] .phone-field-typed>span{animation:phone-letter 1ms calc(var(--t-typedStart) + var(--i) * 38ms) backwards}[data-ready=play] .phone[data-playing][data-mode=write] .phone-bar-key{animation:phone-key-send .15s ease-out var(--t-typedStart) both, phone-press .3s ease-out calc(var(--t-typedEnd) + .2s), phone-key-back .2s ease-out var(--t-sent) forwards}[data-ready=play] .phone[data-playing][data-mode=write] .phone-bar-send{animation:phone-show .15s ease-out var(--t-typedStart) both, phone-hide .2s ease-out var(--t-sent) forwards}[data-ready=play] .phone[data-playing][data-mode=write] .phone-bar-key svg:first-child{animation:phone-hide .15s ease-out var(--t-typedStart) both, phone-show .2s ease-out var(--t-sent) forwards}[data-ready=play] .phone[data-playing][data-mode=talk] .phone-listen{animation:phone-show .25s ease-out var(--t-open) both, phone-hide .25s ease-out calc(var(--t-typedEnd) + .3s) forwards}[data-ready=play] .phone[data-playing][data-mode=talk] .phone-draft:not(.phone-draft-again)>span{animation:phone-letter 1ms calc(var(--t-typedStart) + var(--i) * 38ms) backwards}[data-ready=play] .phone[data-playing][data-mode=talk] .phone-bar{animation:phone-show .25s ease-out var(--t-sent) both}[data-ready=play] .phone[data-playing][data-mode=talk] .phone-hold{animation:1.2s ease-in-out infinite phone-halo}[data-ready=play] .phone[data-playing][data-reply] .phone-listen{animation:phone-show .25s ease-out var(--t-open) both, phone-hide .25s ease-out calc(var(--t-typedEnd) + .3s) forwards, phone-show .25s ease-out var(--t-replyStart) forwards, phone-hide .25s ease-out calc(var(--t-replyEnd) + .3s) forwards}[data-ready=play] .phone[data-playing][data-reply] .phone-draft:not(.phone-draft-again){animation:phone-hide 1ms calc(var(--t-typedEnd) + .6s) forwards}[data-ready=play] .phone[data-playing][data-reply] .phone-draft-again{animation:phone-show 1ms var(--t-replyStart) forwards}[data-ready=play] .phone[data-playing][data-reply] .phone-draft-again>span{animation:phone-letter 1ms calc(var(--t-replyStart) + .5s + var(--j) * 38ms) backwards}[data-ready=play] .phone[data-playing][data-reply] .phone-bar{animation:phone-show .25s ease-out var(--t-sent) both, phone-hide .2s ease-out var(--t-replyStart) forwards, phone-show .25s ease-out calc(var(--t-replyEnd) + .4s) forwards}[data-ready=play] .phone[data-playing][data-reply] .phone-you-again{animation:phone-rise .35s cubic-bezier(.23, 1, .32, 1) calc(var(--t-replyEnd) + .45s) both}[data-ready=play] .phone[data-playing][data-reply] .phone-when-first{opacity:1;animation:phone-hide .3s ease-out calc(var(--t-replyEnd) + 1.2s) forwards}[data-ready=play] .phone[data-playing][data-reply] .phone-when-then{opacity:0;animation:phone-show .3s ease-out calc(var(--t-replyEnd) + 1.2s) forwards}[data-ready=play] .phone[data-playing][data-reply] .phone-when{animation:phone-flash 1.2s ease-out calc(var(--t-replyEnd) + 1.2s)}.phone-finger{z-index:7;width:calc(40 * var(--u));height:calc(40 * var(--u));margin:calc(-20 * var(--u)) 0 0 calc(-20 * var(--u));box-shadow:0 0 0 calc(2 * var(--u)) #ffffffa6, 0 calc(4 * var(--u)) calc(14 * var(--u)) #00000040;opacity:0;pointer-events:none;background:#ffffff52;border-radius:50%;position:absolute}.phone-finger-key{left:calc(187.5 * var(--u));top:calc(744 * var(--u))}.phone-finger-bar{left:calc(341 * var(--u));top:calc(750 * var(--u))}.phone-finger-close{left:calc(32 * var(--u));top:calc(72 * var(--u))}.phone-finger-seeall{left:calc(328 * var(--u));top:calc(664 * var(--u))}.phone-finger-tab{left:calc(331 * var(--u));top:calc(747 * var(--u))}[data-ready=play] .phone[data-playing][data-mode=write] .phone-finger-key,[data-ready=play] .phone[data-playing][data-scrub] .phone-finger-seeall,[data-ready=play] .phone[data-playing][data-scrub] .phone-finger-tab{animation:phone-tap .45s ease-out var(--t-press) both}[data-ready=play] .phone[data-playing][data-scrub] .phone-finger-close{animation:phone-tap .45s ease-out var(--t-closeTap) both}[data-ready=play] .phone[data-playing][data-mode=talk] .phone-finger-key{animation:phone-touch .2s ease-out var(--t-press) both, phone-to-hold .3s cubic-bezier(.23, 1, .32, 1) var(--t-open) forwards, phone-hide .2s ease-out calc(var(--t-typedEnd) + .3s) forwards}[data-ready=play] .phone[data-playing][data-reply] .phone-finger-bar{animation:phone-touch .2s ease-out calc(var(--t-replyStart) - .3s) both, phone-bar-to-hold .3s cubic-bezier(.23, 1, .32, 1) var(--t-replyStart) forwards, phone-hide .2s ease-out calc(var(--t-replyEnd) + .3s) forwards}[data-ready=play] .phone[data-playing][data-scrub] :is(.phone-veil,.phone-compose){animation:phone-in .35s ease-out var(--t-open) both, phone-hide .4s ease-out var(--t-close) forwards}[data-ready=play] .phone[data-playing][data-scrub][data-typed] .phone-screen{animation:phone-glass .35s ease-out var(--t-open) both, phone-clear .45s ease-out var(--t-close) forwards}[data-ready=play] .phone[data-playing][data-scrub][data-mode=write] .phone-keyboard{animation:phone-up .3s cubic-bezier(.32, .72, 0, 1) var(--t-open) both, phone-down .3s ease-in var(--t-close) forwards}.phone-now-plan,.phone-top-card[data-id=plan]:not([data-on]),.phone[data-screen=journey] .phone-now:not(.phone-now-plan){opacity:0}.phone[data-screen=journey] .phone-now-plan{opacity:1}[data-ready=play] .phone[data-playing][data-scrub][data-screen=plan] :is(.phone-now:not(.phone-now-plan),.phone-top-card[data-id=today]){animation:phone-hide .3s ease-out calc(var(--t-close) + .2s) forwards}[data-ready=play] .phone[data-playing][data-scrub][data-screen=plan] :is(.phone-now-plan,.phone-top-card[data-id=plan]){visibility:visible;animation:phone-show .3s ease-out calc(var(--t-close) + .3s) both}.phone-shot[data-crop=card]:has(.phone[data-typed]){aspect-ratio:375/520}.phone-shot[data-crop=card] .phone[data-typed]{--pan-start:calc(-292 * var(--u));--pan-end:calc(-40 * var(--u));translate:0 var(--pan-end)}.phone-shot[data-crop=card] .phone[data-typed][data-mode=write]{--pan-end:calc(-10 * var(--u))}[data-ready=play] .phone-shot[data-crop=card] .phone[data-typed]:not([data-playing]){translate:0 var(--pan-start)}[data-ready=play] .phone-shot[data-crop=card] .phone[data-playing][data-typed]{animation:phone-pan .7s cubic-bezier(.65, 0, .35, 1) calc(var(--t-sent) - .3s) both}.phone[data-scrub][data-screen=day]:not([data-open]) .phone-stage{height:calc(560 * var(--u))}.phone[data-scrub][data-screen=day]:not([data-open]) .phone-face{top:calc(150 * var(--u));width:calc(176 * var(--u));height:calc(145 * var(--u));margin-left:calc(-88 * var(--u))}.phone[data-scrub][data-screen=day]:not([data-open]) .phone-now{top:calc(338 * var(--u))}.phone[data-scrub][data-screen=day]:not([data-open]) .phone-now-title{font-size:calc(34 * var(--u))}.phone[data-scrub][data-screen=day]:not([data-open]) .phone-body{top:calc(522 * var(--u))}.phone[data-scrub][data-screen=day]:not([data-open]) .phone-stack>.phone-card:not(:first-child){display:block}.phone[data-scrub][data-screen=day]:not([data-open]) .phone-more{display:flex}.phone[data-scrub][data-screen=day]:not([data-open]) .phone-stack{padding-bottom:calc(22 * var(--u))}.phone[data-scrub][data-screen=day]:not([data-open]) .phone-day{display:none}.phone-journeys{inset:0 0 calc(86 * var(--u));z-index:1;padding:calc(52 * var(--u)) calc(16 * var(--u)) 0;background:var(--phone-ground);transition:opacity .25s;position:absolute}.phone[data-scrub]:not([data-open]) .phone-journeys{opacity:0;visibility:hidden}.phone-journeys-top{margin:0 calc(-6 * var(--u)) calc(4 * var(--u));justify-content:space-between;display:flex}.phone-journeys-key{width:calc(44 * var(--u));height:calc(44 * var(--u));place-items:center;display:grid;position:relative}.phone-journeys-key:before{content:"";inset:calc(6 * var(--u));background:#f2efe724;border-radius:50%;position:absolute}.phone-journeys-key svg{width:calc(18 * var(--u));height:calc(18 * var(--u));color:var(--phone-ink);position:relative}.phone-journeys-title{margin:0 0 calc(4 * var(--u)) calc(4 * var(--u));font-family:var(--display);font-size:calc(30 * var(--u));letter-spacing:-.03em;font-weight:600}.phone-journeys-meta{margin:0 0 0 calc(4 * var(--u));font-size:calc(14 * var(--u));color:var(--phone-ink-2)}.phone-journeys .phone-weeks{margin:calc(10 * var(--u)) calc(4 * var(--u)) calc(16 * var(--u))}.phone-path{padding:calc(4 * var(--u)) calc(14 * var(--u));border-radius:calc(18 * var(--u));background:var(--phone-card);font-size:calc(15 * var(--u));margin:0;list-style:none;position:relative}.phone-path>li{grid-template-columns:calc(22 * var(--u)) 1fr auto;column-gap:calc(12 * var(--u));padding:calc(10 * var(--u)) 0;align-items:center;display:grid;position:relative}.phone-path:before{content:"";left:calc(24.25 * var(--u));top:calc(32 * var(--u));bottom:calc(32 * var(--u));width:calc(1.5 * var(--u));background:var(--phone-rule);position:absolute}.phone-path em{font-style:normal;font-size:calc(12.5 * var(--u));color:var(--phone-ink-2);display:block}.phone-path-mark{width:calc(22 * var(--u));height:calc(22 * var(--u));background:var(--phone-card);color:var(--phone-ink-2);border-radius:50%;position:relative}.phone-path>li[data-state=now] .phone-path-mark{color:var(--phone-ink)}.phone-path>li[data-state=done]>span{color:var(--phone-ink-2)}.phone-path-caret{width:calc(16 * var(--u));height:calc(16 * var(--u));color:var(--phone-ink-2)}.phone-path .phone-runs{margin:calc(8 * var(--u)) 0 0;background:#f2efe70d;grid-column:2/-1}.phone-runs{margin:calc(12 * var(--u)) 0 0;border-radius:calc(14 * var(--u));background:var(--phone-card);font-size:calc(15 * var(--u));padding:0;list-style:none}.phone-runs li{align-items:center;gap:calc(10 * var(--u));padding:calc(9 * var(--u)) calc(12 * var(--u));display:flex}.phone-runs li+li{border-top:1px solid var(--phone-rule)}.phone-runs em{font-style:normal;font-size:calc(12.5 * var(--u));color:var(--phone-ink-2);display:block}.phone-tick{width:calc(28 * var(--u));height:calc(28 * var(--u));color:var(--phone-ink-2);flex:none}.phone[data-screen=journey] .phone-nav{z-index:2}.phone[data-screen=journey] .phone-tab[data-tab=today]{--tab-pill:transparent;--tab-on:none;--tab-off:block;color:var(--phone-ink-2)}.phone[data-screen=journey] .phone-tab[data-tab=journeys]{--tab-pill:#f2efe724;--tab-on:block;--tab-off:none;color:var(--phone-ink)}.phone[data-screen=journey] .phone-key-voice{display:none}.phone[data-screen=journey] .phone-key .phone-key-face{display:block}.phone[data-scrub][data-screen=journey]:not([data-open]) .phone-tab[data-tab=today]{--tab-pill:#f2efe724;--tab-on:block;--tab-off:none;color:var(--phone-ink)}.phone[data-scrub][data-screen=journey]:not([data-open]) .phone-tab[data-tab=journeys]{--tab-pill:transparent;--tab-on:none;--tab-off:block;color:var(--phone-ink-2)}.phone[data-scrub][data-screen=journey]:not([data-open]) .phone-key-voice{display:block}.phone[data-scrub][data-screen=journey]:not([data-open]) .phone-key .phone-key-face{display:none}[data-ready=play] .phone[data-playing] .phone-weeks i.done{animation:phone-week .3s cubic-bezier(.23, 1, .32, 1) calc(var(--t-open,0s) + .2s + var(--w) * .12s) both}@keyframes phone-glass{0%{filter:blur()saturate();scale:1}}@keyframes phone-in{0%{opacity:0}}@keyframes phone-show{0%{opacity:0}to{opacity:1}}@keyframes phone-hide{0%{opacity:1}to{opacity:0}}@keyframes phone-rise{0%{opacity:0;translate:0 calc(12 * var(--u))}}@keyframes phone-card{0%{opacity:0;translate:0 calc(10 * var(--u))}}@keyframes phone-up{0%{translate:0 100%}}@keyframes phone-letter{0%{font-size:0}}@keyframes phone-blink{50%{opacity:0}}@keyframes phone-key-send{to{background:var(--phone-ink);color:var(--phone-ground)}}@keyframes phone-key-back{0%{background:var(--phone-ink);color:var(--phone-ground)}to{background:var(--clementine);color:var(--on-clementine)}}@keyframes phone-press{50%{scale:.88}}@keyframes phone-halo{50%{box-shadow:0 0 0 calc(14 * var(--u)) #f26b1d4d, 0 0 0 calc(30 * var(--u)) #f26b1d1a}}@keyframes phone-glance{0%{translate:-6px -2px}to{translate:6px -2px}}@keyframes phone-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes phone-flash{0%{background:#f47b3347}to{background:#f47b3300}}@keyframes phone-pan{0%{translate:0 var(--pan-start)}to{translate:0 var(--pan-end)}}@keyframes phone-tap{0%{opacity:0;scale:1.25}35%{opacity:1;scale:1}60%{opacity:1;scale:.85}to{opacity:0;scale:.9}}@keyframes phone-touch{0%{opacity:0;scale:1.25}to{opacity:1}}@keyframes phone-to-hold{to{opacity:1;translate:0 calc(-35 * var(--u))}}@keyframes phone-bar-to-hold{to{opacity:1;translate:calc(-153.5 * var(--u)) calc(-41 * var(--u))}}@keyframes phone-clear{to{filter:blur()saturate();scale:1}}@keyframes phone-down{to{translate:0 100%}}@keyframes phone-week{0%{background:#3a3731}}.intro{--ease-out:cubic-bezier(.23, 1, .32, 1);max-width:70rem;padding-block:0 5rem;padding-left:var(--gutter-left);padding-right:var(--gutter-right);margin:0 auto}.intro-list{flex-direction:column;gap:5rem;display:flex}.intro-hero{padding-top:calc(env(safe-area-inset-top,0px) + 3.5rem);text-align:center;color:var(--on-clementine);background:var(--clementine);box-shadow:0 0 0 100vmax var(--clementine);clip-path:inset(0 -100vmax);flex-direction:column;align-items:center;display:flex}.intro-hero ::selection{background:var(--on-clementine);color:var(--clementine)}.intro-hero .intro-text{flex-direction:column;align-items:center;display:flex}.chapter{flex-direction:column;gap:1.75rem;display:flex}.intro-inline-hero,.intro-inline{justify-content:center;width:100%;display:flex}.intro-stage{display:none}@media (width>=60rem){.intro{--phone-w:min(21rem, calc((100svh - 9rem) * 375 / 812));grid-template-columns:minmax(0, 1fr) var(--phone-w);gap:5rem;padding-block:0 6rem;display:grid}.intro-list{gap:0}.intro-block{justify-content:center;min-height:100svh}.intro-hero{text-align:left;align-items:flex-start;min-height:100svh;padding-top:0}.intro-hero .intro-text{align-items:flex-start}.intro-hero .cta{justify-content:flex-start}.intro-inline-hero,.intro-inline{display:none}.intro-stage{top:calc(50svh - ((var(--phone-w) - 28px) * 812 / 375 + 28px) / 2);align-self:start;display:block;position:sticky}.intro-block .intro-text{transition:opacity .5s}.intro[data-ready] .intro-block:not(.is-active) .intro-text{opacity:.28}}.intro[data-ready=play] .chapter:not(.is-seen) .intro-text>*{opacity:0;translate:0 24px}.intro[data-ready=play] .chapter.is-seen .intro-text>*{transition:opacity .9s var(--ease-out), translate 1s var(--ease-out)}.intro[data-ready=play] .chapter.is-seen .intro-text>:nth-child(2){transition-delay:90ms}