:root{--bg: #15141b;--panel: #1e1c26;--ink: #ece9f3;--muted: #a39fb3;--line: #332f40;--accent: #e08a35;--accent-ink: #f2c48f;--pink: #e35d8a;--mint: #7fd1b9;--display: "Fraunces", Georgia, "Times New Roman", serif;--body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, Menlo, monospace;--ease-pop: cubic-bezier(.2, .9, .3, 1.25);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2{font-family:var(--display);font-weight:600;margin:0;text-wrap:balance}p{margin:0}a{color:var(--accent-ink)}:focus-visible{outline:3px solid var(--accent-ink);outline-offset:4px;border-radius:4px}main{width:100%;overflow-x:clip}.hero{position:relative;min-height:100svh;display:grid;place-content:center;justify-items:center;gap:1.5rem;padding:6rem 1rem 7rem;text-align:center;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 50% at 50% 45%,color-mix(in oklab,var(--accent) 22%,transparent),transparent 70%);animation:breathe 7s ease-in-out infinite}.wordmark{font-size:clamp(4.2rem,21vw,15rem);line-height:.86;letter-spacing:-.03em;font-variation-settings:"opsz" 144,"WONK" 1;display:grid;gap:.02em;animation:sway-all 9s ease-in-out infinite}.word{display:block;white-space:nowrap}.word:nth-child(2){font-style:italic;padding-left:.4em}.letter{display:inline-block;animation:rise .9s var(--ease-pop) both;animation-delay:calc(.15s + var(--i) * 65ms);color:color-mix(in oklch,var(--accent) calc(100% - var(--i) * 6%),var(--pink))}.letter__i{display:inline-block;animation:sway 5.5s ease-in-out infinite;animation-delay:calc(1.2s + var(--i) * .19s)}.tagline{position:relative;font-family:var(--display);font-style:italic;font-variation-settings:"opsz" 24,"WONK" 1;font-size:clamp(1.1rem,.7rem + 1.5vw,1.75rem);color:var(--ink);padding:0 .4em .5em;animation:fade-up .8s 1s both}.scribble{position:absolute;left:0;right:0;bottom:0;width:100%;height:12px;color:var(--accent);overflow:visible}.scribble path{stroke-dasharray:220;stroke-dashoffset:220;animation:draw 1s 1.5s var(--ease-pop) forwards}.cue{position:absolute;bottom:1.5rem;left:50%;translate:-50% 0;display:grid;justify-items:center;gap:.2rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-decoration:none;animation:fade-up .8s 2s both}.cue__arrow{width:1.4rem;height:1.4rem;animation:nod 1.6s ease-in-out infinite}.cue:hover{color:var(--accent-ink)}.spark{position:absolute;width:1.6rem;height:1.6rem;color:var(--accent-ink);animation:twinkle 3.2s ease-in-out infinite;pointer-events:none}.spark--1{top:18%;left:12%;animation-delay:.3s}.spark--2{top:24%;right:14%;width:1.1rem;height:1.1rem;color:var(--pink);animation-delay:1.4s}.spark--3{bottom:26%;left:20%;width:.9rem;height:.9rem;color:var(--mint);animation-delay:2.1s}.spark--4{bottom:30%;right:18%;animation-delay:.9s}.zoom{height:400vh;view-timeline-name:--zoom;view-timeline-axis:block;position:relative}.stage{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center;isolation:isolate}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 65% at 50% 50%,transparent 50%,var(--bg) 100%)}.dust{position:absolute;inset:-40%;z-index:-1;background-image:radial-gradient(circle,var(--line) 1.5px,transparent 2.5px),radial-gradient(circle,color-mix(in oklab,var(--accent) 45%,transparent) 1px,transparent 2px);background-size:110px 110px,170px 170px;background-position:0 0,40px 70px;animation:dust linear both;animation-timeline:--zoom;animation-range:contain 0% contain 100%}.stage__title{position:absolute;top:max(1.25rem,env(safe-area-inset-top));left:50%;translate:-50% 0;z-index:1;font-size:clamp(1.1rem,1rem + 1vw,1.5rem);font-style:italic;font-weight:500;color:var(--muted);white-space:nowrap}.stage__hint{position:absolute;bottom:max(1.25rem,env(safe-area-inset-bottom));left:50%;translate:-50% 0;font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);opacity:.7}.stage__cards{display:grid;place-items:center;width:100%;height:100%}.plain{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;text-align:center}.card{grid-area:1 / 1;width:min(86vw,32rem);padding:1.4rem 1.6rem 1.5rem;display:grid;grid-template-columns:1fr auto;grid-template-areas:"kicker glyph" "title glyph" "blurb blurb" "cta cta";gap:.35rem 1rem;text-align:left;border:2px solid var(--ink);border-radius:1.4rem;background:var(--panel);color:var(--ink);box-shadow:.6rem .6rem 0 var(--card);text-decoration:none;font:inherit;cursor:pointer;rotate:var(--tilt);transform-origin:50% 50%;will-change:transform,opacity;animation:fly linear both;animation-timeline:--zoom;animation-range:contain calc(var(--a) * 100%) contain calc(var(--b) * 100%)}.card:hover{background:color-mix(in oklab,var(--panel) 85%,var(--card))}.card__kicker{grid-area:kicker;font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;color:var(--muted);align-self:end}.card__glyph{grid-area:glyph;width:4.2rem;height:4.2rem;color:var(--card);display:block}.card:hover .card__glyph,.card:focus-visible .card__glyph{animation:wiggle .6s ease-in-out}.card__glyph svg{width:100%;height:100%;display:block}.card__title{grid-area:title;font-family:var(--display);font-variation-settings:"opsz" 72,"WONK" 1;font-weight:600;font-size:clamp(1.9rem,1.4rem + 2.2vw,2.6rem);line-height:1;letter-spacing:-.02em}.card__blurb{grid-area:blurb;margin-top:.4rem;color:var(--muted);font-size:1rem;line-height:1.45;text-wrap:pretty}.card__cta{grid-area:cta;justify-self:start;margin-top:.8rem;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .95rem;border-radius:999px;background:var(--card);color:var(--bg);font-weight:700;font-size:.95rem;transition:translate .2s var(--ease-pop)}.card__arrow{width:1.1rem;height:1.1rem;transition:translate .2s var(--ease-pop)}.card:hover .card__arrow{translate:.2rem 0}.card__cta--soon{background:transparent;color:var(--card);border:2px dashed var(--card);rotate:-2deg;font-family:var(--mono);font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.card.is-shrug .card__cta--soon{animation:shrug .7s var(--ease-pop)}.video{min-height:100svh;max-width:56rem;margin:0 auto;padding:5rem 1.25rem 6rem;display:grid;align-content:center;gap:.75rem;justify-items:center;text-align:center}.video__title{font-size:clamp(1.9rem,1.3rem + 3vw,3.2rem);font-style:italic;font-variation-settings:"opsz" 96,"WONK" 1;line-height:1.05}.video__lede{color:var(--muted);max-width:34rem}.poster{position:relative;width:100%;aspect-ratio:16 / 9;margin-top:1.5rem;border:2px solid var(--ink);border-radius:1.2rem;overflow:hidden;box-shadow:.7rem .7rem 0 var(--pink);rotate:-1deg;transition:rotate .4s var(--ease-pop)}.poster:hover{rotate:.5deg}.poster__art{position:absolute;inset:0;width:100%;height:100%}.poster__sun{animation:bob 6s ease-in-out infinite}.poster__stars circle{animation:twinkle 2.8s ease-in-out infinite}.poster__stars circle:nth-child(2n){animation-delay:1.1s}.poster__stars circle:nth-child(3n){animation-delay:2s}.poster__wave{animation:drift 4s ease-in-out infinite alternate}.poster__play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:clamp(3.5rem,12vw,5rem);height:clamp(3.5rem,12vw,5rem);border-radius:50%;display:grid;place-items:center;background:color-mix(in oklab,var(--bg) 70%,transparent);border:2px solid var(--ink);color:var(--ink);backdrop-filter:blur(4px)}.poster__play-icon{width:55%;height:55%;translate:6% 0}.sticker{display:inline-block;padding:.4rem .9rem;border:2px dashed var(--accent-ink);border-radius:999px;background:var(--bg);color:var(--accent-ink);font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.sticker--video{position:absolute;right:1rem;top:1rem;rotate:6deg}.foot{padding:2rem 1.25rem 3rem;text-align:center;font-family:var(--display);font-style:italic;font-size:1.1rem;color:var(--muted)}.foot__small{font-family:var(--mono);font-style:normal;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;margin-top:.4rem;opacity:.7}@keyframes rise{0%{opacity:0;transform:translateY(.6em) rotate(8deg) scale(.7)}to{opacity:1;transform:none}}@keyframes sway{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-.05em) rotate(-2deg)}70%{transform:translateY(.035em) rotate(1.5deg)}}@keyframes sway-all{0%,to{transform:rotate(-.6deg) scale(1)}50%{transform:rotate(.6deg) scale(1.015)}}@keyframes breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.12);opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes nod{0%,to{transform:translateY(0)}50%{transform:translateY(.35rem)}}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(20deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg) scale(1.08)}75%{transform:rotate(7deg) scale(1.08)}}@keyframes shrug{0%,to{translate:0 0;rotate:-2deg}25%{translate:-.35rem 0;rotate:-8deg}50%{translate:.35rem 0;rotate:4deg}75%{translate:-.2rem 0;rotate:-5deg}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes drift{0%{transform:translate(-3px)}to{transform:translate(3px)}}@keyframes fly{0%{transform:translate(var(--dx),var(--dy)) scale(.08);opacity:0;pointer-events:none;z-index:1}8%{opacity:.2;pointer-events:auto}18%{transform:translate(calc(var(--dx) * .55),calc(var(--dy) * .55)) scale(.3);opacity:.45}32%{transform:translate(calc(var(--dx) * .1),calc(var(--dy) * .1)) scale(1);opacity:1}62%{transform:translate(0) scale(1);opacity:1}70%{pointer-events:auto}72%{opacity:0;pointer-events:none}to{transform:translate(calc(var(--dx) * -1.4),calc(var(--dy) * -1.4)) scale(4.5);opacity:0;pointer-events:none;z-index:9}}@keyframes dust{0%{transform:scale(1) rotate(0);opacity:.9}to{transform:scale(2.4) rotate(5deg);opacity:.5}}:root[data-motion=js] .card,:root[data-motion=js] .dust{animation-timeline:auto;animation-duration:1s;animation-play-state:paused}:root[data-motion=js] .dust{animation-delay:calc(-1s * var(--p, 0))}:root[data-motion=js] .card{animation-delay:calc(-1s*clamp(0,(var(--p, 0) - var(--a)) / (var(--b) - var(--a)),1))}:root[data-motion=reduce]{scroll-behavior:auto}:root[data-motion=reduce] :is(.hero:before,.wordmark,.letter,.letter__i,.tagline,.scribble path,.cue,.cue__arrow,.spark,.dust,.card,.card:hover .card__glyph,.card:focus-visible .card__glyph,.card.is-shrug .card__cta--soon,.poster__sun,.poster__stars circle,.poster__wave){animation:none}:root[data-motion=reduce] :is(.card__cta,.card__arrow,.poster){transition:none}:root[data-motion=reduce] .scribble path{stroke-dashoffset:0}:root[data-motion=reduce] .zoom{height:auto}:root[data-motion=reduce] .stage{position:static;height:auto;overflow:visible;padding:5rem 1rem 3rem}:root[data-motion=reduce] .stage__title{position:static;translate:none;margin-bottom:2rem}:root[data-motion=reduce] .stage__hint,:root[data-motion=reduce] .dust,:root[data-motion=reduce] .stage:after{display:none}:root[data-motion=reduce] .stage__cards{height:auto;gap:2.5rem}:root[data-motion=reduce] .card{grid-area:auto;pointer-events:auto;opacity:1;transform:none}@media(max-width:480px){.card{padding:1.1rem 1.2rem 1.25rem;border-radius:1.1rem;box-shadow:.45rem .45rem 0 var(--card)}.card__glyph{width:3.2rem;height:3.2rem}.card__blurb{font-size:.95rem}.spark--1{top:12%}.spark--4{bottom:22%}}