@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";:root{font-family:DM Sans,sans-serif;color:#20201e;background:#f4f4f1;font-synthesis:none;font-weight:400;--paper:#f4f4f1;--ink:#20201e;--muted:#777772;--line:#dcdcd6;--accent:#f06543;--dark:#181a19}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;border:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Manrope,sans-serif}p{line-height:1.7}svg{flex-shrink:0}::selection{background:#f6b7a5;color:#181a19}.container{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:100px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-70px;left:20px;padding:15px;background:var(--accent);color:var(--dark);z-index:100}.skip-link:focus{top:10px}.icon-button{display:grid;place-items:center;background:none;padding:7px}.eyebrow,.section-index{font-size:9px;letter-spacing:1.7px;font-weight:550;line-height:1.6}.section-index{display:block}.accent{color:var(--accent)}.intro-shell{background:var(--dark);color:#f1f0e9;padding-bottom:56px;overflow:hidden}.site-header{height:93px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff23}.wordmark{display:inline-flex;align-items:center;font:700 26px Manrope,sans-serif;letter-spacing:-1.5px;gap:2px}.brand-slash{color:#8e9189;margin-inline:2px;font-weight:400}.brand-dot{height:6px;width:6px;border-radius:50%;background:var(--accent);align-self:flex-end;margin:0 0 5px 4px}.navigation{display:flex;align-items:center;gap:35px;font-size:11px;color:#c2c4bd}.navigation a{display:flex;align-items:center;gap:8px;transition:color .2s}.navigation a:hover{color:#fff}.navigation sup{font-size:8px;color:#7d8178;align-self:flex-start}.nav-contact{margin-left:32px;padding:11px 0;border-bottom:1px solid #777f6f}.nav-contact svg{color:var(--accent)}.menu-toggle{display:none}.hero{padding-top:42px;padding-bottom:35px}.hero-topline{display:flex;justify-content:space-between;gap:20px}.hero-topline .eyebrow{display:flex;align-items:center;gap:8px;font-size:8px;color:#d0d1c9}.hero-topline i{width:5px;height:5px;background:var(--accent);border-radius:50%}.hero-location{font-size:7px;letter-spacing:1.4px;color:#7f8579;padding-top:2px}.hero-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:90px;align-items:end;margin-top:35px}.hero h1{font-size:clamp(65px,6.8vw,105px);line-height:1.02;letter-spacing:-6px;font-weight:550}.hero h1>span{color:var(--accent)}.hero-intro{padding-bottom:4px;max-width:390px}.hero-intro>p:first-child{font-size:22px;line-height:1.45;letter-spacing:-.5px}.hero-detail{font-size:12px;color:#a0a59b;line-height:1.85;margin-top:15px;max-width:375px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:11px;font-weight:600;padding:15px 20px;border-radius:2px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-accent{background:var(--accent);color:#171b16}.button-accent:hover{background:#f58065}.button-dark{background:var(--dark);color:#fff}.button-light{background:#f6f3e9;color:var(--dark)}.hero-contact{display:flex;align-items:center;gap:16px;font-size:11px;color:#c6cbc0}.hero-bottom{border-top:1px solid #ffffff1b;padding-top:21px;display:flex;justify-content:space-between;align-items:center;margin-top:34px}.hero-bottom>span{font-size:7px;letter-spacing:1.8px;color:#81897b}.hero-bottom>div{display:flex;gap:23px;color:#a5b09c}.hero-bottom a{display:flex}.hero-bottom a:hover{color:#fff}.featured-label{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;font-size:7px;letter-spacing:1.1px;color:#929c89}.featured-label>span:last-child{display:flex;gap:12px;align-items:center}.featured-label>span:first-child{color:#e1e4db}.featured-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:23px}.featured-project{display:block;text-align:left;padding:0;background:none;border-radius:5px;overflow:hidden;color:#f5f5ed}.featured-project>.website-preview,.featured-project>.mobile-preview{height:300px}.featured-caption{display:flex;align-items:center;justify-content:space-between;padding:16px 0 0}.featured-caption span{font-size:7px;color:#818b7a;text-transform:uppercase;letter-spacing:1.2px}.featured-caption h2{font-size:16px;letter-spacing:-.4px;font-weight:500;margin-top:5px}.featured-caption>svg{color:var(--accent);transition:transform .3s}.featured-project:hover .featured-caption>svg{transform:rotate(45deg)}.website-preview{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#e9eae4;border-radius:5px}.browser-bar{height:24px;min-height:24px;display:flex;align-items:center;gap:4px;padding:0 11px;background:#e9ebe4;border-bottom:1px solid #d6d9cd}.browser-bar>span{width:4px;height:4px;border-radius:50%;background:#b4baaa}.browser-bar small{font-size:6px;color:#7a8171;margin-left:8px;letter-spacing:.2px}.website-preview>img{display:block;width:100%;height:calc(100% - 24px);min-height:0;flex:1;object-fit:cover;object-position:top;transition:transform .6s}.featured-project:hover .website-preview>img,.project-visual-button:hover .website-preview>img{transform:scale(1.025)}.mobile-preview{height:100%;width:100%;position:relative;overflow:hidden;background:#204c3c;display:flex;align-items:center;color:#f1ecdd}.mobile-preview-label{padding:25px;width:44%;position:relative;z-index:2}.mobile-preview-label>span{display:block;font-size:6px;letter-spacing:1.3px;color:#c0d0b7;line-height:1.8}.mobile-preview-label strong{display:block;font:500 24px/1.18 Manrope,sans-serif;letter-spacing:-1px;margin-block:23px}.phone-pair{width:62%;height:100%;position:absolute;right:-20px;top:36px;display:flex;gap:13px;transform:rotate(-9deg)}.phone-pair img{width:45%;height:auto;aspect-ratio:9/20;align-self:flex-start;object-fit:cover;border:5px solid #0d2019;border-radius:16px;box-shadow:0 15px 25px #0004}.phone-pair img:last-child{margin-top:50px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:34px}.section-heading .section-index{color:#898c7f;font-size:8px}.section-heading h2{font-size:57px;line-height:1.15;letter-spacing:-2.9px;font-weight:550;margin-top:17px}.section-heading h2>sup{font-size:13px;color:#979b8f;letter-spacing:0;margin-left:13px;vertical-align:top;line-height:2}.section-heading>p{font-size:11px;color:#74746e;max-width:390px;padding-bottom:5px}.project-controls{display:flex;align-items:center;border-block:1px solid var(--line);gap:20px;padding-block:15px}.search-field{display:flex;align-items:center;gap:11px;flex:1;color:#818777}.search-field input{width:100%;padding:8px 0;border:0;background:none;font-size:11px;color:var(--ink);outline-offset:2px}.search-field input::placeholder{color:#969b8e}.search-field input::-webkit-search-cancel-button{display:none}.category-select{display:flex;align-items:center;position:relative;min-width:175px;border-left:1px solid var(--line);padding-left:20px}.category-select>select{width:100%;padding:8px 24px 8px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;font-size:11px;color:#515a49;cursor:pointer}.category-select>svg{position:absolute;right:0;pointer-events:none;color:#848d79}.project-filter-tabs{display:flex;gap:19px;overflow-x:auto;scrollbar-width:thin;padding-block:20px 16px}.project-filter-tabs button{padding:0 0 7px;background:none;white-space:nowrap;font-size:9px;color:#90968a;display:flex;gap:6px;border-bottom:1px solid transparent}.project-filter-tabs button>span{font-size:7px;color:#a8ad9f}.project-filter-tabs button.selected{color:#2a3424;border-bottom-color:#323f29}.project-filter-tabs button.selected>span{color:#f06543}.results-count{font-size:7px;letter-spacing:1.2px;color:#949c89;margin-block:8px 23px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 32px}.project-card{min-width:0}.project-visual-button{width:100%;display:block;position:relative;overflow:hidden;padding:0;background:#e6e9df;border-radius:5px;height:300px}.image-open{display:grid;place-items:center;position:absolute;bottom:13px;right:13px;width:33px;height:33px;background:#f6f5ee;border-radius:50%;box-shadow:0 2px 9px #0001;color:#293c23;transition:transform .3s}.project-visual-button:hover .image-open{transform:rotate(45deg)}.project-card-top{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:7px;letter-spacing:.8px;text-transform:uppercase;color:#74746e;margin-top:19px}.project-card-top>span:last-child{text-align:right}.project-card h3{font-size:22px;letter-spacing:-.7px;line-height:1.35;font-weight:550;margin-top:10px}.project-card h3 button{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;width:100%;text-align:left;background:none;padding:0}.project-card h3 svg{stroke-width:1.4;margin-top:3px;color:#728366}.project-role{font-size:9px;color:#74746e;line-height:1.7;margin-top:8px}.project-role>span{color:#b0b7a4;margin-inline:4px}.project-card>p{font-size:11px;color:#74746e;margin-top:12px;line-height:1.8;max-width:490px}.tags{display:flex;flex-wrap:wrap;gap:5px}.tags>span{font-size:8px;color:#74746e;background:#eaeae5;border:1px solid #deded7;padding:4px 7px;border-radius:2px;line-height:1.5}.project-tags{margin-top:16px}.project-actions{display:flex;gap:22px;align-items:center;margin-top:20px}.project-actions a,.project-actions button{display:flex;align-items:center;gap:9px;background:none;font-size:9px;padding:0;color:#74746e}.project-actions a:hover,.project-actions button:hover{text-decoration:underline;text-underline-offset:4px}.project-actions>a{color:#74746e}.archive-heading{border-top:1px solid var(--line);margin-top:64px;padding-top:28px;display:flex;justify-content:space-between;gap:20px}.archive-heading>span{font-size:8px;letter-spacing:1px;color:#74746e;line-height:1.8}.archive-heading>p{font-size:10px;color:#74746e}.project-archive{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.project-text-card{border-bottom:1px solid var(--line);padding-block:28px}.project-text-card .project-card-top{margin-top:0}.project-text-card h3{font-size:19px}.empty-state{padding:65px 20px;text-align:center}.empty-state h3{font-size:25px;letter-spacing:-1px}.empty-state p{font-size:13px;color:var(--muted);margin-block:12px 22px}.about-section{background:#e9e9e3;padding-block:85px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-section .section-index{font-size:8px;color:#74746e}.about-layout h2{font-size:49px;line-height:1.16;font-weight:500;letter-spacing:-2px;margin-top:23px}.about-layout h2>span{color:#74746e}.about-copy{padding-top:34px}.about-copy>p{font-size:12px;color:#74746e;line-height:1.9;margin-bottom:17px}.about-copy .about-lead{font-size:18px;line-height:1.6;letter-spacing:-.4px;color:#74746e}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:11px;color:#4d6940;font-weight:500}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.about-copy>.text-link{margin-top:10px}.capability-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;margin-top:55px;border-top:1px solid #d2dac6;padding-top:30px}.capability-strip>div>span{font-size:8px;color:#98a68b}.capability-strip h3{font-size:16px;letter-spacing:-.4px;font-weight:550;margin-top:12px}.capability-strip p{font-size:10px;color:#74746e;line-height:1.9;margin-top:9px}.company-section{background:var(--dark);color:#efeee7;padding:39px 48px 47px;margin-top:70px;border-radius:5px}.company-topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff1f;padding-bottom:21px}.company-topline>.section-index{color:#9caa8f;font-size:7px}.company-topline>span:last-child{font-size:7px;letter-spacing:1.3px;color:#667a58}.company-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;margin-top:35px;align-items:center}.company-layout h2{font-size:52px;letter-spacing:-2.5px;line-height:1.12;font-weight:500}.company-layout h2>span{color:var(--accent)}.company-owner{font-size:7px;letter-spacing:1.3px;color:var(--accent)}.company-layout p{font-size:11px;color:#95a88a;margin-block:12px 22px;max-width:360px}.company-layout .button{font-size:10px;padding:13px 16px;gap:15px}.company-email{display:block;font-size:9px;color:#7f9c6e;margin-top:14px;overflow-wrap:anywhere}.experience-section .section-heading h2{font-size:43px;letter-spacing:-1.9px}.experience-list{border-top:1px solid var(--line)}.experience-item{display:grid;grid-template-columns:35px 1fr 1.4fr 135px;gap:25px;padding-block:27px;border-bottom:1px solid var(--line);align-items:start}.experience-number{font-size:8px;color:#9aa88d;padding-top:4px}.experience-item h3{font-size:16px;letter-spacing:-.4px;font-weight:550}.experience-item h4{font-size:10px;font-weight:500;color:#74746e}.experience-item p{font-size:10px;line-height:1.7;color:#74746e;margin-top:8px;max-width:350px}.experience-date{font-size:8px;color:#74746e;line-height:1.9;text-align:right}.experience-note{font-size:8px;color:#74746e;margin-top:16px}.education{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:45px;margin-top:60px}.education .section-index{font-size:8px;color:#74746e}.education>div>span{font-size:8px;color:#74746e}.education h3{font-size:11px;font-weight:500;line-height:1.6;margin-top:7px}.education p{font-size:9px;color:#74746e;margin-top:5px}.contact-section{background:#ec6242;color:#25251c;padding-block:38px 30px}.contact-topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #553a2838;padding-bottom:23px}.contact-topline>.section-index{font-size:8px}.contact-topline>span:last-child{font-size:7px;letter-spacing:1.2px;color:#7c4c31}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;margin-block:40px}.contact-layout h2{font-size:66px;letter-spacing:-3px;font-weight:550;line-height:1.08;position:relative;width:fit-content}.contact-layout h2>svg{width:44px;height:44px;stroke-width:1.3;position:absolute;right:-55px;top:6px}.contact-layout p{font-size:12px;line-height:1.9;color:#6c402e;margin-bottom:23px}.contact-layout .button{gap:14px;font-size:11px}.contact-email{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:500;margin-top:20px}.contact-bottom{border-top:1px solid #553a2838;padding-top:22px;display:flex;gap:25px}.contact-bottom a{font-size:9px;display:flex;align-items:center;gap:7px;color:#70422d;overflow-wrap:anywhere}.contact-bottom a:first-child{margin-right:auto}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:29px}.site-footer .wordmark{font-size:20px}.site-footer .brand-dot{width:4px;height:4px;margin-bottom:4px}.site-footer>p{font-size:8px;color:#74746e}.site-footer .text-link{font-size:9px;color:#74746e}.project-dialog{padding:0;background:var(--paper);color:var(--ink);border:0;border-radius:6px;width:min(810px,calc(100% - 32px));max-height:90dvh;box-shadow:0 30px 100px #0005;overscroll-behavior:contain}.project-dialog::backdrop{background:#131c15a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-toolbar{position:sticky;top:0;z-index:5;height:45px;display:flex;align-items:center;justify-content:space-between;padding-inline:20px;background:var(--paper);border-bottom:1px solid var(--line)}.dialog-toolbar>span{font-size:8px;letter-spacing:1.4px;color:#74746e}.dialog-toolbar button{color:#446d33}.project-dialog>.website-preview{height:auto;aspect-ratio:1.85;border-radius:0}.project-dialog>.mobile-preview{height:360px}.dialog-content{padding:35px 40px 40px}.dialog-content>.eyebrow{font-size:8px;color:#74746e}.dialog-content h2{font-size:35px;letter-spacing:-1.5px;font-weight:550;line-height:1.2;margin-top:14px}.dialog-description{font-size:13px;line-height:1.8;color:#74746e;margin-top:16px;max-width:640px}.project-meta{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);padding-block:20px;margin-top:25px;gap:25px}.project-meta>div>span{display:block;font-size:7px;letter-spacing:1px;color:#74746e}.project-meta strong{display:block;font-size:11px;font-weight:500;margin-top:8px}.dialog-content h3{font-size:15px;font-weight:550;letter-spacing:-.3px;margin-top:28px}.contributions{list-style:none;padding:0;margin-block:16px 23px}.contributions>li{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#74746e;line-height:1.8;margin-top:10px}.contributions svg{color:#56863f;margin-top:3px}.stack-groups{margin-top:16px;display:flex;flex-direction:column;gap:13px}.stack-group{display:grid;grid-template-columns:95px 1fr;gap:15px;align-items:start}.stack-group>span{font-size:10px;color:#74746e;padding-top:4px}.stack-group .tags>span{font-size:9px}.project-note{font-size:10px;color:#74746e;border-left:2px solid #d4dec9;padding-left:13px;margin-top:26px;line-height:1.8}.dialog-visit{margin-top:28px}@media(min-width:1550px){.hero h1{font-size:111px}.hero-layout{gap:130px}.featured-project>.website-preview,.featured-project>.mobile-preview{height:335px}}@media(max-width:1100px){.container{width:calc(100% - 76px)}.hero-layout{gap:55px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:80px;letter-spacing:-4.5px}.hero-intro>p:first-child{font-size:19px}.hero-detail{font-size:11px}.featured-project>.website-preview,.featured-project>.mobile-preview{height:260px}.mobile-preview-label strong{font-size:20px}.mobile-preview-label{padding:20px}.project-visual-button{height:250px}.project-grid{gap:40px 25px}.section-heading h2{font-size:50px}.company-layout{gap:45px}.company-layout h2{font-size:43px}.company-section{padding:35px}.about-layout{gap:65px}.about-layout h2{font-size:42px}.experience-item{grid-template-columns:25px 1fr 1.2fr 105px;gap:15px}.contact-layout h2{font-size:55px}.contact-layout{gap:70px}.contact-layout h2>svg{width:35px;height:35px;right:-43px}.project-filter-tabs{gap:14px}.project-filter-tabs button{font-size:8px}}@media(max-width:800px){.container{width:calc(100% - 48px)}.site-header{height:80px}.navigation{gap:25px}.nav-contact{margin-left:10px}.hero-layout{gap:30px}.hero h1{font-size:66px;letter-spacing:-4px}.hero-intro>p:first-child{font-size:17px}.hero-detail{font-size:10px}.hero-actions{gap:15px}.hero-actions .button{padding:13px 15px;font-size:10px;gap:15px}.hero-contact{font-size:10px;gap:8px}.hero-topline .eyebrow{font-size:7px}.hero-location{font-size:6px;letter-spacing:.9px}.hero{padding-top:30px}.featured-grid{gap:18px}.featured-project>.website-preview,.featured-project>.mobile-preview{height:220px}.featured-caption h2{font-size:14px}.mobile-preview-label{padding:15px;width:45%}.mobile-preview-label strong{font-size:17px;letter-spacing:-.5px;margin-block:18px}.mobile-preview-label>span{font-size:5px;letter-spacing:.6px}.phone-pair{right:-17px;gap:8px;top:30px}.phone-pair img{border-width:4px;border-radius:10px}.section{padding-block:70px}.section-heading{gap:20px;align-items:flex-start}.section-heading h2{font-size:43px;letter-spacing:-2px}.section-heading>p{font-size:10px;max-width:290px;padding-top:35px}.project-visual-button{height:220px}.project-card h3{font-size:19px}.project-card>p{font-size:10px}.project-role{font-size:8px}.project-tags>span{font-size:7px}.project-card-top{font-size:6px}.about-layout{gap:45px}.about-layout h2{font-size:35px}.about-copy .about-lead{font-size:16px}.about-copy>p{font-size:11px}.capability-strip,.company-layout{gap:30px}.company-layout h2{font-size:36px;letter-spacing:-1.7px}.company-section{padding:30px}.company-layout p{font-size:10px}.experience-section .section-heading h2{font-size:35px}.experience-item{grid-template-columns:20px .9fr 1fr;gap:15px}.experience-date{grid-column:2;text-align:left;grid-row:auto;font-size:7px;margin-top:-3px}.experience-item h3{font-size:14px}.experience-item p{font-size:9px}.education{gap:25px;grid-template-columns:.5fr 1fr 1fr}.education h3{font-size:10px}.contact-layout{gap:50px}.contact-layout h2{font-size:45px;letter-spacing:-2px}.contact-layout h2>svg{width:28px;height:28px;right:-30px}.contact-layout p{font-size:10px}.contact-layout .button{font-size:10px;padding:13px 16px}.contact-email{font-size:11px}.contact-bottom{gap:15px}.contact-bottom a{font-size:7px}.dialog-content{padding:30px}.project-dialog>.mobile-preview .mobile-preview-label strong{font-size:30px}.project-dialog>.mobile-preview .mobile-preview-label{padding:30px}.project-dialog>.mobile-preview .mobile-preview-label>span{font-size:8px}.project-dialog>.mobile-preview .phone-pair{width:58%;right:0}}@media(max-width:580px){.container{width:calc(100% - 40px)}.intro-shell{padding-bottom:30px}.site-header{height:72px;position:relative}.wordmark{font-size:25px}.menu-toggle{display:grid;color:#c9d1c0}.navigation{display:none;position:absolute;top:72px;left:-20px;right:-20px;background:var(--dark);padding:20px;z-index:20;border-bottom:1px solid #ffffff25}.navigation.is-open{display:flex;align-items:stretch;flex-direction:column;gap:0}.navigation>a{padding:15px 0;font-size:13px;border-bottom:1px solid #ffffff12}.navigation .nav-contact{margin:0;border-bottom:0}.hero{padding-top:27px;padding-bottom:25px}.hero-topline .eyebrow{font-size:6px;letter-spacing:1.1px}.hero-location{display:none}.hero-layout{grid-template-columns:1fr;gap:27px;margin-top:28px}.hero h1{font-size:79px;letter-spacing:-5px;line-height:1.01}.hero-intro{max-width:none;padding:0}.hero-intro>p:first-child{font-size:21px;line-height:1.4}.desktop-break{display:none}.hero-detail{font-size:12px;max-width:360px;margin-top:13px;line-height:1.8}.hero-actions{gap:23px;margin-top:23px}.hero-actions .button{font-size:11px;padding:15px 18px;gap:20px}.hero-contact{font-size:11px;gap:13px}.hero-bottom{margin-top:28px;padding-top:19px}.hero-bottom>span{font-size:6px;letter-spacing:1px}.hero-bottom>div{gap:20px}.hero-bottom svg{width:16px;height:16px}.featured-label{font-size:6px;letter-spacing:1px;padding-bottom:12px}.featured-label>span:last-child{font-size:5px;gap:7px;letter-spacing:.8px}.featured-grid{grid-template-columns:1fr;gap:25px}.featured-project>.website-preview,.featured-project>.mobile-preview{height:230px}.featured-caption{padding-top:13px}.featured-caption h2{font-size:17px}.featured-caption span{font-size:6px}.featured-caption>svg{width:22px}.mobile-preview-label{padding:22px;width:43%}.mobile-preview-label strong{font-size:22px;letter-spacing:-.9px}.mobile-preview-label>span{font-size:5px;letter-spacing:.8px}.phone-pair{width:61%;right:-7px;gap:13px;top:22px}.phone-pair img{width:44%;border-width:4px}.phone-pair img:last-child{margin-top:35px}.section{padding-block:55px}.section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:45px;margin-top:15px;letter-spacing:-2.5px}.section-heading>p{padding-top:15px;max-width:340px;font-size:11px}.section-heading .section-index{font-size:7px}.project-controls{gap:10px;padding-block:12px}.search-field{gap:8px}.search-field input{font-size:10px;padding-block:9px}.search-field>svg{width:15px}.category-select{display:none}.project-filter-tabs{gap:17px;padding-block:17px 14px}.project-filter-tabs button{font-size:8px}.results-count{font-size:6px;margin-bottom:19px}.project-grid{grid-template-columns:1fr;gap:35px}.project-visual-button{height:240px}.project-card h3{font-size:21px;margin-top:10px}.project-card h3 svg{width:21px}.project-card-top{font-size:7px;margin-top:16px}.project-role{font-size:9px;line-height:1.8;margin-top:8px}.project-card>p{font-size:12px;margin-top:12px;line-height:1.8}.project-tags{gap:5px;margin-top:15px}.project-tags>span{font-size:8px;padding:4px 7px}.project-actions{gap:24px;margin-top:19px}.project-actions a,.project-actions button{font-size:10px}.project-archive{grid-template-columns:1fr;gap:0}.archive-heading{display:block;margin-top:40px;padding-top:24px}.archive-heading>span{font-size:7px}.archive-heading>p{font-size:11px;margin-top:10px}.project-text-card{padding-block:25px}.project-text-card h3{font-size:20px}.about-section{padding-block:50px}.about-layout{grid-template-columns:1fr;gap:25px}.about-layout h2{font-size:42px;letter-spacing:-1.8px;margin-top:20px}.about-section .section-index{font-size:7px}.about-copy{padding-top:0}.about-copy .about-lead{font-size:18px;line-height:1.6}.about-copy>p{font-size:12px;line-height:1.9}.about-copy>.text-link{font-size:11px;margin-top:3px}.capability-strip{grid-template-columns:1fr;gap:25px;margin-top:34px;padding-top:26px}.capability-strip>div{display:grid;grid-template-columns:25px 1fr;gap:8px 12px}.capability-strip>div>span{padding-top:3px;font-size:8px}.capability-strip h3{margin:0;font-size:17px}.capability-strip p{grid-column:2;margin:0;font-size:11px;line-height:1.8}.company-section{margin-top:35px;padding:25px}.company-topline{padding-bottom:18px}.company-topline>.section-index,.company-topline>span:last-child{font-size:6px}.company-layout{grid-template-columns:1fr;gap:25px;margin-top:25px}.company-layout h2{font-size:42px;letter-spacing:-2px}.company-owner{font-size:6px}.company-layout p{font-size:12px;line-height:1.8;margin-block:12px 20px}.company-layout .button{font-size:11px;padding:14px 16px}.company-email{font-size:8px;line-height:1.7;margin-top:14px}.experience-section .section-heading h2{font-size:34px;letter-spacing:-1.6px}.experience-section .section-heading .text-link{font-size:10px;margin-top:20px}.experience-item{grid-template-columns:22px 1fr;gap:9px 10px;padding-block:23px}.experience-number{grid-column:1;grid-row:1;font-size:7px}.experience-item h3{grid-column:2;grid-row:1;font-size:17px}.experience-item>div{grid-column:2;grid-row:3}.experience-item h4{font-size:11px}.experience-item p{font-size:11px;margin-top:8px}.experience-date{grid-column:2;grid-row:2;font-size:8px;margin:0}.experience-note{font-size:8px}.education{grid-template-columns:1fr;gap:24px;margin-top:38px}.education>.section-index{font-size:7px}.education h3{font-size:12px;margin-top:8px}.education>div>span{font-size:8px}.education p{font-size:10px}.contact-section{padding-block:26px}.contact-topline{padding-bottom:20px}.contact-topline>.section-index{font-size:7px}.contact-topline>span:last-child{font-size:6px;letter-spacing:.8px}.contact-layout{grid-template-columns:1fr;gap:27px;margin-block:30px}.contact-layout h2{font-size:53px;letter-spacing:-2.8px}.contact-layout h2>svg{height:34px;width:34px;right:-35px;top:3px}.contact-layout p{font-size:12px;margin-bottom:23px}.contact-layout .button{font-size:11px;padding:15px 17px}.contact-email{font-size:13px;margin-top:23px}.contact-bottom{flex-wrap:wrap;gap:17px 25px;padding-top:23px}.contact-bottom>a{font-size:9px}.contact-bottom a:first-child{width:100%;font-size:8px;line-height:1.9;gap:5px}.site-footer{gap:15px;flex-wrap:wrap;padding-block:26px}.site-footer .wordmark{font-size:20px}.site-footer>p{font-size:7px}.site-footer .text-link{font-size:8px}.dialog-toolbar{padding-inline:16px}.dialog-content{padding:25px}.dialog-content h2{font-size:30px}.dialog-description{font-size:12px}.project-meta{gap:18px}.project-meta strong{font-size:10px;line-height:1.7}.project-meta>div>span{font-size:6px}.contributions>li{font-size:11px}.dialog-content h3{font-size:15px}.stack-group{grid-template-columns:1fr;gap:7px}.stack-group>span{font-size:9px}.stack-group .tags>span{font-size:8px}.stack-groups{gap:16px}.project-note{font-size:9px}.project-dialog>.mobile-preview{height:250px}.project-dialog>.mobile-preview .mobile-preview-label{padding:20px}.project-dialog>.mobile-preview .mobile-preview-label strong{font-size:22px}.project-dialog>.mobile-preview .mobile-preview-label>span{font-size:5px}.project-dialog>.mobile-preview .phone-pair{width:61%;right:-8px}.project-dialog>.website-preview{aspect-ratio:1.6}.dialog-visit{font-size:11px;padding:15px 17px}.project-dialog{max-height:92dvh}}@media(max-width:370px){.hero h1{font-size:68px;letter-spacing:-4px}.hero-intro>p:first-child{font-size:19px}.hero-detail{font-size:11px}.featured-label>span:last-child{letter-spacing:.3px;font-size:4.5px}.featured-project>.website-preview,.featured-project>.mobile-preview{height:210px}.mobile-preview-label strong{font-size:19px}.project-visual-button{height:220px}.contact-layout h2{font-size:45px;letter-spacing:-2px}.contact-layout h2>svg{width:28px;right:-29px}.company-layout h2{font-size:35px}.site-footer>.text-link{margin-left:auto}.site-footer>p{order:3;width:100%;border-top:1px solid var(--line);padding-top:15px}.search-field input{font-size:9px}.about-layout h2{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}:root{--paper:#f6f5ef;--ink:#263b32;--muted:#71796b;--line:#dce0d2;--accent:#60824c;--dark:#274d3d;background:var(--paper);color:var(--ink)}.serif,.name-serif{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400}.intro-shell{background:var(--paper);color:var(--ink);padding-bottom:0}.site-header{height:86px;border-bottom:1px solid var(--line)}.wordmark{font-size:32px;letter-spacing:-2px;font-weight:800;gap:5px}.wordmark>svg{color:#7e9466;stroke-width:1.5}.navigation{color:#69765f;font-size:12px;gap:34px}.navigation a:hover{color:#2f512a}.navigation sup{color:#8c9b7f}.navigation .nav-contact{border:1px solid #c0cbb5;padding:12px 16px;border-radius:5px;margin-left:14px;color:#385230}.nav-contact svg{color:#6d8e53}.hero{padding-top:38px;padding-bottom:0}.hero-topline .eyebrow{color:#738467;font-size:8px}.hero-topline i{background:#829c66}.hero-location{color:#899580;font-size:8px;letter-spacing:1px}.time-divider{margin-inline:8px;color:#bdc8b3}.hero-layout{grid-template-columns:1.16fr 1fr;gap:65px;margin-top:36px;align-items:center}.hello-label{font-family:"Instrument Serif",Georgia,serif;font-size:26px;font-style:italic;color:#8a9a77;display:block;margin-bottom:10px}.hero h1{position:relative;font-size:78px;letter-spacing:-4.5px;font-weight:550;line-height:1.04;width:fit-content}.hero h1>.name-serif{font-size:1.16em;letter-spacing:-3px;color:#577248}.name-star{color:#91a474!important;position:absolute;right:-47px;top:48px;font-size:36px;animation:gentle-turn 24s linear infinite}.hero-profession{font-size:13px;line-height:1.8;color:#4f6d42;margin-top:21px;font-weight:550}.hero-profession>span{display:block;color:#869478;font-weight:400;font-size:12px}.hero-detail{font-size:13px;color:#7c8971;max-width:380px;line-height:1.85;margin-top:16px}.hero-actions{gap:27px;margin-top:27px}.hero-actions .button{font-size:12px;padding:16px 21px;gap:23px;border-radius:5px}.button-accent{background:var(--dark);color:#f4f5e9}.button-accent:hover{background:#3f6548}.hero-contact{font-size:12px;color:#667d55}.hero-bottom{border-color:var(--line);margin-top:47px;padding-block:22px}.hero-bottom>span{color:#8d9980;font-size:7px;letter-spacing:1.2px}.hero-bottom>div{color:#738a61}.hero-bottom a:hover{color:#274d3d}.interactive-toolkit{height:415px;position:relative;perspective:800px;isolation:isolate;transform:perspective(1000px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg));transition:transform .35s ease;background:#e9eddf;border:1px solid #dde4d2;border-radius:15px;box-shadow:inset 0 1px #ffffff80,0 15px 35px #3e5b2b05}.toolkit-grid{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;opacity:.7;background-image:linear-gradient(#cdd6bf66 1px,transparent 1px),linear-gradient(90deg,#cdd6bf66 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 78%);mask-image:radial-gradient(ellipse,#000,transparent 78%)}.toolkit-top,.toolkit-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;color:#869777;font-size:7px;letter-spacing:1px}.toolkit-top{top:21px}.toolkit-bottom{bottom:20px;font-size:6px}.toolkit-orbit{position:absolute;width:275px;height:275px;border:1px dashed #b9c7a7;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-23deg) scaleX(.83)}.toolkit-orbit.orbit-two{transform:translate(-50%,-50%) rotate(40deg) scaleX(.85)}.toolkit-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:10px;color:#759360;pointer-events:none}.toolkit-center>span{font:500 27px/1.12 Manrope,sans-serif;letter-spacing:-1px;color:#5d7950}.toolkit-center em{font-family:"Instrument Serif",Georgia,serif;font-size:36px;font-weight:400;color:#84996d}.tech-tile{display:flex;gap:10px;align-items:center;position:absolute;background:#f9faf4;border:1px solid #d8e0ca;border-radius:9px;padding:12px 13px;box-shadow:0 8px 18px #47602d0b,0 1px 2px #47602d08;z-index:2;animation:float-tile 6s ease-in-out infinite;transition:background .2s,box-shadow .25s,scale .25s;will-change:transform}.tech-tile:hover,.tech-tile:focus-visible{background:#fff;box-shadow:0 14px 25px #3e5a2e24;scale:1.07;z-index:4;animation-play-state:paused}.tech-tile>svg{color:#9aa98c;align-self:flex-start;width:10px;height:10px}.tech-tile>span:nth-child(2){display:flex;flex-direction:column;gap:3px;text-align:left}.tech-tile strong{font-size:11px;font-weight:550}.tech-tile small{font-size:6px;color:#95a389;letter-spacing:.2px}.tech-symbol{height:30px;width:30px;display:grid;place-items:center;font:550 19px Manrope,sans-serif;color:#6e8e54;background:#e9efdf;border-radius:7px}.tech-react{top:66px;left:25px;--tile-angle:-7deg}.tech-react .tech-symbol{color:#44768a;background:#e2eff0;font-size:26px}.tech-wordpress{top:55px;right:17px;--tile-angle:8deg;animation-delay:-2s}.tech-wordpress .tech-symbol{font:25px Georgia,serif;color:#486776;background:#e7edef}.tech-sitefinity{top:178px;left:12px;--tile-angle:-6deg;animation-delay:-4s}.tech-sitefinity .tech-symbol{color:#ba634e;background:#f2e7df}.tech-laravel{top:187px;right:4px;--tile-angle:8deg;animation-delay:-1s}.tech-laravel .tech-symbol{color:#ba785c;background:#f3ebe1}.tech-flutter{bottom:66px;left:38px;--tile-angle:-4deg;animation-delay:-3s}.tech-flutter .tech-symbol{color:#5c8194;background:#e2edf1}.tech-node{bottom:57px;right:18px;--tile-angle:6deg;animation-delay:-5s}.tech-node .tech-symbol{font-size:13px;letter-spacing:-1px}.work-section{padding-top:83px}.section-heading h2{font-size:49px;letter-spacing:-2px}.section-heading h2>.serif{color:#6c8458}.section-heading .section-index{color:#8a9c79}.section-heading>p{color:#88977b;font-size:12px}.project-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:50px 30px}.project-grid>.project-card{grid-column:span 6}.project-grid>.project-card:nth-child(6n+1){grid-column:span 7}.project-grid>.project-card:nth-child(6n+2){grid-column:span 5}.project-grid>.project-card:nth-child(6n+3){grid-column:span 5}.project-grid>.project-card:nth-child(6n+4){grid-column:span 7}.project-visual-button{height:340px;padding:30px;background:#e2e9da;border:1px solid #dce3d3;border-radius:12px;transform:perspective(1200px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg));transition:transform .35s ease,box-shadow .35s;overflow:hidden}.project-visual-button:hover{box-shadow:0 20px 30px #3e5b2914}.project-visual-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#ffffff38,transparent 60%);pointer-events:none;z-index:2}.project-visual-button>.website-preview{box-shadow:0 15px 25px #24351f24,0 3px 6px #24351f10;transform:rotate(-2deg) translateY(3px);transition:transform .45s;position:relative;z-index:1;border:1px solid #ffffff80}.project-visual-button:hover>.website-preview{transform:rotate(0) translateY(-5px)}.project-visual-button>.mobile-preview{border-radius:7px;box-shadow:0 8px 25px #163b2722}.preview-sapa{padding:0;background:#204c3c;border-color:#204c3c}.preview-sapa>.mobile-preview{border-radius:0}.preview-hellomatcha{background:#e5e9c9}.preview-ntu{background:#e5e3e9}.preview-nanofab{background:#dce6e9}.preview-kandooma{background:#d7e6e0}.preview-gili{background:#d9e6db}.preview-dso{background:#e0e3ec}.preview-firstskool{background:#efdfc9}.preview-pmis{background:#dfe3e9}.preview-cetaphil{background:#dce6db}.preview-momentree{background:#e9e5d9}.preview-americanstandard{background:#e8e0db}.preview-everise{background:#e1dee9}.preview-airselangor{background:#dce6e9}.image-open{bottom:15px;right:15px;width:36px;height:36px;color:#436a37;z-index:3;background:#f8faf2}.project-card-top{font-size:8px;color:#8e9d7e;margin-top:22px}.project-card h3{font-size:23px;color:#385031;letter-spacing:-.7px;margin-top:11px}.project-card h3>button>svg{color:#81996c}.project-role{font-size:10px;color:#80936e}.project-card>p{font-size:12px;color:#8b9980}.project-tags>span,.project-tags>button{font:400 9px/1.5 DM Sans,sans-serif;padding:4px 8px;border:1px solid #d9e2cb;background:#eef1e5;color:#7c9067;border-radius:3px;transition:background .2s,color .2s,border-color .2s}.project-tags>button:hover{background:#385835;color:#f5f8ec;border-color:#385835}.project-actions a,.project-actions button{font-size:10px;color:#668353}.search-field,.search-field input{color:#6f865b}.search-field input::placeholder{color:#9aab89}.project-filter-tabs button{color:#8e9f7b;font-size:10px}.project-filter-tabs button.selected{color:#436837;border-color:#66874e}.project-filter-tabs button.selected>span{color:#89a36d}.results-bar{display:flex;justify-content:space-between;align-items:center;margin-block:2px 21px}.results-count{margin:0;font-size:7px;color:#99aa86}.layout-toggle{display:flex;border:1px solid #d7e0ca;padding:3px;border-radius:5px;gap:2px}.layout-toggle>button{display:grid;place-items:center;background:none;color:#92a57c;border-radius:3px;padding:6px}.layout-toggle>button.selected{background:#e3ead8;color:#4c723b}.layout-toggle>button:hover{background:#e8edde}.project-index{border-top:1px solid var(--line)}.project-index>button{display:grid;grid-template-columns:35px 1.6fr .8fr 1fr 25px;align-items:center;gap:20px;width:100%;padding:24px 12px 24px 0;border-bottom:1px solid var(--line);background:none;text-align:left;transition:background .2s,padding .3s}.project-index>button:hover{background:#eaf0e0;padding-left:15px}.index-number{font-size:8px;color:#a4b393}.index-name{font:500 17px/1.5 Manrope,sans-serif;letter-spacing:-.3px;color:#48683b}.index-name>small{display:block;font:400 9px DM Sans,sans-serif;margin-top:5px;color:#9db18a;letter-spacing:0}.index-category{font-size:9px;color:#8da176}.index-stack{font-size:9px;color:#9baf86;line-height:1.7}.project-index>button>svg{color:#83a06a}.archive-heading>span{color:#7f956a;font-size:8px}.archive-heading>p{color:#9daf8a}.project-archive{gap:0 40px}.project-text-card{padding-block:29px}.project-text-card h3{font-size:20px}.about-section{background:#e9edde;border-block:1px solid #dde4d1}.about-layout h2{font-weight:500;font-size:45px;letter-spacing:-1.6px;line-height:1.17;color:#46663b}.about-layout h2>span{font:italic 1.16em/.95 "Instrument Serif",Georgia,serif;color:#849b6d}.about-copy .about-lead{color:#57784a;font-size:19px}.about-copy>p{color:#839a70;font-size:12px}.capability-strip h3{color:#557b43}.capability-strip p{color:#859f70}.capability-strip>div>span{color:#a0b78b}.company-section{background:#ecf0e2;color:#3c6232;border:1px solid #d2dfc2;padding:37px 43px;border-radius:12px;box-shadow:0 14px 35px #38532b05}.company-topline{border-color:#d4dfc4}.company-topline>.section-index{color:#89a573}.company-topline>span:last-child{color:#a6b995}.company-layout h2{font-size:47px;letter-spacing:-1.7px}.company-layout h2>span{color:#93ab7b}.company-owner{color:#7f9f64}.company-layout p{color:#88a072;font-size:12px}.company-email{color:#91ac7b;font-size:10px}.company-layout .button{font-size:11px}.experience-section .section-heading h2{font-size:41px;font-weight:500}.experience-item h3{color:#547d42}.experience-item h4,.experience-item p,.experience-date{color:#91aa7b}.experience-number{color:#b0c09d}.education h3{color:#6c9056}.education p,.education>div>span{color:#a3b88e}.contact-section{background:#294e3e;color:#f1f4e8;padding-block:42px}.contact-topline{border-color:#adc29829}.contact-topline>.section-index{color:#b4cba0}.contact-topline>span:last-child{color:#92af7b}.contact-layout h2{font-size:62px;letter-spacing:-2px;font-weight:500}.contact-layout h2>svg{color:#b0cc96}.contact-layout p{color:#abc09b;font-size:12px}.contact-email{color:#c8d7b7}.contact-bottom{border-color:#adc29829}.contact-bottom>a{color:#a6c090}.button-light{background:#dce9c5;color:#355b2c}.contact-bottom>a:hover{color:#f4f9ec}.contact-dock{position:fixed;bottom:23px;left:50%;display:flex;align-items:center;gap:4px;padding:6px;background:#f8faf1ed;border:1px solid #d4dfc5;border-radius:50px;box-shadow:0 8px 35px #2d4d2324;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:25;opacity:0;transform:translate(-50%,25px);pointer-events:none;transition:opacity .3s,transform .3s}.contact-dock.visible{opacity:1;transform:translate(-50%);pointer-events:auto}.contact-dock>a{display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;color:#668b4d;padding:10px 12px;border-radius:30px;transition:background .2s}.contact-dock>a:first-child{background:#e5eed8;padding-inline:16px}.contact-dock>a:hover{background:#dbe8cb}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:#759c56;transform-origin:left;transform:scaleX(var(--progress,0));z-index:60;pointer-events:none}.will-reveal{opacity:0;transform:translateY(19px);transition:opacity .65s ease,transform .65s ease}.will-reveal.is-visible{opacity:1;transform:translateY(0)}.project-dialog{border-radius:12px;animation:dialog-enter .3s ease}.dialog-toolbar,.dialog-content{background:var(--paper)}.dialog-content h2{color:#4b7339}.dialog-description{color:#8ba573}.dialog-content h3{color:#618b4a}.contributions>li{color:#8ca676}.project-meta strong{color:#7e9c65}.stack-group>span{color:#95af80}.stack-group .tags>span{background:#eaf0e1;color:#7d9d64;border-color:#dce6ce}.project-note{color:#a0b78b;border-left-color:#d9e4ca}.dialog-visit{background:#3d6833;color:#eff7e6}.site-footer>p,.site-footer .text-link{color:#a0b78b}.site-footer .wordmark{color:#547b40;font-size:26px}.project-dialog>.website-preview{border-radius:0}.menu-toggle{color:#678952}@keyframes float-tile{0%,to{transform:translateY(0) rotate(var(--tile-angle,0deg))}50%{transform:translateY(-7px) rotate(calc(var(--tile-angle,0deg) + 2deg))}}@keyframes gentle-turn{to{transform:rotate(360deg)}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1100px){.hero-layout{gap:40px}.hero h1{font-size:68px;letter-spacing:-3px}.interactive-toolkit{height:400px}.tech-tile{padding:10px;gap:7px}.tech-symbol{width:27px;height:27px;font-size:16px}.tech-tile strong{font-size:10px}.tech-tile small{font-size:5px}.tech-react{left:13px}.tech-wordpress{right:10px}.tech-flutter{left:18px}.tech-node{right:8px}.tech-sitefinity{left:1px}.tech-laravel{right:-2px}.toolkit-center>span{font-size:25px}.project-visual-button{height:300px;padding:23px}.preview-sapa{padding:0}.section-heading h2{font-size:43px}.company-layout h2{font-size:42px}.project-card h3{font-size:21px}}@media(max-width:800px){.hero-layout{gap:28px;grid-template-columns:1fr 1fr}.hero h1{font-size:57px;letter-spacing:-3px}.name-star{font-size:26px;right:-27px;top:35px}.hello-label{font-size:23px}.hero-profession{font-size:12px}.hero-profession>span{font-size:10px}.hero-detail{font-size:11px}.hero-actions{gap:17px}.hero-actions .button{font-size:10px;padding:13px 15px;gap:14px}.hero-contact{font-size:10px;gap:8px}.interactive-toolkit{height:370px}.tech-tile{gap:6px;padding:9px;border-radius:7px}.tech-tile strong{font-size:8px}.tech-tile small{font-size:4px}.tech-symbol{height:25px;width:25px;font-size:15px}.tech-react .tech-symbol{font-size:23px}.tech-wordpress .tech-symbol{font-size:21px}.tech-tile>svg{display:none}.tech-react{top:63px;left:12px}.tech-wordpress{right:6px;top:52px}.tech-sitefinity{top:170px;left:1px}.tech-laravel{top:166px;right:-1px}.tech-flutter{bottom:60px;left:17px}.tech-node{bottom:57px;right:5px}.toolkit-center>svg{width:26px}.toolkit-center>span{font-size:21px}.toolkit-center em{font-size:28px}.toolkit-orbit{width:230px;height:260px}.toolkit-top,.toolkit-bottom{left:16px;right:16px;font-size:5px;letter-spacing:.7px}.hero-topline .eyebrow{font-size:6px}.hero-location{font-size:7px}.navigation{gap:23px;font-size:11px}.navigation .nav-contact{margin-left:0;padding:10px 12px}.work-section{padding-top:66px}.section-heading h2{font-size:36px;letter-spacing:-1.5px}.section-heading>p{font-size:10px;max-width:255px}.project-grid{gap:37px 23px}.project-grid>.project-card:nth-child(n){grid-column:span 6}.project-visual-button{height:260px;padding:20px}.preview-sapa{padding:0}.project-card h3{font-size:19px}.project-card>p{font-size:11px}.project-role{font-size:9px}.project-tags>button{font-size:8px;padding:4px 6px}.project-filter-tabs button{font-size:9px}.project-index>button{grid-template-columns:25px 1.5fr .8fr 20px;gap:15px}.index-stack{display:none}.index-name{font-size:14px}.index-category{font-size:8px}.about-layout h2{font-size:35px}.about-copy .about-lead{font-size:17px}.company-layout h2{font-size:36px}.company-section{padding:30px}.contact-layout h2{font-size:47px}.hero-bottom>span{font-size:6px;letter-spacing:.8px}.project-tags{gap:4px}}@media(max-width:580px){.site-header{height:74px}.navigation{background:var(--paper);top:74px;border-bottom-color:var(--line);box-shadow:0 14px 20px #45652e0a}.navigation>a{color:#668b50;border-bottom-color:var(--line)}.navigation a:hover{color:#345b2a}.navigation .nav-contact{border:0;border-radius:0;margin:0}.wordmark{font-size:29px}.hero{padding-top:26px}.hero-topline .eyebrow{font-size:6px;letter-spacing:1px}.hero-location{display:block;font-size:6px;letter-spacing:.4px}.time-divider{margin-inline:4px}.hero-layout{grid-template-columns:1fr;gap:29px;margin-top:27px}.hero h1{font-size:72px;letter-spacing:-3px;line-height:1.03}.hero h1>.name-serif{font-size:1.14em;letter-spacing:-2px}.hello-label{font-size:24px;margin-bottom:10px}.name-star{font-size:31px;right:-44px;top:46px}.hero-profession{font-size:13px;margin-top:21px}.hero-profession>span{font-size:12px}.hero-detail{font-size:12px;max-width:340px;line-height:1.85}.hero-actions{gap:25px;margin-top:24px}.hero-actions .button{font-size:11px;padding:15px 18px;gap:18px}.hero-contact{font-size:11px;gap:13px}.interactive-toolkit{height:350px;max-width:430px;width:100%;margin-inline:auto}.tech-tile{padding:11px 12px;gap:9px}.tech-tile strong{font-size:10px}.tech-tile small{font-size:5px}.tech-symbol{height:29px;width:29px;font-size:18px}.tech-tile>svg{display:block}.tech-react{top:57px;left:17px}.tech-wordpress{top:48px;right:13px}.tech-sitefinity{top:154px;left:3px}.tech-laravel{top:160px;right:2px}.tech-flutter{bottom:53px;left:25px}.tech-node{bottom:48px;right:11px}.toolkit-center>span{font-size:24px}.toolkit-center em{font-size:32px}.toolkit-center>svg{width:29px}.toolkit-top,.toolkit-bottom{left:20px;right:20px;font-size:6px}.toolkit-top{top:19px}.toolkit-bottom{bottom:17px}.toolkit-orbit{width:260px;height:260px}.hero-bottom{margin-top:27px;padding-block:20px}.hero-bottom>span{font-size:5px;letter-spacing:.8px}.hero-bottom>div{gap:18px}.work-section{padding-top:55px}.section-heading h2{font-size:39px;letter-spacing:-1.6px}.section-heading>p{font-size:12px;max-width:340px;padding-top:15px}.project-grid{display:grid;grid-template-columns:1fr;gap:35px}.project-grid>.project-card:nth-child(n){grid-column:auto}.project-visual-button{height:260px;padding:23px;border-radius:10px}.preview-sapa{padding:0}.project-card h3{font-size:21px}.project-card-top{font-size:7px;margin-top:19px}.project-role{font-size:9px}.project-card>p{font-size:12px}.project-tags>button{font-size:8px;padding:4px 7px}.project-actions a,.project-actions button{font-size:10px}.archive-heading>span{font-size:7px}.archive-heading>p{font-size:11px}.project-filter-tabs{gap:18px}.project-filter-tabs button{font-size:8px}.results-bar{margin-bottom:20px}.results-count{font-size:6px}.layout-toggle>button{padding:5px}.project-text-card h3{font-size:20px}.project-index>button{grid-template-columns:20px 1fr 20px;gap:12px;padding-block:21px}.index-name{font-size:15px}.index-name>small{font-size:8px}.index-category{display:none}.about-layout h2{font-size:39px}.about-copy .about-lead{font-size:18px}.about-copy>p{font-size:12px}.company-section{padding:25px}.company-layout h2{font-size:41px;letter-spacing:-1.6px}.company-email{font-size:9px}.contact-layout h2{font-size:51px;letter-spacing:-2px}.contact-bottom>a{font-size:9px}.contact-bottom>a:first-child{font-size:8px}.contact-dock{bottom:17px;padding:5px}.contact-dock>a{font-size:10px;padding:9px 10px}.site-footer .wordmark{font-size:23px}.dialog-content h2{font-size:29px}.dialog-description{font-size:12px}.project-dialog{border-radius:10px}.site-footer>p{font-size:7px}.dialog-content h3{font-size:15px}}@media(max-width:370px){.hero h1{font-size:63px}.name-star{font-size:26px;right:-31px;top:40px}.hero-location,.hero-topline .eyebrow{font-size:5px}.interactive-toolkit{height:330px}.tech-tile{padding:9px;gap:7px}.tech-tile strong{font-size:9px}.tech-tile small{font-size:4px}.tech-symbol{height:26px;width:26px}.tech-tile>svg{display:none}.tech-react{left:10px}.tech-wordpress{right:8px}.tech-flutter{left:13px}.tech-node{right:6px}.toolkit-center>span{font-size:22px}.toolkit-center em{font-size:28px}.toolkit-orbit{width:235px;height:240px}.hero-actions{gap:18px}.hero-actions .button{font-size:10px;padding:14px 16px}.hero-contact{font-size:10px}.section-heading h2{font-size:34px}.project-visual-button{height:230px;padding:19px}.preview-sapa{padding:0}.company-layout h2{font-size:34px}.contact-layout h2{font-size:43px}.hero-bottom>span{font-size:4.5px}}@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none}.project-visual-button,.interactive-toolkit{transform:none}.tech-tile{transform:rotate(var(--tile-angle,0deg))}*,*:before,*:after{animation:none!important;transition:none!important}}.hero-detail,.project-card>p,.section-heading>p,.about-copy>p,.dialog-description,.contributions>li{color:#69765f}.project-role{color:#6d805d}.project-card-top{color:#7e8d70}.project-tags>button,.stack-group .tags>span{color:#60764f;font-size:9px}.hero-profession>span{color:#76866a}.company-layout p,.company-email{color:#6e855d}.project-meta strong,.experience-item h4,.experience-item p,.experience-date{color:#6f865d}.project-note{color:#7a8e6a}.project-actions a,.project-actions button{color:#4f723c}.capability-strip p{color:#738965}.education p,.education>div>span{color:#849873}.category-select>select{color:#667b55}.search-field input::placeholder{color:#87967b}.project-filter-tabs button{color:#75876a}.site-footer>p,.site-footer .text-link{color:#819572}.interactive-toolkit:hover .tech-tile,.interactive-toolkit:focus-within .tech-tile{animation-play-state:paused}.project-controls{position:relative;z-index:8}.search-field{padding-inline:3px;transition:color .2s}.search-field input:focus,.search-field input:focus-visible{outline:none;box-shadow:none;background:transparent}.search-field:focus-within{color:#557742}.project-controls:has(.search-field input:focus-visible){border-bottom-color:#9eb58a}.search-field:focus-within input::placeholder{color:#8da17c}.search-field>.icon-button:focus-visible{outline:1px solid #a7ba95;outline-offset:1px;border-radius:4px}.category-dropdown{position:relative;border-left:1px solid #dce3d2;padding-left:18px;width:200px;flex-shrink:0}.category-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;background:transparent;padding:10px 9px;font-size:11px;color:#6d825d;border-radius:5px;transition:background .2s,color .2s}.category-trigger:hover,.category-trigger.is-open{background:#eaf0e0;color:#3f6432}.category-trigger>svg{color:#98ad85;transition:transform .2s}.category-trigger.is-open>svg{transform:rotate(180deg)}.category-trigger:focus-visible{outline:1px solid #afc39d;outline-offset:2px}.category-menu{position:absolute;top:calc(100% + 13px);right:0;width:255px;background:#f8faf1;border:1px solid #dce5cf;border-radius:9px;padding:6px;box-shadow:0 15px 35px #3e5b2b17,0 3px 8px #3e5b2b08;z-index:20;animation:menu-enter .15s ease}.category-menu>button{width:100%;display:flex;align-items:center;gap:11px;background:none;border-radius:5px;padding:11px 10px;color:#768d63;font-size:11px;text-align:left;transition:background .15s,color .15s}.category-menu>button>span:first-child{flex:1}.category-menu>button>small{font-size:9px;color:#a5b691}.menu-check-space{width:13px;flex-shrink:0}.category-menu>button:hover,.category-menu>button:focus-visible{background:#e9f0dd;outline:none;color:#476b36}.category-menu>button[aria-checked=true]{color:#416632;background:#edf3e4}.category-menu>button>svg{color:#7e9c65}.category-menu>button[aria-checked=true]>small{color:#8da777}@keyframes menu-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.education{display:block;border-top:1px solid var(--line);padding-top:40px;margin-top:50px}.education-heading{display:block;margin-bottom:25px}.education-heading .section-index{font-size:8px;color:#8b9f78}.education-heading h2{font-size:35px;font-weight:500;line-height:1.15;letter-spacing:-1.2px;margin-top:13px}.education-heading h2 .serif{color:#7e9768}.education-heading>p{font-size:11px;color:#8b9e7b;margin-top:10px}.education-cards{display:grid;grid-template-columns:1fr 1fr;gap:26px}.degree-card{border:1px solid #dce5d0;background:#eff2e7;border-radius:9px;padding:24px;min-width:0;transition:background .25s,border-color .25s,transform .25s}.degree-card:hover{background:#edf2e2;border-color:#c9d9b8;transform:translateY(-3px)}.degree-top{display:flex;align-items:center;gap:15px}.university-logo{width:56px;height:56px;display:grid;place-items:center;flex-shrink:0;border:1px solid #e2e7d7;background:#fafbf5;border-radius:10px;padding:8px}.university-logo img{height:100%;width:100%;object-fit:contain;display:block}.university-name{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:550;color:#537540;line-height:1.6}.university-name:hover{color:#34592c}.university-name>svg{color:#93ac7c}.university-location{display:block;font-size:9px;color:#9bb086;margin-top:3px}.degree-details{margin-top:22px}.degree-level{font-size:7px;letter-spacing:1.1px;color:#9aaf86;display:block}.education .degree-details h3{font-family:Manrope,sans-serif;font-size:19px;font-weight:500;letter-spacing:-.4px;line-height:1.5;color:#577a45;margin-top:8px}.education .degree-details p{font-size:11px;color:#859d71;margin-top:5px}.degree-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;border-top:1px solid #dae4cd;padding-top:14px}.degree-bottom>span{font-size:9px;color:#93a87f}.degree-bottom strong{font-weight:500;color:#719356;margin-left:4px}.university-visit{display:inline-flex;align-items:center;gap:9px;font-size:9px;color:#8ca776;margin-top:16px}.university-visit:hover{color:#486e36;text-decoration:underline;text-underline-offset:3px}.education>div{grid-column:auto}.education .education-heading>span{font-size:8px;color:#8b9f78}.education .education-cards>span{font-size:inherit}@media(max-width:800px){.category-dropdown{width:175px;padding-left:12px}.category-trigger{font-size:10px}.education-cards{gap:20px}.degree-card{padding:20px}.university-logo{height:50px;width:50px;padding:7px}.university-name{font-size:11px;gap:7px}.degree-top{gap:12px}.education .degree-details h3{font-size:17px}}@media(max-width:580px){.project-controls{gap:12px}.category-dropdown{width:107px;padding-left:8px}.category-trigger{padding:9px 3px;gap:6px;font-size:9px}.category-trigger>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-trigger>svg{height:12px;width:12px}.category-menu{width:235px;top:calc(100% + 12px)}.category-menu>button{font-size:10px;padding:11px}.search-field input{font-size:10px}.search-field input::placeholder{font-size:9px}.search-field{gap:7px}.search-field>svg{width:14px;height:14px}.education{padding-top:30px;margin-top:33px}.education-heading h2{font-size:32px;letter-spacing:-1px}.education-heading>p{font-size:11px;margin-top:8px}.education-cards{grid-template-columns:1fr;gap:16px}.degree-card{padding:22px}.degree-top{gap:14px}.university-logo{width:53px;height:53px}.university-name{font-size:13px}.university-location{font-size:9px}.degree-details{margin-top:21px}.education .degree-details h3{font-size:20px}.education .degree-details p{font-size:12px}.degree-bottom{margin-top:20px}.degree-bottom>span{font-size:10px}.university-visit{font-size:10px}.navigation{gap:0}}@media(max-width:370px){.category-dropdown{width:92px}.category-trigger{font-size:8px}.search-field input,.search-field input::placeholder{font-size:8px}.university-name{font-size:11px}.education .degree-details h3{font-size:18px}.degree-card{padding:20px}}.company-title-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.spm-logo{display:grid;place-items:center;height:64px;width:64px;background:#f8faf4;border:1px solid #d7e2cc;border-radius:10px;padding:9px}.spm-logo>img{display:block;width:100%;height:100%;object-fit:contain}.company-products{border-top:1px solid #d2dfc2;margin-top:35px;padding-top:29px}.products-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.products-heading .section-index{font-size:7px;color:#94ac81}.products-heading h3{font:500 25px/1.3 Manrope,sans-serif;letter-spacing:-.7px;color:#526f40;margin-top:11px}.products-heading h3 .serif{color:#839e6c;font-size:1.12em}.products-heading>a{font-size:10px;color:#839e6d;display:flex;align-items:center;gap:8px;white-space:nowrap}.company-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 22px}.company-product-card{min-width:0}.company-product-image{display:block;position:relative;width:100%;aspect-ratio:1.7;background:#e1e9d6;border:1px solid #d6e1c9;border-radius:7px;overflow:hidden}.company-product-image>img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .5s}.company-product-image:hover>img{transform:scale(1.035)}.company-product-image>span{position:absolute;bottom:8px;right:8px;border-radius:50%;height:26px;width:26px;display:grid;place-items:center;color:#688a51;background:#f7faefe8}.company-product-card h4{font-size:14px;line-height:1.5;letter-spacing:-.3px;font-weight:550;margin-top:13px;color:#5a7a45}.company-product-card h4 a:hover{color:#345729}.company-product-card .tags{margin-top:9px;gap:4px}.company-product-card .tags>span{font-size:8px;background:#e6eddc;border-color:#d5dfc7;color:#839b6d;padding:3px 6px}.company-product-link{display:inline-flex;gap:8px;align-items:center;font-size:9px;color:#839d6d;margin-top:12px}.company-product-link:hover{text-decoration:underline;text-underline-offset:4px}.experience-entry{display:grid;grid-template-columns:64px minmax(0,1fr) 155px;align-items:start;gap:23px;padding-block:27px}.experience-logo{width:60px;height:60px;display:grid;place-items:center;background:#f9faf4;border:1px solid #dce4d1;border-radius:10px;padding:9px;transition:background .2s,border-color .2s}.experience-logo:hover{background:#fff;border-color:#c2d4ae}.experience-logo img{display:block;width:100%;height:100%;object-fit:contain}.experience-logo.brand-mediatropy{background:#2e3c2e;border-color:#3c4a36;padding:10px}.experience-logo.brand-jlm{background:#3c5356;border-color:#3c5356;padding:7px}.experience-content{min-width:0;padding-top:2px}.experience-entry .experience-content h3{font-size:18px;font-weight:550;letter-spacing:-.5px;color:#51743e;line-height:1.4}.experience-content h3>a{display:inline-flex;gap:10px;align-items:center}.experience-content h3>a>svg{color:#a1b68b;transition:transform .2s}.experience-content h3>a:hover>svg{transform:translate(2px,-2px)}.experience-entry .experience-content h4{font-size:11px;color:#779260;margin-top:7px;font-weight:500}.experience-entry .experience-content p{font-size:11px;color:#8ba276;line-height:1.8;margin-top:10px;max-width:580px}.experience-entry .experience-period{display:flex;flex-direction:column;align-items:flex-end;gap:9px;padding-top:3px;grid-column:auto;grid-row:auto}.experience-period>span:first-child{font-size:10px;line-height:1.8;color:#98ac87;white-space:nowrap}.experience-current{display:inline-flex;background:#e4edd9;border:1px solid #d1dfc1;border-radius:3px;padding:4px 7px;font-size:6px!important;letter-spacing:.8px;color:#86a16f!important}.experience-note{color:#9bb08a;font-size:9px;margin-top:19px}@media(max-width:800px){.company-product-grid{gap:22px 17px}.company-product-card h4{font-size:12px}.products-heading h3{font-size:22px}.experience-entry{grid-template-columns:58px minmax(0,1fr) 125px;gap:18px}.experience-logo{width:54px;height:54px;padding:8px}.experience-entry .experience-content h3{font-size:16px}.experience-entry .experience-content h4,.experience-entry .experience-content p{font-size:10px}.experience-period>span:first-child{font-size:9px}.experience-entry .experience-content{grid-column:auto;grid-row:auto}.company-title-wrap{gap:16px}.spm-logo{height:56px;width:56px}}@media(max-width:580px){.products-heading{align-items:flex-start;gap:15px;margin-bottom:19px}.products-heading h3{font-size:22px;max-width:210px}.products-heading>a{font-size:9px;gap:5px;padding-top:4px}.products-heading .section-index{font-size:6px}.company-products{margin-top:27px;padding-top:24px}.company-product-grid{grid-template-columns:1fr 1fr;gap:24px 14px}.company-product-image{aspect-ratio:1.5;border-radius:6px}.company-product-card h4{font-size:11px;line-height:1.6;margin-top:10px}.company-product-card .tags>span{font-size:7px;padding:3px 5px}.company-product-link{font-size:8px;gap:6px;margin-top:10px}.company-product-image>span{width:22px;height:22px;right:6px;bottom:6px}.company-product-image>span>svg{width:14px}.company-product-card:last-child{grid-column:1/-1;max-width:none}.company-product-card:last-child>.company-product-image{aspect-ratio:2.1}.experience-entry{grid-template-columns:49px minmax(0,1fr);gap:6px 15px;padding-block:23px}.experience-logo{width:48px;height:48px;padding:7px;grid-column:1;grid-row:1/3;border-radius:9px}.experience-entry .experience-content{grid-column:2;grid-row:1;padding-top:0}.experience-entry .experience-content h3{font-size:16px;line-height:1.5}.experience-entry .experience-content h4{font-size:10px;line-height:1.7;margin-top:5px}.experience-entry .experience-content p{font-size:11px;line-height:1.8;margin-top:9px}.experience-entry .experience-period{grid-column:2;grid-row:2;align-items:center;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:9px;padding-top:7px}.experience-period>span:first-child{font-size:9px}.experience-current{font-size:5px!important;padding:3px 5px}.experience-note{font-size:8px}.company-title-wrap{gap:15px}.spm-logo{height:53px;width:53px;padding:7px}}@media(max-width:370px){.company-product-grid{grid-template-columns:1fr;gap:24px}.company-product-card:last-child{grid-column:auto}.company-product-image,.company-product-card:last-child>.company-product-image{aspect-ratio:1.7}.company-product-card h4{font-size:14px}.company-product-card .tags>span{font-size:8px}.company-product-link{font-size:9px}.products-heading h3{font-size:20px}.experience-entry{gap:6px 12px}.experience-entry .experience-content h3{font-size:15px}.experience-logo{height:45px;width:45px}}.preview-wer4pets{padding:0;background:#f4d34f;border-color:#e6cb68}.pedigree-preview{background:#f4d34f;color:#4c401e}.pedigree-preview .mobile-preview-label>span{color:#88722a}.pedigree-preview .phone-pair img{border-color:#c6a53f;aspect-ratio:9/16;border-radius:12px;box-shadow:0 14px 25px #6d551b25}.related-website-link{margin-left:20px;margin-top:28px;color:#718c5c}.project-actions{flex-wrap:wrap;row-gap:12px}@media(max-width:580px){.related-website-link{font-size:10px;margin-left:15px}.pedigree-preview .phone-pair img{border-radius:9px}}