.hero{display:grid;align-items:center;min-height:calc(100svh - 70px);border-bottom:var(--stroke) solid var(--black)}.hero .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(var(--space-6),6vw,96px);align-items:center;padding-block:clamp(var(--space-7),7vw,104px)}.hero .lead{max-width:30ch;margin-top:var(--space-5)}.hero .actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-6)}.hero .stage{position:relative;justify-self:end;width:min(100%,28rem)}.hero .frame{box-shadow:var(--comic-lg)}.hero .frame img{aspect-ratio:1;height:auto}.hero .frame figcaption{color:var(--black)}.hero .secret{position:absolute;left:-40px;bottom:56px;display:inline-flex;align-items:center;gap:10px;padding:8px 16px 6px;rotate:-6deg;font:400 30px/1 var(--font-display);text-transform:lowercase}.hero .secret .mark{color:var(--on-red)}.hero .secret .px{width:18px}.hero .copy>*{animation:fade .6s ease-out backwards}.hero .copy>:nth-child(2){animation-delay:.15s}.hero .copy>:nth-child(3){animation-delay:.3s}.hero .frame img{animation:wipe 1s cubic-bezier(.6,0,.2,1) .2s backwards}.hero .secret{animation:stamp .5s var(--pop) 1.1s backwards}.hero .secret:hover .px{animation:beat .7s var(--glide)}@media(max-width:56rem){.hero .wrap{grid-template-columns:1fr}.hero .stage{margin-top:var(--space-5)}}@media(max-width:40rem){.hero{align-items:start;min-height:0}.hero .wrap{gap:0;padding-block:var(--space-5) var(--space-6)}.hero .frame figcaption{font-size:10px}.hero h1{font-size:46px}.hero .lead{margin-top:var(--space-3);font-size:17px}.hero .actions{gap:var(--space-3);margin-top:var(--space-4)}.hero .actions .btn{padding:10px 18px;font-size:14px}.hero .stage{width:min(68vw,17rem);margin-top:var(--space-5);justify-self:center}.hero .frame{box-shadow:var(--comic-md)}.hero .secret{left:-24px;bottom:52px;gap:6px;padding:6px 12px 4px;font-size:20px}.hero .secret .px{width:13px}}.intro.section{padding-block:clamp(96px,10.5vw,150px)}.intro .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);gap:var(--space-6) var(--space-7);align-items:start}.intro .side{display:grid;gap:var(--space-6);padding-top:.6em}.intro .text{display:grid;gap:var(--space-6)}.intro .big{font-size:clamp(21px,1rem + 1.1vw,32px);font-weight:500;line-height:1.3;letter-spacing:-.015em}.intro .lead{max-width:46ch;font-size:clamp(16px,.9rem + .25vw,19px);color:var(--grey-light)}.intro .route{position:relative;display:grid;gap:var(--space-4);margin:0;padding:0 0 0 26px;list-style:none;font:500 12px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--grey-light)}.intro .route:before{content:"";position:absolute;left:3px;top:6px;bottom:18px;width:2px;background:repeating-linear-gradient(to bottom,var(--grey) 0 4px,transparent 4px 8px)}.intro .route li{position:relative}.intro .route li:before{content:"";position:absolute;left:-26px;top:3px;width:8px;height:8px;background:var(--grey-light)}.intro .route .now:before{display:none}.intro .route .now .sticker{margin-left:-30px;gap:8px;grid-auto-flow:column;padding:6px 12px 5px;font:400 22px/1 var(--font-display);letter-spacing:0;text-transform:lowercase;rotate:-3deg}.js .intro .route.reveal.in{animation:none}.js .intro .route.reveal.in li{animation:rise .7s var(--glide) backwards;animation-delay:calc(.2s + var(--i) * .14s)}.js .intro .route.reveal.in .now{animation:stamp .45s var(--pop) backwards;animation-delay:calc(.3s + var(--i) * .14s)}@media(max-width:52rem){.intro .wrap{grid-template-columns:1fr}.intro .route{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);padding-left:0}.intro .route:before{display:none}.intro .route li{padding-left:16px}.intro .route li:before{left:0}.intro .route .now{padding-left:0}.intro .route .now .sticker{margin-left:0}}.intro b{font-weight:700}.intro .keep{white-space:nowrap}.intro .live i{display:inline-block;font-style:normal}.intro .live:hover i{animation:ripple .55s var(--glide) var(--d)}@keyframes ripple{40%{translate:0 -4px}}.intro .chaos{color:var(--red);white-space:nowrap}.intro .chaos i{display:inline-block;font-style:normal;rotate:var(--t)}.intro .chaos:hover i{animation:jiggle .5s ease-in-out var(--d) infinite}@keyframes jiggle{0%,to{translate:0 0;rotate:var(--t)}25%{translate:0 -3px;rotate:calc(var(--t) * -1.6)}50%{translate:1px 2px;rotate:calc(var(--t) * 1.4)}75%{translate:-1px -1px;rotate:calc(var(--t) * -.6)}}.clients{border-block:var(--stroke) solid var(--black);background:var(--white)}.clients .row{display:flex;align-items:center}.clients .row>.tag{flex:none;margin-inline:var(--gutter) var(--space-4)}.clients .ticker{flex:1;align-self:stretch;display:flex;align-items:center;border-left:2px solid var(--black);background:none;color:var(--black);font-size:14px}.clients .ticker__run{display:flex;width:max-content;list-style:none;margin:0;padding:0;animation-duration:60s}.clients li{padding:20px var(--space-6);white-space:nowrap;border-right:2px solid var(--black)}@media(prefers-reduced-motion:reduce){.clients .ticker__run{flex-wrap:wrap;width:auto}.clients li[aria-hidden]{display:none}}@media(max-width:40rem){.clients .row>.tag{display:none}}.about .wrap{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(var(--space-6),6vw,96px);align-items:start}.about .portrait{position:sticky;top:104px;justify-self:start;width:min(100%,24rem);box-shadow:8px 8px 0 0 var(--cobalt)}.about .portrait img{aspect-ratio:1;height:auto}.about .portrait figcaption{color:var(--black)}.about .text{display:grid;gap:var(--space-5)}.about h2{font-size:clamp(40px,4.4vw,64px)}.about h2 span{display:block}@media(min-width:40rem){.about h2 span{white-space:nowrap}}.about .text>p{max-width:52ch;font-size:16px}.about h3{margin-top:var(--space-3)}.about .roles{display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.about .roles li{position:relative;padding-left:22px;font-size:15px}.about .roles li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;background:var(--red)}.about .roles b{font-weight:600}.about .roles span{color:var(--grey)}.about .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4) var(--space-6);margin:var(--space-4) 0 0;padding-top:var(--space-5);border-top:1px solid color-mix(in srgb,var(--black) 18%,transparent)}.about .facts dt{font-size:11px;color:var(--grey)}.about .facts dd{margin-top:var(--space-1);font-size:13px;color:var(--grey)}.about .facts .loves{grid-column:1 / -1}.about .loves .nb{white-space:nowrap}@media(max-width:52rem){.about .wrap{grid-template-columns:1fr}.about .portrait{position:static;justify-self:start;width:min(80%,18rem)}}@media(max-width:40rem){.about .facts{grid-template-columns:1fr 1fr}}.values{--room: 78svh;position:relative;overflow:hidden}.values .wrap{position:relative}.values .ghost-mark{position:absolute;top:56px;right:7%;width:clamp(120px,15vw,210px);color:color-mix(in srgb,var(--red) 16%,transparent);animation:drift 9s ease-in-out infinite alternate}.values .ghost-mark .px{width:100%}@keyframes drift{to{translate:-24px 18px;rotate:-4deg}}.values .n{display:inline-flex}.values .n>span{display:inline-block;transition:translate .35s var(--glide),color .25s}.values .lift:hover .num{color:var(--red-text)}.values .lift:hover .br:first-child{translate:-4px 0}.values .lift:hover .br:last-child{translate:4px 0}.values .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5);list-style:none;margin:0;padding:0}.values .card{display:grid;align-content:start;gap:var(--space-4)}.values h3{font-size:clamp(32px,2.6vw,40px)}.values p{font-size:14px}@media(max-width:64rem){.values .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}}@media(max-width:36rem){.values .grid{grid-template-columns:1fr}}.services .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.svc{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-6)}.svc p{font-size:15px}.svc .dotted{margin-top:auto;padding-top:var(--space-2)}.svc .mark-box .px{transform-origin:50% 100%}.lift:hover .svc .px--flame{animation:flicker .9s ease-in-out infinite}.lift:hover .svc .px--heart{animation:beat .9s ease-in-out infinite}.lift:hover .svc .mark-box .px--arrow{animation:nudge .9s ease-in-out infinite}@media(max-width:60rem){.services .grid{grid-template-columns:1fr;max-width:36rem}}.aoc{--room: 76svh}.aoc .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(var(--space-6),6vw,96px);align-items:center}.aoc .copy{display:grid;justify-items:start;gap:var(--space-5)}.aoc .copy>p{max-width:44ch;font-size:16px}.aoc .actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.aoc .btn--ghost{--fill: var(--snow);color:var(--charcoal)}.aoc .chat{position:relative;justify-self:end;width:min(100%,26rem);padding:0;rotate:var(--tilt-right);background:var(--snow)}.aoc .window{display:flex;flex-direction:column;gap:.2rem;min-height:15rem;padding:var(--space-5) var(--space-5) var(--space-6);overflow:hidden}.aoc .bubble{font-size:1rem}.aoc .price{position:absolute;right:-36px;bottom:-44px;display:grid;justify-items:center;align-content:center;gap:4px;width:140px;height:140px;border-radius:50%;rotate:-6deg}.aoc .price .display-m{font-size:54px;line-height:.8}.aoc .price .label{font-size:12px}.aoc .urgent{position:absolute;left:-44px;top:-62px;display:flex;align-items:center;gap:14px;padding:12px 20px 10px;rotate:-4deg;background:var(--snow);color:var(--charcoal);border:var(--stroke) solid var(--charcoal);box-shadow:4px 4px 0 0 var(--charcoal);background-clip:padding-box;font:400 28px/.95 var(--font-display);text-transform:lowercase}.aoc .urgent .px{width:24px;animation:flicker 1.1s ease-in-out infinite;transform-origin:50% 100%}@media(max-width:56rem){.aoc{--room: 76svh}.aoc .wrap{grid-template-columns:1fr}.aoc .chat{margin:var(--space-7) 0 var(--space-6);justify-self:start;width:calc(100% - 24px)}.aoc .price{right:-12px}.aoc .urgent{left:-8px}}@media(max-width:40rem){.aoc .chat{margin-top:128px}.aoc .urgent{top:-112px;font-size:24px}}.words .head{margin-bottom:var(--space-6)}.words .rail{overflow:hidden;padding-block:var(--space-5) var(--space-6)}.rail__track{display:flex;gap:var(--space-6);width:max-content;padding-inline:var(--gutter);animation:slide 120s linear infinite;will-change:transform;backface-visibility:hidden}.rail__track>.lift{flex:none;width:min(80vw,24rem)}.rail:hover .rail__track,.rail:focus-within .rail__track{animation-play-state:paused}.quote{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-6)}.quote blockquote{font-size:17px;line-height:1.45;font-weight:500}.quote blockquote:before{content:"“";display:block;height:.5em;margin-bottom:var(--space-3);font:400 64px/1 var(--font-display);color:var(--red)}.quote figcaption{display:grid;gap:var(--space-1);padding-top:var(--space-4);border-top:2px solid currentColor}.quote .role{color:var(--grey);font-size:13px}.quote.card--dark .role{color:var(--grey-light)}@media(max-width:40rem){.rail__track{gap:var(--space-5)}.rail__track>.lift{width:72vw}.quote{gap:var(--space-4);padding:var(--space-4)}.quote blockquote{font-size:15px}.quote blockquote:before{font-size:48px;margin-bottom:var(--space-2)}}@media(prefers-reduced-motion:reduce){.words .rail{overflow-x:auto}.rail__track>[aria-hidden]{display:none}}.work-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-7)}.work-head .head{margin-bottom:0}.switch{display:inline-flex;padding:4px;background:var(--white);border:var(--stroke) solid var(--black);border-radius:var(--radius-pill);box-shadow:var(--comic-sm)}.switch button{padding:10px 18px;background:none;color:var(--black);border:0;border-radius:var(--radius-pill);font:600 14px/1 var(--font-mono);text-transform:lowercase;transition:background .3s var(--glide),color .3s var(--glide)}.switch button[aria-pressed=true]{background:var(--black);color:var(--paper)}.rows{display:grid;gap:var(--space-5);list-style:none;margin:0;padding:0}.row{display:grid}.row[data-face=front] .face--back,.row[data-face=back] .face--front{visibility:hidden}.row.turning{transform-style:preserve-3d;transform:perspective(1600px) rotateX(0)}.row.turning.animate{transition:transform .7s var(--pop)}.row.turning.at-back{transform:perspective(1600px) rotateX(180deg)}.row.turning .face{visibility:visible;backface-visibility:hidden}.row.turning .face--back{transform:rotateX(180deg)}.face{grid-area:1 / 1;display:grid;grid-template-columns:12.5rem minmax(0,1fr) auto;gap:var(--space-5);align-items:center}.face h3{font-size:18px;font-weight:700;line-height:1.2;letter-spacing:-.01em}.face p{max-width:60ch;margin-top:var(--space-2);font-size:14px}.face .dotted{margin-top:var(--space-3);font-size:13px}.face--front .stat{white-space:nowrap;color:var(--red);text-shadow:3px 3px 0 var(--black)}.face--back .label{color:var(--grey-light)}.face--back .dotted{color:var(--snow)}.face--back .dotted{--sep: var(--red)}.face--back>.tag{background:var(--charcoal-2);color:var(--snow);border-color:var(--snow)}.you{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-6);align-items:center;margin-top:var(--space-7);rotate:-1.5deg}.you .label{color:var(--snow)}.you h3{margin-top:var(--space-2)}.you p{max-width:34ch;font-size:15px}.you .btn{--fill: var(--snow);color:var(--charcoal)}@media(max-width:52rem){.face{grid-template-columns:1fr;gap:var(--space-3);align-items:start}.face>.tag{justify-self:start}.you{grid-template-columns:1fr;justify-items:start;rotate:none}}.cta{--room: 75svh;border-top:var(--stroke) solid var(--black)}.cta.section{padding-block:clamp(88px,9.9vw,141px)}.cta .wrap{display:grid;justify-items:center;gap:var(--space-6);text-align:center}.cta h2>*{display:block}.cta p{max-width:40ch;font-size:17px}