:root{--bg: #f7f7f7;--surface: #ebebeb;--ink: #0d2a1c;--muted: #5f6b64;--accent: #f6e016;--stage: #0d2a1c;--paper: #f7f7f7;--display: "Stack Sans Headline", "Stack Sans Text", sans-serif;--text: "Stack Sans Text", sans-serif;--pad: 24px;color:var(--ink);background:var(--bg);font-family:var(--text);font-size:18px;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}img{max-width:100%;height:auto;display:block}button,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.top{display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 var(--pad);position:sticky;top:0;z-index:5;background:var(--bg)}.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;font-weight:500}.logo{width:2.25rem;height:2.25rem;object-fit:contain;flex:none}nav{display:flex;align-items:center;gap:1.4rem}nav a{text-decoration:none}nav button,.go,#releaseBtn,#slipClose{background:var(--accent);color:var(--ink);border:0;border-radius:0;padding:.55rem .9rem;text-decoration:none;cursor:pointer}nav button:hover,.go:hover,#releaseBtn:hover,#slipClose:hover{background:#ffe44a}nav button:active,.go:active,#releaseBtn:active{transform:scale(.98)}#releaseBtn:disabled{background:var(--surface);color:var(--muted);cursor:not-allowed}.home{position:relative;height:calc(100svh - 68px);display:flex;flex-direction:column;padding:4vh var(--pad) 24px;overflow:hidden}.drift{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.drift-orb{position:absolute;left:var(--x);bottom:-22%;width:calc(72px * var(--s, 1));height:calc(133px * var(--s, 1))}.kicker,.home h1,.home-end{position:relative;z-index:1}.kicker{margin:0 0 .8rem;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.home h1{margin:0;font-family:var(--display);font-weight:300;font-size:clamp(2rem,7vw,7.4rem);letter-spacing:-.03em;line-height:.92;max-width:100%}.home h1 span{display:block}html.typing .home h1 span:last-child:empty:after,html.typing .home h1 span.caret:after{content:"";display:inline-block;width:.42ch;height:.78em;background:var(--ink);margin-left:.06em;vertical-align:-.05em;animation:blink 1s steps(1) infinite}.home-end{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}.intro{max-width:40rem;margin:0;font-size:1.125rem}html.typing .home-end{opacity:0}html.typed .home-end{opacity:1;transition:opacity .7s ease}.term>section{padding:140px var(--pad) 0}.term h2{font-family:var(--display);font-weight:300;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.03em;line-height:.95;margin:0 0 .6rem}.term h2:before{content:"";display:inline-block;width:.62em;height:.62em;background:var(--accent);margin-right:.4em;vertical-align:.08em}.lead{max-width:40rem;margin:0 0 1.5rem}.sky{background:var(--stage);color:var(--paper);padding-top:48px}.sky h2:before{background:var(--accent)}.sky-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}.sky-head p{max-width:28rem;margin:0}.field{position:relative;height:62vh;margin-top:1.5rem}.balloon-defs{position:absolute;width:0;height:0;overflow:hidden}.balloon,.drift-orb,.floater{color:var(--fill)}.balloon svg,.drift-orb svg,.floater svg{display:block;width:100%;height:100%;overflow:visible}.paper{filter:drop-shadow(0 0 .7px #0d2a1c)}.balloon{position:absolute;left:var(--x);top:var(--y);width:86px;height:158px;border:0;background:transparent;cursor:pointer;padding:0}.balloon.mine{cursor:default}.balloon.burst{pointer-events:none}.sky-note{margin:.5rem 0 0;color:#c5d4c8;font-size:16px}.run{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:28px}.frame{margin:0;overflow:hidden}.frame img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.frame figcaption{display:block;font-size:14px;margin-top:8px;color:#c5d4c8}.bench{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch;background:var(--surface);min-height:460px}.write{padding:24px;display:flex;flex-direction:column}.write label{font-weight:500}textarea{width:100%;margin-top:8px;background:var(--paper);border:0;border-radius:0;padding:12px;resize:none;min-height:5.5rem}#count{margin:6px 0 0;color:var(--muted);font-size:15px}.rig{position:relative;height:240px;margin-top:auto}.bands{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bands path{fill:none;stroke:var(--ink);stroke-width:3}.post{position:absolute;top:28px;width:14px;height:14px;background:var(--accent)}.post.left{left:22%}.post.right{right:22%}#bottle{position:absolute;left:50%;top:88px;width:108px;height:148px;transform:translate(-50%);background:transparent;border:0;padding:0;cursor:grab;touch-action:none}#bottle:active{cursor:grabbing}.neck,#bottle .neck{position:absolute;top:0;left:50%;width:26px;height:34px;transform:translate(-50%);background:var(--ink)}.glass{position:absolute;left:10px;right:10px;top:28px;bottom:0;background:var(--ink);color:var(--accent);border-radius:8px 8px 22px 22px;display:flex;align-items:flex-end;justify-content:center;padding:10px;overflow:hidden}#bottleLine{font-size:13px;line-height:1.2;text-align:center}#tossHelp{margin:12px 0 0;color:var(--muted);font-size:16px}.wire{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 32px 40px;background:var(--stage);position:relative}.wire:before{content:"";position:absolute;left:28px;right:28px;top:28px;height:8px;background:#163528}.peg{width:58px;height:72px;margin-top:36px;border-radius:50% 50% 46% 46%;background:var(--fill);position:relative;z-index:1}.peg:nth-child(odd){margin-top:78px}.peg:after{content:"";position:absolute;left:50%;top:-28px;width:2px;height:28px;background:#d7e0d4}.peg.aimed{outline:4px solid var(--accent);outline-offset:6px}#status{font-size:1.25rem;margin:1.2rem 0 .3rem}.chain{margin:0 0 1rem;color:var(--muted)}#releaseBtn{margin-bottom:8px}.why-grid,.who-grid,.how-pin{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.why-copy p{margin:0 0 1rem;max-width:62ch}.why-photo{margin:0;overflow:hidden}.why-photo img,.who-grid figure img,.step img,.flank img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.how-pin{align-items:start}.stage{position:sticky;top:88px;height:70vh;background:var(--stage);display:grid;place-items:center}.act{display:none;position:relative;width:160px;height:220px}.stage[data-state=write] .write-act,.stage[data-state=toss] .toss-act,.stage[data-state=prick] .prick-act{display:block}.stage .neck,.stage .glass{background:var(--accent);color:var(--ink)}.stage .glass em{font-style:normal;font-size:16px}.toss-act{transform:translateY(36px) rotate(-8deg)}.toss-act .string{position:absolute;left:-40px;top:20px;width:70px;height:8px;background:var(--accent)}.prick-act .orb{position:absolute;left:24px;top:10px;width:110px;height:130px;border-radius:50%;background:var(--accent)}.scrap{position:absolute;width:28px;height:18px;background:var(--accent)}.scrap.a{left:0;top:40px}.scrap.b{right:0;top:20px}.scrap.c{right:20px;top:80px}.slip-bit{position:absolute;left:18px;bottom:10px;background:var(--paper);color:var(--ink);padding:10px 12px;font-size:16px}.step{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:48px 0 0}.step h2{grid-column:1 / -1}.step p{font-size:1.35rem;line-height:1.35;max-width:28ch;margin:0}.step figure{margin:0;overflow:hidden}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tile{background:var(--surface);min-height:180px;padding:20px;margin:0}.tile p{margin:0;font-size:1.2rem;line-height:1.35}.tile.accent{background:var(--accent)}.tile.wide{grid-column:span 2}.tile.wide h2{margin:0}.who-lead{font-size:1.35rem;max-width:46rem}.who-grid{margin-top:1.5rem}.who-grid figure{margin:0;overflow:hidden}.who-grid figcaption{margin-top:12px;max-width:46ch;font-size:1.05rem}.facts{background:var(--accent);min-height:100%;padding:28px}.facts .mark{width:96px;height:96px;object-fit:contain}.facts dl{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;margin:28px 0 0}.facts dt{color:var(--ink);font-size:15px}.facts dd{margin:0;font-family:var(--display);font-size:2.4rem;font-weight:300;letter-spacing:-.03em}.help{display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:start}.help h2{position:sticky;top:96px}.accordion{display:flex;flex-direction:column;gap:8px}details{background:var(--surface);padding:0 20px}details[open]{background:var(--accent)}summary{list-style:none;cursor:pointer;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1.2rem;font-weight:500}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:1.5rem;line-height:1;flex:none}details[open] summary:after{content:"–"}details p{margin:0 0 18px;max-width:52ch}.phases{display:grid;grid-template-columns:1fr 1fr;gap:8px}.phases article{background:var(--surface);padding:22px;min-height:160px}.phases h3{margin:0 0 .4rem;font-family:var(--display);font-weight:300;font-size:2rem;letter-spacing:-.03em}.close{padding-bottom:40px}.close-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:8px;align-items:stretch}.flank{margin:0;overflow:hidden;background:var(--stage)}.flank img{height:100%;min-height:320px;aspect-ratio:auto}.action{background:var(--accent);padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.8rem}.action h2,.action p{margin:0}.action .go{background:var(--ink);color:var(--paper)}footer{display:grid;grid-template-columns:1fr auto 1fr;gap:8px 24px;align-items:center;padding:18vh var(--pad) 28px;font-size:16px}footer .links{display:flex;gap:1.4rem;justify-content:center}footer .links a{text-decoration:none}footer p:first-child{margin:0;color:var(--muted)}footer p:nth-child(3){margin:0;text-align:right;color:var(--muted)}.credits{grid-column:1 / -1;color:var(--muted);font-size:14px;max-width:80rem}#slip{border:0;padding:28px;max-width:32rem;background:var(--paper);color:var(--ink)}#slip::backdrop{background:#0d2a1c66}#slip p{font-family:var(--display);font-weight:300;font-size:2rem;line-height:1.15;letter-spacing:-.03em;margin:0 0 1rem}.floater{position:fixed;width:76px;height:140px;z-index:30;pointer-events:none}@media(prefers-reduced-motion:no-preference){.drift-orb{animation:drift-up var(--dur, 22s) linear var(--d, 0s) infinite}.balloon{animation:float 8.5s ease-in-out var(--delay, 0s) infinite}.rise{opacity:0;transform:translateY(22px)}.rise.show{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}.rise.show:nth-child(2){transition-delay:80ms}.rise.show:nth-child(3){transition-delay:.16s}}@keyframes drift-up{0%{transform:translateZ(0) rotate(-8deg);opacity:0}8%{opacity:1}90%{opacity:1}to{transform:translate3d(var(--wiggle, 20px),-118vh,0) rotate(7deg);opacity:0}}@keyframes float{0%{transform:translate(0) rotate(-3deg)}35%{transform:translate(12px,-30px) rotate(4deg)}65%{transform:translate(-10px,-14px) rotate(-2deg)}to{transform:translate(4px,-24px) rotate(3deg)}}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.balloon,.drift-orb{animation:none}}
