@font-face{font-family:Roboto;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/fonts/roboto-latin.woff2)format("woff2")}:root{--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-body:"Roboto", system-ui, -apple-system, sans-serif;--font-hand:"Kalam", "Comic Neue", cursive;--font-spartan:"League Spartan";--font-playfair:"Playfair Display";--font-lora:"Lora";--font-caveat:"Caveat";--font-outfit:"Outfit";--paper:#f7f6f1;--dot:#0074d921;--ink:#16171a;--muted:#5d6068;--line:#16171a1f;--line-strong:#16171a42;--blue:#0074d9;--blue-hover:#1a86e8;--blue-soft:#0074d91a;--surface:#fff;--panel-contact:#141416;--footer:#0f0f10;--shadow:0 40px 80px -30px #0f0f1059;--shadow-sm:0 16px 40px -20px #0f0f104d;--wrap:1200px;--gutter:clamp(20px, 4vw, 48px);--nav-height:76px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark{--paper:#0e0e10;--dot:#ffffff12;--ink:#f2f2f3;--muted:#9d9da6;--line:#ffffff1f;--line-strong:#ffffff3d;--blue:#4da3ff;--blue-hover:#7bbcff;--blue-soft:#4da3ff24;--surface:#17171a;--panel-contact:#0a0a0b;--footer:#070708;--shadow:0 40px 80px -30px #000000d9;--shadow-sm:0 16px 40px -20px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.6;transition:background-color .3s,color .3s}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none;transition:color .2s,opacity .2s}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul,ol{list-style:none}h1,h2,h3{text-wrap:balance;font-weight:700}p{text-wrap:pretty}::selection{background:var(--blue);color:#fff}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}.wrap{width:min(var(--wrap), 100% - 2 * var(--gutter));margin-inline:auto}.text--blue{color:var(--blue)}.scribble{white-space:nowrap;isolation:isolate;display:inline-block;position:relative}.scribble__mark{z-index:-1;pointer-events:none;position:absolute;overflow:visible}.scribble--underline .scribble__mark{width:calc(100% + .08em);height:.26em;bottom:-.16em;left:-.04em;right:-.04em}.scribble--circle .scribble__mark{width:calc(100% + .4em);height:calc(100% + .28em);top:-.14em;left:-.2em}.scribble__mark path{stroke-width:5px}.scribble--circle .scribble__mark path{stroke-width:3.5px}@keyframes scribble-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.label{color:var(--muted);font-size:13.5px;font-weight:500;line-height:1.4}.note{font-family:var(--font-hand);color:var(--blue);transform-origin:0;font-size:21px;font-weight:700;line-height:1.15;display:inline-block;transform:rotate(-2deg)}.margin-note{align-items:center;gap:6px;display:inline-flex}.margin-note__arrow{flex:none;overflow:visible}.margin-note--left{flex-direction:row-reverse}.margin-note--left .margin-note__arrow{width:64px;height:28px}.margin-note--down{flex-direction:column;align-items:flex-start;gap:0}.margin-note--down .margin-note__arrow{width:30px;height:44px;margin-left:18px}.drawn path{fill:none;stroke:var(--blue);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:1.1s cubic-bezier(.65,0,.35,1) .45s both scribble-draw}.reveal:not(.is-revealed) .drawn path{stroke-dashoffset:1px;animation:none}.icon{vertical-align:-.125em;line-height:1;display:inline-block}.icon svg{fill:currentColor;width:auto;height:1em;display:block;overflow:visible}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--blue);color:#fff;border-radius:8px;padding:8px 16px;position:absolute;top:-60px;left:16px}.skip-link:focus{top:16px}.status-dot{background:#34c759;border-radius:50%;flex:none;width:8px;height:8px;animation:2.4s ease-in-out infinite status-pulse}@keyframes status-pulse{0%{box-shadow:0 0 #16a34a80}70%,to{box-shadow:0 0 0 7px #16a34a00}}.btn{white-space:nowrap;height:52px;transition:transform .4s var(--ease-out), background-color .2s ease, border-color .2s ease, color .2s ease;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:16px;font-weight:500;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn i{transition:transform .4s var(--ease-out);font-size:13px}.btn:hover i{transform:translate(3px)}.btn--primary{background:var(--blue);color:#fff}.btn--primary:hover{background:var(--blue-hover)}.btn--ghost{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 50%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--ghost:hover{border-color:var(--ink)}.icon-btn{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);transition:transform .4s var(--ease-out), border-color .2s ease, color .2s ease;border-radius:50%;place-items:center;font-size:17px;display:grid}.icon-btn:hover{color:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.page{min-height:100vh;position:relative}.page:not(.page--themed){background-image:radial-gradient(circle, var(--dot) 1px, transparent 1.4px);background-position:14px 14px;background-size:28px 28px}.page__content{z-index:1;position:relative}.shapes{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.shape{box-sizing:content-box;will-change:transform;width:auto;height:60px;transition:scale .25s var(--ease-out), filter .25s ease;padding:6px;position:absolute}.shape.is-hovered{scale:1.12}.shape.is-dragging{filter:drop-shadow(0 10px 14px #00000040);scale:1.3}.shape-hover body{cursor:grab}.shape-grabbing,.shape-grabbing *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.dark .shape{filter:brightness(1.25)saturate(1.1)}.dark .shape.is-dragging{filter:brightness(1.25)saturate(1.1)drop-shadow(0 10px 14px #00000080)}.shape--0{top:15vh;left:5vw}.shape--1{top:15vh;left:50vw}.shape--2{top:15vh;left:80vw}.shape--3{top:50vh;left:5vw}.shape--4{top:50vh;left:50vw}.shape--5{top:50vh;left:80vw}.shape--6{top:80vh;left:5vw}.shape--7{top:80vh;left:50vw}.shape--8{top:80vh;left:80vw}.nav{z-index:40;position:relative}.nav__inner{height:var(--nav-height);justify-content:space-between;align-items:center;display:flex;position:relative}.nav__logo{align-items:center;gap:12px;font-weight:700;display:flex}.nav__logo img{width:44px;height:44px;transition:transform .5s var(--ease-out);border-radius:11px}.nav__logo:hover img{transform:rotate(-8deg)scale(1.05)}.nav__name{font-size:16px}.nav-list{align-items:center;gap:2px;display:flex}.nav__link--anchor{white-space:nowrap;color:var(--ink);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:500;transition:color .2s,background-color .2s;display:inline-block}.nav__link--anchor:not(.nav__link--anchor--primary):hover,.nav__link--anchor[aria-current=page]{color:var(--blue)}.nav__link--anchor--primary{background:var(--blue);color:#fff;margin-left:6px;padding:9px 18px}.nav__link--anchor--primary:hover{background:var(--blue-hover)}.nav__theme{width:40px;height:40px;transition:background-color .2s ease, transform .5s var(--ease-out);border-radius:50%;place-items:center;margin-left:4px;font-size:17px;display:grid}.nav__theme:hover{background:var(--line);transform:rotate(180deg)}.hero{z-index:1;min-height:calc(100svh - var(--nav-height));flex-direction:column;padding-block:clamp(32px,7vh,88px) 32px;display:flex;position:relative}.hero__title{letter-spacing:-.04em;margin-top:clamp(16px,4vh,48px);font-size:clamp(72px,13.5vw,196px);font-weight:700;line-height:.9;position:relative}.hero__heading{position:relative}.hero__note{animation:rise .9s var(--ease-out) .9s backwards;position:absolute;bottom:16%;right:0}.hero__note .note{width:16ch;font-size:23px}.hero__line{padding:0 .04em .08em 0;display:block;overflow:hidden}.hero__line>span{animation:line-up 1.2s var(--ease-out) .2s backwards;display:block}.hero__line+.hero__line>span{animation-delay:.32s}.hero__line--accent>span{color:var(--blue)}.hero__foot{animation:rise 1s var(--ease-out) .55s backwards;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px 48px;margin-top:clamp(32px,6vh,64px);display:grid}.hero__lede{max-width:34ch;color:var(--muted);font-size:clamp(18px,1.55vw,22px);line-height:1.5}.hero__lede strong{color:var(--ink);font-weight:500}.hero__about{color:var(--blue);font-weight:500;transition:color .2s}.hero__about:hover{color:var(--blue-hover)}.hero__side{flex-direction:column;align-items:flex-end;gap:20px;display:flex}.hero__actions{flex-wrap:wrap;gap:12px;display:flex}.hero__socials{gap:8px;display:flex}.now{animation:rise 1s var(--ease-out) .75s backwards;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:auto;padding-top:clamp(40px,8vh,96px);display:grid}.now__item{border-top:1.5px dashed var(--line-strong);padding-top:18px}.now__item .note{font-size:19px}.now__value{margin-top:6px;font-size:15px;font-weight:500}.now__value span{color:var(--muted);font-weight:400}.section{z-index:1;padding-top:clamp(96px,13vw,176px);position:relative}.section__head{grid-template-columns:minmax(0,1fr) minmax(0,30ch);align-items:end;gap:24px 48px;margin-bottom:clamp(40px,6vw,72px);display:grid}.section__title{letter-spacing:-.035em;margin-top:10px;font-size:clamp(44px,6.6vw,96px);font-weight:700;line-height:.95}.section__lede{color:var(--muted);font-size:17px;line-height:1.55}.projects__list{flex-direction:column;gap:clamp(20px,3vw,36px);display:flex}.experience{border-bottom:1.5px dashed var(--line-strong)}.experience__row{border-top:1.5px dashed var(--line-strong);grid-template-columns:200px minmax(0,1fr) minmax(0,1.5fr);gap:16px 40px;padding:36px 0;display:grid}.experience__period{padding-top:4px;font-size:19px}.experience__role{letter-spacing:-.03em;font-size:clamp(22px,2.2vw,30px);line-height:1.15}.experience__company{color:var(--blue);margin-top:6px;font-size:16px}.experience__points{color:var(--muted);gap:10px;display:grid}.experience__points li{padding-left:22px;line-height:1.55;position:relative}.experience__points li:before{content:"";background:var(--muted);width:10px;height:1px;position:absolute;top:.72em;left:0}.cta{padding-bottom:clamp(56px,7vw,96px)}.cta__title{letter-spacing:-.04em;margin-top:16px;font-size:clamp(52px,9vw,140px);font-weight:700;line-height:.92}.cta__row{border-top:1.5px dashed var(--line-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(40px,5vw,64px);padding-top:32px;display:flex}.cta__email{letter-spacing:-.02em;align-items:center;gap:14px;font-size:clamp(22px,3vw,40px);font-weight:500;display:inline-flex}.cta__email i{color:var(--blue);transition:transform .4s var(--ease-out);font-size:.6em;rotate:-45deg}.cta__email:hover{color:var(--blue)}.cta__email:hover i{transform:translate(4px,-4px)}.footer{z-index:1;background:var(--footer);color:#f2f2f3;position:relative}.footer__inner{grid-template-columns:minmax(0,1fr) auto;gap:48px;padding-block:72px 56px;display:grid}.footer__brand{align-items:center;gap:16px;display:flex}.footer__brand img{border-radius:14px;width:56px;height:56px}.footer__name{font-size:20px;font-weight:700}.footer__made{color:#7bbcff;margin-top:6px;font-size:19px}.footer__role{color:#f2f2f399;font-size:15px}.footer__cols{grid-template-columns:repeat(2,minmax(140px,auto));gap:48px;display:grid}.footer__cols .label{color:#f2f2f380;margin-bottom:14px}.footer__cols ul{gap:8px;display:grid}.footer__link{color:#f2f2f3;font-size:15px}.footer__link:hover{opacity:.6}.footer__bottom{color:#f2f2f380;border-top:1px solid #ffffff1a;justify-content:space-between;gap:16px;padding-block:24px 32px;display:flex}.footer__bottom a{align-items:center;gap:8px;display:inline-flex}.footer__bottom a:hover{color:#fff}html:has(.about-dialog[open]){overflow:hidden}.about-dialog{background:var(--surface);width:min(1100px,100% - 48px);max-width:none;max-height:none;color:var(--ink);opacity:0;transition:opacity .3s ease, transform .5s cubic-bezier(.16, 1, .3, 1), overlay .5s allow-discrete, display .5s allow-discrete;border:0;border-radius:28px;margin:auto;padding:0;overflow:hidden;transform:translateY(24px)scale(.96);box-shadow:0 40px 120px #00000073}.about-dialog[open]{opacity:1;transform:none}.about-dialog::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:background .4s ease, backdrop-filter .4s ease, overlay .4s allow-discrete, display .4s allow-discrete;background:#08080800}.about-dialog[open]::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0808088c}@starting-style{.about-dialog[open]{opacity:0;transform:translateY(24px)scale(.96)}.about-dialog[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#08080800}}.about-dialog__close{z-index:2;color:#fff;width:40px;height:40px;transition:background-color .2s ease, transform .4s var(--ease-out);background:#ffffff1f;border-radius:50%;place-items:center;font-size:17px;display:grid;position:absolute;top:16px;right:16px}.about-dialog__close:hover{background:#ffffff3d;transform:rotate(90deg)}.about-dialog__card{grid-template-columns:1.35fr 1fr;max-height:calc(100dvh - 48px);display:grid;overflow-y:auto}.about-dialog__about,.about-dialog__contact{padding:34px 40px}.about-dialog__contact{background:var(--panel-contact);color:#fff;border-left:1px solid #ffffff14;flex-direction:column;justify-content:center;display:flex}.about-dialog__intro{align-items:center;gap:16px;margin-bottom:18px;display:flex}.about-dialog__avatar{border-radius:15px;width:60px;height:60px}.about-dialog__name{letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1.1}.about-dialog__role{color:var(--blue);margin-top:4px;font-size:14.5px;font-weight:500}.about-dialog__para{font-size:15px;line-height:1.65}.about-dialog__para--muted{opacity:.75;margin:12px 0 28px}.about-dialog__para a{color:#7eb6ff}.about-dialog__heading{font-family:var(--font-hand);color:var(--blue);transform-origin:0;margin:20px 0 8px;font-size:20px;font-weight:700;transform:rotate(-1.5deg)}.about-dialog__timeline{border-left:1px solid color-mix(in srgb, var(--blue) 40%, transparent)}.about-dialog__timeline li{justify-content:space-between;gap:12px;padding:0 0 10px 20px;font-size:15px;display:flex;position:relative}.about-dialog__timeline li:last-child{padding-bottom:0}.about-dialog__timeline li:before{content:"";background:var(--surface);border:1.5px solid var(--blue);border-radius:50%;width:9px;height:9px;position:absolute;top:7px;left:-5px}.about-dialog__timeline li:first-child:before{background:var(--blue)}.about-dialog__job{font-weight:500}.about-dialog__period{color:var(--muted);flex:none;font-size:13.5px}.about-dialog__skills{flex-wrap:wrap;gap:8px;display:flex}.about-dialog__skill{border:1px solid var(--line);transition:border-color .2s ease, transform .3s var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:14px;font-weight:500;display:inline-flex}.about-dialog__skill:hover{border-color:var(--blue);transform:translateY(-2px)}.about-dialog__skill img{width:18px;height:18px}.dark .about-dialog__skill--mono img,.page--themed:not(.page--snappd) .about-dialog__skill--mono img{filter:invert()}.about-dialog__links{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.about-dialog__links a{color:#fff;background:var(--blue);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:500;display:inline-flex}.about-dialog__links a:hover{background:var(--blue-hover)}.about-dialog__status{font-family:var(--font-hand);color:#7ee08a;background:#34c75924;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-bottom:16px;padding:6px 12px;font-size:18px;font-weight:700;display:inline-flex;transform:rotate(-2deg)}.form__item{margin-bottom:20px}.form__item--label{opacity:.75;margin-bottom:4px;font-size:14px;font-weight:500;display:block}.input{color:#fff;width:100%;height:42px;font:inherit;background:0 0;border:0;border-bottom:1px solid #ffffff40;outline:none;transition:border-color .3s}.input:hover{border-color:#ffffff80}.input:focus{border-color:var(--blue)}textarea.input{resize:vertical;height:100px;margin-top:8px;padding:8px 0}.form__submit{background:var(--blue);color:#fff;height:50px;transition:background-color .2s ease, transform .4s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;padding:0 28px;font-size:16px;font-weight:500;display:inline-flex}.form__submit:hover{background:var(--blue-hover);transform:translateY(-2px)}.form__submit:disabled{opacity:.6;cursor:wait}.form__trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form__status{margin-top:14px;font-size:14px;line-height:1.5}.form__status--success{color:#7ee08a}.page-head{z-index:1;padding-block:clamp(32px,6vw,72px) clamp(40px,6vw,72px);position:relative}.back-link{color:var(--muted);align-items:center;gap:10px;font-size:15px;font-weight:500;display:inline-flex}.back-link i{transition:transform .4s var(--ease-out)}.back-link:hover{color:var(--ink)}.back-link:hover i{transform:translate(-4px)}.back-link+.note{width:fit-content;margin-top:clamp(40px,6vw,72px);display:block}.page-head__title{letter-spacing:-.04em;margin-top:16px;font-size:clamp(60px,10vw,156px);font-weight:700;line-height:.9}.page-head__lede{max-width:46ch;color:var(--muted);margin-top:clamp(24px,3vw,36px);font-size:clamp(17px,1.4vw,20px);line-height:1.55}.inner{z-index:1;padding-bottom:clamp(96px,12vw,160px);position:relative}.archive__jump{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.archive__jump a{border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14.5px;font-weight:500;transition:border-color .2s,color .2s;display:inline-flex}.archive__jump a span{color:var(--muted);font-size:13px}.archive__jump a:hover{border-color:var(--blue);color:var(--blue)}.archive__group{scroll-margin-top:24px}.archive__group+.archive__group{margin-top:clamp(56px,7vw,88px)}.archive__group-head{border-top:1.5px dashed var(--line-strong);margin-bottom:24px;padding-top:20px}.archive__group-head h2{letter-spacing:-.025em;margin-top:6px;font-size:clamp(28px,3.4vw,40px);font-weight:700}.archive__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.archive__grid--feature{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.archive__card{--accent:var(--blue);--rx:0deg;--ry:0deg;--mx:50%;--my:0%;border:1px solid color-mix(in srgb, var(--accent) 16%, var(--line));background:radial-gradient(color-mix(in srgb, var(--accent) 22%, transparent) 1px, transparent 1.4px) 0 0 / 14px 14px, linear-gradient(165deg, color-mix(in srgb, var(--accent) 13%, var(--surface)) 0%, var(--surface) 58%);background-blend-mode:normal;isolation:isolate;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .7s var(--ease-out), box-shadow .6s var(--ease-out), border-color .3s ease;border-radius:26px;flex-direction:column;padding:14px;display:flex;position:relative}.archive__card:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(180deg, transparent 0%, var(--surface) 46%);pointer-events:none;position:absolute;inset:0}.archive__glow{z-index:-1;border-radius:inherit;background:radial-gradient(420px circle at var(--mx) var(--my), color-mix(in srgb, var(--accent) 22%, transparent), transparent 65%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.archive__card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:var(--shadow), 0 34px 70px -34px color-mix(in srgb, var(--accent) 80%, transparent);transition:transform .18s linear, box-shadow .6s var(--ease-out), border-color .3s ease}.archive__card:hover .archive__glow{opacity:1}.archive__meta{justify-content:space-between;align-items:center;gap:12px;padding:2px 6px 12px 8px;display:flex}.archive__number{font-family:var(--font-hand);color:var(--accent);font-size:30px;font-weight:700;line-height:1;transform:rotate(-4deg)}.archive__thumb{background:color-mix(in srgb, var(--accent) 10%, var(--surface));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, #00000014), 0 14px 30px -18px color-mix(in srgb, var(--accent) 60%, #00000080);transition:transform .7s var(--ease-out), box-shadow .7s var(--ease-out);border-radius:16px;position:relative;overflow:hidden}.archive__card:hover .archive__thumb{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 30%, #00000014), 0 30px 50px -22px color-mix(in srgb, var(--accent) 75%, #0000008c);transform:translateY(-6px)}.archive__thumb img,.archive__placeholder{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;transition:filter .6s;display:block}.archive__card:hover .archive__thumb img{filter:saturate(1.1)}.archive__status{background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, var(--line));color:var(--ink);letter-spacing:.01em;border-radius:999px;align-items:center;gap:7px;padding:5px 11px 5px 9px;font-size:12.5px;font-weight:600;display:inline-flex}.archive__status-dot{background:#9a9aa3;border-radius:50%;width:7px;height:7px}.archive__status--live .archive__status-dot{background:#16a34a;animation:2.4s ease-out infinite status-pulse;box-shadow:0 0 #16a34a8c}.archive__status--building .archive__status-dot{background:#f59e0b}.archive__body{flex-direction:column;flex:1;padding:20px 10px 8px;display:flex}.archive__body h3{letter-spacing:-.02em;font-size:23px}.archive__grid--feature .archive__card{padding:16px}.archive__grid--feature .archive__body{padding:24px 14px 10px}.archive__grid--feature .archive__body h3{font-size:28px}.archive__body p{color:var(--muted);margin:8px 0 0;line-height:1.55}.archive__stack{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.archive__stack li{background:color-mix(in srgb, var(--accent) 9%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);color:color-mix(in srgb, var(--accent) 55%, var(--ink));border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:500}.archive__links{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:auto;padding-top:22px;font-size:15px;font-weight:600;display:flex}.archive__links:empty{display:none}.archive__links a{color:color-mix(in srgb, var(--accent) 70%, var(--ink));align-items:center;gap:8px;display:inline-flex}.archive__links a:first-child{background:var(--accent);box-shadow:0 10px 22px -12px var(--accent);color:#fff;transition:transform .3s var(--ease-out), box-shadow .3s ease;border-radius:999px;padding:9px 16px}.archive__links a:first-child:hover{box-shadow:0 14px 26px -12px var(--accent);transform:translateY(-2px)}.archive__links a .icon{transition:transform .4s var(--ease-out);font-size:.8em}.archive__links a:hover .icon{transform:translate(3px,-1px)}.dark .archive__card{background:radial-gradient(color-mix(in srgb, var(--accent) 26%, transparent) 1px, transparent 1.4px) 0 0 / 14px 14px, linear-gradient(165deg, color-mix(in srgb, var(--accent) 20%, var(--surface)) 0%, var(--surface) 58%)}.dark .archive__stack li,.dark .archive__links a:not(:first-child),.dark .archive__number{color:color-mix(in srgb, var(--accent) 60%, #fff)}@media (hover:none),(prefers-reduced-motion:reduce){.archive__card,.archive__card:hover{transform:none}.archive__glow{display:none}}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;min-height:70vh;display:flex}.not-found h1{letter-spacing:-.05em;font-size:clamp(96px,18vw,240px);line-height:.85}.not-found p{color:var(--muted);margin:20px 0 32px;font-size:20px}@keyframes rise{0%{opacity:0;translate:0 24px}}@keyframes line-up{0%{translate:0 105%}}@media (width<=1024px){.hero__note{margin-top:20px;display:block;position:static}.hero__note .margin-note__arrow{display:none}.archive__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience__row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.experience__period{grid-column:1/-1;padding-top:0}}@media (width<=768px){:root{--nav-height:64px}.nav__name,.nav__link--hide-sm{display:none}.note{font-size:24px}.hero__note .note{width:auto;font-size:25px}.now__item .note{font-size:22px}.footer__made.note{font-size:19px}.nav__link--anchor{padding:8px 10px}.hero__foot{grid-template-columns:1fr}.hero__side{align-items:flex-start}.now{grid-template-columns:1fr;gap:0}.now__item{padding:14px 0}.section__head{grid-template-columns:1fr}.experience__row{grid-template-columns:1fr;gap:12px;padding:28px 0}.footer__inner,.archive__grid{grid-template-columns:1fr}.about-dialog{border-radius:0;width:100%;height:100dvh}.about-dialog__card{height:100%;max-height:none;display:block}.about-dialog__about,.about-dialog__contact{padding:64px 24px 40px}.about-dialog__contact{border-left:0;padding-top:40px}.about-dialog__timeline li{flex-direction:column;gap:2px}.about-dialog__close{color:var(--ink);background:color-mix(in srgb, var(--ink) 10%, var(--surface))}}@media (width<=480px){.nav__logo img{width:40px;height:40px}.nav__link--anchor{padding:8px;font-size:14px}.nav__link--anchor--primary{padding:8px 14px}.hero__actions{width:100%}.hero__actions .btn{flex:1;padding:0 18px}.footer__bottom{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.projects__item{scroll-margin-top:24px}.projects__note{width:fit-content;max-width:34ch;margin:0 10% 2px auto;display:flex}.projects__item--reverse .projects__note{margin:0 auto 2px 10%}.projects__card{position:relative}.projects__more{text-align:center;margin-top:40px}.projects__more a{border:1.5px solid var(--line-strong);border-radius:999px;align-items:center;gap:10px;height:48px;padding:0 24px;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.projects__more a:hover{border-color:var(--blue);color:var(--blue)}.projects__more .icon{transition:transform .4s var(--ease-out);font-size:13px}.projects__more a:hover .icon{transform:translate(4px)}.showcase{box-shadow:var(--shadow);isolation:isolate;cursor:pointer;transition:transform .7s var(--ease-out), box-shadow .7s var(--ease-out);border-radius:32px;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,56px);padding:clamp(14px,1.6vw,20px) clamp(24px,4vw,56px) clamp(14px,1.6vw,20px) clamp(14px,1.6vw,20px);display:grid;position:relative;overflow:hidden}.showcase:hover{transform:translateY(-6px)}.showcase--reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);padding:clamp(14px,1.6vw,20px) clamp(14px,1.6vw,20px) clamp(14px,1.6vw,20px) clamp(24px,4vw,56px)}.showcase--reverse .showcase__media{order:2}.showcase__media{z-index:2;transition:transform .9s var(--ease-out);border-radius:22px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 24px 50px -20px #0009}.showcase:hover .showcase__media{transform:scale(1.012)}.showcase__body{z-index:2;padding-block:12px;position:relative}.showcase__meta{opacity:.7;gap:10px;font-size:13.5px;font-weight:500;display:flex}.showcase__brand{align-items:center;gap:10px;margin-top:18px;font-size:20px;font-weight:700;display:flex}.showcase__mark{border-radius:10px;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.showcase__headline{letter-spacing:-.02em;margin-top:10px;font-size:clamp(28px,2.8vw,38px);font-weight:700;line-height:1.04}.showcase__summary{max-width:46ch;margin-top:14px;font-size:15.5px;line-height:1.6}.showcase__highlights{gap:6px;margin-top:16px;font-size:14px;line-height:1.5;display:grid}.showcase__highlights li{gap:10px;display:flex}.showcase__highlights i{margin-top:4px;font-size:11px}.showcase__stack{opacity:.65;margin-top:16px;font-size:13px}.showcase__actions{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:24px;display:flex}.showcase__cta{height:46px;transition:transform .5s var(--ease-out);border-radius:999px;align-items:center;gap:10px;padding:0 22px;font-weight:600;display:inline-flex}.showcase__cta i{transition:transform .5s var(--ease-out);font-size:12px}.showcase:hover .showcase__cta{transform:translateY(-2px)}.showcase:hover .showcase__cta i{transform:translate(4px)}.showcase__link{align-items:center;gap:8px;font-weight:600;display:inline-flex}.showcase__link i{font-size:11px}.showcase__link:hover{opacity:.7}.showcase__glow{z-index:1;pointer-events:none;border-radius:50%;width:520px;height:520px;position:absolute}.device{--device-tilt:0deg;width:100%;max-width:188px;transform:rotate(var(--device-tilt));transition:transform .6s var(--ease-out);background:linear-gradient(145deg,#2b2b2e,#0c0c0d 45%,#1d1d1f);border-radius:36px;padding:7px;position:relative;box-shadow:inset 0 0 0 1.5px #3c3c40,0 0 0 1px #0009,0 28px 60px #00000073}.device:after{content:"";background:#2c2c30;border-radius:0 3px 3px 0;width:3px;height:14%;position:absolute;top:24%;right:-3px}.device__screen{background:#000;border-radius:29px;position:relative;overflow:hidden}.device__screen:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.device__screen img{width:100%;height:auto;display:block}.device--viralz{box-shadow:inset 0 0 0 1.5px #3c3c40,0 0 0 2px #ff2d55,0 0 36px #ff2d5566,0 28px 60px #00000080}.device--gogrow{box-shadow:inset 0 0 0 1.5px #3c3c40,0 0 0 1px #5ee0e659,0 0 44px #5ee0e62e,0 28px 60px #00000080}.device--snappd{--device-tilt:3deg;box-shadow:inset 0 0 0 1.5px #3c3c40,0 0 0 1px #00000059,0 26px 50px #5b4a454d}.showcase--viralz{color:#f2f2f2;background:#000}.showcase--viralz .showcase__glow{background:radial-gradient(circle,#ff2d5552,#0000 65%);top:50%;right:-120px;transform:translateY(-50%)}.showcase--viralz .showcase__brand,.showcase--viralz .showcase__headline{font-family:var(--font-spartan), "League Spartan", sans-serif}.showcase--viralz .showcase__brand{color:#ff2d55;font-size:26px}.showcase--viralz .showcase__mark{color:#ff2d55;background:#0d0d0d;border:2px solid #ff2d55;box-shadow:0 0 22px #ff2d558c}.showcase--viralz .showcase__headline span{color:#ff2d55;white-space:nowrap}.showcase--viralz .showcase__summary,.showcase--viralz .showcase__highlights{color:#cfcfcf}.showcase--viralz .showcase__highlights i{color:#ff2d55}.showcase--viralz .showcase__cta{color:#fff;background:linear-gradient(135deg,#ff2d55,#ff5e87);box-shadow:0 10px 30px #ff2d5566}.showcase--viralz .showcase__link{color:#fff}.showcase--snappd{color:#5b4a45;background-color:#fdf8f3;background-image:linear-gradient(#ece2d9 1px,#0000 1px),linear-gradient(90deg,#ece2d9 1px,#0000 1px);background-size:36px 36px}.showcase--snappd .showcase__brand{font-family:var(--font-caveat), "Caveat", cursive;color:#3a2d29;font-size:30px}.showcase--snappd .showcase__headline{font-family:var(--font-playfair), "Playfair Display", Georgia, serif;color:#4a3b37;font-size:clamp(32px,3.2vw,42px);font-weight:500}.showcase--snappd .showcase__headline mark{color:inherit;background:linear-gradient(#0000 55%,#fde68a 55% 88%,#0000 88%)}.showcase__script{font-family:var(--font-caveat), "Caveat", cursive;color:#e8577e;transform-origin:0;margin-bottom:4px;font-size:24px;font-weight:700;display:block;transform:rotate(-2deg)}.showcase--snappd .showcase__summary,.showcase--snappd .showcase__highlights{font-family:var(--font-lora), "Lora", Georgia, serif;color:#7a6660}.showcase--snappd .showcase__highlights i{color:#e8577e}.showcase--snappd .showcase__cta{color:#fff;background:linear-gradient(135deg,#fbc36b,#f6a07c);box-shadow:0 10px 24px #f6a07c66}.showcase--snappd .showcase__link{color:#b0697b}.showcase--snappd .showcase__media{box-shadow:0 0 0 1px #5b4a451f,0 24px 50px -24px #5b4a4580}.doodle{z-index:1;pointer-events:none;font-size:34px;line-height:1;position:absolute}.doodle--spark{color:#f5b82e;top:28px;left:calc(50% - 20px)}.doodle--heart{color:#e8577e;font-size:38px;bottom:28px;right:40px}.dark .showcase--snappd{color:#efe4dc;background-color:#2b2522;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px)}.dark .showcase--snappd .showcase__brand,.dark .showcase--snappd .showcase__headline{color:#f3e8e0}.dark .showcase--snappd .showcase__headline mark{background:linear-gradient(#0000 55%,#fde68a59 55% 88%,#0000 88%)}.dark .showcase--snappd .showcase__summary,.dark .showcase--snappd .showcase__highlights{color:#cdbdb4}.dark .showcase--snappd .showcase__link{color:#f28aa5}.showcase--gogrow{color:#e6f2f2;background:#0a0a0a}.showcase--gogrow .showcase__glow{background:radial-gradient(circle,#5ee0e633,#0000 65%);top:50%;left:-140px;transform:translateY(-50%)}.showcase--gogrow .showcase__body{font-family:var(--font-outfit), "Outfit", sans-serif}.showcase--gogrow .showcase__brand{color:#fff}.showcase--gogrow .showcase__mark{color:#5ee0e6;background:#111;border:2px solid #5ee0e6;border-radius:50%;font-size:18px}.showcase--gogrow .showcase__headline{color:#5ee0e6;letter-spacing:-.03em;font-size:clamp(32px,3.2vw,42px)}.showcase--gogrow .showcase__headline em{font-family:var(--font-playfair), "Playfair Display", serif;font-style:italic;font-weight:700;display:block}.showcase--gogrow .showcase__summary,.showcase--gogrow .showcase__highlights{color:#b8c6c6}.showcase--gogrow .showcase__highlights i{color:#5ee0e6}.showcase--gogrow .showcase__cta{color:#062b2d;background:#5ee0e6}.showcase--gogrow .showcase__link{color:#fff}@media (width<=900px){.showcase,.showcase--reverse{border-radius:26px;grid-template-columns:1fr;gap:8px;padding:12px 12px 28px}.showcase--reverse .showcase__media{order:0}.showcase__media{border-radius:18px}.showcase__body{padding:16px 14px 0}.showcase__glow{width:380px;height:380px}.showcase--viralz .showcase__glow,.showcase--gogrow .showcase__glow{inset:auto auto -120px 50%;transform:translate(-50%)}.doodle{display:none}.projects__note,.projects__item--reverse .projects__note{margin:0 0 2px 8px}}.page--themed{color:var(--ink)}.page--viralz{--paper:#000;--ink:#f2f2f2;--muted:#a8a8ae;--line:#ffffff1f;--line-strong:#ffffff3d;--blue:#ff2d55;--blue-hover:#ff5e87;--surface:#141414;background:radial-gradient(900px 640px at 85% 0,#ff2d554d,#0000 70%),radial-gradient(760px 760px at 0 55%,#ff2d551f,#0000 70%),radial-gradient(760px 760px at 100% 95%,#ff2d5524,#0000 70%),#000}.page--gogrow{--paper:#0a0a0a;--ink:#e6f2f2;--muted:#9fb3b3;--line:#ffffff1f;--line-strong:#ffffff3d;--blue:#5ee0e6;--blue-hover:#9beff2;--surface:#121414;background:radial-gradient(900px 640px at 85% 0,#5ee0e633,#0000 70%),radial-gradient(760px 760px at 0 55%,#5ee0e614,#0000 70%),radial-gradient(760px 760px at 100% 95%,#5ee0e61a,#0000 70%),#0a0a0a}.page--gogrow .nav__link--anchor--primary,.page--gogrow .btn--primary{color:#062b2d}.page--snappd{--paper:#fdf8f3;--ink:#4a3b37;--muted:#7a6660;--line:#4a3b3724;--line-strong:#4a3b3742;--blue:#d9486f;--blue-hover:#e8577e;--surface:#fff;background-color:#fdf8f3;background-image:linear-gradient(#ece2d9 1px,#0000 1px),linear-gradient(90deg,#ece2d9 1px,#0000 1px);background-size:36px 36px}.dark .page--snappd{--paper:#2b2522;--ink:#efe4dc;--muted:#cdbdb4;--line:#ffffff1a;--line-strong:#fff3;--blue:#f28aa5;--blue-hover:#f7a9bd;--surface:#3a322e;background-color:#2b2522;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px)}body:has(.page--viralz){background:#000}body:has(.page--gogrow){background:#0a0a0a}body:has(.page--snappd){background:#fdf8f3}.dark body:has(.page--snappd){background:#2b2522}:is(.page:has(.case-story) .shape--1,.page:has(.case-story) .shape--4,.page:has(.case-story) .shape--7){display:none}.page--viralz .case__title,.page--viralz .case-story__title{font-family:var(--font-spartan), sans-serif;letter-spacing:-.02em}.page--viralz .case__title{color:#ff2d55}.page--snappd .case__title,.page--snappd .case-story__title{font-family:var(--font-playfair), Georgia, serif;letter-spacing:-.02em;font-weight:500}.page--snappd .case__headline,.page--snappd .case-story__lead,.page--snappd .case-story__list p,.page--snappd .case-story__outcomes p{font-family:var(--font-lora), Georgia, serif}.page--gogrow .case__title,.page--gogrow .case-story{font-family:var(--font-outfit), sans-serif}.page--gogrow .case__title{color:#5ee0e6;letter-spacing:-.045em}.page--gogrow .case__headline{font-family:var(--font-playfair), serif;font-style:italic}.case-hero{z-index:1;padding-top:clamp(24px,4vw,48px);position:relative}.case-hero__head{grid-template-columns:minmax(0,1fr) minmax(0,32ch);align-items:end;gap:24px 56px;margin-top:12px;display:grid}.case__title{letter-spacing:-.06em;animation:rise 1.1s var(--ease-out) .15s backwards;font-size:clamp(76px,14vw,208px);font-weight:700;line-height:.86}.case__headline{animation:rise 1.1s var(--ease-out) .3s backwards;padding-bottom:.6em;font-size:clamp(20px,2vw,26px);line-height:1.35}.case-hero__reel{box-shadow:0 0 0 1px var(--line), 0 60px 120px -50px #000000b3;border-radius:clamp(18px,2.4vw,32px);margin-top:clamp(32px,5vw,56px);overflow:hidden}.case-hero__facts{border-bottom:1.5px dashed var(--line-strong);grid-template-columns:1fr 1fr 1.4fr 1.2fr;gap:24px 40px;padding:32px 0;display:grid}.case-hero__facts dt{margin-bottom:8px}.case-hero__facts dd{font-size:16px;line-height:1.5}.case-hero__links{gap:6px;display:grid}.case-hero__links a{color:var(--blue);align-items:center;gap:8px;font-weight:500;display:inline-flex}.case-hero__links a:hover{color:var(--blue-hover)}.case-hero__links i{font-size:12px}.case-story{z-index:1;padding-top:clamp(40px,6vw,80px);position:relative}.case-story__section{border-top:1.5px dashed var(--line-strong);grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:24px 64px;padding-block:clamp(48px,6vw,88px);display:grid}.case-story__section:first-child{border-top:0}.case-story__aside{top:calc(var(--nav-height) + 32px);align-self:start;position:sticky}.case-story__title{letter-spacing:-.03em;margin-top:10px;font-size:clamp(34px,3.8vw,56px);font-weight:700;line-height:1}.case-story__title span{color:var(--blue)}.case-story__lead{letter-spacing:-.015em;font-size:clamp(22px,2.3vw,32px);line-height:1.4}.case-story__list li{border-bottom:1.5px dashed var(--line);grid-template-columns:56px minmax(0,1fr);gap:16px;padding:22px 0;font-size:clamp(17px,1.5vw,20px);line-height:1.55;display:grid}.case-story__list li:first-child{padding-top:4px}.case-story__list .note{padding-top:.1em}.case-story__decisions{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px;padding-top:12px;display:grid}.case-story__decision{color:#3b3322;transition:transform .6s var(--ease-out);background:linear-gradient(170deg,#fff6b8,#fdeb8a);border-radius:3px 3px 18px;padding:clamp(28px,2.8vw,36px) clamp(24px,2.6vw,32px);position:relative;transform:rotate(-1.2deg);box-shadow:0 18px 28px -18px #00000073,0 2px 4px #00000014}.case-story__decision:nth-child(2n){background:linear-gradient(170deg,#ffe0ea,#ffcadb);transform:rotate(1.4deg)}.case-story__decision:hover{transform:rotate(0)translateY(-4px)}.page--themed .case-story__decision h3,.case-story__decision h3{font-family:var(--font-hand);letter-spacing:0;color:#1c4fb8;font-size:clamp(24px,2.2vw,30px);font-weight:700;line-height:1.1}.case-story__decision p{color:#4a4130;margin-top:12px;font-size:16px;line-height:1.6}.case-story__outcomes{gap:22px;display:grid}.case-story__outcomes li{letter-spacing:-.015em;gap:18px;font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.35;display:flex}.case-story__outcomes i{width:1.5em;height:1.5em;color:var(--blue);background:color-mix(in srgb, var(--blue) 16%, transparent);border-radius:50%;flex:none;place-items:center;margin-top:-.05em;margin-right:.1em;font-size:.6em;display:grid}.case-screens{z-index:1;padding-top:clamp(24px,4vw,48px);position:relative}.case-screens__browser{width:88%;box-shadow:0 0 0 1px var(--line), 0 60px 120px -50px #000000b3;background:#fff;border-radius:18px;overflow:hidden}.case-screens__bar{background:#e8e8ea;gap:8px;padding:12px 16px;display:flex}.case-screens__bar span{background:#c9c9cd;border-radius:50%;width:11px;height:11px}.case-screens__browser img{width:100%;height:auto}.case-screens__phone{width:clamp(130px,19%,240px);position:absolute;bottom:-48px;right:0}.case-screens__phone .device{max-width:none}.case-next-wrap{z-index:1;padding-block:clamp(112px,14vw,200px) clamp(80px,10vw,140px);position:relative}.case-next{box-shadow:var(--shadow);transition:transform .7s var(--ease-out);border-radius:32px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label arrow""name arrow""headline arrow";align-items:end;gap:8px 32px;padding:clamp(32px,5vw,64px);display:grid}.case-next:hover{transform:translateY(-6px)}.case-next__label{font-family:var(--font-hand);transform-origin:0;grid-area:label;font-size:22px;font-weight:700;transform:rotate(-2deg)}.case-next__name{letter-spacing:-.04em;grid-area:name;margin-top:24px;font-size:clamp(64px,10vw,150px);font-weight:700;line-height:.9}.case-next__headline{opacity:.85;grid-area:headline;font-size:clamp(17px,1.6vw,21px)}.case-next__arrow{width:clamp(56px,7vw,88px);height:clamp(56px,7vw,88px);transition:transform .7s var(--ease-out), background-color .3s ease;border:1px solid;border-radius:50%;grid-area:arrow;place-items:center;font-size:clamp(18px,2vw,26px);display:grid}.case-next:hover .case-next__arrow{transform:translate(8px)rotate(-45deg)}.case__band--viralz{color:#f2f2f2;background:radial-gradient(circle at 78% 45%,#ff2d5559,#0000 50%),#000}.case__band--viralz .case-next__name{font-family:var(--font-spartan), sans-serif;letter-spacing:-.02em;color:#ff2d55}.case__band--viralz .case-next__label{color:#ff8aa3}.case__band--snappd{color:#5b4a45;background-color:#fdf8f3;background-image:linear-gradient(#ece2d9 1px,#0000 1px),linear-gradient(90deg,#ece2d9 1px,#0000 1px);background-size:36px 36px}.case__band--snappd .case-next__name{font-family:var(--font-playfair), Georgia, serif;letter-spacing:-.02em;font-weight:500}.case__band--snappd .case-next__headline{font-family:var(--font-lora), Georgia, serif}.case__band--snappd .case-next__label{color:#e8577e}.case__band--gogrow{color:#e6f2f2;font-family:var(--font-outfit), sans-serif;background:radial-gradient(circle at 78% 45%,#5ee0e633,#0000 50%),#0a0a0a}.case__band--gogrow .case-next__name,.case__band--gogrow .case-next__label{color:#5ee0e6}.case__band--gogrow .case-next__headline{font-family:var(--font-playfair), serif;font-style:italic}@media (width<=900px){.case-hero__head,.case-story__section{grid-template-columns:1fr}.case__headline{padding-bottom:0}.case-hero__facts{grid-template-columns:1fr 1fr}.case-story__aside{position:static}.case-story__decisions{grid-template-columns:1fr}.case-screens__browser{width:100%}.case-screens__phone{width:26%;bottom:-32px;right:4%}}@media (width<=480px){.case-hero__facts{grid-template-columns:1fr}.case-next{grid-template-columns:1fr;grid-template-areas:"label""name""headline""arrow"}.case-next__arrow{margin-top:16px}}.case-index{border-top:1.5px dashed var(--line-strong)}.case-index__item{border-bottom:1.5px dashed var(--line-strong);transition:opacity .4s}.case-index:hover .case-index__item:not(:hover){opacity:.35}.case-index__row{--cursor-x:70%;--cursor-y:50%;grid-template-columns:56px minmax(0,1fr) minmax(0,.85fr) 56px;align-items:center;gap:20px 40px;padding:clamp(28px,4vw,52px) 0;display:grid;position:relative}.case-index__number{align-self:start;padding-top:.5em}.case-index__name{letter-spacing:-.03em;transition:transform .7s var(--ease-out);font-size:clamp(56px,8.5vw,124px);font-weight:700;line-height:.95}.case-index__row:hover .case-index__name{transform:translate(14px)}.case-index__info{gap:8px;display:grid}.case-index__headline{font-size:clamp(18px,1.6vw,22px);line-height:1.35}.case-index__meta{color:var(--muted);font-size:14px}.case-index__arrow{border:1.5px solid var(--line-strong);width:56px;height:56px;transition:transform .6s var(--ease-out), background-color .25s ease, border-color .25s ease, color .25s ease;border-radius:50%;justify-self:end;place-items:center;display:grid}.case-index__row:hover .case-index__arrow{border-color:var(--blue);background:var(--blue);color:#fff;transform:rotate(-45deg)}.case-index__preview{z-index:5;pointer-events:none;opacity:0;width:clamp(280px,26vw,400px);transform:translate(var(--cursor-x), var(--cursor-y)) translate(-50%, -50%) rotate(-5deg) scale(.6);transition:opacity .25s ease, transform .6s var(--ease-out);border-radius:16px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 30px 60px -20px #0000008c}.case-index__row:hover .case-index__preview{opacity:1;transform:translate(var(--cursor-x), var(--cursor-y)) translate(-50%, -50%) rotate(-2deg) scale(1)}.case-index__item--viralz .case-index__name{font-family:var(--font-spartan), sans-serif;color:#ff2d55}.case-index__item--snappd .case-index__name{font-family:var(--font-playfair), Georgia, serif;font-weight:500}.case-index__item--gogrow .case-index__name{font-family:var(--font-outfit), sans-serif;letter-spacing:-.045em;color:#0e9aa3}.dark .case-index__item--gogrow .case-index__name{color:#5ee0e6}.case-index__more{color:var(--muted);margin-top:40px}.case-index__more a{align-items:center;gap:8px;font-weight:500;display:inline-flex}@media (width<=900px),(hover:none){.case-index:hover .case-index__item:not(:hover){opacity:1}.case-index__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"preview preview""number number""name arrow""info info";gap:12px 16px}.case-index__preview{opacity:1;grid-area:preview;width:100%;margin-bottom:8px;position:static;transform:none}.case-index__row:hover .case-index__preview{transform:none}.case-index__number{grid-area:number;padding-top:0}.case-index__name{grid-area:name}.case-index__arrow{grid-area:arrow}.case-index__info{grid-area:info}.case-index__row:hover .case-index__name{transform:none}}@property --reel-second{syntax:"<integer>";inherits:true;initial-value:0}.reel{aspect-ratio:16/9;border-radius:inherit;isolation:isolate;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;container-type:inline-size}.reel__canvas{font-size:1cqw;line-height:1.2;position:absolute;inset:0}.reel__canvas *{box-sizing:border-box}.reel__canvas img{max-width:none;display:block}.reel__chrome{--reel-chrome:#fff9;z-index:50;pointer-events:none;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--reel-chrome);font-size:1.15em;position:absolute;inset:0}.reel__tag{color:var(--reel-chrome-strong,#fff);position:absolute;top:2.4em;left:2.8em}.reel__tag span{color:var(--reel-chrome)}.reel__time{font-variant-numeric:tabular-nums;position:absolute;top:2.4em;right:2.8em}.reel__second:after{counter-reset:reel-second var(--reel-second);content:counter(reel-second, decimal-leading-zero)}.reel__progress{background:color-mix(in srgb, var(--reel-chrome) 30%, transparent);border-radius:1em;height:.18em;position:absolute;bottom:2em;left:2.4em;right:2.4em;overflow:hidden}.reel__progress span{background:var(--reel-accent,#fff);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.reels-solo{background:#000;place-items:center;width:100vw;height:100vh;display:grid;overflow:hidden}.reels-solo .reel{width:min(100vw,177.778vh)}.reels-index{gap:32px;width:min(1100px,100% - 48px);margin:48px auto;display:grid}.reels-index__item{gap:12px;display:grid}.reels-index__item .reel{border-radius:20px}.reel-scene{position:absolute;inset:0}.reel-line{padding-bottom:.06em;display:block;overflow:hidden}.reel-line>span{display:block}@property --vz-n{syntax:"<integer>";inherits:true;initial-value:0}.reel--viralz{--reel-accent:#ff2d55;background:#000}.vz{color:#f2f2f2;font-family:var(--font-sans);background:#000;position:absolute;inset:0;overflow:hidden}.vz-glow{pointer-events:none;border-radius:50%;position:absolute}.vz-glow--a{background:radial-gradient(circle,#ff2d556b,#0000 62%);width:70em;height:70em;top:-26em;left:52em}.vz-glow--b{background:radial-gradient(circle,#8b5cf647,#0000 62%);width:62em;height:62em;top:18em;left:-24em}.vz-dots{background-image:radial-gradient(#ffffff17 .1em,#0000 .12em);background-size:3.2em 3.2em;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.vz-pink{color:#ff2d55}.vz-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ff8aa3;font-size:1.3em}.vz-s1,.vz-s5{flex-direction:column;justify-content:center;align-items:center;display:flex}.vz-burst{border:.3em solid #ff2d55;border-radius:50%;width:22em;height:22em;margin:-11em 0 0 -11em;position:absolute;top:50%;left:50%;box-shadow:0 0 3em #ff2d5599,inset 0 0 3em #ff2d5566}.vz-burst--2{border-color:#b44cff;box-shadow:0 0 3em #b44cff99}.vz-lockup{align-items:center;gap:2.6em;display:flex}.vz-icon{color:#ff2d55;background:#0d0d0d;border:.32em solid #ff2d55;border-radius:2.8em;place-items:center;width:11em;height:11em;display:grid;box-shadow:0 0 4em #ff2d55a6,inset 0 0 2em #ff2d5540}.vz-icon i{font-size:4.6em}.vz-word{font-family:var(--font-spartan), sans-serif;color:#ff2d55;text-shadow:0 0 .3em #ff2d5559;padding:.08em .02em 0;font-size:13em;font-weight:700;line-height:.95;display:flex;overflow:hidden}.vz-word span{display:block}.vz-tag{letter-spacing:-.02em;color:#d4d4d4;margin-top:1em;font-size:2.8em}.vz-copy{position:absolute;top:18em;left:8em}.vz-big{font-family:var(--font-spartan), sans-serif;margin-top:.35em;font-size:7.2em;font-weight:700;line-height:.98}.vz-phone{background:#111;border-radius:3.4em;width:20em;padding:.7em;position:absolute;top:5.5em;left:60em;box-shadow:0 0 0 .25em #ff2d55,0 0 5em #ff2d5580,0 3em 6em #000000b3}.vz-phone img{border-radius:2.8em;width:100%;height:auto}.vz-chip{white-space:nowrap;color:#cfcfcf;background:#161618eb;border:1px solid #ffffff1f;border-radius:1.2em;align-items:center;gap:.8em;padding:.9em 1.3em .9em .9em;font-size:1.7em;display:flex;position:absolute;box-shadow:0 1.5em 3em #0009}.vz-chip b{color:#fff;font-weight:700}.vz-chip i{border-radius:50%;place-items:center;width:2em;height:2em;font-size:.9em;display:grid}.vz-chip--1{top:13cqw;left:45cqw}.vz-chip--1 i{color:#4ade80;background:#4ade8029}.vz-chip--2{top:10cqw;left:76cqw}.vz-chip--2 i{color:#c084fc;background:#c084fc29}.vz-chip--3{top:38cqw;left:47cqw}.vz-chip--3 i{color:#facc15;background:#facc1529}.vz-chip--4{top:34cqw;left:77cqw}.vz-chip--4 i{color:#2dd4bf;background:#2dd4bf29}.vz-stat{position:absolute;top:12em;left:8em}.vz-count{font-family:var(--font-spartan), sans-serif;letter-spacing:-.03em;margin-top:.1em;font-size:17em;font-weight:700;line-height:1}.vz-count__num{background:linear-gradient(95deg,#ff5e87,#ff2d55 45%,#b44cff);color:#0000;-webkit-background-clip:text;background-clip:text;padding-top:.1em;display:inline-block}.vz-count__num:after{counter-reset:vz-n var(--vz-n);content:counter(vz-n) "K"}.vz-count__label{color:#bdbdbd;font-size:2.4em}.vz-chart{width:40em;height:auto;position:absolute;top:7em;left:52em;overflow:visible}.vz-chart__grid{stroke:#ffffff14;stroke-width:1px}.vz-chart__line{fill:none;stroke-width:7px;stroke-linecap:round;stroke-dasharray:1;filter:drop-shadow(0 0 10px #ff2d55b3)}.vz-chart__dot{fill:#fff;stroke:#ff2d55;stroke-width:6px;transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 12px #ff2d55e6)}.vz-insight{background:linear-gradient(135deg,#ff2d5533,#8b5cf62e);border:1px solid #ffffff24;border-radius:1.6em;width:40em;padding:1.8em 2.1em;position:absolute;top:34.5em;left:52em;box-shadow:0 2em 4em #0009}.vz-insight__head{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#ff8aa3;align-items:center;gap:.6em;font-size:1.25em;display:flex}.vz-insight__text{letter-spacing:-.015em;margin-top:.6em;font-size:2.2em;line-height:1.35}.vz-words{font-family:var(--font-spartan), sans-serif;justify-content:center;gap:.3em;font-size:6.6em;font-weight:700;line-height:1;display:flex;position:absolute;top:4.2cqw;left:0;right:0}.vz-words span{display:block}.vz-words span:last-child{color:#ff2d55}.vz-desk{transform-origin:50% 0;background:#111;border-radius:1.2em;width:64em;position:absolute;top:17em;left:18em;overflow:hidden;box-shadow:0 0 0 1px #ffffff29,0 4em 8em #000000d9,0 0 9em #ff2d5547}.vz-desk__bar{background:#1c1c1e;gap:.6em;padding:.9em 1.2em;display:flex}.vz-desk__bar i{background:#3a3a3c;border-radius:50%;width:.9em;height:.9em}.vz-desk img{width:100%;height:auto}.vz-lockup--end .vz-icon{border-radius:2.3em;width:9em;height:9em}.vz-lockup--end .vz-icon i{font-size:3.8em}.vz-end-word{font-family:var(--font-spartan), sans-serif;color:#ff2d55;padding-top:.1em;font-size:11em;font-weight:700;line-height:1}.vz-url{letter-spacing:-.02em;margin-top:1.2em;font-size:2.6em;font-weight:500}.vz-credit{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#8a8a8a;margin-top:1.4em;font-size:1.2em}.vz-flash{z-index:40;pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(circle,#ff2d558c,#ff2d551a 70%);position:absolute;inset:0}.vz-fade{z-index:45;pointer-events:none;background:#000;position:absolute;inset:0}@property --sn-n{syntax:"<integer>";inherits:true;initial-value:0}.reel--snappd{--reel-accent:#e8577e;background:#fdf8f3}.reel--snappd .reel__chrome{--reel-chrome:#4a3b378c;--reel-chrome-strong:#3a2d29}.sn{color:#4a3b37;font-family:var(--font-lora), Georgia, serif;background-color:#fdf8f3;background-image:linear-gradient(#ece2d9 1px,#0000 1px),linear-gradient(90deg,#ece2d9 1px,#0000 1px);background-size:3.6em 3.6em;position:absolute;inset:0;overflow:hidden}.sn:after{content:"";pointer-events:none;background:radial-gradient(#0000 55%,#7a605429);position:absolute;inset:0}.sn-pink{color:#e8577e}.sn-kicker{font-family:var(--font-caveat), cursive;color:#e8577e;font-size:3.4em;font-weight:700}.sn-big{font-family:var(--font-playfair), Georgia, serif;letter-spacing:-.02em;color:#3a2d29;font-size:9.5em;font-weight:500;line-height:1.02}.sn-big em{color:#e8577e;font-style:italic}.sn-s1,.sn-s5{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.sn-script{font-family:var(--font-caveat), cursive;color:#e8577e;font-size:5.2em;font-weight:700;transform:rotate(-3deg)}.sn-title{font-family:var(--font-playfair), Georgia, serif;letter-spacing:-.02em;color:#4a3b37;margin-top:.1em;font-size:12em;font-weight:500;line-height:1.02}.sn-camera{vertical-align:.2em;color:#f59e0b;margin-right:.12em;font-size:.55em}.sn-mark-wrap{isolation:isolate;display:inline-block;position:relative}.sn-mark{z-index:-1;transform-origin:0;background:#fde68a;border-radius:.2em;position:absolute;inset:.5em -.06em .08em}.sn-doodle{line-height:1;position:absolute}.sn-doodle--1{color:#f5b82e;font-size:6em;top:9cqw;left:12cqw}.sn-doodle--2{color:#e8577e;font-size:7.5em;top:9cqw;right:11cqw}.sn-doodle--3{color:#f28aa5;font-size:5em;bottom:8cqw;right:17cqw}.sn-copy{position:absolute;top:11em;left:8em}.sn-copy .sn-big{margin-top:.1em}.sn-qr{background:#fff;border-radius:2.2em;width:30em;padding:2.6em 2.6em 1.6em;position:absolute;top:7em;left:56em;box-shadow:0 3em 6em #5b4a4540}.sn-qr__grid{aspect-ratio:1;grid-template-rows:repeat(13,1fr);grid-template-columns:repeat(13,1fr);gap:.22em;display:grid}.sn-qr__module{background:#3a2d29;border-radius:.28em}.sn-scan{background:#e8577e;border-radius:1em;height:.5em;position:absolute;top:2.4em;left:1.6em;right:1.6em;box-shadow:0 0 2em .5em #e8577e8c}.sn-qr__caption{text-align:center;font-family:var(--font-caveat), cursive;color:#e8577e;margin-top:.4em;font-size:2.6em;font-weight:700}.sn-check{white-space:nowrap;background:#fff;border-radius:99em;align-items:center;gap:.6em;padding:.6em 1.2em .6em .7em;font-size:2.1em;display:flex;position:absolute;top:45cqw;left:63cqw;box-shadow:0 1.5em 3em #5b4a4538}.sn-check i{color:#fff;background:#22c55e;border-radius:50%;place-items:center;width:1.6em;height:1.6em;font-size:.7em;display:grid}.sn-count{position:absolute;top:15em;left:7em}.sn-count__num{font-family:var(--font-playfair), Georgia, serif;color:#3a2d29;font-size:14em;font-weight:500;line-height:1}.sn-count__num:after{counter-reset:sn-n var(--sn-n);content:counter(sn-n) "+"}.sn-count__label{max-width:11em;font-family:var(--font-caveat), cursive;color:#e8577e;font-size:3.4em;font-weight:700;line-height:1.05}.sn-pol{background:#fff;width:16em;padding:.9em .9em 0;position:absolute;box-shadow:0 1.6em 3em #5b4a454d}.sn-pol__photo{aspect-ratio:1;color:#ffffffe6;place-items:center;display:grid}.sn-pol__photo i{filter:drop-shadow(0 .1em .2em #00000026);font-size:5em}.sn-pol figcaption{text-align:center;font-family:var(--font-caveat), cursive;color:#4a3b37;padding:.25em 0 .45em;font-size:2.4em;font-weight:700}.sn-pol__tape{background:#fde68ad9;width:6em;height:2em;position:absolute;top:-1em;left:5em;transform:rotate(-4deg)}.sn-pol--1{top:6em;left:40em}.sn-pol--2{top:4em;left:56em}.sn-pol--3{top:8em;left:72em}.sn-pol--4{top:26em;left:43em}.sn-pol--5{top:28em;left:59em}.sn-pol--6{top:26em;left:76em}.sn-pol--1 .sn-pol__photo{background:linear-gradient(160deg,#fbc36b,#e8577e)}.sn-pol--2 .sn-pol__photo{background:linear-gradient(160deg,#c084fc,#f472b6)}.sn-pol--3 .sn-pol__photo{background:linear-gradient(160deg,#0f766e,#fbbf24)}.sn-pol--4 .sn-pol__photo{background:linear-gradient(160deg,#fde68a,#f9a8d4)}.sn-pol--5 .sn-pol__photo{background:linear-gradient(160deg,#60a5fa,#a78bfa)}.sn-pol--6 .sn-pol__photo{background:linear-gradient(160deg,#fcd34d,#f97316)}.sn-big--small{font-size:7em;position:absolute;top:5cqw;left:7cqw}.sn-desk{background:#fff;border-radius:1.2em;width:56em;position:absolute;top:21em;left:8em;overflow:hidden;box-shadow:0 3em 7em #5b4a454d}.sn-desk__bar{background:#f3ebe4;gap:.6em;padding:.9em 1.2em;display:flex}.sn-desk__bar i{background:#dcccc1;border-radius:50%;width:.9em;height:.9em}.sn-desk img{width:100%;height:auto}.sn-mod{background:#fff;border-radius:1.8em;width:35em;padding:2em 2.2em;position:absolute;top:15em;left:59em;box-shadow:0 3em 6em #5b4a454d}.sn-mod__title{font-family:var(--font-caveat), cursive;color:#e8577e;margin-bottom:.4em;font-size:3.2em;font-weight:700}.sn-mod__row{border-top:1px solid #f0e4db;align-items:center;gap:1.2em;padding:1em 0;display:flex}.sn-mod__thumb{border-radius:.9em;flex:none;width:4.4em;height:4.4em}.sn-mod__thumb--1{background:linear-gradient(160deg,#fbc36b,#e8577e)}.sn-mod__thumb--2{background:linear-gradient(160deg,#60a5fa,#a78bfa)}.sn-mod__thumb--3{background:linear-gradient(160deg,#fde68a,#f9a8d4)}.sn-mod__name{white-space:nowrap;flex:1;font-size:1.9em}.sn-mod__action{justify-content:flex-end;align-items:center;gap:.6em;width:11em;display:flex;position:relative}.sn-mod__action:before,.sn-mod__state{text-align:center;border:1px solid #e3d3c8;border-radius:99em;width:6.4em;padding:.35em 0;font-size:1.4em;position:absolute;right:2.6em}.sn-mod__action:before{content:"Review";color:#a0877f}.sn-mod__state{z-index:1;color:#15803d;background:#dcfce7;border-color:#bbf7d0}.sn-mod__tick{color:#fff;background:#22c55e;border-radius:50%;place-items:center;width:2.8em;height:2.8em;font-size:1em;display:grid}.sn-logo{font-family:var(--font-caveat), cursive;color:#3a2d29;align-items:center;gap:.15em;font-size:17em;font-weight:700;line-height:1;display:flex}.sn-logo-camera{color:#f59e0b;font-size:.32em}.sn-swoosh{width:40em;height:4em;margin-top:-1em;overflow:visible}.sn-swoosh path{fill:none;stroke:#e8577e;stroke-width:6px;stroke-linecap:round;stroke-dasharray:1}.sn-url{margin-top:1em;font-size:2.8em}.sn-price{font-family:var(--font-caveat), cursive;color:#e8577e;margin-top:.2em;font-size:3.4em;font-weight:700}.sn-credit{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#a0877f;margin-top:1.8em;font-size:1.2em}.sn-wipe{z-index:40;pointer-events:none;background:linear-gradient(90deg,#f6a07c 0 1.4%,#fdf1e7 1.4% 98.6%,#e8577e 98.6%);position:absolute;inset:0;transform:translate(-101%)}.sn-fade{z-index:45;pointer-events:none;background:#fdf8f3;position:absolute;inset:0}@property --gg-n{syntax:"<integer>";inherits:true;initial-value:120}@property --gg-s{syntax:"<integer>";inherits:true;initial-value:1}.reel--gogrow{--reel-accent:#5ee0e6;background:#0a0a0a}.gg{color:#e6f2f2;font-family:var(--font-outfit), sans-serif;background:#0a0a0a;position:absolute;inset:0;overflow:hidden}.gg-glow{background:radial-gradient(circle,#5ee0e638,#0000 62%);border-radius:50%;width:70em;height:70em;position:absolute;top:-20em;left:50em}.gg-teal{color:#5ee0e6}.gg-serif{font-family:var(--font-playfair), Georgia, serif;letter-spacing:-.01em;font-style:italic;font-weight:700}.gg-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#5ee0e6;font-size:1.3em}.gg-big{letter-spacing:-.03em;margin-top:.35em;font-size:6.6em;font-weight:700;line-height:1}.gg-mark{place-items:center;width:11em;height:11em;display:grid;position:relative}.gg-mark svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.gg-mark__track{fill:#111;stroke:#5ee0e626;stroke-width:5px}.gg-mark__ring{fill:none;stroke:#5ee0e6;stroke-width:5px;stroke-linecap:round;stroke-dasharray:1;filter:drop-shadow(0 0 6px #5ee0e6cc)}.gg-mark__g{color:#5ee0e6;font-size:5.6em;font-weight:700;line-height:1;position:relative}.gg-s1,.gg-s5{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.gg-title{letter-spacing:-.04em;color:#5ee0e6;margin-top:.3em;font-size:10.5em;font-weight:700;line-height:.98}.gg-title .gg-serif{color:#e6f2f2}.gg-copy{position:absolute;top:17em;left:8em}.gg-note{color:#8fa3a3;margin-top:1.4em;font-size:1.9em}.gg-ruler{background:repeating-linear-gradient(0deg,#e6f2f280 0 .14em,#0000 .14em 2.2em) 100%/2.6em 100% no-repeat,repeating-linear-gradient(0deg,#e6f2f240 0 .1em,#0000 .1em .55em) 100%/1.2em 100% no-repeat;border-right:.14em solid #e6f2f280;width:4em;height:44em;position:absolute;top:6em;left:66em}.gg-bar{background:linear-gradient(#5ee0e6,#127b80);border-radius:3em;width:9em;height:42em;position:absolute;top:8em;left:73em;box-shadow:0 0 5em #5ee0e659}.gg-target{transform-origin:0;border-top:.2em dashed #5ee0e6b3;width:28em;position:absolute;top:8em;left:64em}.gg-marker{align-items:center;display:flex;position:absolute;top:6.2em;left:71em}.gg-marker__line{background:#fff;border-radius:1em;width:11em;height:.25em}.gg-marker__bubble{color:#062b2d;white-space:nowrap;background:#fff;border-radius:.8em;margin-left:1em;padding:.35em .8em;font-size:2.8em;font-weight:700}.gg-marker__num:after{counter-reset:gg-n var(--gg-n);content:counter(gg-n)}.gg-words{letter-spacing:-.03em;justify-content:center;gap:.35em;font-size:6em;font-weight:700;display:flex;position:absolute;top:5cqw;left:0;right:0}.gg-words span{display:block}.gg-word--move{color:#f59e0b}.gg-word--food{color:#f43f7a}.gg-word--sleep{color:#a78bfa}.gg-habits{justify-content:center;gap:7em;display:flex;position:absolute;top:15.5em;left:0;right:0}.gg-habit{--habit:#f59e0b;flex-direction:column;align-items:center;display:flex}.gg-habit--2{--habit:#f43f7a}.gg-habit--3{--habit:#a78bfa}.gg-habit__dial{place-items:center;width:16em;height:16em;display:grid;position:relative}.gg-habit__dial svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.gg-habit__track{fill:#121414;stroke:#ffffff14;stroke-width:7px}.gg-habit__progress{fill:none;stroke:var(--habit);stroke-width:7px;stroke-linecap:round;stroke-dasharray:1;filter:drop-shadow(0 0 6px var(--habit))}.gg-habit__dial>i{color:var(--habit);font-size:4.6em;position:relative}.gg-habit__check{background:var(--habit);color:#0a0a0a;width:3.6em;height:3.6em;box-shadow:0 0 2em var(--habit);border-radius:50%;place-items:center;font-size:1em;display:grid;position:absolute;top:.6em;right:.6em}.gg-habit__check i{font-size:1.5em}.gg-habit__name{margin-top:.7em;font-size:2.6em;font-weight:600}.gg-habit__value{color:#8fa3a3;font-size:1.8em}.gg-streak{white-space:nowrap;color:#fcd34d;background:#f59e0b24;border:1px solid #f59e0b66;border-radius:99em;align-items:center;gap:.5em;width:fit-content;margin-inline:auto;padding:.5em 1.1em;font-size:2.4em;font-weight:600;display:flex;position:absolute;top:45cqw;left:0;right:0}.gg-streak__num:after{counter-reset:gg-s var(--gg-s);content:counter(gg-s)}.gg-copy--app{top:15em}.gg-phone{background:#151515;border-radius:3.4em;width:21em;padding:.7em;position:absolute;top:4em;left:60em;box-shadow:0 0 0 .12em #5ee0e666,0 0 6em #5ee0e640,0 3em 6em #000000b3}.gg-phone img{border-radius:2.8em;width:100%;height:auto}.gg-float{white-space:nowrap;background:#121414f2;border:1px solid #5ee0e64d;border-radius:1.2em;align-items:center;gap:.6em;padding:.8em 1.3em;font-size:2em;font-weight:600;display:flex;position:absolute;box-shadow:0 1.5em 3em #0009}.gg-float i{color:#5ee0e6}.gg-float--1{top:9cqw;left:49cqw}.gg-float--2{top:20cqw;left:80cqw}.gg-float--2 i{color:#fcd34d}.gg-float--3{top:40cqw;left:50cqw}.gg-float--3 i{color:#f59e0b}.gg-lockup{align-items:center;gap:2.4em;display:flex}.gg-end-word{letter-spacing:-.04em;color:#fff;font-size:12em;font-weight:700;line-height:1}.gg-url{color:#5ee0e6;margin-top:1.1em;font-size:2.8em;font-weight:600}.gg-store{color:#cfdede;align-items:center;gap:.5em;margin-top:.6em;font-size:2em;display:flex}.gg-credit{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#6f8585;margin-top:2em;font-size:1.2em}.gg-wipe{z-index:40;pointer-events:none;background:linear-gradient(#e6ffff,#5ee0e6 4%,#127b80);position:absolute;inset:0;transform:translateY(101%)}.gg-fade{z-index:45;pointer-events:none;background:#0a0a0a;position:absolute;inset:0}:root{--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1)}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}::view-transition-old(root){animation:page-out .24s var(--ease-in) both}::view-transition-new(root){animation:page-in .52s var(--ease-out) 60ms both}::view-transition-group(project-reel){animation-duration:.75s;animation-timing-function:var(--ease-out)}@keyframes page-out{to{opacity:0;transform:translateY(-12px)}}@keyframes page-in{0%{opacity:0;transform:translateY(24px)}}.theme-switching,.theme-switching *,.theme-switching :before,.theme-switching :after{transition:none!important}html.theme-switching::view-transition-old(root){animation:none}html.theme-switching::view-transition-new(root){animation:theme-reveal .65s var(--ease-out)}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--theme-x) var(--theme-y))}to{clip-path:circle(var(--theme-r) at var(--theme-x) var(--theme-y))}}.reveal:not(.is-revealed){opacity:0}.reveal.is-revealed{animation:reveal-up .9s var(--ease-out) var(--reveal-delay,0s) both}@keyframes reveal-up{0%{opacity:0;translate:0 40px}to{opacity:1;translate:0}}