html.lenis,html.lenis body{height: auto;}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow: clip;}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior: contain;}.lenis.lenis-smooth iframe{pointer-events: none;}.lenis.lenis-autoToggle{transition-property: overflow;transition-duration: 1ms;transition-behavior: allow-discrete;}:root{--teal:#0b6b66;--grey:#d9d8d3;--ink:#1c1b18;--orange:#ff6a26;--paper:#faf8f3;--hi:#fffdf8;--lo:#8d877b;--peach:#ffb08a;--skin:#e8b58c;}*{box-sizing:border-box}html{background:var(--grey)}body{margin:0;font-family:Chivo,Verdana,Tahoma,sans-serif;color:var(--ink);font-size:clamp(16px,0.95rem + 0.25vw,18px);line-height:1.55;overflow-x:clip;-webkit-text-size-adjust:100%}a{color:inherit}p{margin:0}.hero{background:var(--teal);color:#fff;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 40px max(20px,env(safe-area-inset-left))}.hero-in{max-width:1120px;margin:0 auto;display:grid;gap:28px}.logo{display:block;width:56px}.logo img{display:block;width:56px;height:56px;border:2px solid;border-color:var(--hi) var(--ink) var(--ink) var(--hi)}h1{font-weight:900;font-size:clamp(30px,7vw + 4px,64px);line-height:1.06;letter-spacing:-0.01em;margin:18px 0 14px;max-width:14ch}.lede{font-size:clamp(17px,1rem + 0.3vw,20px);max-width:36ch;margin:0 0 22px}.btn-start{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:56px;padding:0 28px;background:var(--orange);color:var(--ink);font-weight:900;font-size:19px;text-decoration:none;border:2px solid;border-color:var(--peach) var(--ink) var(--ink) var(--peach)}.btn-start:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.hero .btn-start:focus-visible{outline-color:#fff}.btn-start:active{border-color:var(--ink) var(--peach) var(--peach) var(--ink)}@media (hover: hover){.btn-start:hover{background:#ff7d40}}.under{font-size:14px;margin-top:12px;color:#e6f2f1}.art svg{display:block;width:100%;max-width:320px;height:auto;margin:0 auto}.skin{fill:var(--skin)}.ink{fill:var(--ink)}.pap{fill:var(--paper)}.tl-f{fill:var(--teal)}.or{fill:var(--orange)}.gr{fill:var(--grey)}.ring{fill:none;stroke:var(--ink);stroke-width:4}.lb{font-family:Chivo,Verdana,sans-serif;font-size:11px;font-weight:700;fill:var(--ink)}.lb.w{fill:#fff;font-size:13px}.s1,.s2,.s3,.s4{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}[data-step="1"] .s1,[data-step="2"] .s2,[data-step="3"] .s3,[data-step="4"] .s4{opacity:1;transform:none}.prog{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform .8s ease .2s}[data-step="4"] .prog{transform:scaleX(.25)}.toc{position:sticky;top:0;z-index:20;background:var(--grey);border-bottom:2px solid var(--ink)}.toc ul{list-style:none;margin:0 auto;max-width:1120px;display:flex;gap:8px;overflow-x:auto;padding:8px max(20px,env(safe-area-inset-left));scrollbar-width:none}.toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;white-space:nowrap;font-weight:700;font-size:14px;text-decoration:none;background:var(--paper);border:2px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi)}.toc a.on{background:var(--teal);color:#fff;border-color:var(--ink) var(--teal) var(--teal) var(--ink)}.toc a:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.sec{max-width:1120px;margin:0 auto;padding:56px max(20px,env(safe-area-inset-right)) 24px max(20px,env(safe-area-inset-left));scroll-margin-top:72px}.cap{font-weight:900;font-size:clamp(26px,3.4vw + 12px,40px);line-height:1.1;margin:0 0 12px;max-width:22ch}.intro{max-width:60ch;margin-bottom:24px}.win{background:var(--paper);border:2px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);outline:1px solid var(--ink)}.tbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--teal);color:#fff;font-weight:700;font-size:14px;padding:6px 10px}.tbar i{display:inline-block;width:14px;height:14px;margin-left:4px;background:var(--grey);border:1px solid var(--ink)}.wbody{padding:18px 16px 20px}.story{position:relative}.pin{position:sticky;top:62px;z-index:5;display:flex;align-items:center;gap:16px;padding:8px 0 12px;background:var(--grey)}.pin svg{display:block;height:216px;width:auto;flex:none}.chip{font-weight:700;font-size:14px;padding:8px 12px;background:var(--paper);border:2px solid var(--ink)}.chip .done{display:none}[data-step="4"] .chip{background:var(--teal);color:#fff}[data-step="4"] .chip .open{display:none}[data-step="4"] .chip .done{display:inline}.thread{list-style:none;margin:0;padding:0}.reply{min-height:70dvh;display:flex;align-items:center;padding:24px 0}.reply .win{width:100%;max-width:560px}.who{font-weight:700;font-size:14px;padding:8px 14px;background:var(--grey);border-bottom:1px solid var(--lo)}.reply:last-child .who{background:var(--teal);color:#fff}.msg{padding:16px 14px 20px;font-size:clamp(19px,1rem + 0.5vw,24px);font-weight:700;line-height:1.3}.tl{list-style:none;margin:0;padding:0;position:relative}.tl::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:var(--ink)}.tl li{position:relative;padding:0 0 22px 36px}.tl li:last-child{padding-bottom:0}.tl li::before{content:"";position:absolute;left:1px;top:5px;width:16px;height:16px;background:var(--orange);border:2px solid var(--ink)}.pair{display:grid;gap:20px}.pair ul{margin:0;padding:0 0 0 20px}.pair li+li{margin-top:10px}.pair .skip .tbar{background:var(--ink)}.end{max-width:1120px;margin:0 auto;padding:72px max(20px,env(safe-area-inset-right)) 24px max(20px,env(safe-area-inset-left))}.pull{margin:0 0 28px;padding:0;max-width:24ch;font-weight:900;font-size:clamp(26px,3.4vw + 12px,40px);line-height:1.15}.bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;background:var(--ink);padding:10px 16px calc(10px + env(safe-area-inset-bottom));transform:translateY(110%);visibility:hidden;transition:transform .3s ease}.bar.show{transform:none;visibility:visible}.bar .btn-start{width:100%;max-width:420px;min-height:52px}.bar .btn-start:focus-visible{outline-color:#fff}.foot{margin-top:56px;background:var(--ink);color:var(--paper);padding:40px max(20px,env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.foot-in{max-width:1120px;margin:0 auto}.big{font-weight:900;font-size:clamp(56px,15vw,200px);line-height:.9;letter-spacing:-0.03em;white-space:nowrap}.flinks{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:20px;font-size:14px}.flinks a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}.flinks a:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.copy{margin-top:8px;font-size:14px;color:#cfcac0}@media (min-width: 900px){.hero{padding-bottom:56px}.hero-in{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;min-height:min(calc(100dvh - 72px),780px)}.logo,.logo img{width:96px;height:96px}.art svg{max-width:380px}.story{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}.thread{grid-column:1;grid-row:1}.pin{grid-column:2;grid-row:1;top:96px;flex-direction:column;align-items:flex-start;padding:0;background:none}.pin svg{width:100%;height:auto;max-width:320px}.pair{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none !important;animation:none !important}}@font-face{font-family: 'Chivo';font-style: normal;font-weight: 400;font-display: swap;src: url(chivo-fd4512aa.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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: 'Chivo';font-style: normal;font-weight: 400;font-display: swap;src: url(chivo-aea1026e.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Chivo';font-style: normal;font-weight: 700;font-display: swap;src: url(chivo-fd4512aa.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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: 'Chivo';font-style: normal;font-weight: 700;font-display: swap;src: url(chivo-aea1026e.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Chivo';font-style: normal;font-weight: 900;font-display: swap;src: url(chivo-fd4512aa.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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: 'Chivo';font-style: normal;font-weight: 900;font-display: swap;src: url(chivo-aea1026e.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}