:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--navy:#1a1433;--wordmark:#2a2250;--text:#eef1f7;--muted:#a7b0c2;--line:#eef1f729;--pink:#ff2a6d;--pink-deep:#8a1a4f;--cyan:#05d9e8;--cyan-deep:#046e7a;--display:"Bricolage Grotesque", "Arial Black", sans-serif;--font:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--step-label:clamp(.875rem, .82rem + .25vw, .9375rem);--step--1:.9375rem;--step-0:1.0625rem;--step-1:clamp(1.125rem, 1rem + .6vw, 1.3125rem);--step-2:clamp(1.5rem, 1.05rem + 1.9vw, 2.5rem);--step-3:clamp(2rem, 1.4rem + 2.6vw, 3.75rem);--step-4:clamp(2.5rem, 1.5rem + 4.2vw, 4.5rem);--step-5:clamp(4rem, 12cqi, 10rem);--step-fill:clamp(1.25rem, 8.5cqi, 6rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-section:clamp(4rem, 9vw, 7rem);--gutter:clamp(1.25rem, 4vw, 3.5rem);--content-max:78rem;--page-inline:max(var(--gutter), (100% - var(--content-max)) / 2);--radius:1rem;--radius-phone:2rem;--radius-pill:999px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:3.5rem}body{background:var(--navy);color:var(--text);font-family:var(--font);font-size:var(--step-0);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}img{max-width:100%;height:auto;display:block}a{color:inherit}a,button{cursor:pointer}a:focus-visible,.phones:focus-visible{outline:3px solid var(--text);outline-offset:4px}::selection{background:var(--pink);color:var(--navy)}.display{font-family:var(--display);font-optical-sizing:auto;letter-spacing:-.025em;text-transform:uppercase;font-weight:800;line-height:.86}.eyebrow,.band-label{font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.eyebrow{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);color:var(--muted);display:flex}.eyebrow:after{content:"";background:var(--line);flex:1;height:2px}.pill{padding:.9rem var(--space-5);border-radius:var(--radius-pill);background:var(--accent,var(--text));color:var(--navy);font-weight:600;line-height:1.2;text-decoration:none;transition:transform .15s;display:inline-block}.pill:hover{transform:translateY(-2px)}.top{z-index:10;padding:var(--space-4) var(--page-inline);background:color-mix(in srgb, var(--navy) 94%, transparent);color:var(--text);justify-content:center;align-items:center;transition:transform .25s;display:flex;position:fixed;inset:0 0 auto}.top.is-hidden{transform:translateY(-100%)}.top.is-hidden:focus-within{transform:none}.top nav{font-size:var(--step--1);gap:clamp(1rem,2.5vw,2rem);font-weight:500;display:flex}.top nav a{text-decoration:none}.top nav a:hover{text-underline-offset:.25em;text-decoration:underline}@media (width<=40rem){.top nav a:not(:last-child){display:none}}.wordmark{padding:var(--space-section) max(var(--space-4), .6vw) 0;color:var(--wordmark);overflow-x:clip;container-type:inline-size}.wordmark-name{--name-width-em:3.028;font-size:calc(100cqi / var(--name-width-em));font-variation-settings:"opsz" 96}.wordmark-name .line+.line{letter-spacing:0;font-variation-settings:"opsz" 96, "wdth" 77.59}.wordmark-name .line{letter-spacing:-.025em;width:fit-content;line-height:.74;display:block}.hero-foot{justify-content:center;align-items:center;gap:var(--space-4) var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--line);flex-wrap:wrap;margin-top:clamp(2rem,4vw,3rem);display:flex}.icon-links{gap:var(--space-2);display:flex}.icon-link{border:1px solid var(--line);border-radius:var(--radius-pill);width:2.75rem;height:2.75rem;color:var(--text);place-items:center;transition:background-color .15s,border-color .15s;display:inline-grid}.icon-link:hover{background-color:#eef1f714;border-color:currentColor}.band{padding:var(--space-section) var(--page-inline);border-top:1px solid var(--line);background:radial-gradient(min(60%, 50rem) 70% at calc(50% + min(22vw, 17.5rem)) 50%, color-mix(in srgb, var(--glow) 50%, transparent), transparent 72%), var(--navy);gap:clamp(2.5rem,5vw,4rem);display:grid;overflow:hidden;container-type:inline-size}@media (width>=60rem){.band{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center}}@media (width<=59.99rem){.band{background:radial-gradient(90% 45% at 50% 85%, color-mix(in srgb, var(--glow) 50%, transparent), transparent 72%), var(--navy)}}.band-mello{--accent:var(--pink);--glow:var(--pink-deep)}.band-permit{--accent:var(--cyan);--glow:var(--cyan-deep)}.band-label{align-items:center;gap:var(--space-3);color:var(--muted);display:flex}.band-label img{border-radius:22%;width:2.5rem;height:2.5rem}.band .display{margin:var(--space-3) 0 var(--space-5) -.04em;font-size:var(--step-5)}.band-lede{max-width:30rem;font-size:var(--step-1);line-height:1.4}.facts{gap:var(--space-4) clamp(1rem, 3vw, 2.5rem);max-width:34rem;margin:var(--space-7) 0 0;flex-wrap:wrap;display:flex}.facts div{flex-direction:column-reverse;justify-content:flex-end;display:flex}.facts dd{white-space:nowrap;font-family:var(--display);font-size:var(--step-3);letter-spacing:-.03em;margin:0;font-weight:800;line-height:1}.facts dt{contain:inline-size;margin-top:var(--space-2);color:var(--muted);font-size:var(--step-label);font-weight:500;line-height:1.35}.built{gap:var(--space-3) var(--space-5);max-width:34rem;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--line);font-size:var(--step--1);grid-template-columns:repeat(2,minmax(0,1fr));line-height:1.4;display:grid}.built li{gap:var(--space-3);display:flex}.built li:before{content:"";background:var(--accent);border-radius:1px;flex:none;width:.4rem;height:.4rem;margin-top:.5em}.in-progress{max-width:34rem;margin-top:var(--space-6);padding:var(--space-4) var(--space-5);border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);font-size:var(--step--1);line-height:1.4}.in-progress-title{align-items:center;gap:var(--space-2) var(--space-3);margin:0 0 var(--space-2);color:var(--text);font-size:var(--step-0);flex-wrap:wrap;font-weight:600;display:flex}.status{border:1px solid var(--accent);border-radius:var(--radius-pill);color:var(--text);font-size:var(--step--1);padding:.1rem .6rem;font-weight:600}.in-progress ul{gap:var(--space-2) var(--space-5);margin-top:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=40rem){.in-progress ul{grid-template-columns:minmax(0,1fr)}}.in-progress li{gap:var(--space-3);display:flex}.in-progress li:before{content:"";border:1px solid var(--accent);border-radius:1px;flex:none;width:.4rem;height:.4rem;margin-top:.5em}.band-links{align-items:center;gap:var(--space-4) var(--space-5);margin-top:var(--space-6);flex-wrap:wrap;font-weight:600;display:flex}.band-links a:not(.pill){text-underline-offset:.2em;text-decoration-thickness:2px}.phones{justify-content:center;align-items:center;min-width:0;display:flex}.phones img{border-radius:var(--radius-phone);border:6px solid #03060d;width:38%;max-width:18rem;transition:transform .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 30px 60px -20px #000000b3}@media (width>=40.0625rem){.phones img+img{margin-left:-7%}.phones img:nth-child(odd){transform:translateY(6%)scale(.92)}.phones img:nth-child(2){z-index:1;position:relative}}@media (width>=40.0625rem) and (hover:hover){.band-mello:hover .phones img:first-child{transform:translate(-5%,6%)scale(.92)}.band-mello:hover .phones img:nth-child(3){transform:translate(5%,6%)scale(.92)}}@media (width<=40rem){.phones{justify-content:flex-start;gap:var(--space-4);margin-inline:calc(-1 * var(--gutter));padding:var(--space-2) var(--gutter) var(--space-5);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;overflow-x:auto}.phones img{scroll-snap-align:start;flex:none;width:68%;max-width:none}}.browser{border:1px solid var(--line);border-radius:var(--radius);background:#03060d;justify-self:center;width:100%;max-width:40rem;text-decoration:none;transition:transform .2s;display:block;overflow:hidden;box-shadow:0 30px 60px -20px #000000b3}.browser:hover{transform:translateY(-4px)}.browser-bar{gap:var(--space-2);padding:var(--space-3) var(--space-4);display:flex}.browser-bar span{background:#eef1f747;border-radius:50%;width:.625rem;height:.625rem}.more{padding:var(--space-section) var(--page-inline) 0;border-top:1px solid var(--line)}.more-grid{gap:var(--space-7) var(--space-6);display:grid}.more-card{gap:var(--space-5);flex-direction:column;display:flex}.more-frame{border:1px solid var(--line);border-radius:var(--radius);background:#03060d;overflow:hidden}.more-body{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.more-name{font-family:var(--display);font-size:var(--step-2);letter-spacing:-.03em;text-transform:uppercase;margin:0;font-weight:800;line-height:1}.more-description{max-width:60ch;color:var(--muted)}.more-stack{color:var(--muted);font-size:var(--step--1);font-weight:500}.more-links{gap:0 var(--space-5);flex-wrap:wrap;margin-top:auto;font-weight:600;display:flex}.more-link{text-underline-offset:.2em;align-items:center;gap:.35rem;min-height:2.75rem;text-decoration-thickness:2px;display:inline-flex}.arrow{transition:transform .15s}.more-link:hover .arrow{transform:translate(2px,-2px)}@media (width>=40.0625rem) and (width<=63.99rem){.more-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}}@media (width>=64rem){.more-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.before{padding:var(--space-section) var(--page-inline) 0}.before-intro{max-width:40ch;margin-bottom:var(--space-6);color:var(--muted);font-size:var(--step-1)}.before ul{border-top:1px solid var(--line)}.before li{border-bottom:1px solid var(--line)}.before-row{gap:var(--space-1) var(--space-6);padding-block:var(--space-5);display:grid}.before-name{font-family:var(--display);font-size:var(--step-2);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1}.before-meta{gap:0 var(--space-3);color:var(--muted);font-size:var(--step--1);flex-wrap:wrap;display:flex}.before-meta span:first-child{color:var(--text);font-weight:500}.before-description{max-width:60ch;color:var(--muted)}@media (width>=64rem){.before-row{grid-template-columns:minmax(0,1fr) minmax(0,24rem) 7rem}.before-name,.before-meta{grid-column:1}.before-description{grid-area:1/2/span 2/-1;align-self:center}}.about{padding:5.5rem var(--page-inline) var(--space-section)}.about-name{color:var(--text)}.about-title{max-width:18ch;font-family:var(--display);font-size:var(--step-4);letter-spacing:-.035em;font-weight:700;line-height:1}.about-grid{gap:var(--space-6) clamp(2rem, 6vw, 6rem);display:grid}@media (width>=60rem){.about-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"portrait title""portrait copy";align-items:start}.about-title{grid-area:title;align-self:end}.about-portrait{grid-area:portrait;align-self:center}.about-copy{grid-area:copy}.about-grid:not(:has(.about-portrait)){grid-template-columns:minmax(0,1fr);grid-template-areas:"title""copy"}}.about-portrait{max-width:30rem}.portrait{aspect-ratio:88/75;width:100%;height:auto;color:var(--text);display:block}.portrait-burst{z-index:20;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.about-copy{gap:var(--space-4);color:var(--muted);font-size:var(--step-1);display:grid}.about-goal{color:var(--text);font-weight:500}.stack{justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin-top:clamp(2.5rem,5vw,4rem);display:flex}.stack li{border:1px solid var(--line);border-radius:var(--radius-pill);font-size:var(--step--1);padding:.4rem .9rem;font-weight:500}.contact{padding:var(--space-section) var(--page-inline);text-align:center;container-type:inline-size}.contact .eyebrow:before{content:"";background:var(--line);flex:1;height:2px}.contact-email{margin-top:var(--space-3);font-family:var(--display);font-size:var(--step-fill);letter-spacing:-.04em;text-underline-offset:.14em;overflow-wrap:anywhere;font-weight:800;line-height:1.1;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:.06em;transition:text-decoration-color .15s;display:inline-block}.contact-email:hover{-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink)}.footer{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--page-inline) var(--space-6);border-top:1px solid var(--line);color:var(--muted);font-size:var(--step--1);flex-direction:column;display:flex}[data-reveal]{transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}[data-reveal=pending]{opacity:0;transform:translateY(var(--space-6))}.game-toggle{top:50%;left:var(--page-inline);align-items:center;gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);font:inherit;font-size:var(--step--1);background:0 0;padding:.35rem .85rem;display:inline-flex;position:absolute;transform:translateY(-50%)}.game-toggle[aria-pressed=true]{border-color:var(--cyan);color:var(--text)}.game-toggle-dot{background:currentColor;border-radius:50%;width:.45rem;height:.45rem}.game-toggle[aria-pressed=true] .game-toggle-dot{background:var(--cyan)}.game-toggle:focus-visible,.game-win button:focus-visible{outline:3px solid var(--text);outline-offset:4px}.game-canvas{z-index:20;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.game-hud{top:4.5rem;right:var(--page-inline);z-index:21;justify-items:end;gap:var(--space-2);pointer-events:none;display:grid;position:fixed}.game-count,.game-hint{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--navy);font-size:var(--step--1);margin:0;padding:.35rem .85rem}.game-count{color:var(--text);font-variant-numeric:tabular-nums}.game-hint{color:var(--muted)}.game-announce{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.game-win{max-width:min(32rem, calc(100vw - 2 * var(--gutter)));padding:var(--space-6);border:1px solid var(--line);background:var(--navy);color:var(--text);text-align:center;border-radius:1rem}.game-win::backdrop{background:#0009}.game-win-title{font-family:var(--display);font-size:var(--step-4);margin:0;font-weight:800}.game-win-email{margin:var(--space-3) 0 var(--space-5);font-size:var(--step-1);overflow-wrap:anywhere}.game-win-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.game-win-actions .pill{font:inherit;border:0;font-weight:600}.game-win-secondary{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--text);font:inherit;background:0 0;padding:.9rem 1.25rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pill,.browser,.phones img,.contact-email,.arrow,.top,.icon-link,[data-reveal]{transition:none}[data-reveal=pending]{opacity:1;transform:none}}@media print{[data-reveal=pending]{opacity:1;transform:none}}