:root{color-scheme:dark;--color-canvas:#090909;--color-surface:#111;--color-text:#f4f3ef;--color-muted:#a2a29e;--color-subtle:#858581;--color-line:#2a2a28;--font-sans:"Inter Variable", "Helvetica Neue", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--page-width:1200px;--page-gutter:clamp(24px, 5vw, 72px)}@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2")}*{box-sizing:border-box}html{background:var(--color-canvas);scroll-behavior:smooth;scroll-padding-top:36px}body{color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--color-text);outline-offset:6px;border-radius:3px}::selection{color:#090909;background:#d5d9ee}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}.page-shell{max-width:calc(var(--page-width) + var(--page-gutter) * 2);padding-inline:var(--page-gutter);margin-inline:auto}.page-shell-wide{max-width:none;padding-inline:0}.page-shell-wide>.site-header,.page-shell-wide .hero,.page-shell-wide .section-heading{width:calc(100% - var(--page-gutter) * 2);max-width:var(--page-width);margin-inline:auto}.skip-link{z-index:10;background:var(--color-text);color:var(--color-canvas);padding:14px 20px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{justify-content:space-between;align-items:center;gap:32px;height:106px;display:flex}.brand{align-items:center;gap:9px;display:inline-flex}.brand-icon{width:32px;height:32px}.brand-name{letter-spacing:-2.5px;font-size:36px;font-weight:550;line-height:1}.site-header nav{align-items:center;gap:35px;font-size:13px;display:flex}.nav-work,.nav-blog{color:var(--color-muted);transition:color .18s}.nav-work:hover,.nav-blog:hover,.nav-blog[aria-current=page]{color:var(--color-text)}.nav-product{border:1px solid #333330;border-radius:50px;align-items:center;gap:17px;padding:12px 17px 12px 20px;transition:background .18s,border-color .18s;display:flex}.nav-product:hover{background:#20201e;border-color:#555550}.nav-product .arrow{width:16px;height:16px}.hero{text-align:center;padding:108px 0 104px;position:relative}.page-shell-wide .hero{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 106px);display:flex}.eyebrow,.section-index{font-family:var(--font-mono);letter-spacing:1.6px;text-transform:uppercase;font-size:10px;font-weight:400}.hero .eyebrow{color:var(--color-muted);margin-bottom:28px}.hero h1{letter-spacing:-.075em;white-space:nowrap;justify-content:center;align-items:center;gap:21px;font-size:clamp(76px,9.5vw,130px);font-weight:450;line-height:1.2;display:flex}.hero-mascot{width:clamp(82px,10vw,136px);height:clamp(82px,10vw,136px);margin-inline:2px;transform:rotate(-5deg)}.title-period{color:#777772}.hero-description{color:var(--color-muted);letter-spacing:-.5px;margin-top:25px;font-size:clamp(16px,1.8vw,20px);line-height:1.5}.button{border-radius:50px;justify-content:center;align-items:center;gap:25px;min-height:48px;padding:13px 21px;font-size:13px;font-weight:450;line-height:1.3;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.button .arrow{width:17px;height:17px;transition:transform .2s}.button:hover .arrow{transform:translate(2px,-2px)}.button-outline{border:1px solid #3b3b37}.button-outline:hover{background:#20201e;border-color:#666660}.button-light{background:var(--color-text);color:#111;border:1px solid var(--color-text)}.button-light:hover{background:#d4d4ce;border-color:#d4d4ce}.hero .button{margin-top:34px}.hero .button:hover .arrow{transform:translateY(3px)}.products{border-top:1px solid var(--color-line);padding-top:31px;scroll-margin-top:30px}.section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.section-heading h2{letter-spacing:-.25px;font-size:15px;font-weight:450}.section-heading h2 span{color:var(--color-subtle);margin-left:3px}.section-index{color:var(--color-subtle);letter-spacing:1px;white-space:nowrap;font-size:9px}.page-shell-wide .products{border-top:0;padding-top:0;position:relative}.page-shell-wide .section-heading{border-top:1px solid var(--color-line);align-items:center;min-height:78px;margin:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.not-found{text-align:center;flex-direction:column;align-items:center;padding:80px 0 120px;display:flex}.not-found-mascot{width:120px;height:120px;margin-bottom:40px}.not-found .eyebrow{color:var(--color-muted)}.not-found h1{letter-spacing:-2px;margin:24px 0;font-size:clamp(36px,6vw,70px);font-weight:450}.not-found p:not(.eyebrow){color:var(--color-muted);line-height:1.6}.not-found .button{margin-top:30px}@media (width>=1550px){.hero{padding-top:128px;padding-bottom:112px}}@media (width<=1050px){.hero h1{gap:9px}.hero-mascot{margin-inline:0}}@media (width<=760px){.page-shell-wide .hero{min-height:calc(100svh - 88px)}.site-header{gap:16px;height:88px}.brand-name{font-size:32px}.site-header nav{gap:20px}.nav-work{display:none}.nav-product{gap:8px;padding:10px 13px;font-size:11px}.hero{padding:74px 0 70px}.hero h1{letter-spacing:-.075em;gap:16px;font-size:clamp(70px,12vw,90px)}.hero-mascot{width:95px;height:95px}.hero-description{margin-top:24px;font-size:16px}.section-heading{align-items:flex-start;margin-bottom:22px}.section-heading h2{font-size:13px;line-height:1.5}.section-heading h2 span{margin-left:0;display:block}.section-index{padding-top:3px;font-size:8px}}@media (width<=480px){.products{padding-top:22px}.hero{padding-top:57px;padding-bottom:57px}.hero .eyebrow{letter-spacing:1.2px;margin-bottom:26px;font-size:8px}.hero h1{gap:12px;font-size:clamp(59px,15.5vw,74px);line-height:1.2}.hero h1 .hero-mascot{width:78px;height:78px}.hero-description{letter-spacing:-.3px;margin-top:28px;font-size:14px}.hero .button{margin-top:28px;font-size:12px}}@media (width<=360px){.hero h1{font-size:53px}.hero h1 .hero-mascot{width:65px;height:65px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.mascot{flex-shrink:0;display:inline-flex}.mascot svg{width:100%;height:100%;overflow:visible}.mascot--outline .mascot-body path,.mascot--outline .mascot-eye{fill:none;stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke}.mascot--living .mascot-body{transform-origin:50px 75px;animation:6s ease-in-out infinite mascot-breathe}.mascot--living .mascot-eye-small{transform-box:fill-box;transform-origin:50%;animation:9s ease-in-out 2s infinite mascot-wink}@keyframes mascot-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1px)scale(1.008)}}@keyframes mascot-wink{0%,55%,62%,to{transform:scaleY(1)}57%,60%{transform:scaleY(.16)}}@media (prefers-reduced-motion:reduce){.mascot--living .mascot-body,.mascot--living .mascot-eye-small{animation:none}}.site-footer{border-top:1px solid var(--color-line);margin-top:92px;overflow:hidden}.footer-inner{width:calc(100% - var(--page-gutter) * 2);max-width:var(--page-width);margin-inline:auto}.footer-contact-row{justify-content:space-between;align-items:flex-end;gap:64px;padding:90px 0 76px;display:flex}.footer-contact{min-width:0}.footer-contact .eyebrow{color:var(--color-muted);letter-spacing:1.3px;margin-bottom:27px;font-size:10px}.footer-email{letter-spacing:-.055em;align-items:center;gap:30px;font-size:clamp(38px,5.4vw,76px);font-weight:430;line-height:1.15;transition:color .2s;display:inline-flex}.footer-email>.arrow{color:#bca3da;width:40px;height:40px;transition:transform .2s}.footer-email:hover{color:#d8c6ed}.footer-email:hover>.arrow{transform:translate(4px,-4px)}.footer-nav{flex-direction:column;flex-shrink:0;gap:1px;width:174px;padding-bottom:2px;display:flex}.footer-nav>a{min-height:37px;color:var(--color-muted);justify-content:space-between;align-items:center;gap:24px;font-size:12px;transition:color .18s;display:flex}.footer-nav>a:hover{color:var(--color-text)}.footer-nav .arrow{width:14px;height:14px;color:var(--color-subtle)}.footer-meta{border-top:1px solid var(--color-line);align-items:center;gap:28px;padding:27px 0 0;display:flex}.footer-brand{letter-spacing:-1.7px;font-size:30px;font-weight:500;line-height:1}.footer-brand>span{color:var(--color-subtle)}.footer-origin{color:var(--color-muted);margin-left:6px;font-size:12px}.footer-heart{color:#c6adeb;font-family:var(--font-mono);margin-inline:2px;font-size:13px}.footer-copyright{color:var(--color-subtle);margin-left:auto;font-size:11px}.footer-top{width:36px;height:36px;color:var(--color-muted);border:1px solid #383835;border-radius:50%;place-items:center;margin-left:6px;transition:color .18s,border-color .18s;display:grid}.footer-top>.arrow{width:15px;height:15px;transform:rotate(180deg)}.footer-top:hover{color:var(--color-text);border-color:var(--color-muted)}.footer-art{pointer-events:none;height:clamp(300px,37vw,535px);margin-top:26px;position:relative;overflow:hidden}.footer-mascot{color:#54544e;width:clamp(510px,67vw,980px);height:clamp(510px,67vw,980px);position:absolute;top:9px;left:50%;transform:translate(-50%)rotate(-7deg)}@media (width<=900px){.footer-contact-row{gap:35px}.footer-email{gap:18px;font-size:48px}.footer-email>.arrow{width:28px;height:28px}.footer-nav{width:145px}}@media (width<=760px){.site-footer{margin-top:66px}.footer-contact-row{padding:54px 0 36px;display:block}.footer-contact .eyebrow{letter-spacing:1px;margin-bottom:23px;font-size:8px}.footer-email{gap:16px;font-size:clamp(30px,7.9vw,54px)}.footer-email>.arrow{width:24px;height:24px}.footer-nav{flex-direction:row;gap:25px;width:100%;margin-top:34px}.footer-nav>a{justify-content:flex-start;gap:7px;font-size:11px}.footer-nav .arrow{width:12px;height:12px}.footer-meta{grid-template-columns:1fr auto;gap:22px 16px;padding-top:26px;display:grid}.footer-brand{grid-area:1/1;width:fit-content;font-size:27px}.footer-origin{grid-area:2/1;margin-left:0;font-size:10px}.footer-heart{margin-inline:1px;font-size:11px}.footer-copyright{grid-area:2/2;font-size:10px}.footer-top{grid-area:1/2;justify-self:end;margin-left:0}.footer-art{height:clamp(270px,63vw,420px);margin-top:36px}.footer-mascot{width:max(510px,95vw);height:max(510px,95vw);top:0}}@media (width<=380px){.footer-nav{gap:17px}.footer-nav>a{font-size:10px}.footer-nav .arrow{display:none}.footer-email{gap:12px;font-size:30px}.footer-email>.arrow{width:20px;height:20px}.footer-origin{max-width:170px;line-height:1.8}}
