:root{--paper:#FFF4E3;--ink:#21201C;--blue:#59ACFF;--pink:#FF8CBC;--sand:#E8D9C0;--base:8px;--bar:72px;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Asap,system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-x:clip;text-wrap:pretty;}::selection{background:var(--pink);color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}h1,h2,h3{font-family:Grandstander,Asap,system-ui,sans-serif;font-weight:800;line-height:1.08;letter-spacing:-0.02em;text-wrap:balance;margin:0}p{margin:0}img{max-width:100%;height:auto}.bar{position:fixed;top:0;left:0;right:0;z-index:20;min-height:var(--bar);display:flex;align-items:center;gap:12px;padding:8px clamp(16px,4vw,40px);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));background:var(--paper);border-bottom:3px solid var(--ink);transform:translateY(0);transition:transform .28s cubic-bezier(.16,1,.3,1);}.bar.away{transform:translateY(-110%)}.bar img{width:56px;height:56px;display:block}.bar span{font-family:Grandstander,Asap,sans-serif;font-weight:800;font-size:clamp(20px,5vw,26px)}.poster{position:relative;min-height:100dvh;padding:calc(var(--bar) + 24px) clamp(16px,4vw,40px) 0;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:center;overflow:hidden;background:var(--paper);}.poster > *{position:relative;z-index:2}.street{position:absolute;left:50%;bottom:0;width:min(1500px,190%);transform:translateX(-50%);z-index:1;pointer-events:none;}.sky{display:none}@media (min-width: 900px){.sky{display:block;position:absolute;top:calc(var(--bar) + 8px);left:0;width:100%;height:min(360px,40dvh);z-index:1;pointer-events:none;}}h1{font-size:clamp(30px,8.4vw,76px);max-width:15ch;text-align:center;margin-top:calc(var(--base) * 1);}.sub{max-width:46ch;text-align:center;margin-top:calc(var(--base) * 2);font-size:clamp(15px,3.7vw,19px);}.go{display:inline-flex;align-items:center;justify-content:center;min-width:260px;min-height:60px;margin-top:calc(var(--base) * 3);padding:14px 28px;background:var(--pink);color:var(--ink);border:3px solid var(--ink);border-radius:999px;box-shadow:6px 6px 0 var(--ink);font-family:Grandstander,Asap,sans-serif;font-weight:800;font-size:clamp(18px,4.6vw,22px);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);}@media (hover: hover) and (pointer: fine){.go:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}}.go:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--ink)}.note{margin-top:calc(var(--base) * 1.5);font-size:14px;text-align:center;}.stage{width:100%;max-width:420px;margin:calc(var(--base) * 3) auto calc(var(--base) * 4);}.stage svg{display:block;width:100%;height:auto}.flip{display:inline-flex;align-items:center;gap:10px;margin:0 auto calc(var(--base) * 4);min-height:44px;padding:8px 16px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:999px;box-shadow:4px 4px 0 var(--ink);font-family:Asap,sans-serif;font-weight:600;font-size:15px;cursor:pointer;-webkit-tap-highlight-color:transparent;}.dot{width:36px;height:20px;border:3px solid var(--ink);border-radius:999px;position:relative;background:var(--blue);flex:none}.dot::after{content:"";position:absolute;top:1px;left:1px;width:12px;height:12px;border-radius:50%;background:var(--paper);transition:transform .22s cubic-bezier(.16,1,.3,1);transform:translateX(14px)}.flip[aria-checked="false"] .dot{background:var(--sand)}.flip[aria-checked="false"] .dot::after{transform:translateX(0)}.locked{opacity:0;transition:opacity .25s ease-out}.open{opacity:1;transition:opacity .25s ease-out}svg.off .locked{opacity:1}svg.off .open{opacity:0}.band{background:var(--ink);color:var(--paper);border-top:3px solid var(--ink);padding:clamp(40px,9vw,88px) clamp(16px,4vw,40px);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));}.band h2{font-size:clamp(26px,6.4vw,44px);max-width:16ch}.wrap{max-width:1100px;margin:0 auto}.hang{display:grid;gap:calc(var(--base) * 3)}.hang > p{max-width:52ch;color:#F3E9D8}.steps{display:grid;gap:calc(var(--base) * 3);margin-top:calc(var(--base) * 5);list-style:none;padding:0;}.steps li{display:grid;gap:calc(var(--base) * 2);align-items:start;grid-template-columns:auto 1fr;}.num{font-family:Grandstander,Asap,sans-serif;font-weight:800;font-size:clamp(40px,11vw,72px);line-height:.8;color:var(--blue);}.screen{border:3px solid var(--paper);border-radius:18px;padding:14px;background:#2B2924;display:grid;gap:8px;}.screen b{font-family:Grandstander,Asap,sans-serif;font-weight:800;font-size:17px;display:block}.screen span{display:block;font-size:14px;color:#EADFCB}.row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #4A463D;padding-bottom:6px}.row:last-child{border-bottom:0;padding-bottom:0}.tag{color:var(--pink);font-weight:600}.cap{margin-top:calc(var(--base) * 1.5);font-size:15px;color:#F3E9D8;max-width:40ch}.shot{display:block;border:3px solid var(--pink);border-radius:18px;filter:grayscale(1) contrast(1.08);width:100%;max-width:220px;height:auto;}footer{margin-top:calc(var(--base) * 6)}.half-light{background:var(--paper);color:var(--ink);padding:clamp(28px,6vw,56px) clamp(16px,4vw,40px);}.half-dark{background:var(--ink);color:var(--paper);padding:clamp(24px,5vw,44px) clamp(16px,4vw,40px);}.half-light strong{font-family:Grandstander,Asap,sans-serif;font-weight:800;font-size:clamp(22px,5.4vw,30px);display:block;margin-bottom:10px}.half-dark h2{font-size:18px;margin-bottom:10px}.half-dark p{max-width:60ch;color:#EADFCB;font-size:15px}.half-dark a{color:var(--paper);text-decoration:none;position:relative}.half-dark a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .22s cubic-bezier(.16,1,.3,1);}.half-dark a:hover::after,.half-dark a:focus-visible::after{transform:scaleX(1)}.js .rise{opacity:0;transform:translateY(18px)}.js .rise.seen{opacity:1;transform:none;transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}.js .steps li.seen{transition-delay:calc(sibling-index() * 140ms)}@supports not (transition-delay: calc(sibling-index() * 1ms)){.js .steps li:nth-child(2).seen{transition-delay:.14s}.js .steps li:nth-child(3).seen{transition-delay:.28s}}@media (min-width: 900px){.hang{grid-template-columns:minmax(260px,34%) 1fr;align-items:start}.steps{grid-column:1 / -1;grid-template-columns:1.2fr 1fr 1fr;align-items:start}.steps li{grid-template-columns:auto 1fr}}@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}.js .rise{opacity:1;transform:none}}:is(html,body){max-width:100%;overflow-x:clip}@font-face{font-family: 'Asap';font-style: normal;font-weight: 400;font-stretch: 100%;font-display: swap;src: url(../media/asap.0125446f.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: 'Asap';font-style: normal;font-weight: 400;font-stretch: 100%;font-display: swap;src: url(../media/asap.0f4b8a28.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: 'Asap';font-style: normal;font-weight: 600;font-stretch: 100%;font-display: swap;src: url(../media/asap.0125446f.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: 'Asap';font-style: normal;font-weight: 600;font-stretch: 100%;font-display: swap;src: url(../media/asap.0f4b8a28.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: 'Grandstander';font-style: normal;font-weight: 800;font-display: swap;src: url(../media/grandstander.2d399f69.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: 'Grandstander';font-style: normal;font-weight: 800;font-display: swap;src: url(../media/grandstander.ce430383.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;}