:root{color:#181817;font-synthesis:none;--ink:#181817;--acid:#d7f04b;--line:#18181738;background:#f1efe9;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.shell{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;font-size:12px;display:flex}.wordmark{letter-spacing:-.08em;color:var(--ink);font-size:21px;font-weight:700;text-decoration:none}.wordmark span{vertical-align:top;letter-spacing:0;margin-left:3px;font-family:DM Mono;font-size:8px}.nav-links{gap:38px;margin-left:70px;display:flex}.nav a{color:inherit;text-decoration:none}.nav-links a{position:relative}.nav-links a:after{content:"";background:var(--ink);height:1px;transition:right .3s;position:absolute;bottom:-5px;left:0;right:100%}.nav-links a:hover:after{right:0}.nav-availability{text-transform:uppercase;letter-spacing:.08em;font-family:DM Mono;font-size:10px}.nav-availability i,.eyebrow-dot{background:var(--acid);border-radius:50%;width:7px;height:7px;margin-left:7px;display:inline-block}.menu-button{background:0 0;border:0;padding:8px;display:none}.hero{flex-direction:column;min-height:634px;padding-top:86px;padding-bottom:42px;display:flex}.hero-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-family:DM Mono;font-size:10px}.hero-kicker{align-items:center;display:flex}.eyebrow-dot{margin-left:0;margin-right:8px}.hero h1{letter-spacing:-.08em;margin:76px 0 0;font-size:clamp(68px,10vw,140px);font-weight:500;line-height:.87}.hero h1 em,.section-heading em,.statement em,.footer em{letter-spacing:-.09em;font-family:Playfair Display,serif;font-weight:600}.hero-bottom{grid-template-columns:1.2fr auto 1fr;align-items:end;margin-top:auto;display:grid}.hero-intro{max-width:270px;margin:0;font-size:15px;line-height:1.38}.circle-link{background:var(--acid);width:112px;height:112px;color:var(--ink);text-transform:uppercase;letter-spacing:.07em;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-family:DM Mono;font-size:8px;line-height:1.3;text-decoration:none;transition:transform .3s;display:flex}.circle-link:hover{transform:rotate(10deg)}.arrow{font-family:Arial;font-size:24px;font-weight:400;line-height:1}.hero-note{text-transform:uppercase;letter-spacing:.08em;color:#62625e;justify-self:end;font-family:DM Mono;font-size:9px;line-height:1.5}.hero-note strong{color:var(--ink);font-weight:400}.marquee{background:var(--ink);color:var(--acid);letter-spacing:.12em;white-space:nowrap;padding:14px 0;font-family:DM Mono;font-size:11px;overflow:hidden}.marquee-track{justify-content:space-around;align-items:center;min-width:1100px;display:flex}.marquee b{font-size:17px;font-weight:400}.work{padding-top:134px;padding-bottom:140px}.section-heading{justify-content:space-between;align-items:end;display:flex}.section-heading h2,.footer h2{letter-spacing:-.08em;margin:40px 0 0;font-size:76px;font-weight:500;line-height:.9}.section-heading>p{max-width:280px;margin:0 0 5px;font-size:14px;line-height:1.45}.filter-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:92px;padding-bottom:14px;display:flex}.filters{gap:25px;display:flex}.filters button{text-transform:uppercase;letter-spacing:.06em;color:#7c7b75;cursor:pointer;background:0 0;border:0;padding:0;font:11px DM Mono}.filters button.active{color:var(--ink)}.filters button.active:before{content:"•";color:var(--acid);margin-right:5px}.project-count{text-transform:uppercase;font:10px DM Mono}.project-grid{grid-template-columns:1fr 1fr;gap:76px 24px;margin-top:30px;display:grid}.project-card:nth-child(2n){margin-top:112px}.project-image{background:#ddd;height:450px;position:relative;overflow:hidden}.project-tall .project-image{height:590px}.project-wide .project-image{height:450px}.project-image img{object-fit:cover;filter:saturate(.78);width:100%;height:100%;transition:transform .5s,filter .5s;display:block}.project-card:hover img{filter:saturate();transform:scale(1.035)}.view-project{background:var(--acid);text-transform:uppercase;opacity:0;padding:12px 15px;font:10px DM Mono;transition:opacity .3s;position:absolute;bottom:14px;right:14px}.project-card:hover .view-project{opacity:1}.arrow-dark{margin-left:18px;font-size:15px}.project-meta{border-top:1px solid var(--ink);justify-content:space-between;padding-top:13px;font-family:DM Mono;display:flex}.project-meta h3{margin:0 0 5px;font:500 16px DM Sans}.project-meta p,.project-meta>span{text-transform:uppercase;letter-spacing:.07em;color:#6f6e69;margin:0;font-size:9px}.statement{background:var(--acid);max-width:none;padding-top:100px;padding-bottom:48px}.statement .eyebrow,.statement>p,.statement-footer{max-width:1144px;margin-left:auto;margin-right:auto}.statement>p{letter-spacing:-.07em;max-width:1144px;margin-top:90px;margin-bottom:150px;font-size:clamp(43px,6vw,82px);line-height:.94}.statement-footer{border-top:1px solid var(--ink);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;padding-top:13px;font:10px/1.5 DM Mono;display:flex}.services{padding-top:130px;padding-bottom:150px}.service-list{border-top:1px solid var(--line);margin-top:72px}.service-list>div{border-bottom:1px solid var(--line);grid-template-columns:10% 40% 1fr auto;align-items:center;padding:27px 0;display:grid}.service-list span,.service-list p{text-transform:uppercase;letter-spacing:.07em;color:#73726c;font:10px DM Mono}.service-list h3{letter-spacing:-.06em;margin:0;font-size:34px;font-weight:500}.service-list p{text-transform:none;letter-spacing:0;margin:0;font-family:DM Sans;font-size:13px}.service-list .arrow{color:#73726c;font-size:27px}.footer{border-top:1px solid var(--line);justify-content:space-between;min-height:440px;padding-top:115px;padding-bottom:35px;display:flex}.footer h2{margin-top:42px;font-size:96px}.footer-right{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.email{letter-spacing:-.06em;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:7px;font-size:26px;text-decoration:none}.email .arrow{margin-left:28px}.socials{text-transform:uppercase;align-items:end;gap:27px;font:10px DM Mono;display:flex}.socials a{color:var(--ink);text-decoration:none}.socials span{color:#77766f}@media (width<=700px){.shell{padding-left:22px;padding-right:22px}.nav{height:72px}.nav-links{z-index:4;background:var(--acid);flex-direction:column;gap:20px;margin:0;padding:26px 22px;font-size:19px;display:none;position:absolute;top:72px;left:0;right:0}.nav-links.is-open{display:flex}.nav-availability{display:none}.menu-button{flex-direction:column;gap:5px;display:flex}.menu-button span{background:var(--ink);width:22px;height:1px}.hero{min-height:570px;padding-top:49px}.hero h1{margin-top:85px;font-size:70px}.hero-bottom{grid-template-columns:1fr auto;gap:30px}.hero-note{display:none}.hero-intro{max-width:220px;font-size:13px}.circle-link{width:90px;height:90px}.work{padding-top:88px;padding-bottom:95px}.section-heading{display:block}.section-heading h2{margin-top:28px;font-size:54px}.section-heading>p{margin-top:36px}.filter-bar{margin-top:60px}.filters{gap:14px}.filters button{font-size:9px}.project-grid{grid-template-columns:1fr;gap:52px}.project-card:nth-child(2n){margin-top:0}.project-image,.project-tall .project-image,.project-wide .project-image{height:430px}.project-card:nth-child(2) .project-image{height:330px}.statement{padding-top:70px;padding-bottom:35px}.statement>p{margin-top:60px;margin-bottom:100px;font-size:47px}.statement-footer{font-size:8px}.services{padding-top:88px;padding-bottom:100px}.service-list{margin-top:48px}.service-list>div{grid-template-columns:13% 1fr auto;gap:10px;padding:23px 0}.service-list h3{font-size:27px}.service-list p{grid-column:2;margin-top:-5px;line-height:1.35}.service-list .arrow{grid-area:1/3/3}.footer{min-height:475px;padding-top:78px;display:block}.footer h2{margin-top:38px;font-size:66px}.footer-right{margin-top:100px;display:block}.email{font-size:21px}.socials{flex-wrap:wrap;gap:15px;margin-top:85px}.socials span{width:100%;margin-top:10px}}.hand-note{letter-spacing:0;color:#f28a32;font-family:Caveat,cursive;font-size:24px;line-height:1;display:block;transform:rotate(-6deg)}.hero-note-one{margin:218px 0 0 52%;position:absolute}.hero-note-one b{font-family:DM Sans;font-size:14px}.statement{position:relative}.statement-note{position:absolute;top:95px;right:9%}.footer{position:relative}.footer-note{margin-top:25px}.cat-layer{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.cat-sprite{color:#f28a32;width:58px;height:auto;image-rendering:pixelated;filter:drop-shadow(2px 3px #18181724);position:absolute}.cat-three{width:42px;animation:27s linear -19s infinite cat-wander-three;top:88vh;left:48vw}@keyframes yarn-bounce{to{transform:translate(-5px,-6px)rotate(-18deg)}}@keyframes cat-wander-one{0%{transform:translate(0)rotate(0)}18%{transform:translate(12vw,5vh)rotate(4deg)}36%{transform:translate(30vw,-8vh)rotate(0)}55%{transform:translate(52vw,3vh)rotate(-4deg)}73%{transform:translate(70vw,-11vh)rotate(2deg)}to{transform:translate(94vw,-2vh)rotate(0)}}@keyframes cat-wander-two{0%{transform:translate(0)scaleX(-1)}25%{transform:translate(-18vw,-9vh)scaleX(-1)}50%{transform:translate(-42vw,2vh)scaleX(1)}75%{transform:translate(-66vw,-14vh)scaleX(1)}to{transform:translate(-91vw,-3vh)scaleX(-1)}}@keyframes cat-wander-three{0%{transform:translate(0)rotate(-5deg)}30%{transform:translate(-21vw,-20vh)rotate(4deg)}60%{transform:translate(22vw,-32vh)rotate(-3deg)}to{transform:translate(49vw,-10vh)rotate(5deg)}}.cat-sprite{color:#f28a32;width:96px}.cat-head{transform-origin:42px 39px;animation:5s ease-in-out infinite cat-groom}.cat-legs{transform-origin:50px 43px;animation:.45s steps(2,end) infinite cat-run-legs}.cat-tail{transform-origin:77px 40px;animation:1.4s ease-in-out infinite alternate cat-tail-wiggle}.cat-two .cat-head{animation-delay:-2.5s}.cat-two .cat-legs{animation-delay:-.2s}.cat-two .cat-tail{animation-delay:-.7s}.yarn-ball{transform-origin:94px 50px;animation:1.2s ease-in-out infinite alternate yarn-bounce}.cat-two .yarn-ball{animation-delay:-.6s}@keyframes cat-roam-one{0%,17%,to{transform:translate(0)scaleX(1)}39%,48%{transform:translate(39vw,12vh)scaleX(1)}72%{transform:translate(74vw,-4vh)scaleX(1)}85%{transform:translate(79vw,-5vh)scaleX(-1)}}@keyframes cat-roam-two{0%,17%,to{transform:translate(0)scaleX(-1)}39%,48%{transform:translate(-39vw,-12vh)scaleX(-1)}72%{transform:translate(-74vw,4vh)scaleX(-1)}85%{transform:translate(-79vw,5vh)scaleX(1)}}@keyframes cat-groom{0%,62%,to{transform:rotate(0)}67%{transform:rotate(14deg)translate(2px,2px)}72%{transform:rotate(-10deg)translate(-1px,3px)}77%{transform:rotate(0)}}@keyframes cat-run-legs{0%{transform:skew(8deg)}to{transform:skew(-8deg)}}@keyframes cat-tail-wiggle{0%{transform:rotate(-8deg)}to{transform:rotate(12deg)}}.cat-sprite{shape-rendering:crispedges}.yarn-ball{opacity:0;transform-origin:71px 38px;animation:28s ease-in-out infinite yarn-play}.cat-two .yarn-ball{display:none}@keyframes yarn-play{0%,34%,62%,to{opacity:0;transform:translate(0)}40%,54%{opacity:1;transform:translate(-3px,-5px)}47%{opacity:1;transform:translate(2px)}}.cat-sprite{filter:drop-shadow(2px 3px #4b30272e);width:112px;display:block}.cat-one{animation:22s linear infinite cat-roam-one;top:28vh;left:3vw}.cat-two{width:106px;animation:22s linear infinite cat-roam-two;top:61vh;right:4vw}.cat-frame{opacity:0}.frame-idle{animation:22s step-end infinite frame-idle}.frame-run-a{animation:22s step-end infinite frame-run-a}.frame-run-b{animation:22s step-end infinite frame-run-b}.frame-groom{animation:22s step-end infinite frame-groom}.frame-play{animation:22s step-end infinite frame-play}.frame-play .yarn-ball{opacity:1;animation:none}.cat-two .frame-groom{animation-delay:-2s}@keyframes frame-idle{0%,18%,79%,to{opacity:1}19%,78%{opacity:0}}@keyframes frame-run-a{19%,33%,57%,69%{opacity:1}0%,18%,34%,56%,70%,to{opacity:0}}@keyframes frame-run-b{26%,40%,63%,75%{opacity:1}0%,25%,41%,62%,76%,to{opacity:0}}@keyframes frame-groom{81%,to{opacity:1}0%,80%{opacity:0}}@keyframes frame-play{42%,55%{opacity:1}0%,41%,56%,to{opacity:0}}@media (width<=700px){.cat-sprite{width:74px}.cat-two{width:70px}}.cat-layer{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.cat-sprite{width:96px;height:96px;color:initial;shape-rendering:crispedges;image-rendering:pixelated;filter:drop-shadow(3px 3px #2b201b29);position:absolute;top:auto;bottom:0}.cat-one{animation:28s linear infinite cat-ground-one;left:-96px;right:auto}.cat-two{width:96px;animation:28s linear infinite cat-ground-two;left:auto;right:-96px}.pixel-shadow{fill:#2b201b2e}.px-outline{fill:#4b3027}.px-shadow{fill:#9f4d2b}.px-mid{fill:#d97838}.px-light{fill:#f3b66a}.px-eye{fill:#2b201b}.px-nose{fill:#d05c50}.yarn-dark{fill:#a9454e}.yarn-light{fill:#ef9d83}.cat-state,.stride{opacity:0}.state-moving{animation:28s step-end infinite cat-state-moving}.state-rest{animation:28s step-end infinite cat-state-rest}.cat-one .state-play,.cat-two .state-groom{animation:28s step-end infinite cat-state-stop}.stride-a{animation:.52s step-end infinite cat-stride-a}.stride-b{animation:.52s step-end infinite cat-stride-b}.frame-play .yarn-ball,.state-play .yarn-ball{opacity:1;animation:none}@keyframes cat-ground-one{0%,8%{transform:translate(0)scaleX(1)}40%,58%{transform:translate(36vw)scaleX(1)}93%,to{transform:translate(calc(100vw + 192px))scaleX(1)}}@keyframes cat-ground-two{0%,8%{transform:translate(0)scaleX(-1)}40%,58%{transform:translate(-36vw)scaleX(-1)}93%,to{transform:translate(calc(-100vw - 192px))scaleX(-1)}}@keyframes cat-state-moving{0%,8%,40%,58%,93%,to{opacity:0}9%,39%,59%,92%{opacity:1}}@keyframes cat-state-rest{0%,8%,93%,to{opacity:1}9%,92%{opacity:0}}@keyframes cat-state-stop{0%,39%,59%,to{opacity:0}40%,58%{opacity:1}}@keyframes cat-stride-a{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes cat-stride-b{0%,49%{opacity:0}50%,to{opacity:1}}@media (width<=700px){.cat-sprite,.cat-two{width:64px;height:64px}.cat-one{left:-64px}.cat-two{right:-64px}}@media (prefers-reduced-motion:reduce){.cat-one{animation:none;left:12px}.cat-two{animation:none;right:12px}.cat-one .state-rest,.cat-two .state-groom{opacity:1;animation:none}.cat-one .state-moving,.cat-two .state-moving{display:none}}.cat-sprite,.cat-one,.cat-two{visibility:hidden;will-change:transform;animation:none;left:0;right:auto}.cat-sprite.is-visible{visibility:visible}.cat-state{opacity:0;animation:none}.cat-sprite[data-mode=walk] .state-moving,.cat-sprite[data-mode=idle] .state-rest,.cat-sprite[data-mode=groom] .state-groom,.cat-sprite[data-mode=play] .state-play{opacity:1}.cat-sprite[data-mode=walk] .stride-a{animation:.42s step-end infinite cat-stride-a}.cat-sprite[data-mode=walk] .stride-b{animation:.42s step-end infinite cat-stride-b}
