@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/f263782c6a4bddee-s.1gyfqm5yhhzs7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/85e86a88f68a624a-s.p.357dd_6abeqge.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/c6a5c2fdc12da45c-s.p.17-aodiw50953.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Fallback;src:local(Arial);ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.0%;size-adjust:98.7%}.iJk3ia_className{font-family:Archivo,Archivo Fallback;font-style:normal}.iJk3ia_variable{--font-sans:"Archivo", "Archivo Fallback"}
@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(../media/974981e1eca6835f-s.09x_m4nagdesf.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(../media/25956f05b5455a57-s.2wbvw_buzqzvz.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(../media/cfea0ed4771e6999-s.p.0rk4w-o65wlzl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8365a24fee21d08d-s.p.2dim39isyjvqg.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat Fallback;src:local(Arial);ascent-override:124.77%;descent-override:38.99%;line-gap-override:0.0%;size-adjust:76.94%}.PwMmQq_className{font-family:Caveat,Caveat Fallback;font-style:normal;font-weight:600}.PwMmQq_variable{--font-hand:"Caveat", "Caveat Fallback"}
:root{--wall:#e7ecea;--paper:#f6f8f7;--table:#cfd8d3;--edge:#aebbb4;--ink:#15211d;--muted:#55655f;--rule:#d3dbd7;--accent:#24574a;--night:#0f1614;--night-ink:#e3eae7;--night-muted:#8c9a94;--pad:20px}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--wall);color:var(--ink);font-family:var(--font-sans), system-ui, sans-serif;line-height:1.5}a{color:inherit}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:1080px;padding:0 var(--pad);margin:0 auto}.btn{background:var(--ink);min-height:48px;color:var(--wall);cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent)}.btn[disabled]{opacity:.6;cursor:default}.top{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:8px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.top nav{align-items:center;gap:4px;display:flex}.top nav a,.top nav button{cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:44px;padding:10px 12px;font-size:15px;font-weight:500;text-decoration:none}.top nav a:hover,.top nav button:hover{background:var(--rule)}.hero{gap:28px;padding-block:24px 56px;display:grid}.hero>*{min-width:0}.hero figure{margin:0;display:grid}.hero h1{letter-spacing:-.035em;font-size:clamp(44px,12vw,84px);font-weight:800;line-height:.95}.hero .lead{color:var(--muted);max-width:30em;margin-top:16px;font-size:18px}.hero .actions{flex-direction:column;align-items:flex-start;gap:10px;margin-top:24px;display:flex}.hero .actions small{color:var(--muted);font-size:14px}.hero figcaption{color:var(--muted);margin-top:10px;font-size:14px}@media (min-width:880px){.hero{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding-block:48px 88px}}section.band{border-top:1px solid var(--rule);padding:56px 0}section.band h2{letter-spacing:-.025em;margin-bottom:16px;font-size:clamp(28px,6vw,40px);font-weight:800;line-height:1.1}section.band p.body{color:var(--muted);max-width:36em;font-size:18px}.split{gap:40px;display:grid}@media (min-width:880px){.split{grid-template-columns:1fr 1fr;gap:56px}}.steps{gap:12px;margin-top:24px;display:grid}.step{background:var(--paper);border:1px solid var(--rule);border-radius:8px;padding:20px}.step.dark{background:var(--night);color:var(--night-ink);border-color:var(--night)}.step.dark p{color:var(--night-muted)}.step h3{letter-spacing:-.015em;justify-content:space-between;align-items:baseline;font-size:22px;font-weight:800;display:flex}.step h3 span{font-size:14px;font-weight:500}.step p{color:var(--muted);margin-top:8px}@media (min-width:880px){.steps{grid-template-columns:1fr 1.6fr 1fr}}.rules{gap:0;margin:20px 0 24px;padding:0;list-style:none;display:grid}.rules li{border-top:1px solid var(--rule);padding:12px 0;font-size:17px}.rules li:last-child{border-bottom:1px solid var(--rule)}.safety{gap:10px;margin-top:8px;padding:0;list-style:none;display:grid}.safety li{padding-left:20px;font-size:17px;position:relative}.safety li:before{content:"";background:var(--accent);border-radius:2px;width:8px;height:8px;position:absolute;top:.6em;left:0}.join{background:var(--night);color:var(--night-ink);padding:56px 0 64px}.join h2{letter-spacing:-.03em;font-size:clamp(30px,7vw,44px);font-weight:800;line-height:1.05}.join .lead{color:var(--night-muted);max-width:28em;margin-top:10px;font-size:18px}.form{gap:18px;max-width:520px;margin-top:28px;display:grid}.field label{margin-bottom:6px;font-size:15px;font-weight:500;display:block}.field input,.field select{width:100%;min-height:48px;color:var(--night-ink);background:#18211e;border:1px solid #34413c;border-radius:6px;padding:0 14px;font-size:16px}.field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--night-muted) 50%), linear-gradient(-45deg, transparent 50%, var(--night-muted) 50%);background-position:right 18px center,right 13px center;background-repeat:no-repeat;background-size:5px 5px}.field input:focus,.field select:focus{outline-offset:1px;outline:2px solid #7fc4ae}.check{cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;font-size:15px;display:flex}.check input{accent-color:#7fc4ae;flex:none;width:22px;height:22px;margin-top:1px}.check a{color:#a9dccb}.form .btn{color:var(--night);background:#7fc4ae;width:100%}.form .btn:hover{background:#a9dccb}.msg{min-height:1.5em;font-size:15px}.msg.err{color:#f2a7a0}.done{font-family:var(--font-hand), cursive;border:1px solid #34413c;border-radius:8px;max-width:520px;margin-top:28px;padding:20px;font-size:26px;line-height:1.2}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}@media (min-width:640px){.form .btn{justify-self:start;width:auto}}footer.foot{background:var(--night);color:var(--night-muted);padding:20px 0 calc(20px + env(safe-area-inset-bottom));border-top:1px solid #24302c;font-size:14px}footer.foot .wrap{justify-content:space-between;display:flex}.legal{max-width:720px;padding-block:24px 64px}.legal h1{letter-spacing:-.02em;margin-bottom:16px;font-size:32px;font-weight:800}.legal h2{margin:24px 0 6px;font-size:19px}.legal p,.legal li{color:var(--muted)}.legal ul{padding-left:20px}
.htable{--t-wall:#dce3e0;--t-table:#cfd8d3;--t-edge:#aebbb4;--t-page:#fafbf9;--t-line:#ccd5d0;--t-chair:#8e9c96;--t-lamp:#24574a;--t-base:#3b4441;--t-ink:#15211d;--t-saucer:#f2f4f3;--t-glass:#e3e8e6;--t-lap:#a9b3af;--t-screen:#3a4442;--t-muted:#5a6a64;background:var(--t-wall);color:var(--t-ink);border-radius:10px;justify-self:center;width:100%;max-width:520px;padding:14px 14px 18px;transition:background-color 2.4s,color 2.4s;position:relative}.htable[data-phase=focus]{--t-wall:#0f1614;--t-table:#1c2622;--t-edge:#2a3631;--t-page:#3e4945;--t-line:#56635d;--t-chair:#27322e;--t-lamp:#2e6b5b;--t-base:#2a3330;--t-ink:#e3eae7;--t-saucer:#4c5753;--t-glass:#45504c;--t-lap:#36403d;--t-screen:#cfe3f2;--t-muted:#8c9a94}.htable-bar{justify-content:space-between;align-items:baseline;padding:0 2px 10px;font-size:15px;font-weight:600;display:flex}.htable-time{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:22px;font-weight:800}.htable-grid{grid-template-columns:1fr 1fr;display:grid}.desk{aspect-ratio:1;position:relative;container-type:inline-size}.scene{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.scene *{transition:fill 2.4s,stroke 2.4s,opacity 1.2s}.tbl{fill:var(--t-table)}.edge{stroke:var(--t-edge);stroke-width:.8px}.page{fill:var(--t-page)}.ln,.spine{stroke:var(--t-line);stroke-width:.6px}.chair{fill:var(--t-chair);transition:fill 2.4s,transform .8s cubic-bezier(.3,.7,.2,1)}.shade{fill:var(--t-lamp)}.base{fill:var(--t-base)}.saucer{fill:var(--t-saucer)}.glass{fill:var(--t-glass)}.chay{fill:#6e1f17}.lap{fill:var(--t-lap)}.key{stroke:var(--t-wall);stroke-width:.5px;opacity:.5}.screen{fill:var(--t-screen)}.pool{opacity:0;pointer-events:none}.htable[data-phase=focus] .desk:not(.away) .pool{opacity:1}.person{transition:opacity .9s}.away .person{opacity:0}.away .chair{transform:translateY(5px)}.arm{stroke-width:5.5px;stroke-linecap:round;fill:none}.writing .pen{animation:.5s ease-in-out infinite alternate yy-write}@keyframes yy-write{0%{transform:translate(-1.2px,.4px)rotate(-3deg)}to{transform:translate(1.4px,-.3px)rotate(2deg)}}.flipper{transform-box:fill-box;transform-origin:0}.flip .flipper{animation:.9s ease-in-out yy-flip}@keyframes yy-flip{50%{transform:scaleX(0)}}.steam path{fill:none;stroke:var(--t-muted);stroke-width:.7px;stroke-linecap:round;opacity:0;animation:3.2s ease-out infinite yy-steam}.steam path:nth-child(2){animation-delay:1.4s}.away .steam path{animation:none}@keyframes yy-steam{0%{opacity:0;transform:translateY(1px)}30%{opacity:.7}to{opacity:0;transform:translateY(-5px)}}.note{color:#1c2622;width:56%;padding:5cqw 5cqw 6cqw;transition:filter 2.4s;position:absolute;box-shadow:0 1px #00000014,0 6px 12px -8px #00000059}.htable[data-phase=focus] .note{filter:brightness(.9)saturate(.9)}.htable[data-phase=focus] .away .note{filter:brightness(.7)saturate(.7)}.note b{font-size:clamp(10px,6cqw,13px);font-weight:600;display:block}.note .goal{font-family:var(--font-hand), cursive;margin-top:1px;font-size:clamp(14px,8.6cqw,19px);font-weight:600;line-height:1.02;display:block}.note .goal.empty{opacity:.45}.note .goal.ink{animation:1.1s steps(18,end) both yy-ink}@keyframes yy-ink{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.note svg{width:30%;position:absolute;bottom:1cqw;right:2cqw;overflow:visible}.note svg path{fill:none;stroke:#1f6b52;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30px}.note.done svg path{animation:.6s ease-out .1s forwards yy-tick}@keyframes yy-tick{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.htable *,.htable{transition-duration:.01ms!important;animation:none!important}.steam path{opacity:0}}
