@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/archivo-DXrUVZxZ.woff2) format("woff2")}@font-face{font-family:Martian Mono;font-style:normal;font-weight:300 600;font-stretch:75% 112.5%;font-display:swap;src:url(/assets/martian-JetRpfbz.woff2) format("woff2")}:root{--paper: oklch(.985 .004 170);--ink: oklch(.2 .02 175);--ink-2: oklch(.45 .02 175);--line: oklch(.89 .01 170);--img-outline: rgba(0, 0, 0, .1);--apricot: oklch(.84 .1 60);--apricot-2: oklch(.42 .07 45);--navy: oklch(.21 .035 262);--navy-2: oklch(.78 .03 262);--night: #0b0a08;--night-ink: #efe7d8;--night-2: #c0b5a3;--block-ink: oklch(.2 .02 175);--block-paper: oklch(.985 .004 170);--rat-pink: oklch(.76 .08 12);--font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;--font-mono: "Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-lead: clamp(1.15rem, 1.02rem + .55vw, 1.45rem);--fs-big: clamp(1.6rem, 1.15rem + 1.9vw, 2.75rem);--fs-h2: clamp(2.75rem, 1.5rem + 5vw, 5.75rem);--fs-label: .6875rem;--max: 1280px;--gutter: clamp(16px, 4vw, 48px);--inner: calc(min(100vw, var(--max)) - 2 * var(--gutter));--hero-gap: clamp(32px, 5vw, 72px);--section: clamp(80px, 11vw, 152px);--ease: cubic-bezier(.2, 0, 0, 1);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: oklch(.17 .012 175);--ink: oklch(.95 .006 170);--ink-2: oklch(.72 .012 170);--line: oklch(.3 .012 175);--img-outline: rgba(255, 255, 255, .1);color-scheme:dark}}:root[data-theme=dark]{--paper: oklch(.17 .012 175);--ink: oklch(.95 .006 170);--ink-2: oklch(.72 .012 170);--line: oklch(.3 .012 175);--img-outline: rgba(255, 255, 255, .1);color-scheme:dark}body{--b-bg: oklch(.45 .21 266);--b-fg: oklch(.985 .004 266);--b-fg-2: oklch(.87 .045 266);--b-route: oklch(.88 .15 92);--b-cheese: oklch(.88 .15 92);--b-rat-eye: var(--b-bg);--b-btn-bg: var(--b-fg);--b-btn-fg: var(--b-bg);--b-tape: oklch(.88 .15 92 / .78)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-display);font-size:1.0625rem;line-height:1.6;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{margin:0;font-family:var(--font-display);text-wrap:balance}p{margin:0;text-wrap:pretty}:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.label{font-family:var(--font-mono);font-size:var(--fs-label);font-weight:450;letter-spacing:.06em;text-transform:uppercase;color:var(--label, var(--ink-2))}.fill{font-size:calc(var(--measure, var(--inner)) / var(--em) * .97)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding-inline:24px;border:0;border-radius:999px;background:var(--btn-bg, var(--ink));color:var(--btn-fg, var(--paper));font:650 .9375rem/1 var(--font-display);text-decoration:none;cursor:pointer;transition:scale .16s var(--ease),opacity .16s var(--ease)}.btn:hover{opacity:.88}.btn:active{scale:.96}.btn svg{width:16px;height:16px;flex:none}.link{display:inline-flex;align-items:center;min-height:44px;font-weight:650;font-size:.9375rem;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px;text-decoration-color:color-mix(in oklab,currentColor 40%,transparent);transition:text-decoration-color .16s var(--ease)}.link:hover{text-decoration-color:currentColor}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.mark{display:block;overflow:visible;color:currentColor}.mark .pink{fill:var(--rat-pink)}.mark .eye{fill:var(--mark-eye, var(--b-rat-eye))}.mark .tail{transform-box:view-box;transform-origin:15px 31.5px}.block-brand{background:var(--b-bg);color:var(--b-fg);--label: var(--b-fg-2);--btn-bg: var(--b-btn-bg);--btn-fg: var(--b-btn-fg);transition:background-color .3s var(--ease),color .3s var(--ease)}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px}.brand{display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:none}.brand .mark{width:66px;height:25px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.brand:hover .tail{animation:flick .6s var(--ease)}}@keyframes flick{0%,to{rotate:0deg}35%{rotate:16deg}70%{rotate:-6deg}}.nav{display:flex;gap:2px}.nav a{display:inline-flex;align-items:center;min-height:44px;padding-inline:14px;border-radius:999px;text-decoration:none;font-weight:600;font-size:.9375rem;transition:background-color .16s var(--ease)}.nav a:hover{background-color:color-mix(in oklab,var(--b-fg) 12%,transparent)}.hero{padding-bottom:clamp(40px,6vw,88px)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);grid-template-areas:"mark lab" "lead lab";column-gap:var(--hero-gap);row-gap:clamp(28px,3.5vw,48px);padding-top:clamp(24px,5vw,72px);align-items:end}.wordmark{grid-area:mark;--measure: calc((var(--inner) - var(--hero-gap)) / 1.8);font-weight:900;font-stretch:125%;line-height:.8;letter-spacing:-.035em}.wordmark span{display:block}.hero-lead{grid-area:lead;display:grid;gap:28px;max-width:32em}.hero-lead .lead{font-size:var(--fs-lead);line-height:1.45;font-weight:500}.hero-lab{grid-area:lab;margin:0;align-self:center;display:grid;gap:14px;min-width:0}.lab-head{display:grid;gap:2px;padding-left:4px}.lab-title{font-stretch:112%;font-weight:800;font-size:1.125rem;line-height:1.3}.lab-hint{color:var(--b-fg-2);font-size:.9375rem;line-height:1.45}.maze-slot{display:block;border-radius:10px;touch-action:manipulation}.maze-slot[tabindex]{cursor:pointer}.maze-slot:focus-visible{outline:2px solid var(--b-fg);outline-offset:6px}.maze{display:block;width:100%;height:auto;overflow:visible;user-select:none;-webkit-user-select:none}.maze .walls{fill:none;stroke:var(--b-fg);stroke-width:.075;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s var(--ease)}.maze .trail{fill:none;stroke:var(--b-route);stroke-width:.22;stroke-linecap:round;stroke-linejoin:round}.maze .cheese{transform-box:fill-box;transform-origin:center}.maze .cheese path{fill:var(--b-cheese)}.maze .cheese circle{fill:var(--b-bg)}.maze .rat{color:var(--b-fg);--rat-eye: var(--b-rat-eye);transition:transform .12s var(--ease)}.maze .rat-body.bump{animation:bump .24s var(--ease)}.won .maze .cheese{animation:eat .32s var(--ease) forwards}@keyframes bump{30%{rotate:-14deg}70%{rotate:10deg}}@keyframes eat{to{opacity:0;scale:.3}}@media(prefers-reduced-motion:reduce){.maze .rat{transition:none}.maze .rat-body.bump{animation:none}}.lab-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding-left:4px}.lab-moves{font-variant-numeric:tabular-nums}.lab-buttons{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding-inline:16px;border:1.5px solid var(--b-fg);border-radius:999px;background:transparent;color:var(--b-fg);font:650 .8125rem/1 var(--font-display);white-space:nowrap;cursor:pointer;transition:scale .16s var(--ease),background-color .16s var(--ease),opacity .16s var(--ease)}.chip:hover{background-color:color-mix(in oklab,var(--b-fg) 12%,transparent)}.chip:active{scale:.96}.chip:disabled{opacity:.4;cursor:default;scale:1;background:transparent}.chip svg{width:14px;height:14px}.intro{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:16px 24px;align-items:baseline;padding-block:var(--section) clamp(40px,5vw,72px)}.intro-line{font-stretch:112%;font-weight:750;font-size:var(--fs-big);line-height:1.08;letter-spacing:-.015em;max-width:17em;text-wrap:balance}.plate{overflow:clip;padding-block:clamp(44px,6vw,88px) clamp(56px,8vw,112px)}.plate.dohrow{background:var(--apricot);color:var(--block-ink);--fg-2: var(--apricot-2);--label: var(--apricot-2);--rule: color-mix(in oklab, var(--block-ink) 18%, transparent)}.plate.tillage{background:var(--night);color:var(--night-ink);--fg-2: var(--night-2);--label: var(--night-2);--rule: color-mix(in oklab, var(--night-ink) 16%, transparent)}.plate.meteor{background:var(--navy);color:var(--block-paper);--fg-2: var(--navy-2);--label: var(--navy-2);--rule: color-mix(in oklab, var(--block-paper) 18%, transparent)}.plate-word{font-weight:900;font-stretch:125%;line-height:.8;letter-spacing:-.035em;position:relative}.plate-art{position:relative;margin-top:calc(var(--inner) / var(--em) * var(--overlap) * -1)}.plate-art.phones{--overlap: .34;display:flex;justify-content:center;align-items:flex-start;gap:clamp(14px,3.5vw,48px)}.plate-art.screen{--overlap: .2}.ph{display:block;flex:none;width:clamp(92px,17%,210px);rotate:var(--r);translate:0 var(--y)}.ph:nth-child(1){--r: -7deg;--y: clamp(18px, 4vw, 60px)}.ph:nth-child(2){--r: 2deg;--y: 0px}.ph:nth-child(3){--r: 8deg;--y: clamp(26px, 5.5vw, 80px)}.ph img{width:100%;height:auto;border-radius:14%/6.4%;outline:1px solid var(--img-outline);outline-offset:-1px;box-shadow:0 2px 4px #461e001a,0 34px 64px -26px #461e008c;transition:rotate .6s var(--ease),translate .6s var(--ease)}.shot{display:block;width:min(66%,820px);margin-inline:auto;rotate:-2.5deg}.shot img{width:100%;height:auto;border-radius:10px;outline:1px solid rgba(255,255,255,.12);outline-offset:-1px;box-shadow:0 2px 4px #0000004d,0 48px 96px -36px #000000e6;transition:rotate .6s var(--ease)}@media(hover:hover){.plate:hover .ph:nth-child(1) img{rotate:-3deg}.plate:hover .ph:nth-child(2) img{translate:0 -10px}.plate:hover .ph:nth-child(3) img{rotate:3deg}.plate:hover .shot img{rotate:1.5deg}}.plate-info{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:clamp(56px,8vw,112px)}.p-lead{font-stretch:112%;font-weight:750;font-size:clamp(1.3rem,1.1rem + .8vw,1.8rem);line-height:1.15;letter-spacing:-.01em}.p-body{color:var(--fg-2)}.spec{margin:0;display:grid;border-top:1px solid var(--rule)}.spec div{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;align-items:baseline;padding-block:11px;border-bottom:1px solid var(--rule)}.spec dt,.spec dd{margin:0}.spec dd{font-size:.9375rem;font-weight:550;overflow-wrap:anywhere}.spec a{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;text-decoration-color:color-mix(in oklab,currentColor 35%,transparent);transition:text-decoration-color .16s var(--ease)}.spec a:hover{text-decoration-color:currentColor}.studio{padding-block:var(--section);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(48px,8vw,128px);align-items:center}.art{margin:0;display:grid;justify-self:end;width:100%;max-width:420px}.pinned{position:relative;width:100%;rotate:3deg}.pinned img{width:100%;height:auto;border-radius:3px;outline:1px solid var(--img-outline);outline-offset:-1px;box-shadow:0 1px 2px #00000014,0 30px 60px -28px #00000073}.pinned:before{content:"";position:absolute;z-index:1;top:-14px;left:50%;width:36%;height:30px;translate:-50% 0;rotate:-4deg;background:var(--b-tape);box-shadow:0 1px 2px #00000014}.about{display:grid;gap:26px;min-width:0}.about h2{font-size:var(--fs-h2);font-weight:900;font-stretch:125%;line-height:.88;letter-spacing:-.035em}.about .big{font-size:clamp(1.25rem,1.05rem + .8vw,1.7rem);line-height:1.38;font-weight:500;max-width:25em}.about .small{color:var(--ink-2);max-width:36em}.offer{list-style:none;margin:10px 0 0;padding:0;display:grid;border-top:1px solid var(--line)}.offer li{display:grid;grid-template-columns:13em minmax(0,1fr);gap:16px;padding-block:16px;border-bottom:1px solid var(--line);align-items:baseline}.offer strong{font-stretch:112%;font-weight:750;font-size:1.0625rem}.offer span{color:var(--ink-2);font-size:.9375rem}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.ph{animation:fan linear both;animation-timeline:view();animation-range:entry 0% cover 42%}.shot{animation:tilt-in linear both;animation-timeline:view();animation-range:entry 0% cover 40%}.plate-word{animation:drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}.pinned{animation:pin linear both;animation-timeline:view();animation-range:entry 0% cover 45%}}}@keyframes fan{0%{rotate:0deg;translate:0 calc(var(--y) + 140px)}to{rotate:var(--r);translate:0 var(--y)}}@keyframes tilt-in{0%{rotate:-10deg;translate:0 90px}to{rotate:-2.5deg;translate:0 0}}@keyframes drift{0%{translate:2.5% 0}to{translate:-2.5% 0}}@keyframes pin{0%{rotate:-5deg;translate:0 40px}to{rotate:3deg;translate:0 0}}.contact{position:relative}.perch-row{position:relative;height:0}.perch{position:absolute;top:-53px;right:calc(var(--gutter) + 8%);width:132px;height:104px;color:var(--ink);--mark-eye: var(--paper);scale:-1 1}.perch svg{width:100%;height:100%;display:block;overflow:visible}.perch .tail{stroke:var(--b-fg);transform-box:view-box;transform-origin:14.5px 32px;transition:stroke .3s var(--ease)}.perch .eye{transform-box:fill-box;transform-origin:center}@media(prefers-reduced-motion:no-preference){.perch .eye{animation:blink 6s infinite}.contact:hover .perch .tail{animation:swing 1.4s var(--ease)}}@keyframes blink{0%,94%,to{scale:1 1}96%{scale:1 .1}}@keyframes swing{0%,to{rotate:0deg}30%{rotate:9deg}65%{rotate:-5deg}}.contact-body{padding-top:clamp(72px,10vw,136px)}.contact-head{display:grid;gap:14px;max-width:36em}.contact-line{font-size:var(--fs-lead);line-height:1.45;font-weight:500}.email-mega{display:block;width:fit-content;max-width:100%;margin-block:clamp(28px,4vw,56px) clamp(20px,3vw,36px);font-weight:850;font-stretch:125%;line-height:1;letter-spacing:-.03em;text-decoration:none;overflow-wrap:anywhere}.email-mega:hover{text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.12em}.icon-swap{position:relative;width:16px;height:16px}.icon-swap svg{position:absolute;inset:0;transition:opacity .2s var(--ease),scale .2s var(--ease),filter .2s var(--ease)}.icon-swap .check,.copied .icon-swap .copy{opacity:0;scale:.25;filter:blur(4px)}.copied .icon-swap .check{opacity:1;scale:1;filter:blur(0)}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:clamp(72px,10vw,136px);padding-block:22px 32px;border-top:1px solid color-mix(in oklab,var(--b-fg) 25%,transparent)}.foot .brand .mark{width:50px;height:19px}.foot .brand span{font-stretch:125%;font-weight:850;font-size:.95rem}.foot nav{display:flex;flex-wrap:wrap;gap:2px 6px}.foot nav a{display:inline-flex;align-items:center;min-height:40px;padding-inline:8px;font-size:.9375rem;font-weight:600;text-decoration:none}.foot nav a:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"mark" "lead" "lab"}.wordmark{--measure: var(--inner)}.hero-lab{max-width:520px;width:100%}.intro,.plate-info,.studio{grid-template-columns:minmax(0,1fr)}.art{max-width:360px;justify-self:start}}@media(max-width:560px){.nav a:not(:last-child){display:none}.ph{width:29%}.art{max-width:86%;justify-self:center}.shot{width:92%}.plate-art.phones{--overlap: .24}.plate-art.screen{--overlap: .1}.offer li,.spec div{grid-template-columns:minmax(0,1fr);gap:4px}.perch{width:110px;height:87px;top:-44px}}