.case{max-width:68rem;padding:clamp(2rem, 6vw, 5rem) var(--gutter) clamp(4rem, 9vw, 8rem);margin:0 auto}.case__flag{font:500 .78rem/1.4 var(--font-mono);background:var(--sun);border-radius:8px;margin-bottom:2rem;padding:.6em .9em;display:inline-block}.case h1{letter-spacing:-.028em;margin-top:1.2rem;font-size:clamp(3rem,9vw,8.5rem);line-height:.92}.case__lede{max-width:34em;color:var(--ink-2);margin-top:1.6rem;font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.42}.case__meta{border-block:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1.2rem 2rem;margin:clamp(2rem,5vw,3.5rem) 0 0;padding:1.4rem 0;display:grid}.case__meta dt{font:500 .66rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.case__meta dd{margin:.6rem 0 0;font-size:1.02rem}.case__cover{aspect-ratio:16/9;border:1.5px solid var(--ink);background:var(--sun);border-radius:18px;place-items:center;margin-top:clamp(2rem,5vw,3.5rem);display:grid;overflow:hidden}.case__cover img{object-fit:cover;width:100%;height:100%}.prose{max-width:42rem;margin-top:clamp(2.5rem,6vw,4.5rem);font-size:clamp(1.02rem,1.3vw,1.2rem);line-height:1.6}.prose h2{margin:2.6em 0 .5em;font-size:clamp(1.9rem,3.6vw,3rem);line-height:1}.prose h2:first-child{margin-top:0}.prose p{color:var(--ink-2);margin:0 0 1.1em}.prose code{font:.86em var(--font-mono);background:#14141212;border-radius:5px;padding:.15em .4em}.prose img{border-radius:12px;max-width:100%}.case__next{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:clamp(3rem,8vw,6rem);padding-top:2rem;display:flex}.case__next>a:first-child{font:400 clamp(1.6rem, 3.4vw, 2.8rem) / 1 var(--font-display);text-decoration:none}.case__next>a:first-child:hover{font-style:italic}.lost{min-height:100svh;padding:6rem var(--gutter) 4rem;text-align:center;place-items:center;display:grid}.lost h1{letter-spacing:-.028em;font-size:clamp(3.4rem,12vw,10rem);line-height:.9}.lost p{max-width:28em;color:var(--ink-2);margin:1.4rem auto 2rem;font-size:clamp(1.05rem,1.6vw,1.35rem)}.lost .splat{visibility:visible;width:min(74vw,30rem);height:auto;margin:0 auto 1rem;display:block;position:static;rotate:6deg}.device{outline:none;padding:0 0 7%;position:relative}.device__browser{border:1.5px solid var(--ink);background:var(--paper);width:92%;box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.device__bar{border-bottom:1.5px solid var(--ink);align-items:center;gap:6px;padding:9px 12px;display:flex}.device__bar i{border:1.5px solid var(--ink);border-radius:50%;width:9px;height:9px}.device__bar i:first-child{background:var(--sun)}.device__bar span{font:500 .68rem/1 var(--font-mono);letter-spacing:.06em;color:var(--ink-2);margin-left:.7rem}.device__screen{aspect-ratio:16/10;background:#fff;overflow:hidden;container-type:size}.device__screen img{width:100%;animation:26s ease-in-out infinite alternate device-scroll;display:block}.device__phone{border:1.5px solid var(--ink);background:var(--ink);width:23%;box-shadow:var(--shadow);border-radius:22px;padding:7px;position:absolute;bottom:0;right:0}.device__phone .device__screen{aspect-ratio:9/19;border-radius:15px}.device__phone img{animation-duration:34s;animation-delay:-6s}.device:is(:hover,:focus-visible) img{animation-play-state:paused}.device:focus-visible .device__browser{outline:2px solid var(--ink);outline-offset:4px}@keyframes device-scroll{0%,6%{transform:translateY(0)}94%,to{transform:translateY(calc(100cqh - 100%))}}@media (prefers-reduced-motion:reduce){.device__screen img{animation:none}}.page{--top:clamp(7.5rem, 13vw, 11rem);padding:var(--top) var(--gutter) clamp(4rem, 9vw, 8rem);background:linear-gradient(#fbe9d6 0, var(--paper) 46rem);gap:clamp(2.5rem,6vw,5rem);display:grid;overflow-x:clip}.sheet{background:var(--paper);border:1.5px solid var(--ink);box-shadow:var(--shadow);border-radius:18px;padding:clamp(1.2rem,2.6vw,2.2rem)}.sheet--sun{background:var(--sun)}.page-hero{position:relative}.page--contact .page-hero{width:min(100%,46rem)}.sheet--hero{animation:.9s both fade-up;rotate:-1deg}.sheet--hero h1{letter-spacing:-.035em;margin-bottom:.2em;font-size:clamp(2.8rem,min(7.4vw,12vh),5.6rem);line-height:.96}.sheet--hero h1 em{background:linear-gradient(transparent 56%, var(--sun) 56% 90%, transparent 90%);margin-left:.14em;padding:0 .08em;font-style:normal}.sheet--hero h1 em:first-child{margin-left:-.08em}.sheet--hero h1 em+.word{margin-left:.22em}.sheet--hero h1:hover .ltr{translate:0;rotate:0deg}.sheet__body>p:not(.hand):not(.hero-sub){max-width:34em;color:var(--ink-2);font-size:clamp(1.06rem,1.3vw,1.22rem);font-weight:450;line-height:1.5}.sheet__hand{color:var(--ink-2);transform-origin:0;margin-top:.5em;font-size:clamp(1.5rem,2vw,2rem);line-height:1;rotate:-1.5deg}.perch{z-index:6;pointer-events:none;width:100%;height:100%;transition:opacity .2s;position:fixed;inset:0}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem);margin:0;padding:0;list-style:none;display:grid}.tile{transition:rotate .4s cubic-bezier(.2,1.6,.4,1),translate .4s cubic-bezier(.2,1.6,.4,1)}.tile:nth-child(3n+1){rotate:-.7deg}.tile:nth-child(3n+2){rotate:.5deg}.tile:nth-child(3n){rotate:-.3deg}.tile:hover{translate:0 -4px;rotate:0deg}.tile :is(h2,h3){font-size:clamp(1.7rem,2.4vw,2.3rem);line-height:1}.tile>p:not(.card__stop):not(.hand){color:var(--ink-2);margin-top:.8rem;font-size:1.04rem;font-weight:450;line-height:1.5}.tile__aside{color:var(--ink-2);transform-origin:0;margin-top:.9rem;font-size:1.45rem;line-height:1;rotate:-1.5deg}.closer{justify-items:start;gap:1rem;display:grid;rotate:.6deg}.closer h2{font-size:clamp(2.2rem,5.5vw,4.6rem);line-height:.96}.closer p{max-width:34em;font-size:1.1rem;font-weight:450;line-height:1.5}.faq{rotate:-.4deg}.faq h2{font-size:clamp(2.2rem,5vw,4rem);line-height:.96}.faq dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(1.5rem,4vw,3.5rem);margin:clamp(1.4rem,3vw,2.2rem) 0 0;display:grid}.faq__item{border-top:1.5px solid var(--ink);padding:1.1rem 0 1.2rem}.faq dt{font:600 clamp(1.25rem, 1.8vw, 1.5rem) / 1.15 var(--font-display)}.faq dd{max-width:34em;color:var(--ink-2);margin:.5rem 0 0;font-size:1.02rem;font-weight:450;line-height:1.5}.faq__aside{color:var(--ink-2);transform-origin:0;margin-top:1rem;font-size:1.45rem;rotate:-1.5deg}@media (width<=760px){.faq dl{grid-template-columns:minmax(0,1fr)}}.work__list{gap:clamp(2rem,5vw,4rem);margin:0;padding:0;list-style:none;display:grid}.work__item{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.4rem,3.4vw,3rem);display:grid}.work__item:nth-child(odd){rotate:.4deg}.work__item:nth-child(2n){rotate:-.4deg}.work__item:nth-child(2n) .work__copy{order:2}.work__item h2{font-size:clamp(2.2rem,4.4vw,4.2rem);line-height:.98}.work__item h2 a{text-decoration:none}.work__blurb{font:420 clamp(1.3rem, 2vw, 1.8rem) / 1.15 var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin-top:1rem}.work__sum{max-width:34em;color:var(--ink-2);margin-top:.9rem;font-size:1.08rem;line-height:1.5}.work__links{flex-wrap:wrap;align-items:center;gap:.9rem 1.5rem;margin-top:1.6rem;display:flex}.page--contact{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start}.form--sheet{margin-top:clamp(0rem,4vw,3rem);rotate:1deg}.form--sheet label{color:var(--ink-2)}.form--sheet :is(input,textarea){color:var(--ink)}.form--sheet label:after{background:var(--rule)}.form--sheet label:focus-within{color:var(--ink)}.form--sheet .form__note{color:var(--ink-2)}.page--case .case__meta{border-bottom:0;margin-top:1.4rem;padding:1.1rem 0 0}.page--case .prose{max-width:46rem;margin-top:0}.page--case .case__next{margin-top:0}.case__device{max-width:68rem}@media (width<=980px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.tiles{grid-template-columns:minmax(0,1fr)}}@media (width<=860px){.work__item,.page--contact{grid-template-columns:minmax(0,1fr)}.work__item:nth-child(2n) .work__copy{order:0}.sheet--hero h1{font-size:clamp(2.6rem,15vw,5rem)}}@media (width>=1000px){.sheet--wide{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:clamp(2rem,5vw,5rem);padding:clamp(1.6rem,3vw,2.8rem);display:grid;rotate:-.6deg}.sheet--wide h1{margin-bottom:0;font-size:clamp(3.4rem,min(6.6vw,14vh),7rem)}.sheet--wide .sheet__body{padding-bottom:.4rem}}body:has(.nav__toggle[aria-expanded=true]) .perch{opacity:0}.case__ba{gap:clamp(1.4rem,3vw,2.4rem);display:grid}.case__h{font-size:clamp(2.4rem,6vw,5rem);line-height:.96}.ba{max-width:68rem;margin:0}.ba .device__browser{width:100%}.ba__frame{aspect-ratio:16/11;touch-action:pan-y;background:#fff;position:relative;overflow:hidden}.ba__img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.ba__before{clip-path:inset(0 calc(100% - var(--pos)) 0 0);position:absolute;inset:0}.ba__handle{top:0;bottom:0;left:var(--pos);background:var(--ink);pointer-events:none;width:3px;margin-left:-1.5px;position:absolute}.ba__handle i{background:var(--sun);border:1.5px solid var(--ink);width:2.9rem;height:2.9rem;box-shadow:var(--shadow);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.ba__handle i:before{content:"← →";font:600 .8rem/1 var(--font-sans);letter-spacing:-.05em;place-items:center;display:grid;position:absolute;inset:0}.ba__tag{font:500 .66rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--paper);background:var(--ink);border-radius:999px;padding:.45em .8em}.ba__tag--before{margin-left:.7rem}.ba__tag--after{color:var(--ink);background:var(--sun);box-shadow:inset 0 0 0 1.5px var(--ink);margin-left:auto}.ba__range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.ba__frame:has(.ba__range:focus-visible) .ba__handle i{outline:2px solid var(--ink);outline-offset:3px}.ba figcaption{color:var(--ink-2);transform-origin:0;margin-top:.9rem;font-size:1.5rem;line-height:1;rotate:-1deg}.founders{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,3vw,2.4rem);margin:0;padding:0;list-style:none;display:grid}.founder{grid-template-columns:minmax(11rem,.85fr) minmax(0,1fr);align-items:center;gap:clamp(1rem,2.4vw,2rem);display:grid}.founder:nth-child(odd){rotate:-.5deg}.founder:nth-child(2n){rotate:.5deg}.founder h2{font-size:clamp(2.4rem,4.6vw,4.2rem);line-height:.95}.founder__bio{color:var(--ink-2);margin-top:.8rem;font-size:1.06rem;font-weight:450;line-height:1.5}.founder__facts{border-top:1px solid var(--rule);margin:1rem 0 0;padding:0;list-style:none}.founder__facts li{border-bottom:1px solid var(--rule);padding:.55rem 0;font-size:.98rem}.founder__aside{color:var(--ink-2);transform-origin:0;margin-top:.9rem;font-size:1.45rem;line-height:1;rotate:-1.5deg}.portrait{width:100%;transition:rotate .5s cubic-bezier(.2,1.6,.4,1);display:block;overflow:visible}.founder:hover .portrait{rotate:-4deg}.portrait :is(.pp-body,.pp-chest,.pp-wing,.pp-wingtip,.pp-dark,.pp-crest,.pp-can,.pp-splint,.pp-collar){stroke:var(--ink);stroke-width:3.5px;stroke-linejoin:round}.pp-body{fill:#bcc3cc}.pp-chest{fill:#8f99a6;stroke:none!important}.pp-wing,.pp-wingtip{fill:#c9cfd6}.pp-dark{fill:#3b4049}.pp-crest{fill:#5d6979}.pp-bar{fill:none;stroke:var(--ink);stroke-width:9px;stroke-linecap:round}.pp-leg{fill:none;stroke:#e2674a;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.pp-ring{fill:none;stroke:var(--ink);stroke-width:4.5px}.pp-can-t{font:800 12.5px var(--font-sans);letter-spacing:-.02em;fill:var(--ink)}.pp-can-s{font:700 5.2px var(--font-sans);fill:#6b5f1e}.pp-lid{fill:#d9dcdf;stroke:var(--ink);stroke-width:3px}.pp-lid-in{fill:#c3c7cb;stroke:var(--ink);stroke-width:1.4px}.pp-tab{fill:#eef0f1;stroke:var(--ink);stroke-width:1.2px}.pp-can-line{fill:none;stroke:var(--ink);stroke-width:1.6px;opacity:.5}.pp-can-shine{fill:none;stroke:#fff;stroke-width:3.5px;stroke-linecap:round;opacity:.7}.pp-splint{fill:var(--paper)}.pp-tape,.pp-ouch{fill:none;stroke:var(--ink);stroke-width:2.6px;stroke-linecap:round}@media (width<=1100px){.founders{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.founder{grid-template-columns:minmax(0,1fr)}.portrait{max-width:13rem}}.why{gap:1rem;display:grid;rotate:-.3deg}.why h2{font-size:clamp(2.2rem,5.5vw,4.6rem);line-height:.96}.why>p:not(.card__stop){max-width:40em;color:var(--ink-2);font-size:1.12rem;font-weight:450;line-height:1.5}.sheet__body>p+p:not(.hand){margin-top:.7rem}.why--name{rotate:.4deg}.why__aside{color:var(--ink-2);transform-origin:0;font-size:1.5rem;line-height:1;rotate:-1.5deg}.footer{z-index:2;padding:clamp(3rem, 7vw, 6rem) var(--gutter) 1.6rem;color:var(--paper);background:var(--ink);position:relative;overflow:hidden}.footer__top{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:clamp(2rem,6vw,6rem);display:grid}.footer__pitch h2{letter-spacing:-.03em;font-size:clamp(2.6rem,7vw,6.4rem);line-height:.94}.footer__pitch h2 em{color:var(--sun)}.footer__pitch .hand{opacity:.75;transform-origin:0;margin-top:.7rem;font-size:clamp(1.5rem,2.2vw,2.1rem);line-height:1;rotate:-1.5deg}.footer__pitch .btn{margin-top:1.6rem}.footer__nav{justify-items:start;gap:.1rem;display:grid}.footer__nav a{font:480 clamp(1.7rem, 3vw, 2.6rem) / 1.2 var(--font-display);letter-spacing:-.02em;text-decoration:none;position:relative}.footer__nav a:is(:hover,:focus-visible):after{content:"";background:var(--sheen);height:8px;-webkit-mask:var(--wave) 0 0 / 16px 8px repeat-x;mask:var(--wave) 0 0 / 16px 8px repeat-x;animation:.6s linear infinite squiggle-run;position:absolute;bottom:-.1em;left:0;right:0}.footer__nav a:hover .ltr{translate:0;rotate:0deg}.footer__wire{height:4.4rem;margin:clamp(2.5rem, 6vw, 4.5rem) calc(var(--gutter) * -1) 0;border-bottom:1.5px solid #f5f3ec80;position:relative}.footer__wire svg{width:auto;height:3.6rem;position:absolute;bottom:-2px;overflow:visible}.footer__wire .fw-body{fill:var(--ink);stroke:var(--paper);stroke-width:2.4px;stroke-linejoin:round}.footer__wire .fw-line{fill:none;stroke:var(--paper);stroke-width:2.4px;stroke-linecap:round}.footer__wire .fw-one .fw-body{fill:var(--sun);stroke:var(--sun)}.footer__wire .fw-one{transform-origin:50% 100%;animation:5s ease-in-out infinite fw-hop}@keyframes fw-hop{0%,86%,to{transform:translateY(0)rotate(0)}90%{transform:translateY(-14px)rotate(-8deg)}94%{transform:translateY(0)rotate(4deg)}}.footer__zzz{opacity:.7;font-size:1.5rem;position:absolute;bottom:3.5rem}.footer__base{font:500 .68rem/1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem;margin-top:1.4rem;display:flex}.footer__base p:last-child{opacity:.6}.footer .mark{color:var(--paper);--mark-bg:var(--ink)}.footer__brand{align-items:center;gap:.7rem;margin-bottom:1.4rem;display:flex}@media (width<=760px){.footer__top{grid-template-columns:minmax(0,1fr)}}@media (width<=40rem){.footer__wire{height:3.4rem}.footer__wire svg{height:2.7rem}.footer__wire svg:nth-of-type(2),.footer__wire svg:nth-of-type(3),.footer__wire svg:nth-of-type(5),.footer__wire svg:nth-of-type(7),.footer__wire svg:nth-of-type(8),.footer__wire svg:nth-of-type(11){display:none}.footer__zzz{bottom:2.7rem}}.tile h2 a{text-decoration:none}.tile h2 a:hover{text-decoration:underline 2px}.industries__more{font-size:1rem!important}.industries__more a{text-decoration-thickness:1.5px}.draft-note{font:600 .8rem/1.3 var(--font-mono);border:1.5px solid var(--ink);background:#ffd4cc;border-radius:8px;justify-self:start;margin:0;padding:.5em .9em}.tiles--price{grid-template-columns:repeat(4,minmax(0,1fr))}.tiles--price h2{margin-top:.4rem;font-size:clamp(1.8rem,2.6vw,2.5rem)}.price__gets{border-top:1.5px solid var(--ink);gap:.4rem;margin:1rem 0 0;padding:.8rem 0 0;font-size:.98rem;line-height:1.35;list-style:none;display:grid}.price__gets li:before{content:"→ ";color:var(--ink-2)}.process{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(1.5rem,4vw,3rem);margin:clamp(1.2rem,3vw,2rem) 0 0;padding:0;list-style:none;display:grid}.process li{counter-increment:step;border-top:1.5px solid var(--ink);gap:.4rem;padding:1rem 0 1.2rem;display:grid}.process b{font:600 clamp(1.25rem, 1.8vw, 1.5rem) / 1.15 var(--font-display)}.process b:before{content:counter(step, decimal-leading-zero) "  ";font:500 .75rem/1 var(--font-mono);color:var(--ink-2);vertical-align:.25em}.process span{color:var(--ink-2);font-size:1.02rem;font-weight:450;line-height:1.5}@media (width<=1000px){.tiles--price,.process{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.tiles--price,.process{grid-template-columns:minmax(0,1fr)}}
