.wn{--y-paper:#f7f3e9;--y-paper-2:#efe8d6;--y-card:#fffdf7;--y-ink:#1c1f32;--y-ink-2:#13152a;--y-muted:#59627a;--y-line:#1c1f3224;--y-blue:#1d54c7;--y-yellow:#fccb4a;--y-dusk:#ffc78a;--y-brand:"Avenir Next", Avenir, "Nunito Sans", Manrope, system-ui, sans-serif;--y-mono:var(--mono,"DM Mono", ui-monospace, monospace);--y-t-reveal:.45s ease-out;--gutter:clamp(16px, 4vw, 56px);--gap:clamp(28px, 4vw, 64px);--fg:var(--y-ink);--fg-2:#2c3049;--fg-3:var(--y-muted);background:var(--y-paper);color:var(--fg);font-family:var(--y-brand);-webkit-font-smoothing:antialiased;padding:clamp(72px,9.5vw,148px) 0;position:relative;overflow-x:clip}.wn *,.wn :before,.wn :after{box-sizing:border-box}.wn :where(h2,p,ul,figure){margin:0}.wn :where(ul){padding:0;list-style:none}.wn img,.wn video{max-width:100%;display:block}:where(.wn) button{font:inherit}.wn button:focus-visible{outline:3px solid var(--y-yellow);outline-offset:3px;box-shadow:0 0 0 6px var(--y-ink)}.wn-wrap{width:min(1280px,100%);padding:0 var(--gutter);margin:0 auto}.wn-copy{align-content:center;gap:18px;display:grid}.wn-kicker{font:700 15px/1 var(--y-brand);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.wn-no{background:var(--y-ink);min-width:34px;height:26px;color:var(--y-paper);font:500 13px/1 var(--y-mono);letter-spacing:.02em;border-radius:6px;place-items:center;margin-right:6px;padding:0 6px;display:inline-grid}.wn-tag{height:26px;box-shadow:inset 0 0 0 1.5px var(--y-ink);font:600 12px/1 var(--y-mono);letter-spacing:.06em;border-radius:6px;align-items:center;padding:0 10px;display:inline-flex}.wn-h2{font:900 clamp(38px, 5vw, 72px)/.98 var(--y-brand);letter-spacing:-.03em;text-wrap:balance}.wn-deck{max-width:32ch;font:700 clamp(19px, 1.7vw, 24px)/1.35 var(--y-brand);text-wrap:balance}.wn-body{max-width:52ch;font:500 clamp(16px, 1.2vw, 18px)/1.6 var(--y-brand);color:var(--fg-2);text-wrap:pretty}.wn-honesty{border-top:1px solid var(--y-line);max-width:52ch;font:500 13px/1.5 var(--y-mono);color:var(--fg-3);gap:10px;padding-top:14px;display:flex}.wn-cap{font:500 12px/1.55 var(--y-mono);color:var(--fg-3);margin-top:14px;display:block}.wn-cap b{color:var(--fg);font-weight:600}.wn-card{background:var(--y-card);width:290px;color:var(--y-ink);border-radius:14px;gap:6px;padding:14px 16px 16px;display:grid;box-shadow:0 18px 40px -12px #0a0c1e8c,0 0 0 1px #1c1f3214}.wn-card-head{font:600 11px/1.2 var(--y-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--y-muted)}.wn-card-kind{font:800 12px/1 var(--y-brand);letter-spacing:.12em;text-transform:uppercase;color:var(--y-blue);align-items:center;gap:8px;margin-top:4px;display:flex}.wn-card-kind svg{flex:none;width:20px;height:20px}.wn-card-title{font:800 19px/1.2 var(--y-brand);letter-spacing:-.01em;text-wrap:balance}.wn-card-line{font:500 14px/1.45 var(--y-brand);color:var(--fg-2);text-wrap:pretty}.wn-pin{background:var(--y-yellow);width:18px;height:18px;box-shadow:0 0 0 3px var(--y-ink), 0 0 0 7px #fccb4a59;border-radius:50%;margin:-9px 0 0 -9px;position:absolute}.wn-armed [data-wn-reveal]{opacity:0;transition:opacity var(--y-t-reveal), translate var(--y-t-reveal);translate:0 12px}.wn-armed [data-wn-reveal].is-in{opacity:1;translate:0}.wn-a .wn-grid{gap:var(--gap);grid-template-columns:minmax(0,4.6fr) minmax(0,7.4fr);align-items:center;display:grid}.wn-a .wn-street{margin-right:calc(min(0px, (1280px - 100vw) / 2) - var(--gutter))}.wn-street-media{aspect-ratio:1120/720;background:#2a2a44;border-radius:16px 0 0 16px;position:relative;overflow:hidden}.wn-street-media img{object-fit:cover;width:100%;height:100%}.wn-street .wn-pin{left:var(--px);top:var(--py);z-index:2}.wn-card-pinned{z-index:3;left:var(--px);top:var(--py);width:290px;margin-left:-145px;position:absolute;transform:translateY(calc(-100% - 58px))}.wn-card-pinned:after{content:"";background:var(--y-card);width:2px;height:50px;margin-left:-1px;position:absolute;top:100%;left:50%;box-shadow:0 0 0 1px #1c1f3240}.wn-a .wn-cap{padding-right:var(--gutter)}.wn-b{background:var(--y-paper-2)}.wn-b .wn-grid{gap:var(--gap);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;display:grid}.wn-stage{grid-template-columns:300px minmax(0,1fr);padding-top:24px;display:grid;position:relative}.wn-stage-street{aspect-ratio:1120/720;background:#2a2a44;border-radius:16px;grid-column:1/-1;justify-self:end;width:84%;overflow:hidden}.wn-stage-street img{object-fit:cover;width:100%;height:100%}.wn-phone{aspect-ratio:9/18.6;background:#101222;border-radius:44px;width:290px;padding:9px;position:absolute;top:0;left:0;box-shadow:0 30px 60px -18px #0a0c1e8c,inset 0 0 0 1.5px #3a3d55}.wn-phone-screen{background:var(--y-card);border-radius:36px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.wn-phone-world{background:#2a2a44;flex:0 0 34%;position:relative;overflow:hidden}.wn-phone-world img{object-fit:cover;object-position:42% 52%;width:100%;height:100%}.wn-phone-world .wn-pin{width:14px;height:14px;margin:-7px 0 0 -7px}.wn-sheet{background:var(--y-card);border-radius:20px 20px 0 0;flex:1;align-content:start;gap:4px;margin-top:-18px;padding:10px 16px 16px;display:grid;position:relative}.wn-grab{background:#1c1f322e;border-radius:2px;justify-self:center;width:36px;height:4px;margin-bottom:8px}.wn-sheet-title{font:800 18px/1.2 var(--y-brand);letter-spacing:-.01em;margin-bottom:6px}.wn-list{display:grid}.wn-row{border-top:1px solid var(--y-line);grid-template-columns:34px minmax(0,1fr);gap:10px;padding:10px 0;display:grid}.wn-glyph{width:34px;height:34px;color:var(--y-blue);background:#e7edfb;border-radius:10px;place-items:center;display:grid}.wn-glyph svg{width:20px;height:20px}.wn-row-text{gap:2px;display:grid}.wn-row-kind{font:800 10px/1.2 var(--y-brand);letter-spacing:.12em;text-transform:uppercase;color:var(--y-blue)}.wn-row-title{font:800 14px/1.25 var(--y-brand)}.wn-row-line{font:500 12px/1.4 var(--y-brand);color:var(--fg-2)}.wn-b .wn-cap{grid-column:2;padding-left:24px}.wn-c .wn-grid{gap:18px var(--gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;display:grid}.wn-c .wn-copy{display:contents}.wn-c .wn-kicker,.wn-c .wn-h2{grid-column:1}.wn-c .wn-deck,.wn-c .wn-body,.wn-c .wn-honesty{grid-column:2}.wn-c .wn-kicker{grid-row:1}.wn-c .wn-h2{grid-row:2/span 3;align-self:start}.wn-c .wn-deck{grid-row:2}.wn-c .wn-body{grid-row:3}.wn-c .wn-honesty{grid-row:4}.wn-pair{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);align-items:start;gap:14px 0;margin-top:clamp(40px,4.5vw,64px);display:grid}.wn-pair figure{grid-row:span 2;grid-template-rows:subgrid;display:grid}.wn-pair figcaption{align-content:start;gap:4px;display:grid}.wn-pair-label{font:800 13px/1.2 var(--y-brand);letter-spacing:.12em;text-transform:uppercase}.wn-pair-line{font:600 17px/1.4 var(--y-brand);color:var(--fg-2)}.wn-pair-cap{font:500 12px/1.5 var(--y-mono);color:var(--fg-3);margin-top:4px}.wn-pair-foot{border-top:1px solid var(--y-line);font:600 12px/1.5 var(--y-mono);color:var(--fg);grid-area:3/1/auto/-1;margin-top:22px;padding-top:14px}.wn-then{color:var(--y-ink);grid-area:1/2;align-self:stretch;place-items:center;display:grid}.wn-then svg{width:56px}.wn-here-media{aspect-ratio:1;background:#24233d;border-radius:16px;position:relative;overflow:hidden}.wn-here-media img,.wn-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.wn-video{opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.wn-video.is-on{opacity:1}.wn-loop-btn{z-index:2;color:#fff;cursor:pointer;background:#13152a8c;border:1.5px solid #ffffffbf;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;bottom:12px;right:12px}.wn-loop-btn .i-play,.is-paused .wn-loop-btn .i-pause{display:none}.is-paused .wn-loop-btn .i-play{display:block}.wn-there-art{aspect-ratio:1;background:#fbe7c4;border-radius:16px;padding:0;position:relative;overflow:hidden}.wn-shop{grid-template-rows:46px 26px minmax(0,1fr) 14px;width:62%;height:58%;display:grid;position:absolute;top:9%;right:9%}.wn-shop-fascia{background:var(--y-ink);height:44px;color:var(--y-yellow);font:900 16px/1 var(--y-brand);letter-spacing:.32em;text-transform:uppercase;border-radius:4px 4px 0 0;place-items:center;padding-left:.32em;display:grid}.wn-shop-awning{background:repeating-linear-gradient(90deg, #d9534a 0 22px, var(--y-card) 22px 44px);clip-path:polygon(0 0,100% 0,100% 70%,97% 100%,94% 70%,91% 100%,88% 70%,85% 100%,82% 70%,79% 100%,76% 70%,73% 100%,70% 70%,67% 100%,64% 70%,61% 100%,58% 70%,55% 100%,52% 70%,49% 100%,46% 70%,43% 100%,40% 70%,37% 100%,34% 70%,31% 100%,28% 70%,25% 100%,22% 70%,19% 100%,16% 70%,13% 100%,10% 70%,7% 100%,4% 70%,1% 100%,0 70%);height:30px}.wn-shop-front{background:#b5683f;grid-template-columns:minmax(0,1fr) 30%;gap:10px;padding:14px 12px 0;display:grid}.wn-shop-window{border:5px solid var(--y-ink);background:linear-gradient(#ffe9a8,#ffd27a);border-bottom-width:9px;justify-content:center;align-items:flex-end;gap:8%;padding-bottom:14%;display:flex;position:relative}.wn-shop-window i{aspect-ratio:2;background:#c98a3c;border-radius:50% 50% 8px 8px;width:22%;box-shadow:inset 0 -3px #0000001f}.wn-shop-door{border:5px solid var(--y-ink);background:#2e3a63;border-bottom:0;position:relative}.wn-shop-door i{background:var(--y-yellow);border-radius:50%;width:6px;height:6px;position:absolute;top:52%;right:18%}.wn-shop-pave{background:#d6cab0;margin:0 -8%}.wn-card-there{width:min(300px,74%);position:absolute;bottom:7%;left:7%}@media (width<=900px){.wn-a .wn-grid,.wn-b .wn-grid,.wn-c .wn-grid{grid-template-columns:1fr}.wn-c .wn-copy{display:grid}.wn-c .wn-kicker,.wn-c .wn-h2,.wn-c .wn-deck,.wn-c .wn-body,.wn-c .wn-honesty{grid-area:auto}.wn-a .wn-street{margin:0 calc(-1 * var(--gutter))}.wn-street-media{border-radius:0}.wn-a .wn-cap{padding:0 var(--gutter)}}@media (width<=720px){.wn-street-media{aspect-ratio:4/5}.wn-street .wn-pin{left:var(--ppx)}.wn-card-pinned{left:var(--ppx);width:250px;margin-left:-110px;transform:translateY(calc(-100% - 44px))}.wn-card-pinned:after{height:36px;left:110px}.wn-card{padding:12px 14px 14px}.wn-card-title{font-size:17px}.wn-card-line{font-size:13px}.wn-stage{grid-template-columns:1fr;padding-top:0}.wn-b .wn-cap{grid-area:3/1;padding-left:0}.wn-stage-street{width:100%}.wn-phone{justify-self:center;width:min(270px,76%);margin-top:-64px;position:relative;top:auto;left:auto}.wn-b .wn-cap{width:auto}.wn-pair{grid-template-rows:auto auto 72px auto auto auto;grid-template-columns:1fr}.wn-here{grid-row:1/span 2}.wn-then{grid-area:3/1}.wn-there{grid-row:4/span 2}.wn-pair-foot{grid-row:6}.wn-then svg{width:40px;rotate:90deg}.wn-here-media{aspect-ratio:3/4}.wn-there-art{aspect-ratio:auto;height:470px}.wn-shop{width:76%;height:240px;top:20px;right:8%}.wn-card-there{width:auto;bottom:16px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){.wn *,.wn :before,.wn :after{transition-duration:.01ms!important;animation:none!important}}
