.site .page-home .hero{gap:var(--s5);padding-block:var(--s4) var(--section);align-items:center;display:grid}@media (min-width:60rem){.site .page-home .hero{min-height:calc(100svh - 5.75rem);padding-block:var(--s3) var(--s6);grid-template-columns:1.02fr .98fr}}.site .page-home .hero h1{max-width:11ch}.site .page-home .hero .body{margin-top:var(--s3);max-width:31rem}.site .page-home .hero .actions{margin-top:var(--s4)}.site .page-home .scene{width:min(100%,34rem);height:38rem;margin-inline:auto;position:relative}.site .page-home .scene .phone{--w:16.5rem;position:absolute;top:0;right:1.5rem;transform:rotate(3deg)}.site .page-home .scene .tag{transition:transform .25s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:.25rem;left:.5rem;transform:rotate(-6deg)}.site .page-home .scene .tag:hover{transform:rotate(-3deg)translateY(-4px)}.site .page-home .scene .hint{width:10.5rem;position:absolute;top:6.5rem;left:0;transform:rotate(-4deg)}.site .page-home .scene .hint svg{width:4.2rem;height:auto;color:var(--pen);margin:.4rem 0 0 3.2rem}.site .page-home .hint .touch{display:none}@media (min-width:60rem){.site .page-home .scene{--u:clamp(.7rem, (100svh - 9.75rem) / 38, 1rem);width:min(100%, var(--u) * 34);height:calc(var(--u) * 38)}.site .page-home .scene .phone{--w:calc(var(--u) * 16.5);right:calc(var(--u) * 1.5)}.site .page-home .scene .tag{--tw:calc(var(--u) * 13.5)}.site .page-home .scene .hint{top:calc(var(--u) * 6.5);width:calc(var(--u) * 10.5);font-size:calc(var(--u) * 1.6)}.site .page-home .scene .hint svg{width:calc(var(--u) * 4.2);margin:calc(var(--u) * .4) 0 0 calc(var(--u) * 3.2)}}@media (max-width:59.99rem){.site .page-home .scene{width:min(100%,24rem);height:30rem}.site .page-home .scene .phone{--w:13rem;right:0}.site .page-home .scene .tag{--tw:10.5rem;left:0}.site .page-home .scene .hint{width:7.5rem;top:5rem}.site .page-home .scene .hint svg{width:3.4rem;margin-left:2.4rem}.site .page-home .hint .scan{display:none}.site .page-home .hint .touch{display:inline}}.site .page-home .belief{gap:var(--s5);align-items:center;display:grid}@media (min-width:60rem){.site .page-home .belief{gap:var(--s6);grid-template-columns:1.1fr .9fr}}.site .page-home .belief .turn-in{margin-bottom:var(--s2)}.site .page-home .belief .display+.body{margin-top:var(--s4)}.site .page-home .belief .label,.site .page-home .belief .gains{margin-top:var(--s3)}.site .page-home .pair{column-gap:var(--s3);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;width:100%;max-width:30rem;margin-inline:auto;display:grid}.site .page-home .pair figure{grid-row:span 2;grid-template-rows:subgrid;align-items:start;display:grid}.site .page-home .pair figure>.note{transform:rotate(var(--r,0deg))}.site .page-home .pair .note{overflow-wrap:break-word;flex-direction:column;gap:.6rem;min-width:0;display:flex}.site .page-home .pair .grumble{background:var(--card);--r:-2.5deg;margin-top:2.25rem}.site .page-home .pair .glow{--r:2deg}.site .page-home .pair .scrawl{text-align:center;text-wrap:balance;align-self:start;margin-top:.9rem;display:block}.site .page-home .pair .scrawl svg{width:2.6rem;height:auto;margin:0 auto .2rem}@media (max-width:30rem){.site .page-home .pair .said{font-size:1.02rem}.site .page-home .pair .scrawl{font-size:1.4rem}}.site .page-home .how-head{text-align:center}.site .page-home .how-head .body{margin:var(--s2) auto 0;max-width:32rem}.site .page-home .steps{margin:var(--s6) auto 0;gap:var(--s5);max-width:68rem;padding:0;list-style:none;display:grid}.site .page-home .step{gap:var(--s3);display:grid}.site .page-home .step .words{gap:.35rem;display:grid}.site .page-home .step .body{text-wrap:balance}@media (min-width:56rem){.site .page-home .steps{gap:var(--s2);grid-template-columns:1fr auto 1fr auto 1fr;align-items:start}.site .page-home .step{text-align:center;justify-items:center}.site .page-home .step .words{justify-items:center;max-width:17rem}.site .page-home .step .num{margin-bottom:.35rem}}.site .page-home .steps .between{display:none}@media (min-width:56rem){.site .page-home .steps .between{width:3.5rem;color:var(--ink);margin-top:12rem;display:block}}.site .page-home .crop{height:var(--h,26rem);box-shadow:none;border-radius:2.35rem 2.35rem 0 0;padding-bottom:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.site .page-home .crop img{border-radius:1.85rem 1.85rem 0 0}@media (prefers-color-scheme:dark){.site .page-home .crop{-webkit-mask-image:linear-gradient(#000 88%,#0000);mask-image:linear-gradient(#000 88%,#0000)}}.site .page-home .step .phone{--w:16rem;--h:25rem}.site .page-home .crop.wall .glass{border-radius:1.85rem 1.85rem 0 0;height:100%;position:relative;overflow:hidden}.site .page-home .crop.wall .glass img{border-radius:0;margin-top:-43%}.site .page-home .crop.wall .glass:after{content:"";height:1.65rem;filter:var(--screen);background:#fbf4e4;position:absolute;inset:0 0 auto}.site .page-home .fork{width:100%;height:auto;margin:var(--s4) auto 0;color:var(--ink)}.site .page-home .lands{gap:var(--s6);margin-top:var(--s3);display:grid}.site .page-home .side{gap:var(--s3);display:grid}.site .page-home .side .phone{--w:15.5rem;--h:24rem}.site .page-home .side .words{gap:var(--s2);align-content:start;justify-items:start;display:grid}@media (min-width:72rem){.site .page-home .lands{gap:var(--s5);grid-template-columns:1fr 1fr}.site .page-home .mirror .words{padding-left:var(--s4)}.site .page-home .lands .side{align-items:stretch}.site .page-home .side .words{flex-direction:column;align-items:flex-start;display:flex}.site .page-home .side .words .quiet{margin-top:auto}.site .page-home .mirror .aside{align-self:flex-end}}@media (max-width:71.99rem){.site .page-home .fork{display:none}.site .page-home .lands{margin-top:var(--s6)}}@media (min-width:56rem){.site .page-home .side{gap:var(--s4);grid-template-columns:auto 1fr;align-items:start}.site .page-home .side.mirror{grid-template-columns:1fr auto}.site .page-home .side.mirror .phone{order:2}.site .page-home .side .words{padding-top:5.6rem}}.site .page-home .aside{display:none}@media (min-width:56rem){.site .page-home .aside{transform-origin:0;white-space:nowrap;align-items:flex-start;gap:.35rem;margin:0 0 .9rem -1.1rem;display:flex;transform:rotate(-3deg)}.site .page-home .aside svg{flex:none;width:3rem;margin-top:.45rem}.site .page-home .mirror .aside{text-align:right;transform-origin:100%;flex-direction:row-reverse;justify-self:end;margin:0 -1.1rem .9rem 0;transform:rotate(3deg)}.site .page-home .mirror .aside svg{transform:scaleX(-1)}}@media (max-width:55.99rem){.site .page-home .step .words{column-gap:var(--s2);order:-1;grid-template-columns:auto 1fr;align-items:start;row-gap:.15rem}.site .page-home .step .words .num{grid-row:span 2;margin:0}.site .page-home .step .phone,.site .page-home .side .phone{--w:min(17rem, 80%);--h:21rem;justify-self:center}.site .page-home .side .words{display:contents}.site .page-home .side .list{order:1}.site .page-home .side .phone{order:2}.site .page-home .side .quiet{order:3;justify-self:center}}.site .page-home .why{gap:var(--s4);overflow-wrap:break-word;grid-template-columns:minmax(0,1fr);grid-template-areas:"turn""note""line""story""answer";display:grid}.site .page-home .why .turn{grid-area:turn}.site .page-home .why .keep{margin-top:var(--s2);grid-area:note}.site .page-home .why .pen-line{width:100%;height:.6rem;color:var(--on-sun);grid-area:line}.site .page-home .why .story{max-width:var(--measure);grid-area:story}.site .page-home .why .answer{justify-items:start;gap:var(--s2);grid-area:answer;display:grid}.site .page-home .why .turn .display{margin-top:var(--s2)}@media (min-width:64rem){.site .page-home .why{column-gap:var(--s5);row-gap:var(--s5);grid-template-columns:minmax(0,1fr) 22rem;grid-template-areas:"turn note""line line""story answer";align-items:center}.site .page-home .why .keep{margin-top:0}.site .page-home .why .story,.site .page-home .why .answer{align-self:start}.site .page-home .why .turn .display{max-width:40rem}}.site .page-home .keep{width:min(100%,22rem);margin-inline:auto;position:relative}.site .page-home .keep .note{background:var(--card);padding:1.6rem 1.6rem 1.3rem;transform:rotate(-3deg)}.site .page-home .keep .note .to{margin-bottom:.5rem}.site .page-home .keep .note .said{font-size:1.4rem;line-height:1.3}.site .page-home .together{background:var(--honey);text-align:center;border-radius:2rem;padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,5vw,4.5rem)}.site .page-home .together>.body{margin:var(--s3) auto 0;max-width:32rem}.site .page-home .plan{margin:var(--s5) auto 0;gap:var(--s3);max-width:58rem;padding:0;list-style:none;display:grid}.site .page-home .plan li{justify-items:center;gap:.3rem;display:grid}.site .page-home .plan .body{text-wrap:balance;max-width:16rem}@media (min-width:48rem){.site .page-home .plan{align-items:start;gap:var(--s2);grid-template-columns:1fr auto 1fr auto 1fr}}.site .page-home .plan .between{width:4rem;color:var(--ink);margin-top:.35rem}@media (max-width:47.99rem){.site .page-home .plan .between{width:1.4rem;margin:0 auto;transform:rotate(90deg)}}.site .page-home .offer{margin:var(--s5) auto 0;max-width:30rem}.site .page-home .offer .body{text-wrap:balance;margin-top:.5rem}.site .page-home .together .actions{margin-top:var(--s4);justify-content:center}.site .page-home .together .instead{margin-top:var(--s3)}.site .page-home .together .founder{margin-top:var(--s5)}@media (prefers-reduced-motion:no-preference){.site .page-home .keep.armed .delivered{opacity:0;transition:opacity .45s cubic-bezier(.2,.7,.2,1) .35s,transform .45s cubic-bezier(.2,.7,.2,1) .35s;transform:scale(.6)}.site .page-home .keep.armed.seen .delivered{opacity:1;transform:none}}
