:root{color:#252621;font-synthesis:none;text-rendering:optimizelegibility;font-smooth:always;--ink:#252621;--muted:#777971;--line:#d8d7d0;--accent:#d4ff50;background:#f3f1ed;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 7.2%;display:flex}.wordmark{letter-spacing:-1.5px;color:var(--ink);font-size:20px;font-weight:800;text-decoration:none}.wordmark span{vertical-align:top;margin-left:3px;font:9px DM Mono,monospace}.nav nav{align-items:center;gap:38px;display:flex}.nav nav a,.section-note{color:var(--muted);font-size:11px;text-decoration:none}.nav nav a:hover,.text-link:hover{color:var(--ink)}.nav nav .contact-link{color:var(--ink);border-bottom:1px solid #8d8e84;padding-bottom:5px}.contact-link span{margin-left:9px}.hero{align-items:flex-start;min-height:610px;padding:118px 7.2% 28px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;width:58%;position:relative}.eyebrow,.hero-meta,.project-index,.tags,.art-caption,footer>span{letter-spacing:1.15px;font:9px DM Mono,monospace}.eyebrow{color:var(--muted);margin:0 0 26px}.eyebrow i,.hero-meta i{background:#9ab83d;border-radius:50%;width:6px;height:6px;margin-right:9px;display:inline-block;box-shadow:0 0 0 4px #9ab83d1c}.hero h1{letter-spacing:-.085em;margin:0;font-size:clamp(60px,8.3vw,112px);font-weight:600;line-height:.98}.hero h1 em,.about h2 em,.contact h2 em{color:#777d63;font-style:normal}.intro{color:#6c6e67;max-width:390px;margin:27px 0 25px;font-size:14px;line-height:1.85}.text-link{color:var(--ink);border-bottom:1px solid #a7a89e;padding-bottom:8px;font-size:11px;font-weight:700;text-decoration:none;transition:color .2s}.text-link span{margin-left:20px}.hero-art{width:39vw;max-width:515px;height:380px;position:absolute;top:92px;right:8%}.orbit{border:1px solid #caccc0;border-radius:50%;width:95%;height:56%;position:absolute;top:21%;left:2%;transform:rotate(-28deg)}.orbit-two{border-color:#d7d8d0;transform:rotate(35deg)}.sun{background:radial-gradient(circle at 34% 30%,#f1ffc1,#d4ff50 58%,#a3c634);border-radius:50%;width:167px;height:167px;position:absolute;top:24%;left:38%;box-shadow:0 24px 70px #b4ce6c47}.sun:after{content:"";border:1px solid #fff8;border-radius:50%;position:absolute;inset:17px}.art-caption{color:#898b82;font-size:8px;position:absolute;top:1%;left:2%}.art-caption span{color:#afb0a7;margin-left:12px}.art-stamp{letter-spacing:2px;color:#82857a;text-align:right;font:10px/1.6 DM Mono,monospace;position:absolute;bottom:3%;right:2%}.hero-meta{color:#8d8f85;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:27px;left:7.2%;right:7.2%}.hero-meta i{width:5px;height:5px;margin:0 0 1px 8px}.section{padding:93px 10.5%}.work{border-top:1px solid var(--line)}.section-head{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.section-head .eyebrow{margin:0}.section-note{font-size:10px}.project-card{color:inherit;text-decoration:none;display:block}.project-image{background:#1d1a24;height:clamp(240px,42vw,510px);position:relative;overflow:hidden}.project-image img{object-fit:cover;object-position:top;opacity:.94;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-image img{transform:scale(1.025)}.image-tag{background:var(--accent);letter-spacing:.6px;color:var(--ink);padding:10px 13px;font:9px DM Mono,monospace;position:absolute;top:18px;right:18px}.project-info{justify-content:space-between;gap:20px;padding:27px 0 18px;display:flex}.project-index{color:#92948b;margin:0 0 12px;font-size:8px}.project-info h2{letter-spacing:-1.1px;margin:0;font-size:27px;font-weight:600}.project-desc{color:var(--muted);max-width:530px;margin:9px 0 0;font-size:12px;line-height:1.7}.project-side{color:#85877e;align-items:center;gap:22px;font:9px DM Mono,monospace;display:flex}.round-arrow{border:1px solid var(--line);width:37px;height:37px;color:var(--ink);border-radius:50%;place-items:center;font:16px Manrope;transition:all .2s;display:grid}.project-card:hover .round-arrow{background:var(--accent);border-color:var(--accent);transform:rotate(45deg)}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{letter-spacing:.3px;color:#66695f;border:1px solid #d4d5cd;border-radius:99px;padding:7px 11px;font-size:8px}.about{border-top:1px solid var(--line);padding-top:70px;padding-bottom:105px}.about-grid{grid-template-columns:1.25fr 1fr;align-items:start;gap:10%;margin-top:50px;display:grid}.about h2{letter-spacing:-.07em;margin:0;font-size:clamp(35px,4.4vw,57px);font-weight:600;line-height:1.13}.about-grid>div p{color:#73756e;margin:0 0 16px;font-size:13px;line-height:1.9}.about-grid .text-link{margin-top:10px;display:inline-block}.contact{color:#f3f1ed;background:#252621;padding:82px 10.5% 90px;position:relative}.contact .eyebrow{color:#a6a89e}.contact h2{letter-spacing:-.08em;margin:0 0 30px;font-size:clamp(58px,8vw,100px);font-weight:600;line-height:.94}.contact h2 em{color:var(--accent)}.contact-button{background:var(--accent);color:var(--ink);align-items:center;gap:42px;padding:15px 18px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.contact-button span{font-size:15px}footer{color:#a3a59b;background:#252621;border-top:1px solid #ffffff20;justify-content:space-between;align-items:center;height:82px;padding:0 7.2%;display:flex}footer .wordmark{color:#f3f1ed}footer>span{letter-spacing:.8px;font-size:8px}@media (width<=700px){.nav{height:66px;padding:0 6%}.nav nav{gap:17px}.nav nav a{font-size:9px}.nav nav a:first-child{display:none}.hero{min-height:730px;padding:80px 7% 26px}.hero-copy{width:100%}.hero h1{font-size:clamp(57px,14vw,88px)}.intro{max-width:330px;font-size:13px}.hero-art{width:92vw;max-width:none;height:290px;top:350px;right:4%}.sun{width:130px;height:130px}.hero-meta{gap:14px;font-size:7px;left:7%;right:7%}.section{padding:68px 7%}.section-note{display:none}.project-image{height:250px}.project-info h2{font-size:22px}.project-desc{font-size:11px}.project-side{gap:8px}.round-arrow{width:32px;height:32px}.about-grid{grid-template-columns:1fr;gap:25px;margin-top:34px}.about h2{font-size:42px}.contact{padding:70px 7%}.contact h2{font-size:68px}footer{height:72px;padding:0 6%}footer>span{font-size:6px}footer>span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.case-studies{border-top:1px solid var(--line);margin-top:72px;padding-top:26px}.case-studies>.eyebrow{margin-bottom:5px}.case-row{border-bottom:1px solid var(--line);grid-template-columns:55px 1fr;gap:10px;padding:22px 0;display:grid}.case-row>span,.career-row time{color:#92948b;letter-spacing:.6px;padding-top:5px;font:9px DM Mono,monospace}.case-row h3,.career-row h3{letter-spacing:-.3px;margin:0 0 7px;font-size:15px;font-weight:600}.case-row p,.career-row p{color:#73756e;max-width:780px;margin:0;font-size:11px;line-height:1.8}.career{border-top:1px solid var(--line);margin-top:70px;padding-top:25px}.career>.eyebrow{margin-bottom:7px}.career-row{border-bottom:1px solid var(--line);grid-template-columns:130px 1fr;gap:12px;padding:19px 0;display:grid}.career-row p{font-size:10px}.education-row h3:not(:first-child){margin-top:17px}.contact-details{gap:26px;margin-top:27px;display:flex}.contact-details a{color:#b9bcb0;font:10px DM Mono,monospace;text-decoration:none}.contact-details a:hover{color:var(--accent)}@media (width<=700px){.case-studies,.career{margin-top:50px}.case-row{grid-template-columns:34px 1fr;gap:8px}.case-row h3,.career-row h3{font-size:13px}.case-row p{font-size:10px}.career-row{grid-template-columns:94px 1fr;gap:8px}.career-row time{font-size:8px}}.role-detail{max-width:650px!important;margin-top:9px!important}.role-detail a{color:#4c5930;text-underline-offset:3px;text-decoration:underline}.campaign-case{border-bottom:1px solid var(--line);grid-template-columns:.8fr 1.2fr;align-items:start;gap:38px;padding:27px 0 34px;display:grid}.campaign-copy h3{letter-spacing:-.7px;margin:2px 0 12px;font-size:21px}.campaign-copy>p:not(.project-index){color:#73756e;margin:0 0 17px;font-size:11px;line-height:1.85}.source-link{color:#42493a;border-bottom:1px solid #b5b8a7;padding-bottom:6px;font:9px DM Mono,monospace;text-decoration:none;display:inline-block}.source-link:hover{color:#7b8c42}.campaign-visuals{grid-template-columns:1fr 1fr;gap:12px;display:grid}.product-shot{background:#fff;border:1px solid #e0e0d9;margin:0;overflow:hidden;box-shadow:0 8px 22px #292c1a0c}.product-shot img{object-fit:contain;background:#f8f8f6;width:100%;height:190px;display:block}.product-shot figcaption{letter-spacing:.2px;color:#74766e;border-top:1px solid #e9e9e5;padding:11px 12px;font:8px DM Mono,monospace}.catanova-case{background:#e7e9df;border:1px solid #d7dbcb;margin-top:82px;padding:33px}.catanova-head{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:24px;display:flex}.catanova-head .eyebrow{margin:0 0 13px}.catanova-head h2{letter-spacing:-1.7px;margin:0 0 8px;font-size:35px}.catanova-head>div>p:last-child{color:#686d5d;max-width:590px;margin:0;font-size:11px;line-height:1.8}.catanova-head .source-link{flex-shrink:0;margin-bottom:3px}.catanova-gallery{grid-template-columns:1fr 1fr;gap:14px;display:grid}.catanova-gallery figure{background:#d5d9ca;margin:0;position:relative;overflow:hidden}.catanova-gallery img{object-fit:cover;width:100%;height:clamp(180px,26vw,315px);transition:transform .5s;display:block}.catanova-gallery figure:hover img{transform:scale(1.025)}.catanova-gallery figcaption{color:#64685b;background:#f3f1ed;justify-content:space-between;gap:10px;padding:12px 14px;font-size:9px;display:flex}.catanova-gallery figcaption span{letter-spacing:.5px;color:#85897a;font:8px DM Mono,monospace}.catanova-flow{color:#5a604d;letter-spacing:.55px;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;font:8px DM Mono,monospace;display:flex}.catanova-flow b{color:#98a273;font-size:14px}@media (width<=760px){.campaign-case{grid-template-columns:1fr;gap:20px}.product-shot img{height:150px}.catanova-case{margin-top:55px;padding:20px}.catanova-head{display:block}.catanova-head .source-link{margin-top:15px}.catanova-head h2{font-size:30px}.catanova-gallery{gap:8px}.catanova-gallery img{height:160px}.catanova-gallery figcaption{padding:9px;line-height:1.6;display:block}.catanova-gallery figcaption span{margin-bottom:4px;display:block}.catanova-flow{flex-wrap:wrap;justify-content:flex-start;line-height:1.5}.catanova-flow b{margin:0 2px}}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-copy{width:48%;padding-top:70px}.hero-copy .intro{max-width:440px;margin-top:27px;font-size:15px;line-height:1.9}.hero-portrait{justify-content:center;align-items:flex-end;width:min(45vw,545px);display:flex;position:absolute;top:22px;bottom:0;right:6.5%;overflow:hidden}.hero-portrait img{z-index:1;object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block;position:relative;-webkit-mask-image:linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(#000 78%,#0000 100%)}.portrait-glow{filter:blur(22px);background:radial-gradient(#dce4c4 0%,#e8eadf 43%,#0000 73%);border-radius:50%;width:84%;height:70%;position:absolute;bottom:1%}@media (width<=700px){.hero{min-height:760px;padding-top:61px}.hero-copy{width:100%;padding-top:0}.hero-copy .intro{max-width:390px;margin-top:23px;font-size:13px}.hero-portrait{width:89vw;max-height:390px;top:316px;bottom:40px;right:3%}.hero-meta{bottom:19px}.portrait-glow{width:90%;height:65%}}.catanova-product-shot{background:#15292d;border:1px solid #233c40;margin:0;overflow:hidden;box-shadow:0 12px 32px #1e382b24}.catanova-screen-crop{aspect-ratio:1.97;background:#15292d;position:relative;overflow:hidden}.catanova-screen-crop img{width:100%;height:auto;display:block;transform:translateY(-8.15%)}.catanova-product-shot figcaption{color:#64685b;background:#f3f1ed;justify-content:space-between;gap:12px;padding:13px 16px;font-size:9px;display:flex}.catanova-product-shot figcaption span{letter-spacing:.7px;color:#85897a;font:8px DM Mono,monospace}@media (width<=700px){.catanova-product-shot figcaption{padding:10px 12px;line-height:1.6;display:block}.catanova-product-shot figcaption span{margin-bottom:3px;display:block}}.linkedin-link{margin-left:22px}.about-grid{grid-template-columns:1fr}.about-grid>div{max-width:760px}@media (width<=700px){.linkedin-link{margin-left:15px}}
