:root{--paper:#f4f1e9;--ink:#22251f;--muted:#6f716a;--acid:#d7f04b;--orange:#fa795b;--line:rgba(34,37,31,.2);--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif;--mono:'DM Mono',monospace;--gutter:clamp(22px,6vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.topbar{height:82px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;left:0;width:100%;z-index:5}.wordmark{font:800 27px var(--display);letter-spacing:-2px;color:#748b1c}.wordmark span{font:500 10px var(--mono);vertical-align:top;margin-left:3px;color:inherit}.desktop-nav{display:flex;gap:38px;margin-left:8%}.desktop-nav a,.nav-cta{font-size:13px;font-weight:600}.desktop-nav a{color:#5d5f59;transition:color .2s}.desktop-nav a:hover{color:var(--ink)}.nav-cta{border:1px solid var(--ink);padding:12px 18px;border-radius:30px;transition:.2s}.nav-cta span{margin-left:14px}.nav-cta:hover{background:var(--ink);color:var(--paper)}.menu-toggle{display:none;background:none;border:0}.hero{min-height:790px;padding:160px var(--gutter) 62px;position:relative;display:grid;grid-template-columns: .9fr 1.1fr;gap:4vw;align-items:center;overflow:hidden}.hero-copy{padding-bottom:40px;position:relative;z-index:1}.eyebrow{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 24px}.dot{display:inline-block;width:7px;height:7px;background:#a4ba35;border-radius:50%;margin:0 9px 1px 0}.hero h1{font:600 clamp(64px,8vw,118px)/.91 var(--display);letter-spacing:-.09em;margin:0 0 35px}.hero h1 em,.section-heading h2 em,.cap-head h2 em,.categories h2 em,.process-intro h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.075em}.hero h1 em{color:#829622}.hero-bottom{display:flex;align-items:end;justify-content:space-between;max-width:410px}.hero-bottom p{font-size:15px;line-height:1.55;color:#55584f;margin:0}.round-link{width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:20px;transition:.2s}.round-link:hover{background:var(--ink);color:white;transform:translateY(4px)}.hero-art{height:490px;position:relative;background:#e7dfce;overflow:hidden;border-radius:2px}.hero-art img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:multiply;filter:saturate(.92)}.art-note{position:absolute;z-index:1;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.08em}.hero-sticker{position:absolute;right:7%;top:18%;background:var(--acid);width:115px;height:115px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font:13px var(--body);transform:rotate(12deg);box-shadow:0 8px 20px #3332}.hero-sticker b{font-size:18px}.hero-sticker span{position:absolute;font-size:25px;right:8px;top:-10px}.image-caption{position:absolute;left:20px;right:20px;bottom:16px;display:flex;justify-content:space-between;color:white;font:9px var(--mono);letter-spacing:.06em;text-shadow:0 1px 5px #333}.hero-index{position:absolute;bottom:24px;left:var(--gutter);font:9px var(--mono);color:var(--muted)}
.intro{padding:105px var(--gutter) 0;background:var(--acid);overflow:hidden}.intro .eyebrow{color:#545b31}.intro-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;padding-bottom:94px}.intro h2,.section-heading h2,.cap-head h2,.categories h2,.process-intro h2,.contact h2{font:600 clamp(48px,7vw,94px)/.98 var(--display);letter-spacing:-.08em;margin:0}.intro h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400}.intro-text{max-width:380px;padding-bottom:8px}.intro-text p{font-size:16px;line-height:1.6;margin:0 0 25px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:7px}.text-link span{margin-left:20px}.ticker{margin:0 calc(-1 * var(--gutter));border-top:1px solid #2224;padding:16px 0;overflow:hidden;font:500 11px var(--mono);letter-spacing:.12em;white-space:nowrap}.ticker div{animation:marquee 30s linear infinite;width:max-content}@keyframes marquee{to{transform:translateX(-50%)}}.section-pad{padding:120px var(--gutter)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:58px}.section-heading .eyebrow{margin-bottom:20px}.section-heading h2{font-size:clamp(56px,7vw,88px)}.section-aside{font-size:14px;line-height:1.55;color:var(--muted);margin:0 7% 9px 0}.work-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px 28px;align-items:start}.project{display:block}.project-image{position:relative;overflow:hidden;height:470px}.project-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project:hover .project-image img{transform:scale(1.04)}.image-citrus{background:#edb25d}.image-citrus img{mix-blend-mode:multiply;opacity:.78}.project-badge{position:absolute;left:18px;top:18px;border-radius:20px;padding:7px 10px;background:var(--paper);font:9px var(--mono);letter-spacing:.05em}.citrus-word{position:absolute;right:7%;bottom:10%;font:800 clamp(48px,7vw,93px)/.78 var(--display);letter-spacing:-.1em;color:#fff9de;text-shadow:0 2px 20px #a54d1d55;transform:rotate(-7deg)}.citrus-word span{font:10px var(--mono);vertical-align:top;letter-spacing:0}.project-info{display:flex;justify-content:space-between;align-items:start;padding-top:17px;gap:15px}.project-info h3{font:700 21px var(--display);letter-spacing:-.04em;margin:0 0 5px}.project-info p{font-size:12px;color:var(--muted);margin:0}.project-info>span{font:9px var(--mono);text-transform:uppercase;letter-spacing:.035em;text-align:right;color:var(--muted);padding-top:5px}.project-small .project-image{height:360px}.image-software{background:#c7d1f8;display:grid;place-items:center;padding:36px}.ui-window{height:100%;width:100%;background:#f8f7f2;border-radius:9px;box-shadow:0 22px 50px #303c6c30;overflow:hidden;position:relative;color:#262934}.ui-top{height:30px;background:#eeede7;display:flex;align-items:center;gap:4px;padding:0 10px}.ui-top span{width:6px;height:6px;border-radius:50%;background:#aaa}.ui-top b{font:8px var(--mono);margin-left:22px;color:#767976}.ui-sidebar{position:absolute;top:30px;bottom:0;left:0;width:30%;background:#f3f2ec;padding:20px 12px;font-size:8px;line-height:1}.ui-content{margin-left:30%;padding:20px 18px}.ui-content small{font:7px var(--mono);color:#7e8290}.ui-content strong{display:block;font:700 clamp(19px,3vw,34px)/1.02 var(--display);letter-spacing:-.07em;margin:18px 0}.ui-cards{display:flex;gap:7px}.ui-cards i{display:block;height:65px;flex:1;border-radius:4px;background:#f8bf78}.ui-cards i:nth-child(2){background:#c5d89d}.ui-cards i:nth-child(3){background:#d4cbf0}.project-bottom{margin-top:22px}.image-care{background:#d5d7c7}.image-care img{mix-blend-mode:multiply;opacity:.86}.care-label{position:absolute;right:9%;top:15%;font:600 53px/.72 var(--display);letter-spacing:-.09em;color:#505d35;transform:rotate(7deg)}.work-note{min-height:280px;background:#232720;color:var(--paper);display:flex;align-items:center;justify-content:center;gap:22px;margin-top:22px}.asterisk{font-size:45px;color:var(--acid)}.work-note p{font-size:14px;line-height:1.7}.work-note .text-link{display:inline-block;margin-top:12px}.sample-note{font:10px var(--mono);color:var(--muted);margin:28px 0 0}.capabilities{background:#21251f;color:var(--paper);padding:110px var(--gutter);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.cap-head .eyebrow{color:#b6bdad}.cap-head h2{font-size:clamp(45px,5.4vw,70px)}.cap-head h2 em{color:var(--acid)}.cap-head>p:last-child{max-width:275px;font-size:14px;color:#bfc2b8;line-height:1.6;margin-top:24px}.cap-list{padding-top:16px}.cap-list a{display:grid;grid-template-columns:36px 1fr auto 20px;gap:12px;align-items:center;padding:21px 0;border-top:1px solid #ffffff38}.cap-list a:last-child{border-bottom:1px solid #ffffff38}.cap-list span,.cap-list small{font:9px var(--mono);color:#a9aea1}.cap-list b{font:600 18px var(--display);letter-spacing:-.04em}.cap-list i{font-style:normal;color:var(--acid);transition:transform .2s}.cap-list a:hover i{transform:translate(3px,-3px)}.categories{padding-top:115px;padding-bottom:125px}.categories h2{font-size:clamp(52px,7vw,85px)}.categories h2 em{color:#7f8f2d}.category-row{display:flex;flex-wrap:wrap;gap:10px;margin:52px 0 24px}.category-row span{border:1px solid var(--line);border-radius:30px;padding:13px 18px;font-size:12px}.category-foot{max-width:375px;font-size:13px;line-height:1.6;color:var(--muted)}.process{padding:100px var(--gutter);background:#e9e5dc;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.process-intro h2{font-size:clamp(50px,6vw,74px)}.process-intro h2 em{color:#818e40}.process-intro>p:last-child{max-width:290px;font-size:14px;line-height:1.6;color:var(--muted);margin-top:23px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:35px 38px;align-content:center}.steps>div{border-top:1px solid var(--line);padding-top:15px}.steps span{font:9px var(--mono);text-transform:uppercase;color:#75804a}.steps p{font:500 16px/1.45 var(--display);letter-spacing:-.025em;max-width:230px;margin:17px 0 0}.contact{background:var(--orange);padding:110px var(--gutter);display:grid;grid-template-columns:1fr .8fr;gap:8vw}.contact .eyebrow{color:#5f3428}.contact h2{font-size:clamp(55px,7vw,88px)}.contact h2 em{color:#fff0d4}.contact-mail{display:inline-block;font:500 13px var(--mono);margin-top:42px;border-bottom:1px solid #2227;padding-bottom:7px}.contact-right{padding-top:12px}.contact-right>p{font-size:14px;margin:0 0 28px}.contact form label{display:block;font:9px var(--mono);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #2227;padding:8px 0 0}.contact input,.contact textarea{display:block;width:100%;border:0;background:transparent;outline:0;resize:vertical;padding:12px 0 14px;font:14px var(--body);color:var(--ink)}.contact input::placeholder,.contact textarea::placeholder{color:#553f38a3}.contact form button{margin-top:22px;background:var(--ink);color:var(--paper);border:0;border-radius:30px;padding:14px 18px;font-size:12px;font-weight:600;cursor:pointer}.contact form button span{margin-left:25px}.form-note{font:9px var(--mono);color:#4e342d;margin-top:13px}footer{padding:34px var(--gutter) 25px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}footer p{font-size:11px;color:var(--muted);text-align:center}footer>div{display:flex;justify-content:flex-end;gap:22px;font-size:11px}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;font:9px var(--mono);color:var(--muted)}
@media(max-width:850px){.hero{min-height:0;display:flex;flex-direction:column;align-items:stretch;padding-top:145px;padding-bottom:60px;gap:35px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(68px,11vw,96px)}.hero-art{height:420px;width:100%}.hero-index{bottom:20px}.desktop-nav{gap:20px;margin-left:0}.intro-layout{grid-template-columns:1fr .72fr}.work-grid{gap:45px 20px}.project-image{height:370px}.project-small .project-image{height:300px}.capabilities,.process{gap:5vw}.contact{gap:5vw}}
@media(max-width:620px){:root{--gutter:22px}.topbar{height:70px}.wordmark{font-size:25px}.desktop-nav{display:none}.nav-cta{margin-left:auto;margin-right:15px;padding:10px 13px;font-size:11px}.nav-cta span{margin-left:6px}.menu-toggle{display:flex;width:27px;height:30px;flex-direction:column;justify-content:center;gap:5px;padding:3px}.menu-toggle i{height:1px;width:100%;background:var(--ink)}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:125px;padding-bottom:54px;min-height:0;gap:35px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(65px,17vw,98px);margin-bottom:25px}.hero-bottom{max-width:none}.hero-bottom p{font-size:13px}.hero-art{height:360px}.hero-index{bottom:20px}.art-note,.image-caption{font-size:8px}.intro{padding-top:75px}.intro-layout{display:block;padding-bottom:65px}.intro h2{font-size:clamp(54px,14vw,78px)}.intro-text{margin-top:35px}.intro-text p{font-size:14px}.section-pad{padding:82px var(--gutter)}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:clamp(54px,13vw,78px)}.section-aside{margin:20px 0 0}.work-grid{display:flex;flex-direction:column;gap:38px}.project{width:100%}.project-image,.project-small .project-image{height:min(105vw,410px)}.project-info{display:block}.project-info>span{display:block;text-align:left;margin-top:11px}.project-bottom{margin-top:0}.work-note{width:100%;min-height:210px;margin-top:0}.capabilities{display:block;padding-top:80px;padding-bottom:82px}.cap-head h2{font-size:clamp(45px,12vw,65px)}.cap-list{margin-top:40px}.cap-list a{grid-template-columns:27px 1fr 18px;gap:8px;padding:18px 0}.cap-list b{font-size:15px}.cap-list small{grid-column:2;grid-row:2;margin-top:-4px}.cap-list i{grid-column:3;grid-row:1/3}.categories{padding-top:82px;padding-bottom:85px}.categories h2{font-size:clamp(52px,13vw,75px)}.category-row{gap:8px;margin-top:34px}.category-row span{font-size:11px;padding:11px 14px}.process{display:block;padding-top:80px;padding-bottom:80px}.process-intro h2{font-size:clamp(52px,13vw,72px)}.steps{margin-top:50px;gap:28px 16px}.steps p{font-size:14px}.contact{display:block;padding-top:80px;padding-bottom:78px}.contact h2{font-size:clamp(54px,13.5vw,78px)}.contact-mail{margin-top:25px}.contact-right{padding-top:50px}footer{grid-template-columns:1fr auto;padding-top:28px}footer p{display:none}footer>div{gap:13px}footer small{margin-top:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #73842d;outline-offset:3px}
[hidden]{display:none!important}