/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities;:root{--ink:#11110f;--paper:#f3f3ef;--paper-2:#e8e8e2;--acid:#d9ff43;--line:#11110f33;--font-body:"DM Sans";--font-display:"Space Grotesk";--font-serif:"Instrument Serif";--page-pad:clamp(20px, 3vw, 58px);--section-space:clamp(96px, 11vw, 190px);--section-space-compact:clamp(82px, 9vw, 150px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body), Arial, sans-serif;text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}::selection{background:var(--acid);color:var(--ink)}.section-pad{padding:var(--section-space) var(--page-pad)}:where(a,button):focus-visible{outline-offset:5px;outline:2px solid}.loader{z-index:100;background:var(--ink);color:var(--paper);pointer-events:none;place-items:center;animation:.9s cubic-bezier(.76,0,.24,1) .55s forwards loader-out;display:grid;position:fixed;inset:0}.loader span{font-family:var(--font-display);letter-spacing:-.08em;font-size:4rem;font-weight:650;animation:.45s both loader-mark}@keyframes loader-out{to{visibility:hidden;transform:translateY(-100%)}}@keyframes loader-mark{0%{opacity:0;transform:translateY(12px)}}[data-reveal]{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.75,.25,1);transform:translateY(28px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.site-nav{z-index:20;width:100%;padding:22px var(--page-pad);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #0000;grid-template-columns:1fr auto 1fr;align-items:center;font-size:11px;transition:padding .3s,background-color .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:grid;position:fixed;top:0;left:0}.site-nav.is-scrolled{border-color:var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f3f3efd6;padding-top:14px;padding-bottom:14px}.wordmark{width:fit-content;font-family:var(--font-display), sans-serif;letter-spacing:-.06em;font-size:19px;font-weight:700}.nav-links{gap:clamp(22px,3vw,52px);display:flex}.nav-links a,footer a{transition:opacity .18s}.nav-links a:hover,footer a:hover{opacity:.45}.nav-status{justify-self:end;align-items:center;gap:9px;display:flex}.nav-status i{background:#75a800;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #75a8001f}.hero{min-height:100dvh;padding:max(116px, 14svh) var(--page-pad) max(24px, 3.2svh);flex-direction:column;justify-content:space-between;display:flex}.hero-kicker{text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;width:48%;margin-left:auto;font-size:11px;line-height:1.35;animation:.8s 1.05s both hero-in;display:flex}.hero h1{font-family:var(--font-display), sans-serif;letter-spacing:-.075em;text-transform:uppercase;margin:4vh 0 3vh;font-size:clamp(5rem,13.6vw,13rem);font-weight:570;line-height:.75}.hero h1 span{animation:1s cubic-bezier(.2,.75,.25,1) .75s both hero-in;display:block}.hero h1 span:nth-child(2){animation-delay:.84s}.hero-last-name{margin-top:clamp(12px,.09em,20px);padding-left:16.5vw}.hero-last-name i,.contact h2 i{color:var(--acid);font-style:normal}.hero-bottom{justify-content:space-between;align-items:end;animation:.8s 1.05s both hero-in;display:flex}.hero-bottom p{font-family:var(--font-display), sans-serif;letter-spacing:-.035em;margin:0 0 0 16.8vw;font-size:clamp(1.1rem,1.75vw,1.7rem);line-height:1.13}.hero-bottom em,.section-label em,.practice em,.personal em,.social h2 em,.intro em{font-family:var(--font-serif), Georgia, serif;font-weight:400}.scroll-cue{text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:24px;font-size:11px;display:flex}.scroll-cue svg{animation:1.8s ease-in-out infinite drift}@keyframes drift{50%{transform:translateY(6px)}}@keyframes hero-in{0%{opacity:0;transform:translateY(28px)}}.eyebrow,.section-label>span,.personal-top,.project-meta,.contact>span{text-transform:uppercase;letter-spacing:.11em;font-size:11px}.intro{background:var(--ink);color:var(--paper)}.intro .eyebrow{border-bottom:1px solid #f3f3ef3d;margin:0;padding-bottom:7vw}.intro-grid{grid-template-columns:2fr 1fr;align-items:end;gap:8vw;padding-top:7vw;display:grid}.intro h2{max-width:13ch;font-family:var(--font-display);letter-spacing:-.065em;margin:0;font-size:clamp(3.2rem,7.3vw,8.4rem);font-weight:500;line-height:.93}.intro-grid>div{max-width:440px;padding-bottom:.8vw}.intro-grid>div>p:first-child{letter-spacing:-.018em;margin:0;font-size:clamp(1.08rem,1.4vw,1.35rem);line-height:1.45}.intro-fields{color:#f3f3ef8c;text-transform:uppercase;letter-spacing:.08em;margin:55px 0 0;font-size:11px;line-height:1.8}.work{padding-bottom:8vw}.section-label{grid-template-columns:1fr 2fr;gap:5vw;margin-bottom:clamp(80px,10vw,150px);display:grid}.section-label>span{padding-top:12px}.section-label h2{font-family:var(--font-display);letter-spacing:-.07em;margin:0;font-size:clamp(4rem,8.7vw,10rem);font-weight:520;line-height:.85}.section-label h2 em{margin-left:10vw}.projects{flex-direction:column;gap:clamp(120px,16vw,240px);max-width:2200px;margin-inline:auto;display:flex}.project{grid-template-columns:minmax(90px,.55fr) minmax(0,3fr);column-gap:3vw;display:grid}.project-meta{border-top:1px solid var(--ink);flex-direction:column;grid-row:1/span 2;justify-content:space-between;min-height:100%;padding-top:12px;padding-bottom:2px;display:flex}.project-meta p{color:#11110f94;max-width:124px;margin:0;line-height:1.5}.project-visual{--mx:0px;--my:0px;aspect-ratio:16/9.5;isolation:isolate;padding:clamp(36px,5.6vw,95px) clamp(20px,7vw,120px) 0;position:relative;overflow:hidden}.tone-sand{background:#c8c0b2}.tone-charcoal{background:#19191a}.tone-blue{background:#c7d6ff}.browser-chrome{height:32px;transform:translate(var(--mx), var(--my));background:#e8e7e3;border-bottom:1px solid #0000001a;align-items:center;gap:6px;padding:0 12px;transition:transform .45s cubic-bezier(.2,.75,.25,1);display:flex}.browser-chrome>span{background:#a3a39f;border-radius:50%;width:7px;height:7px}.browser-chrome small{color:#777;margin:0 auto;padding-right:33px;font-size:9px}.project-visual img{object-fit:cover;object-position:top;width:100%;height:calc(100% - 32px);transform:translate(var(--mx), var(--my)) scale(1.002);transform-origin:top;transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .4s}.project-visual:hover img{transform:translate(var(--mx), var(--my)) scale(1.025)}.project-open{z-index:2;background:var(--acid);opacity:0;border-radius:50%;place-items:center;width:58px;height:58px;transition:opacity .25s,transform .35s cubic-bezier(.2,.75,.25,1);display:grid;position:absolute;bottom:24px;right:24px;transform:scale(.88)}.project-visual:hover .project-open{opacity:1;transform:scale(1)}.project-copy{grid-column:2;grid-template-columns:1.05fr 1fr;gap:8vw;padding-top:30px;display:grid}.project-copy h3{font-family:var(--font-display);letter-spacing:-.06em;margin:0;font-size:clamp(2.7rem,5vw,6rem);font-weight:520;line-height:.95}.project-copy>p{max-width:540px;margin:8px 0 44px;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.5}.project-footer{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:end;gap:40px;padding-top:18px;display:flex}.project-footer ul{flex-wrap:wrap;gap:7px;max-width:650px;margin:0;padding:0;list-style:none;display:flex}.project-footer li{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.07em;border-radius:100px;padding:7px 11px;font-size:10px}.project-links{flex-shrink:0;gap:28px;display:flex}.project-links a{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ink);align-items:center;gap:8px;padding-bottom:4px;font-size:11px;display:flex}.project-links a svg{transition:transform .2s}.project-links a:hover svg{transform:translate(3px,-3px)}.tech-section{background:var(--paper-2);padding-left:0;padding-right:0;overflow:hidden}.tech-section .section-label{padding:0 var(--page-pad);margin-bottom:7vw}.tech-section .section-label h2{max-width:9ch;font-size:clamp(3.4rem,6.2vw,7rem)}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.marquee-track{width:max-content;animation:32s linear infinite marquee;display:flex}.tech-item{border-right:1px solid var(--line);align-items:center;gap:18px;padding:32px 42px;display:flex}.tech-item svg{width:30px;height:30px}.tech-item b{font-family:var(--font-display);font-size:1.35rem;font-weight:500}@keyframes marquee{to{transform:translate(-50%)}}.practice .section-label.compact h2{font-size:clamp(3.4rem,6.2vw,7rem)}.practice-list{border-top:1px solid var(--ink)}.practice-row{border-bottom:1px solid var(--line);grid-template-columns:.35fr 1.2fr 1fr auto;align-items:center;gap:3vw;min-height:150px;display:grid}.practice-row>span{letter-spacing:.08em;font-size:11px}.practice-row h3{font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,3vw,3.6rem);font-weight:500}.practice-row p{color:#11110fa8;max-width:420px;margin:0;font-size:.95rem;line-height:1.55}.practice-row>svg{transition:transform .25s}.practice-row:hover>svg{transform:translate(5px,-5px)}.personal{background:var(--ink);color:var(--paper)}.personal-top{justify-content:space-between;padding-bottom:8vw;display:flex}.personal h2{max-width:10ch;font-family:var(--font-display);letter-spacing:-.075em;margin:0;font-size:clamp(4.2rem,10vw,11rem);font-weight:520;line-height:.83}.personal h2 em{color:var(--acid);white-space:nowrap;margin-left:9vw;display:inline-block}.personal-copy{border-top:1px solid #f3f3ef42;grid-template-columns:1fr 1fr;gap:6vw;width:53%;margin:9vw 0 0 auto;padding-top:28px;display:grid}.personal-copy p{color:#f3f3efb8;margin:0;line-height:1.55}.social .eyebrow{margin:0 0 4vw}.social h2{font-family:var(--font-display);letter-spacing:-.07em;margin:0 0 8vw;font-size:clamp(4rem,9vw,10rem);font-weight:520;line-height:.88}.social h2 em{color:#7e7e78}.social-links{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.social-links>a{border-bottom:1px solid var(--ink);grid-template-columns:auto 1fr auto;align-items:center;gap:28px;min-height:150px;padding:0 30px;transition:background .25s;display:grid}.social-links>a:first-child{border-right:1px solid var(--ink)}.social-links>a:hover{background:var(--acid)}.social-links>a>svg:first-child{width:32px;height:32px}.social-links span{font-family:var(--font-display);letter-spacing:-.03em;flex-direction:column;gap:4px;font-size:1.7rem;font-weight:500;display:flex}.social-links small{color:#11110f94;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:400}.contact{background:var(--ink);min-height:92vh;color:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.contact>span{color:#f3f3ef8a;margin-bottom:28px}.contact h2{font-family:var(--font-display);letter-spacing:-.08em;margin:0;font-size:clamp(5rem,13vw,14rem);font-weight:520;line-height:.8}.contact-link{border-bottom:1px solid var(--paper);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:25px;margin-top:7vw;padding:16px 4px;font-size:12px;display:flex}.contact-link svg{transition:transform .25s}.contact-link:hover svg{transform:translate(5px,-5px)}footer{padding:42px var(--page-pad);background:var(--ink);color:var(--paper);text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #f3f3ef33;grid-template-columns:1fr auto 1fr;align-items:end;gap:40px;font-size:10px;display:grid}footer>div:first-child{flex-direction:column;gap:5px;display:flex}footer>div:first-child span{color:#f3f3ef80}footer>div:nth-child(2){gap:28px;display:flex}footer p{color:#f3f3ef80;justify-self:end;margin:0}@media (width<=920px){.intro-grid{grid-template-columns:1fr}.intro-grid>div{margin-left:30%}.section-label{grid-template-columns:.6fr 2fr}.project{grid-template-columns:124px minmax(0,1fr)}.project-copy{grid-template-columns:1fr;gap:20px}.project-copy>p{margin-bottom:20px}.practice-row{grid-template-columns:50px 1fr auto;padding:28px 0}.practice-row p{grid-column:2}.practice-row>svg{grid-area:1/3/3}.personal-copy{width:70%}}@media (width<=720px){:root{--section-space:clamp(88px, 24vw, 118px);--section-space-compact:clamp(76px, 20vw, 104px);--content-offset:clamp(0px, calc((100vw - 340px) * .18), 42px)}.site-nav{padding:12px var(--page-pad);grid-template-columns:auto 1fr}.site-nav.is-scrolled{padding:7px var(--page-pad)}.nav-links{justify-self:end;gap:clamp(9px,3vw,15px);font-size:9px}.nav-links a{align-items:center;min-height:44px;display:flex}.nav-links a:first-child,.nav-status{display:none}.hero{min-height:100dvh;padding:clamp(92px, 15svh, 110px) var(--page-pad) clamp(20px, 4svh, 28px)}.hero-kicker{width:100%}.hero h1{letter-spacing:-.07em;margin:auto 0 clamp(36px,9svh,72px);font-size:clamp(3.3rem,16.5vw,6.2rem);line-height:.8}.hero-last-name{padding-left:0}.hero-bottom p{margin-left:0;font-size:1.08rem}.scroll-cue span{display:none}.intro .eyebrow{padding-bottom:45px}.intro-grid{gap:60px;padding-top:50px}.intro h2{font-size:clamp(2.85rem,13.5vw,3.5rem)}.intro-grid>div{max-width:34rem;margin-left:var(--content-offset)}.intro-fields{margin-top:35px}.section-label{margin-bottom:70px;display:block}.section-label>span{margin-bottom:38px;display:block}.section-label h2,.tech-section .section-label h2,.practice .section-label.compact h2{font-size:clamp(2.8rem,13.2vw,3.7rem)}.section-label h2 em{margin-left:0}.projects{gap:clamp(104px,30vw,132px)}.project{display:block}.project-meta{flex-direction:row;min-height:auto;margin-bottom:12px}.project-meta p{text-align:right;max-width:65%}.project-visual{--chrome-height:clamp(25px, 7.5vw, 32px);aspect-ratio:4/3.25;padding:clamp(31px,10vw,45px) clamp(12px,4vw,17px) 0}.browser-chrome{height:var(--chrome-height)}.project-visual img{height:calc(100% - var(--chrome-height))}.project-open{display:none}.project-copy{padding-top:22px;display:block}.project-copy h3{font-size:clamp(2.45rem,12vw,3rem)}.project-copy>p{margin:16px 0 30px}.project-footer{padding-top:20px;display:block}.project-footer li{padding:8px 11px}.project-links{flex-wrap:wrap;gap:10px 28px;margin-top:22px}.project-links a{min-height:44px;padding-top:8px}.tech-section{padding-left:0;padding-right:0}.tech-section .section-label{padding:0 var(--page-pad)}.tech-item{gap:14px;padding:25px clamp(24px,8vw,34px)}.tech-item svg{width:25px;height:25px}.practice-row{grid-template-columns:32px minmax(0,1fr) auto;gap:12px;min-height:0;padding:clamp(24px,7vw,32px) 0}.practice-row h3{font-size:clamp(1.65rem,8vw,2rem)}.practice-row p{grid-column:2/-1;margin-top:8px;font-size:.92rem}.personal-top{padding-bottom:75px}.personal h2{font-size:clamp(3.2rem,16vw,4.4rem)}.personal h2 em{white-space:normal;margin-left:0}.personal-copy{width:auto;max-width:38rem;margin:80px 0 0 var(--content-offset);grid-template-columns:1fr;gap:28px}.social h2{margin:40px 0 70px;font-size:clamp(3.35rem,15.5vw,4.4rem)}.social-links{grid-template-columns:1fr}.social-links>a{min-height:120px;padding:0 clamp(8px,3vw,16px)}.social-links>a:first-child{border-right:0}.contact{min-height:max(520px,78dvh);padding-top:var(--section-space-compact);padding-bottom:var(--section-space-compact)}.contact h2{font-size:clamp(3.4rem,17.5vw,5rem)}.contact-link{min-height:44px;margin-top:clamp(52px,16vw,70px)}footer{padding:35px var(--page-pad);grid-template-columns:minmax(0,1fr) auto;gap:28px 16px}footer>div:nth-child(2){gap:16px}footer a{align-items:center;min-height:44px;display:inline-flex}footer p{grid-column:1/-1;justify-self:start}}@media (width<=360px){.hero-kicker{font-size:10px}.hero-bottom p{font-size:1rem}.project-footer ul{gap:6px}.social-links>a{grid-template-columns:auto minmax(0,1fr) auto;gap:18px}.social-links span{font-size:1.5rem}footer{grid-template-columns:1fr}footer>div:nth-child(2){grid-row:2}footer p{grid-column:1}}@media (orientation:landscape) and (height<=500px){.hero{min-height:100dvh;padding-top:clamp(72px,18svh,88px);padding-bottom:16px}.hero h1{margin:auto 0 clamp(16px,4svh,24px);font-size:clamp(4rem,10vw,7rem);line-height:.76}.hero-kicker{width:min(58%,520px)}.hero-bottom p{font-size:1rem}}@media (hover:none),(pointer:coarse){.project-visual img,.browser-chrome,.project-visual:hover img{transform:none}.project-open{display:none}.practice-row:hover>svg,.project-links a:hover svg,.contact-link:hover svg{transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}
