:root{color:#1f1a14;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#1f1a14;--paper:#fbf5ea;--surface:#fffdf8;--muted:#736b61;--subtle:#575149;--line:#ded7cb;--outline:#1f1a14;--shadow:#1f1a14;--acid:#c2e85a;--yellow:#f7d45c;--orange:#ffa04d;--pink:#ec94c6;--blue:#e8f3ff;--soft:#f1ebdf;--grid:#55432b0e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fbf5ea;font-family:Bricolage Grotesque,DM Sans,sans-serif}:root[data-theme=dark]{--ink:#f8f1e5;--paper:#201e1a;--surface:#2b2823;--muted:#b8afa1;--subtle:#d1c7b8;--line:#494338;--outline:#a89d8b;--shadow:#0b0a08;--soft:#332f28;--grid:#efdebe0b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);scroll-padding-top:110px}body{color:var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}svg{flex-shrink:0}::selection{background:var(--acid);color:#1f1a14;text-shadow:none}.wrap{width:min(1180px,100% - 80px);margin-inline:auto}.mono,.eyebrow{font-family:DM Mono,monospace}.eyebrow{letter-spacing:.09em;color:var(--subtle);font-size:10px;font-weight:500;line-height:1.7}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;min-height:96px;display:flex}.wordmark{letter-spacing:-2px;color:#1f1a14;background:var(--yellow);width:49px;height:46px;box-shadow:3px 3px 0 var(--shadow);border:2px solid #1f1a14;border-radius:14px;place-items:center;font-size:23px;font-weight:800;display:grid;transform:rotate(-5deg)}.nav-links{align-items:center;gap:27px;font-size:14px;font-weight:600;display:flex}.nav-links>a:not(.nav-contact):not(.nav-resume){text-underline-offset:6px}.nav-links>a:not(.nav-contact):not(.nav-resume):hover{text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-decoration-thickness:2px}.theme-toggle{border:1.5px solid var(--outline);background:var(--surface);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.nav-contact{background:var(--acid);color:#1f1a14;box-shadow:3px 3px 0 var(--shadow);border:2px solid #1f1a14;border-radius:999px;align-items:center;gap:9px;padding:11px 17px;display:inline-flex}.hero{isolation:isolate;padding-top:70px;padding-bottom:76px;position:relative}.hero-top{display:flex}.hero-badge{border:2px solid var(--outline);background:var(--surface);box-shadow:3px 3px 0 var(--shadow);border-radius:999px;align-items:center;gap:9px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.live-dot{background:var(--acid);border:1px solid #1f1a14;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.hero h1{letter-spacing:-.065em;max-width:1050px;margin:34px 0 29px;font-size:clamp(54px,7.5vw,96px);font-weight:800;line-height:1.06}.serif-italic{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit}.hero h1 .serif-italic{background:var(--yellow);color:#1f1a14;border-radius:16px;margin-left:-.04em;padding:0 .14em .07em;display:inline-block;transform:rotate(-1deg)}.intro{max-width:690px;color:var(--subtle);margin:0;font-size:18px;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px;display:flex}.hero-contact,.hero-actions .text-link{background:var(--orange);color:#1f1a14;box-shadow:4px 4px 0 var(--shadow);border:2px solid #1f1a14;border-radius:15px;justify-content:center;align-items:center;gap:18px;padding:15px 22px;font-size:15px;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex}.hero-actions .text-link{background:var(--surface);border-color:var(--outline);color:var(--ink);margin:0}.hero-experience{color:var(--muted);margin:28px 0 0;font-size:10px;line-height:1.8}.hero:after{content:"";pointer-events:none;z-index:-1;background:url(/system-stack.svg) 50%/contain no-repeat;width:205px;height:168px;position:absolute;bottom:68px;right:15px}.ticker{background:var(--acid);color:#1f1a14;border-block:2px solid #1f1a14;padding:17px 0;overflow:hidden}.ticker-track{white-space:nowrap;letter-spacing:.08em;justify-content:space-around;align-items:center;gap:36px;font:500 11px DM Mono,monospace;display:flex}.ticker-track i{font-size:19px;font-style:normal}.work,.skills,.services,.principles{padding-top:90px;padding-bottom:90px}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px;display:flex}.section-head h2{letter-spacing:-.045em;margin:12px 0 0;font-size:clamp(34px,4vw,49px);font-weight:800;line-height:1.1}.accent{color:#de7433}.section-count{white-space:nowrap;background:var(--soft);color:var(--subtle);border-radius:999px;padding:8px 12px;font-size:10px;line-height:1.6}.section-note{color:var(--subtle);max-width:730px;margin:0 0 32px;font-size:15px;line-height:1.75}.section-note a{text-underline-offset:3px;text-decoration:underline}.project-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.project{background:var(--surface);border:2px solid var(--outline);box-shadow:5px 5px 0 var(--shadow);border-radius:22px;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.project-art{border-bottom:2px solid var(--outline);color:#1f1a14;border-radius:20px 20px 0 0;place-items:center;height:225px;display:grid;position:relative;overflow:hidden}.project-art.lavender{background:#c9b3ef}.project-art.lime{background:#cce981}.project-art.blue{background:#b8daf4}.project-art:before{content:"";background-image:linear-gradient(#1f1a1409 1px,#0000 1px),linear-gradient(90deg,#1f1a1409 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.art-index,.art-caption{letter-spacing:.05em;font-size:9px;position:absolute;left:20px}.art-index{top:19px}.art-caption{bottom:18px}.art-mark{letter-spacing:-.08em;font-size:105px;font-weight:800;transition:transform .2s;transform:rotate(-6deg)}.project-info{flex-direction:column;flex:1;padding:25px 22px 19px;display:flex}.project-info h3{letter-spacing:-.045em;margin:10px 0 12px;font-size:29px}.project-info h3 sup{vertical-align:top;margin-left:4px;font-size:17px}.project-info p{color:var(--subtle);margin:0 0 24px;font-size:14px;line-height:1.7}.project-info h3 a:after{content:"";border-radius:22px;position:absolute;inset:0}.project:has(a:focus-visible){outline:3px solid var(--orange);outline-offset:7px}.project-meta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:15px;display:flex}.project-meta>span:first-child{color:var(--muted);font-size:8px;line-height:1.6}.round-arrow,.article-arrow{background:var(--soft);border-radius:50%;flex-shrink:0;place-items:center;width:33px;height:33px;display:grid}.skills{padding-top:0}.skill-groups{background:var(--surface);border:2px solid var(--outline);box-shadow:5px 5px 0 var(--shadow);border-radius:22px;padding:6px 30px}.skill-group{border-bottom:1px solid var(--line);grid-template-columns:230px 1fr;align-items:center;gap:22px;padding:23px 0;display:grid}.skill-group:last-child{border-bottom:0}.skill-group h3{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:12px;margin:0;font-size:11px;font-weight:500;line-height:1.6;display:flex}.skill-group h3:before{content:"";background:var(--orange);border:1px solid #1f1a14;border-radius:50%;flex-shrink:0;width:10px;height:10px}.skill-group:nth-child(2) h3:before{background:var(--acid)}.skill-group:nth-child(3) h3:before{background:var(--pink)}.skill-group:nth-child(4) h3:before{background:#b7a0e6}.skill-group:nth-child(5) h3:before{background:#93c8ed}.skill-list{flex-wrap:wrap;gap:13px;margin:0;padding:0;list-style:none;display:flex}.skill-item{position:relative}.skill-tile{border:1.5px solid var(--line);color:#1f1a14;background:#fffdf8;border-radius:15px;place-items:center;width:64px;height:62px;padding:8px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative}.skill-logo{place-items:center;width:42px;height:42px;display:grid}.skill-logo img{object-fit:contain;filter:grayscale();transition:filter .2s}.skill-tooltip{z-index:5;border:1.5px solid var(--outline);background:var(--ink);color:var(--paper);white-space:nowrap;visibility:hidden;opacity:0;box-shadow:2px 2px 0 var(--shadow);border-radius:9px;padding:9px 12px;font:10px DM Mono,monospace;transition:opacity .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.skill-tile:focus{box-shadow:3px 3px 0 var(--shadow);border-color:#1f1a14}.skill-tile:focus img{filter:grayscale(0)}.skill-tile:focus:not([data-tooltip-dismissed=true]) .skill-tooltip{visibility:visible;opacity:1}.about{background:var(--soft);border-block:1px solid var(--line);padding:76px 0}.about-inner{grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}.about-label{flex-direction:column;align-items:flex-start;gap:42px;display:flex}.about-orbit{background:var(--yellow);width:240px;height:240px;box-shadow:7px 7px 0 var(--shadow);color:#1f1a14;border:2px solid #1f1a14;border-radius:44px;place-items:center;display:grid;position:relative;transform:rotate(-6deg)}.about-orbit:before{content:"";border:1px solid #1f1a1450;border-radius:50%;position:absolute;inset:26px}.about-orbit:after{content:"";background:var(--pink);border:2px solid #1f1a14;border-radius:50%;width:21px;height:21px;position:absolute;top:25px;right:43px}.about-orbit span{font-size:105px;line-height:1}.about-orbit i{letter-spacing:.03em;background:var(--yellow);padding:4px;font:9px DM Mono,monospace;position:absolute;bottom:23px}.about-copy h2{letter-spacing:-.045em;margin:0 0 25px;font-size:clamp(35px,4vw,51px);font-weight:800;line-height:1.12}.about-copy h2 .serif-italic{background:var(--acid);color:#1f1a14;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:7px;padding:0 6px}.about-copy p{color:var(--subtle);margin:0 0 15px;font-size:15px;line-height:1.8}.about-copy strong{color:var(--ink)}.about-audiences{margin:25px 0;padding:0;list-style:none}.about-audiences li{background:var(--surface);border:1px solid var(--line);border-radius:15px;margin-bottom:15px;padding:20px}.about-audiences p{margin-bottom:0}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:9px;margin-top:12px;padding-bottom:4px;font-size:13px;font-weight:600;display:inline-flex}.about-actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.about-actions .text-link{margin:0}.service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.service-row{background:var(--surface);border:2px solid var(--outline);box-shadow:5px 5px 0 var(--shadow);border-radius:22px;grid-template-columns:1fr 42px;gap:16px;padding:29px;display:grid}.service-number{background:var(--orange);width:38px;height:36px;box-shadow:2px 2px 0 var(--shadow);color:#1f1a14;border:1.5px solid #1f1a14;border-radius:11px;place-items:center;font-size:11px;display:grid;transform:rotate(-5deg)}.service-row:nth-child(2) .service-number{background:var(--acid)}.service-row:nth-child(3) .service-number{background:var(--pink)}.service-row:nth-child(4) .service-number{background:#c9b3ef}.service-row h3{letter-spacing:-.035em;grid-area:2/1/auto/-1;margin:0;font-size:25px}.service-row p{color:var(--subtle);grid-column:1/-1;margin:0;font-size:15px;line-height:1.75}.service-row>a{border:1px solid var(--line);background:var(--soft);border-radius:50%;grid-area:1/2;place-items:center;width:38px;height:38px;transition:background .2s;display:grid}.writing{background:var(--soft);border-block:1px solid var(--line);padding:75px 0}.article-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.article-row{background:var(--surface);border:1px solid var(--line);border-radius:20px;grid-template-columns:1fr auto;gap:22px 10px;padding:25px;display:grid}.article-date{color:var(--muted);letter-spacing:.02em;grid-column:1/-1;font-size:8px;line-height:1.6}.article-copy{grid-column:1/-1}.article-copy h3{letter-spacing:-.035em;margin:0 0 14px;font-size:24px;line-height:1.2}.article-copy p{color:var(--subtle);margin:0;font-size:14px;line-height:1.7}.article-topic{color:var(--muted);align-self:center;font-size:9px}.article-index{color:var(--muted);grid-area:4/1;font-size:10px}.article-arrow{grid-area:4/2}.blog-note{color:var(--muted);margin:29px 0 0;font-size:9px;line-height:1.9}.blog-note a{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.principle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:30px;display:grid}.principle-grid>div{border-top:2px solid var(--outline);padding-top:20px}.principle-n{color:var(--muted);font-size:11px}.principle-grid h3{letter-spacing:-.035em;margin:24px 0 13px;font-size:25px}.principle-grid p{color:var(--subtle);margin:0;font-size:15px;line-height:1.8}.footer{background:var(--yellow);color:#1f1a14;border-top:2px solid #1f1a14;padding:66px 0 28px}.footer .eyebrow{color:#514630}.footer .live-dot{background:#1f1a14}.footer-cta{letter-spacing:-.055em;max-width:1000px;margin:30px 0 60px;padding-right:80px;font-size:clamp(42px,7.5vw,91px);font-weight:800;line-height:1.1;display:block;position:relative}.footer-cta .serif-italic{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#fffdf8;border-radius:12px;padding:0 10px 6px}.footer-arrow{background:var(--orange);border:2px solid #1f1a14;border-radius:50%;width:58px;height:58px;padding:10px;transition:transform .2s;position:absolute;top:50%;right:0;box-shadow:3px 3px #1f1a14}.footer-bottom{border-top:1px solid #1f1a1440;justify-content:space-between;align-items:center;gap:22px;padding-top:24px;display:flex}.footer-bottom .mono{font-size:9px;line-height:1.6}.footer .wordmark{background:#fffdf8}.socials{align-items:center;gap:18px;display:flex}.socials>a{align-items:center;gap:5px;display:inline-flex}.footer-resume{border-bottom:1px solid #1f1a14;padding-bottom:4px}@media (hover:hover){.hero-contact:hover,.hero-actions .text-link:hover,.nav-contact:hover{box-shadow:2px 2px 0 var(--shadow);transform:translate(2px,2px)}.project:has(a):hover{box-shadow:7px 8px 0 var(--shadow);transform:translate(-2px,-3px)}.project:has(a):hover .art-mark{transform:rotate(0)}.skill-tile:hover{box-shadow:3px 3px 0 var(--shadow);border-color:#1f1a14;transform:translateY(-2px)}.skill-tile:hover img{filter:grayscale(0)}.skill-tile:hover:not([data-tooltip-dismissed=true]) .skill-tooltip{visibility:visible;opacity:1}.service-row>a:hover{background:var(--acid);color:#1f1a14}.footer-cta:hover .footer-arrow{transform:rotate(-12deg)}.socials a:hover{text-decoration:underline}}@media (width<=1000px){.wrap{width:calc(100% - 56px)}.nav-links{gap:18px;font-size:13px}.hero h1{font-size:clamp(54px,8vw,80px)}.hero:after{opacity:.8;width:155px;bottom:55px;right:0}.intro{max-width:75%;font-size:17px}.project-list,.article-list{gap:18px}.project-info{padding:20px 17px}.project-meta>span:first-child{font-size:7px}.about-inner{gap:45px}.about-orbit{width:195px;height:195px}.skill-group{grid-template-columns:195px 1fr}.footer-cta{font-size:72px}}@media (width<=760px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.nav{align-items:flex-start;gap:15px;min-height:0;padding-block:20px}.wordmark{flex-shrink:0;width:43px;height:42px;font-size:21px}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:12px 17px;font-size:12px}.nav-contact{padding:8px 12px}.theme-toggle{width:34px;height:34px}.hero{padding-top:45px;padding-bottom:53px}.hero h1{letter-spacing:-.065em;margin-top:30px;font-size:clamp(40px,8.8vw,65px);line-height:1.15}.hero h1 .serif-italic{border-radius:10px}.hero:after{display:none}.intro{max-width:100%;font-size:16px;line-height:1.8}.hero-badge{font-size:11px}.hero-contact,.hero-actions .text-link{gap:12px;padding:13px 17px;font-size:14px}.hero-experience{font-size:9px}.ticker-track{justify-content:flex-start;gap:28px;width:max-content;font-size:9px}.ticker{padding-block:13px}.work,.services,.principles{padding-top:60px;padding-bottom:65px}.skills{padding-bottom:65px}.section-head{flex-wrap:wrap;align-items:flex-start;gap:15px}.section-head h2{font-size:36px}.section-count{font-size:8px}.section-note{font-size:14px}.project-list,.article-list{grid-template-columns:1fr;gap:25px}.project-art{height:225px}.project-info{padding:25px}.project-info p{min-height:0}.project-meta>span:first-child{font-size:9px}.skill-groups{padding:4px 20px}.skill-group{grid-template-columns:1fr;gap:18px;padding:24px 0}.skill-list{gap:12px}.skill-tile{width:58px;height:58px}.about{padding-block:55px}.about-inner{grid-template-columns:1fr;gap:37px}.about-label{flex-direction:row;justify-content:space-between;align-items:center;gap:18px}.about-orbit{width:112px;height:112px;box-shadow:4px 4px 0 var(--shadow);border-radius:24px}.about-orbit span{font-size:51px}.about-orbit:before{inset:13px}.about-orbit:after{width:12px;height:12px;top:9px;right:24px}.about-orbit i{font-size:6px;bottom:10px}.about-copy h2{font-size:39px}.about-copy p{font-size:14px}.about-audiences li{padding:18px}.service-list{grid-template-columns:1fr}.service-row{padding:24px}.service-row h3{font-size:24px}.writing{padding-block:55px}.article-row{gap:18px}.article-copy h3{font-size:26px}.principle-grid{grid-template-columns:1fr;gap:28px}.principle-grid h3{margin-top:16px}.footer{padding-top:48px}.footer-cta{margin-bottom:42px;padding-right:44px;font-size:clamp(35px,7.4vw,57px);line-height:1.2}.footer-arrow{width:37px;height:37px;padding:7px;right:0}.footer-bottom{flex-wrap:wrap}.footer-bottom>.mono{font-size:8px}.socials{justify-content:flex-end;gap:22px;width:100%}.footer .wordmark{width:39px;height:37px}.footer-cta .serif-italic{border-radius:7px;padding-inline:5px}}@media (width<=390px){.wrap{width:calc(100% - 32px)}.nav-links{gap:11px 14px;font-size:11px}.hero h1{font-size:36px}.hero-actions{gap:14px}.hero-contact,.hero-actions .text-link{padding:12px 14px;font-size:13px}.skill-groups{padding-inline:16px}.skill-list{gap:9px}.skill-tile{width:53px;height:55px}.section-head h2{font-size:32px}}@media (prefers-reduced-motion:no-preference){.hero h1,.hero .intro,.hero-actions{animation:.45s ease-out both settle}.hero .intro{animation-delay:60ms}.hero-actions{animation-delay:.12s}}@keyframes settle{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.nav-resume{border:2px solid var(--outline);background:var(--surface);color:var(--ink);box-shadow:3px 3px 0 var(--shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:9px;padding:11px 15px;transition:transform .18s,box-shadow .18s;display:inline-flex}@media (hover:hover){.nav-resume:hover{box-shadow:1px 1px 0 var(--shadow);transform:translate(2px,2px)}}@media (width<=760px){.nav-resume{padding:8px 12px}}