@font-face{font-family:Caveat Brush;src:url(/assets/fonts/caveat-brush-latin.woff2) format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}:root{--bg:#f3f1ec;--card:#fffdf9;--ink:#1c1c1e;--dim:#6d6b67;--line:#e2ded6;--accent:#2f5d46;--accent-ink:#fff;--story:#e8588e;--stage:#ebe7df;--bezel:#1c1c1e;--bezel-hi:rgba(255,255,255,.07);--shadow:rgba(42,34,51,.18);--serif:"New York","Iowan Old Style","Palatino Linotype",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,Roboto,sans-serif;--brush:"Caveat Brush","Marker Felt","Segoe Print",cursive;--gut:16px;--radius:18px;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#141516;--card:#1d1f21;--ink:#ecebe8;--dim:#9c9a96;--line:#2c2f33;--accent:#8fc3a2;--accent-ink:#10160f;--story:#f07aa6;--stage:#18191b;--bezel:#060607;--bezel-hi:rgba(255,255,255,.09);--shadow:rgba(0,0,0,.55)}}@media (min-width:640px){:root{--gut:28px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;background:radial-gradient(720px 360px at 6% -8%,color-mix(in srgb,var(--story) 11%,transparent),transparent 70%),radial-gradient(760px 380px at 96% -6%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),radial-gradient(900px 480px at 50% 108%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 72%),var(--bg);background-attachment:scroll}a{color:inherit}img{max-width:100%}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:3px;border-radius:6px}.skip{position:absolute;left:var(--gut);top:-60px;z-index:50;background:var(--card);color:var(--ink);padding:10px 14px;border-radius:10px;border:1px solid var(--line);text-decoration:none}.skip:focus{top:10px}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{max-width:1200px;margin:0 auto;padding:0 var(--gut)}.wordmark{font:400 clamp(54px,14vw,118px)/.9 var(--brush);letter-spacing:.005em;margin:0;color:var(--ink);white-space:nowrap}.wordmark .l{display:inline-block;transform:rotate(var(--r,0deg));text-shadow:0 3px 0 color-mix(in srgb,var(--shadow) 70%,transparent)}.wordmark .dot{color:var(--story)}.wordmark .tld{color:var(--accent)}.js .wordmark .l{animation:pop .7s cubic-bezier(.2,1.5,.4,1) both;animation-delay:calc(var(--i) * 45ms)}@keyframes pop{0%{opacity:0;transform:translateY(.4em) rotate(var(--r,0deg)) scale(.6)}to{opacity:1;transform:rotate(var(--r,0deg))}}.hero{padding:calc(env(safe-area-inset-top) + clamp(28px,7vw,72px)) 0 clamp(18px,3vw,30px)}.lede{margin:clamp(10px,2vw,16px) 0 0;max-width:60ch;text-wrap:balance;color:var(--dim);font-size:clamp(17px,2.2vw,20px);line-height:1.45}.grid{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:1fr}.card{position:relative;display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px #00000005,0 10px 26px -18px var(--shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s}a.card:hover{transform:translateY(-3px);box-shadow:0 1px #00000005,0 18px 34px -16px var(--shadow);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}a.card:focus-visible{outline-offset:4px;border-radius:var(--radius)}.shot{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 auto;padding:14px;background:var(--stage)}.cap{padding:12px 16px 16px;border-top:1px solid var(--line)}.cap b{display:block;font:600 clamp(21px,2.1vw,24px)/1.15 var(--serif);letter-spacing:-.005em}.cap span{display:block;margin-top:3px;color:var(--dim);font-size:15px;line-height:1.4;min-height:2.8em}.soon{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;font:400 clamp(26px,3vw,30px)/1 var(--brush);color:var(--story);transform:rotate(-4deg);pointer-events:none}.is-soon .tab,.is-soon .ph{background:color-mix(in srgb,var(--bezel) 14%,var(--stage));box-shadow:none}.is-soon .blank{background:var(--card)!important;outline:1.5px dashed color-mix(in srgb,var(--dim) 45%,transparent);outline-offset:-1.5px}.is-soon .cap b{color:var(--dim)}.tab{width:100%;padding:3.1%;border-radius:clamp(10px,2.2vw,16px);background:var(--bezel);box-shadow:inset 0 0 0 1px var(--bezel-hi),0 12px 22px -14px #00000073}.tab img,.tab .blank{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:clamp(4px,.8vw,7px);background:#2a2a2d}a.card:hover .tab img,a.card:hover .ph img{filter:saturate(1.06) brightness(1.02)}.ph{flex:0 0 auto;width:min(46%,190px);padding:3.4%;border-radius:22px/10%;background:var(--bezel);box-shadow:inset 0 0 0 1px var(--bezel-hi),0 12px 22px -14px #00000073}.ph img,.ph .blank{display:block;width:100%;height:auto;aspect-ratio:430/929;object-fit:cover;object-position:top;border-radius:16px/7.4%;background:#2a2a2d}.blank{background:repeating-linear-gradient(135deg,#2a2a2d 0 10px,#303034 10px 20px)!important}.card.phone{flex-direction:row}.card.phone .shot{flex:0 0 44%;padding:16px 10px}.card.phone .ph{width:min(78%,170px)}.card.phone .cap{border-top:0;border-left:1px solid var(--line);align-self:stretch;display:flex;flex-direction:column;justify-content:center}@media (min-width:700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid .phone{grid-column:1/-1}.card.phone .shot{flex-basis:38%}}@media (min-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.grid .phone{grid-column:4;grid-row:1/span 2}.card.phone{flex-direction:column}.card.phone .shot{flex:1 1 auto;padding:18px 14px}.card.phone .ph{width:min(86%,236px)}.card.phone .cap{border-left:0;border-top:1px solid var(--line);display:block}}.foot{margin:clamp(30px,5vw,56px) 0 0;padding:18px 0 calc(env(safe-area-inset-bottom) + 34px);border-top:1px solid var(--line);color:var(--dim);font-size:14px;letter-spacing:.01em}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(env(safe-area-inset-top) + 14px) 0 6px}.bar .home{font:400 30px/1 var(--brush);text-decoration:none;white-space:nowrap}.bar .home .dot{color:var(--story)}.bar .home .tld{color:var(--accent)}.bar nav{display:flex;gap:18px;font-size:15px}.bar nav a{color:var(--dim);text-decoration:none;white-space:nowrap}.bar nav a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 24px;margin:clamp(14px,3vw,26px) 0 clamp(14px,2vw,20px)}.head h1{margin:0;font:600 clamp(32px,4.4vw,46px)/1.05 var(--serif);letter-spacing:-.01em}.head p{margin:6px 0 0;color:var(--dim);font-size:clamp(16px,1.8vw,18px);max-width:52ch;text-wrap:pretty}.acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid transparent;background:var(--accent);color:var(--accent-ink);font:600 15px/1 var(--sans);text-decoration:none;cursor:pointer;transition:transform .15s ease,background .15s}.btn:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}.btn:active{transform:scale(.98)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{border-color:var(--dim);background:color-mix(in srgb,var(--card) 60%,transparent)}.btn svg{width:16px;height:16px;flex:0 0 16px}.note{margin:14px 0 0;color:var(--dim);font-size:14px;text-align:center}.stage{margin:0 auto;width:min(100%,max(320px,calc((100vh - 210px) * var(--ar))));width:min(100%,max(320px,calc((100svh - 210px) * var(--ar))))}.bezel{position:relative;padding:2.2%;border-radius:clamp(14px,2.4vw,28px);background:var(--bezel);box-shadow:inset 0 0 0 1px var(--bezel-hi),0 28px 60px -30px #0000008c}.bezel:before{content:"";position:absolute;left:50%;top:1.05%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#000;box-shadow:0 0 0 1px #2c2c2f}.screen{position:relative;overflow:hidden;border-radius:clamp(6px,1vw,12px);background:#000;aspect-ratio:var(--ar)}.screen iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;background:#000}.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .45s ease}.is-live .poster{opacity:0;pointer-events:none}.start{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;border:0;margin:0;padding:0;background:#0a0a0c2e;cursor:pointer;font:inherit;color:inherit;text-decoration:none}.start>span{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:999px;background:var(--card);color:var(--ink);font:600 15px/1 var(--sans);box-shadow:0 10px 30px #00000059}.start:focus-visible>span{outline:3px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:3px}.start svg{width:14px;height:14px}.is-live .start,.is-loading .start{display:none}.spin{position:absolute;right:14px;bottom:12px;z-index:3;font:600 12px/1 var(--sans);color:#fff;background:#0000008c;padding:7px 11px;border-radius:999px;display:none}.is-loading .spin{display:block}.close{display:none}.is-full .screen{position:fixed;inset:0;z-index:1000;border-radius:0;aspect-ratio:auto;background:#000;width:100%;height:100%}.is-full .poster,.is-full .start{display:none}.is-full .close{display:flex;position:fixed;z-index:1002;top:calc(env(safe-area-inset-top) + 10px);right:calc(env(safe-area-inset-right) + 10px);width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#141416b8;color:#eee;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.is-full .close svg{width:16px;height:16px}html.locked,html.locked body{overflow:hidden;overscroll-behavior:none}.screen:fullscreen{width:100vw;height:100vh;border-radius:0}.screen:-webkit-full-screen{width:100vw;height:100vh;border-radius:0}.more{margin:clamp(26px,4vw,40px) 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;align-items:baseline;font-size:15px}.more span{color:var(--dim)}.more a{color:var(--ink);text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--ink) 30%,transparent)}.more a:hover{text-decoration-color:currentColor}.pgrid{display:grid;gap:clamp(22px,4vw,64px);align-items:center;grid-template-columns:1fr;margin-top:clamp(12px,3vw,28px)}.pgrid .head{margin:0;display:block}.pgrid .acts{margin-top:18px}.head .hint{margin:14px 0 0;color:var(--dim);font-size:14px;max-width:44ch}@media (min-width:860px){.pgrid{grid-template-columns:minmax(0,1fr) auto}}.mock{--sw:min(320px,78vw);--aw:430px;--ar2:2.16;justify-self:center;width:var(--sw);padding:13px;box-sizing:content-box;background:var(--bezel);border-radius:48px;box-shadow:inset 0 0 0 1px var(--bezel-hi),0 40px 70px -30px #00000080}.mock .scr{position:relative;width:var(--sw);height:calc(var(--sw) * var(--ar2));border-radius:36px;overflow:hidden;background:#faf9f5}.mock iframe{position:absolute;top:0;left:0;width:var(--aw);height:calc(var(--aw) * var(--ar2));border:0;transform-origin:0 0;transform:scale(calc(var(--sw) / var(--aw)));background:#faf9f5}.mock .tap{position:absolute;inset:0;z-index:1;display:block}.mock .tap img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}@supports not (width: calc(1px/1px)){.mock iframe{transform:scale(.744)}}.only-phone{display:none}.is-phone .only-phone{display:inline-flex}.is-phone .not-phone{display:none}.lost{min-height:70vh;display:flex;flex-direction:column;justify-content:center;gap:8px}.lost h1{margin:10px 0 0;font:600 clamp(30px,5vw,44px)/1.1 var(--serif)}.lost p{margin:0;color:var(--dim);font-size:18px}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}a.card:hover{transform:none}}
