*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.outline{outline-style:solid}:root{--ink:#18201f;--muted:#65716c;--paper:#f5f4ee;--lime:#d9f45d;--blue:#87a7b6;--line:#d8dbd2;--dark:#18201f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1180px;margin:auto;padding-left:32px;padding-right:32px}.nav{justify-content:space-between;align-items:center;height:92px;display:flex}.wordmark{letter-spacing:-.08em;font-size:24px;font-weight:700}.wordmark span{color:#8aa52b}.nav-links{color:var(--muted);gap:38px;margin-left:80px;font:12px DM Mono,monospace;display:flex}.nav-links a:hover,.text-link:hover{color:var(--ink)}.nav-cta{border-bottom:1px solid var(--ink);padding-bottom:6px;font:12px DM Mono,monospace}.nav-cta span,.text-link span,.button span,.project-link span{margin-left:10px}.hero{grid-template-columns:1fr 450px;align-items:center;gap:80px;min-height:610px;padding-top:32px;padding-bottom:80px;display:grid}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.1em;font:11px DM Mono,monospace}.eyebrow{align-items:center;gap:9px;display:flex}.status-dot{background:#9cb534;border-radius:50%;width:7px;height:7px;display:inline-block}.hero h1{letter-spacing:-.08em;margin:28px 0 30px;font-size:clamp(62px,8vw,112px);font-weight:600;line-height:.92}.hero h1 em,.work h2 em,.contact h2 em,.toolkit h2 em{letter-spacing:-.07em;font-family:Playfair Display,serif;font-weight:600}.hero-lede{color:#51605b;max-width:500px;font-size:19px;line-height:1.45}.hero-actions{align-items:center;gap:28px;margin-top:40px;display:flex}.button{cursor:pointer;border:0;justify-content:center;align-items:center;padding:15px 19px;font:12px DM Mono,monospace;display:inline-flex}.button-primary{background:var(--ink);color:var(--paper)}.button-primary:hover{background:#34413d}.button-light{background:var(--lime);color:var(--ink)}.text-link{border-bottom:1px solid var(--ink);padding-bottom:5px;font:12px DM Mono,monospace}.hero-visual{height:505px;position:relative}.portrait-wrap{background:var(--blue);z-index:2;border-radius:170px 170px 0 0;width:335px;height:430px;position:absolute;top:36px;right:35px;overflow:hidden}.portrait-wrap img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;filter:saturate(.82)}.orbit{border:1px solid #18201f40;border-radius:50%;position:absolute;transform:rotate(-22deg)}.orbit-one{width:420px;height:445px;top:12px;right:-4px}.orbit-two{width:580px;height:315px;top:128px;right:-90px;transform:rotate(57deg)}.visual-note{z-index:3;font:10px/1.5 DM Mono,monospace;position:absolute}.visual-note span{color:#889f2d;margin-right:8px}.note-top{top:40px;right:0}.note-bottom{bottom:28px;left:0}.signal-band{background:var(--lime);padding:28px 0}.signal-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.signal-grid>div{text-transform:uppercase;align-items:center;gap:14px;font:10px/1.4 DM Mono,monospace;display:flex}.signal-number{letter-spacing:-.07em;font:700 24px DM Sans,sans-serif}.intro,.approach,.work,.experience,.toolkit{padding-top:130px;padding-bottom:130px}.section-label{color:#77807b}.intro-content{grid-template-columns:1.1fr .8fr;gap:120px;margin-top:42px;display:grid}.intro h2,.experience h2,.toolkit h2{letter-spacing:-.075em;margin:0;font-size:clamp(44px,6vw,74px);font-weight:600;line-height:.98}.intro h2 span,.experience h2 span{font-family:Playfair Display,serif;font-style:italic}.intro-text{max-width:420px;padding-top:10px}.intro-text p{color:var(--muted);margin:0 0 20px;font-size:17px;line-height:1.55}.approach{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.approach-grid{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;display:grid}.approach-card{background:var(--paper);min-height:260px;padding:32px}.approach-card.active{background:var(--ink);color:var(--paper)}.approach-card span{color:#8da22f;font:11px DM Mono,monospace}.approach-card.active span{color:var(--lime)}.approach-card h3{letter-spacing:-.04em;margin:52px 0 12px;font-size:24px}.approach-card p{color:var(--muted);max-width:260px;margin:0;line-height:1.5}.approach-card.active p{color:#b7c0bb}.work{background:var(--paper)}.work-heading{grid-template-columns:1fr 1.2fr;align-items:end;gap:60px;margin-bottom:50px;display:grid}.work h2{letter-spacing:-.08em;margin:0;font-size:clamp(46px,6vw,76px);line-height:.95}.work-heading p{color:var(--muted);max-width:240px;margin:0 0 4px;line-height:1.5}.project-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{background:#e9ebe3;border:1px solid #0000}.project-card{flex-direction:column;min-height:510px;padding:20px;transition:transform .2s,background .2s;display:flex}.project-card:hover{background:#e2e7d8;transform:translateY(-5px)}.project-top{text-transform:uppercase;justify-content:space-between;align-items:center;font:10px DM Mono,monospace;display:flex}.project-number{color:#829426}.project-status{color:var(--muted);border:1px solid #cfd4c8;padding:5px 7px}.project-shape{background:var(--blue);justify-content:center;align-items:center;height:160px;margin:26px 0 25px;display:flex;overflow:hidden}.project-shape span{color:var(--lime);font-size:72px;transform:rotate(20deg)}.project-shape[data-project="02"]{background:var(--ink)}.project-shape[data-project="02"] span{color:var(--blue);font-size:100px}.project-shape[data-project="03"]{background:var(--lime)}.project-shape[data-project="03"] span{color:var(--ink)}.project-card h3{letter-spacing:-.05em;margin:0 0 10px;font-size:23px}.project-card p{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.48}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag-row span{text-transform:uppercase;border:1px solid #cbd1c5;padding:6px 8px;font:9px DM Mono,monospace}.project-link{margin-top:auto;padding-top:28px;font:11px DM Mono,monospace}.experience{border-top:1px solid var(--line)}.experience-layout{grid-template-columns:.8fr 1.2fr;gap:140px;margin-top:45px;display:grid}.timeline-row{border-bottom:1px solid var(--line);grid-template-columns:115px 1fr;gap:24px;margin-bottom:26px;padding:0 0 26px;display:grid}.timeline-year{color:var(--muted);padding-top:4px;font:10px DM Mono,monospace}.timeline h3{letter-spacing:-.02em;margin:0 0 4px;font-size:17px}.timeline p{margin:0}.timeline .company{color:#899c2e;text-transform:uppercase;margin-bottom:10px;font:11px DM Mono,monospace}.timeline-row>div:last-child p:last-child{color:var(--muted);font-size:13px}.toolkit{background:var(--ink);color:var(--paper);grid-template-columns:1fr 1fr;gap:120px;max-width:none;padding-left:max(32px,50vw - 558px);padding-right:max(32px,50vw - 558px);display:grid}.toolkit .section-label{color:#9aa69f}.toolkit h2{margin-top:45px}.tool-list{padding-top:43px}.tool-list>div{border-top:1px solid #3b4742;padding:20px 0 19px}.tool-list span{color:var(--lime);text-transform:uppercase;font:10px DM Mono,monospace}.tool-list p{color:#b9c4bd;margin:10px 0 0;font-size:16px;line-height:1.5}.contact{padding-top:125px;padding-bottom:30px}.contact h2{letter-spacing:-.09em;margin:32px 0 46px;font-size:clamp(60px,10vw,135px);line-height:.84}.contact-footer{border-top:1px solid var(--line);text-transform:uppercase;justify-content:space-between;margin-top:110px;padding-top:18px;font:10px DM Mono,monospace;display:flex}.contact-footer a{color:#829426}.contact-footer a:hover{color:var(--ink)}@media (max-width:800px){.shell{padding-left:20px;padding-right:20px}.nav{height:72px}.nav-links{display:none}.hero{grid-template-columns:1fr;gap:20px;padding-top:70px}.hero h1{font-size:70px}.hero-visual{height:425px}.portrait-wrap{width:270px;height:350px;right:40px}.orbit-one{width:350px;height:370px;right:0}.orbit-two{width:440px;height:260px;top:105px;right:-80px}.signal-grid{grid-template-columns:repeat(2,1fr);gap:24px}.intro,.approach,.work,.experience,.toolkit{padding-top:85px;padding-bottom:85px}.intro-content,.work-heading,.experience-layout,.toolkit{grid-template-columns:1fr;gap:42px}.approach-grid,.project-grid{grid-template-columns:1fr}.approach-card{min-height:220px}.approach-card h3{margin-top:38px}.project-card{min-height:470px}.toolkit{padding-left:20px;padding-right:20px}.tool-list{padding-top:0}.contact h2{font-size:74px}.contact-footer{flex-wrap:wrap;gap:12px;margin-top:80px}.visual-note.note-top{right:0}.visual-note.note-bottom{left:0}}
.hero-name{z-index:1;color:#0000;-webkit-text-stroke:1px #18201f38;letter-spacing:-.1em;text-align:right;font:700 clamp(58px,7vw,94px)/.82 DM Sans,sans-serif;position:absolute;top:138px;right:-42px;transform:rotate(-8deg)}.hero-position{max-width:520px;color:var(--ink);letter-spacing:-.06em;text-transform:lowercase;margin:-12px 0 0;font:600 clamp(25px,3vw,42px)/1.05 DM Sans,sans-serif}.portrait-wrap{border:1px solid var(--ink);width:285px;height:366px;box-shadow:0 0 0 9px var(--paper), 0 0 0 10px #18201f52}@media (max-width:800px){.hero-name{font-size:62px;top:128px;right:-10px}.portrait-wrap{width:225px;height:290px}}
