@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-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--ease-out:cubic-bezier(0,0,.2,1);--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;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.block{display:block}}:root{--paper:#f7f9fc;--surface:#eaeef3;--ink:#0f141a;--muted:#4f565e;--line:#ccd2d7;--blue:#0071d3;--blue-dark:#005ba7;--night:#0b1015;--night-text:#eff2f6;--night-muted:#b2b8bf;--content:76rem;--gutter:clamp(1rem,4vw,3rem);--ease-out:cubic-bezier(.16,1,.3,1)}@supports (color:lab(0% 0 0)){:root{--paper:lab(97.909% -.443995 -1.43217);--surface:lab(93.9615% -.877947 -2.85865);--ink:lab(6.17421% -1.04858 -4.60462);--muted:lab(36.1804% -1.62913 -5.65264);--line:lab(83.7514% -1.08817 -3.56821);--blue:lab(46.233% 5.0323 -67.3669);--blue-dark:lab(36.8585% 7.80404 -63.8996);--night:lab(4.41937% -.812896 -3.76877);--night-text:lab(95.3554% -.662148 -2.14612);--night-muted:lab(74.469% -1.29282 -4.27482)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}svg{flex:none}.site-shell{min-height:100vh;overflow-x:clip}.page-frame{width:min(calc(100% - (2*var(--gutter))),var(--content));margin-inline:auto}#work,#services,#contact{scroll-margin-top:4rem}.skip-link{z-index:100;background:var(--ink);color:var(--paper);transition:transform .16s var(--ease-out);padding:.75rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:30;border-bottom:1px solid var(--line);position:fixed;inset:0 0 auto}@supports (color:color-mix(in lab, red, red)){.site-header{border-bottom:1px solid color-mix(in oklch,var(--line),transparent 35%)}}.site-header{background:var(--paper)}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in oklch,var(--paper),transparent 8%)}}.site-header{-webkit-backdrop-filter:saturate(150%)blur(16px);backdrop-filter:saturate(150%)blur(16px)}.nav-shell{width:min(calc(100% - (2*var(--gutter))),var(--content));justify-content:space-between;align-items:center;height:4rem;margin-inline:auto;display:flex}.logo-link{border-radius:.75rem;place-items:center;width:3rem;height:3rem;margin-inline-start:-.5rem;display:grid}.brand-logo{border-radius:.6rem}.nav-links{align-items:center;gap:.15rem;font-size:.8rem;display:flex}.nav-links a{min-height:2.25rem;transition:color .18s var(--ease-out),background .18s var(--ease-out),transform .18s var(--ease-out);border-radius:999px;align-items:center;padding-inline:.7rem;display:inline-flex}.nav-links a:hover{color:var(--blue)}.nav-links a:active{transform:scale(.97)}.nav-services{display:none!important}.hero{align-items:center;min-height:100svh;padding-block:7.5rem 5rem;display:flex;position:relative;overflow:hidden}.hero-copy{animation:hero-enter .8s var(--ease-out)both}.hero h1,.section-intro h2,.contact-inner h2{letter-spacing:-.06em;text-wrap:balance;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-weight:650}.hero h1{max-width:11ch;font-size:clamp(3.5rem,8.5vw,7.25rem);line-height:.92}.hero-lower{gap:2rem;margin-top:clamp(2.5rem,6vw,5rem);display:grid}.hero-lower>p{max-width:35rem;color:var(--muted);letter-spacing:-.025em;text-wrap:pretty;margin:0;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.35}.hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.3rem;display:flex}.button-primary,.text-link,.project-link{justify-content:center;align-items:center;gap:.45rem;min-height:2.75rem;display:inline-flex}.button-primary{background:var(--blue);width:fit-content;color:var(--paper);transition:background .18s var(--ease-out),transform .18s var(--ease-out);border-radius:999px;padding:.7rem 1.1rem;font-size:.9rem;font-weight:550}.button-primary:hover{background:var(--blue-dark);transform:translateY(-2px)}.button-primary:active{transform:scale(.98)}.text-link,.project-link{color:var(--blue);font-size:.92rem}.text-link svg,.project-link svg{width:1rem;transition:transform .18s var(--ease-out)}.text-link:hover svg,.project-link:hover svg{transform:translate(3px,-3px)}.hero-signal{background:var(--line);pointer-events:none;height:1px;position:absolute;bottom:12%;left:0;right:0;overflow:hidden}.hero-signal span{background:var(--blue);width:5rem;height:1px;animation:8s linear infinite signal-travel;display:block;position:relative}.hero-signal span:after{aspect-ratio:1;background:var(--blue);content:"";border-radius:50%;width:.45rem;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.work-section{background:var(--night);color:var(--night-text);padding-block:clamp(5rem,10vw,9rem) 0}.section-intro{padding-bottom:clamp(3.5rem,7vw,6rem)}.section-intro h2,.contact-inner h2{max-width:12ch;font-size:clamp(2.6rem,6vw,5.5rem);line-height:.96}.section-summary{max-width:32rem;color:var(--night-muted);margin:1.25rem 0 0;font-size:1rem;line-height:1.5}.project-list{border-top:1px solid var(--night-text)}@supports (color:color-mix(in lab, red, red)){.project-list{border-top:1px solid color-mix(in oklch,var(--night-text),transparent 80%)}}.project{border-bottom:1px solid var(--night-text);gap:2rem 3rem;padding-block:clamp(3rem,7vw,5.5rem);display:grid}@supports (color:color-mix(in lab, red, red)){.project{border-bottom:1px solid color-mix(in oklch,var(--night-text),transparent 80%)}}.project-meta{color:var(--night-muted);align-items:center;gap:.75rem;font-size:.76rem;display:flex}.project-mark{border:1px solid var(--night-text);place-items:center;width:2.5rem;height:2.5rem;display:grid}@supports (color:color-mix(in lab, red, red)){.project-mark{border:1px solid color-mix(in oklch,var(--night-text),transparent 82%)}}.project-mark{background:var(--night-text);border-radius:.75rem}@supports (color:color-mix(in lab, red, red)){.project-mark{background:color-mix(in oklch,var(--night-text),transparent 94%)}}.project-mark{color:var(--night-text)}.project-mark img{object-fit:contain;border-radius:.35rem;width:1.65rem;height:1.65rem}.project-mark svg{width:1.2rem}.project-mark-passkey{color:#fff;background:#181e23;background:lab(10.6573% -1.31845 -4.90066);border-color:#2e343a;border-color:lab(21.1011% -1.3912 -4.93065)}.project-heading h3{letter-spacing:-.055em;overflow-wrap:anywhere;max-width:14ch;margin:0;font-size:clamp(2.6rem,5.2vw,4.5rem);font-weight:570;line-height:.96}.project-evidence{align-self:end}.project-evidence p{max-width:30rem;color:var(--night-muted);text-wrap:pretty;margin:0 0 1.5rem;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.5}.project-button{color:#57a8ff;color:lab(66.7276% -4.5121 -54.6019);width:fit-content;transition:color .18s var(--ease-out);background:0 0;padding:0;font-weight:550}.project-button:hover{color:#92c9ff;color:lab(78.6922% -6.5845 -41.5092)}.project-button:hover svg{transform:translate(2px,-2px)}.services-section{gap:clamp(3rem,8vw,7rem);padding-block:clamp(6rem,12vw,10rem);display:grid}.service-list{border-top:1px solid var(--line)}.service{border-bottom:1px solid var(--line);grid-template-columns:2.75rem minmax(0,1fr) 2.5rem;align-items:center;gap:.8rem 1rem;min-height:8rem;padding-block:1.8rem;display:grid}.service-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.service h3{letter-spacing:-.035em;margin:0;font-size:clamp(1.4rem,3vw,2rem)}.service p{max-width:32rem;color:var(--muted);grid-column:2;margin:0;line-height:1.5}.service-signal{background:var(--blue);transform-origin:100%;width:2.5rem;height:1px;transition:transform .4s var(--ease-out);grid-area:1/3/3;justify-self:end;position:relative;transform:scaleX(.35)}.service-signal:after{aspect-ratio:1;background:var(--blue);content:"";border-radius:50%;width:.35rem;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.service:hover .service-signal{transform:scaleX(1)}.contact-section{background:var(--surface);padding-block:clamp(5.5rem,11vw,9rem)}.contact-inner{gap:3.5rem;display:grid}.contact-inner h2{max-width:11ch;font-size:clamp(3rem,8vw,7rem)}.contact-panel{align-self:end}.contact-panel>p{max-width:25rem;color:var(--muted);margin:0 0 1.5rem;line-height:1.5}.contact-primary svg,.email-link svg,.copy-button svg{width:1rem}.email-row{place-items:center;gap:.5rem;margin-top:1rem;display:flex}.email-link,.copy-button{align-items:center;gap:.45rem;min-height:2.75rem;display:inline-flex}.email-link{color:var(--blue-dark);overflow-wrap:anywhere;padding-inline:.25rem}.copy-button{border:1px solid var(--line);background:var(--paper);cursor:pointer;transition:border-color .18s var(--ease-out),transform .18s var(--ease-out);border-radius:999px;padding:.65rem .8rem}.copy-button:hover{border-color:var(--blue)}.copy-button:active{transform:scale(.97)}.copy-copied{color:#005d32;color:lab(34.2521% -38.9513 20.1915)}.copy-error,.copy-error[role=alert]{color:#9b1f1b;color:lab(34.6249% 50.1334 36.4938);margin:.75rem 0 0;font-size:.82rem}.footer{min-height:7rem;color:var(--muted);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;font-size:.8rem;display:flex}.footer p{flex:1;margin:0}.footer-links{gap:.5rem;display:flex}.footer a{min-height:2.75rem;transition:color .18s var(--ease-out);align-items:center;gap:.35rem;padding-inline:.5rem;display:inline-flex}.footer a:hover{color:var(--blue)}.footer svg{width:1rem}.footer-logo{border-radius:.55rem}.sr-status{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}:focus-visible{outline:3px solid var(--blue)}@supports (color:color-mix(in lab, red, red)){:focus-visible{outline:3px solid color-mix(in oklch,var(--blue),transparent 25%)}}:focus-visible{outline-offset:4px}@keyframes hero-enter{0%{opacity:0;transform:translateY(24px)}}@keyframes signal-travel{0%{transform:translate(-6rem)}to{transform:translate(calc(100vw + 6rem))}}@supports (animation-timeline:view()){.reveal-on-scroll{animation:1ms linear both scroll-reveal;animation-timeline:view();animation-range:entry 5% cover 28%}@keyframes scroll-reveal{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}}@media (min-width:42rem){.nav-services{display:inline-flex!important}.hero-lower{grid-template-columns:minmax(0,1fr) auto;align-items:end}.project{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr)}.project-meta{grid-column:1/-1}.contact-inner{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr)}.services-section{grid-template-columns:minmax(14rem,.65fr) minmax(0,1fr);align-items:start}.services-section .section-intro{padding-bottom:0;position:sticky;top:7rem}.service{grid-template-columns:3rem minmax(10rem,.8fr) minmax(14rem,1fr) 3rem}.service p{grid-column:3}.service-signal{grid-area:1/4}}@media (min-width:70rem){.project{grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr)}.project-meta{grid-column:1/-1}.project-heading{grid-column:1}.project-evidence{grid-column:2}}@media (max-width:25rem){.nav-links{gap:0}.nav-links a{padding-inline:.55rem}.hero{min-height:100svh}.hero-actions{flex-direction:column;align-items:flex-start}.project-heading h3{font-size:clamp(2.4rem,13vw,3.5rem)}}@media (hover:none){.button-primary:hover,.text-link:hover svg,.project-link:hover svg{transform:none}.service:hover .service-signal{transform:scaleX(.35)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-signal span{transform:translate(45vw)}}@media (forced-colors:active){.button-primary{border:1px solid buttontext}}
