:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#eeefe9;--muted:#9da1aa;--paper:#0d0f0d;--line:#242724;--accent:#fe3b15;--accent-hover:#ff6949;--surface:#111411;--surface-elevated:#181c18;--focus:#ff8a72;--display:"Space Grotesk", sans-serif;--mono:"IBM Plex Mono", monospace;--page-gutter:clamp(1rem, 4vw, 3rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.625rem;--space-10:3.5rem;--content-gutter:clamp(var(--space-7), 5.5vw, 5rem);font-family:DM Sans,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#202824;--muted:#68726b;--paper:#f3f5ef;--line:#d8ded6;--accent:#fe3b15;--accent-hover:#c92f13;--surface:#edf0e9;--surface-elevated:#fbfcf8;--focus:#b52a13}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:clamp(1rem,3vw,2rem)}body{background:var(--paper);color:var(--ink);margin:0;transition:background-color .22s,color .22s}:root[data-theme=light] body{color:#202824;background-color:#f3f5ef}body,button,a{font-family:DM Sans,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible{outline:.125rem solid var(--focus);outline-offset:var(--space-1)}::selection{color:var(--ink);background:var(--accent)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.portfolio-page{min-height:100svh;position:relative;overflow:clip}.portfolio-page:before{z-index:0;content:"";pointer-events:none;background:radial-gradient(circle,#fe3b150a 0%,#0000 68%);width:42rem;height:42rem;position:fixed;inset:-18rem -10rem auto auto}.portfolio-page>*{z-index:1;position:relative}.page-width{width:min(calc(100% - var(--page-gutter) - var(--page-gutter)), 84rem);margin-inline:auto}.intro-screen{justify-content:center;align-items:center;min-height:100svh;padding:clamp(1rem,4vw,3rem);animation:.45s ease-in 1.5s forwards intro-exit;display:flex}.intro-screen__identity{text-align:center;animation:.5s ease-out both appear}.intro-screen__welcome{margin:0 0 var(--space-2);color:var(--muted);font-size:.8125rem;font-weight:300}.intro-screen h1{color:var(--ink);font-family:var(--display);margin:0;font-size:clamp(1.875rem,8vw,5.5rem);font-weight:500;line-height:1.1}.intro-screen__name{background-image:linear-gradient(var(--accent), var(--accent));background-repeat:no-repeat;background-size:0% 100%;padding:.025em .12em .08em;animation:.7s ease-out .18s forwards highlight-arrive}.site-header{z-index:5;background:var(--paper);border-bottom:.0625rem solid color-mix(in srgb, var(--line) 55%, transparent);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);justify-content:space-between;align-items:center;min-height:clamp(4.25rem,5vw,5rem);display:flex;position:sticky;top:0}:root[data-theme=light] .site-header{background:#f3f5ef}.site-brand{color:var(--ink);align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.site-brand__mark{flex:none;width:2.25rem;height:2.25rem;display:block}.brand-symbol{width:100%;height:100%;display:block;overflow:visible}.brand-symbol path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}.brand-symbol__s{stroke:var(--muted)}.brand-symbol__z{stroke:var(--accent);opacity:.8}.site-brand__label,.site-nav,.site-footer{font-family:var(--mono);text-transform:uppercase;font-size:.6875rem}.site-nav{align-items:center;gap:clamp(.75rem,2.5vw,2rem);display:flex}.site-header__actions{align-items:center;display:flex}.site-nav a{align-items:center;min-height:2.75rem;padding-block:.75rem;padding-inline:.25rem;display:inline-flex;position:relative}.site-nav a:after{background:var(--accent);content:"";transform-origin:0;height:.0625rem;transition:transform .18s;position:absolute;bottom:.4rem;left:0;right:0;transform:scaleX(0)}.site-nav a,.site-footer a,.contact-section__details a{color:var(--muted);text-decoration:none;transition:color .16s}.site-nav a:hover,.site-footer a:hover,.contact-section__details a:hover{color:var(--accent-hover)}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1)}.theme-toggle{min-width:2.75rem;min-height:2.75rem;color:var(--muted);cursor:pointer;font-family:var(--mono);text-transform:uppercase;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin-left:clamp(.5rem,2vw,1.25rem);padding:.25rem;font-size:.5625rem;transition:color .16s,background-color .16s,transform .16s;display:inline-flex}.theme-toggle:hover{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent-hover);transform:translateY(-.0625rem)}.theme-toggle:active{transform:translateY(0)}.theme-toggle:focus-visible{outline:.125rem solid var(--focus);outline-offset:.125rem}.hero{border-bottom:.0625rem solid var(--line);align-items:flex-start;min-height:68svh;padding-block:clamp(1rem,3vw,1.5rem) clamp(2rem,6vw,3rem);display:flex}.hero__copy{width:min(100%,66rem);padding-block:.75rem;animation:.65s ease-out both appear;position:relative}.hero__copy:before{background:linear-gradient(transparent, var(--accent) 18%, var(--accent) 82%, transparent);content:"";width:.0625rem;position:absolute;top:2rem;bottom:2rem;left:-1.5rem}.section-kicker{color:var(--accent);font-family:var(--mono);text-transform:uppercase;margin:0;font-size:.6875rem;line-height:1.5}.hero__title{font-family:var(--display);letter-spacing:0;margin:1rem 0 1.5rem;font-size:clamp(3.5rem,10vw,7.5rem);font-weight:500;line-height:.9}.hero__title>span{display:block}.hero__period{color:var(--accent)}.hero__role{color:var(--ink);margin:0;font-size:clamp(1.0625rem,1.6vw,1.25rem)}.hero__summary{max-width:58ch;color:var(--muted);margin:1rem 0 0;font-size:clamp(.9375rem,1.2vw,1rem);line-height:1.7}.hero__actions{flex-wrap:wrap;gap:clamp(1rem,3vw,1.75rem);margin-top:2rem;display:flex}.text-link{color:var(--muted);align-items:center;gap:.625rem;padding-bottom:.25rem;font-size:.875rem;text-decoration:none;transition:color .16s,border-color .16s;display:inline-flex}.text-link:hover{color:var(--accent-hover)}.text-link--bright{color:var(--accent)}.work-section,.about-section{border-bottom:.0625rem solid var(--line);padding-block:clamp(4rem,8vw,7rem)}.section-heading{grid-template-columns:1fr auto;align-items:end;gap:clamp(.75rem,2vw,1rem) clamp(1rem,3vw,2rem);margin-bottom:clamp(2rem,4vw,3rem);display:grid}.section-heading .section-kicker{grid-column:1/-1}.section-heading h2,.contact-section h2{font-family:var(--display);margin:0;font-size:clamp(2.5rem,5vw,4rem);font-weight:500;line-height:1}.project-grid{grid-template-columns:minmax(0,1fr);gap:clamp(1.25rem,2vw,2rem);display:grid}.project{grid-template-columns:2.5rem minmax(12rem,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(.75rem,1.25vw,.85rem) clamp(1rem,2vw,1.5rem);min-width:0;padding-top:clamp(1rem,2vw,1.25rem);transition:transform .22s,opacity .22s;animation:.5s ease-out both appear;display:grid}.project:nth-child(2){animation-delay:60ms}.project:nth-child(3){animation-delay:.12s}.project:hover{transform:translateY(-.125rem)}.project__index{color:var(--accent);font-family:var(--mono);padding-top:.2rem;font-size:.6875rem}.project__heading{display:block}.project__category{color:var(--muted);font-family:var(--mono);text-transform:uppercase;margin:0 0 .5rem;font-size:.625rem}.project h3{font-family:var(--display);margin:0;font-size:clamp(1.5rem,2.5vw,1.75rem);font-weight:500}.project__description{color:var(--muted);grid-column:3;margin:0;font-size:.875rem;line-height:1.7}.tag-list{flex-wrap:wrap;grid-column:3;gap:.35rem .6rem;margin:0;padding:0;list-style:none;display:flex}.tag-list li{color:var(--muted);font-family:var(--mono);font-size:.5625rem}.tag-list li:not(:last-child):after{color:var(--accent);content:"/";padding-left:.6rem}.section-heading--side{margin:0;display:block}.section-heading--side h2{max-width:34rem;margin-top:1.5rem}.about-section{grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,5rem);display:grid}.about-section__summary{max-width:62ch;color:var(--ink);margin:0;font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.55}.contact-section{width:min(calc(100% - var(--page-gutter) - var(--page-gutter)), 84rem);max-width:none;color:var(--ink);margin:0 auto;padding-block:clamp(4rem,7vw,5.5rem)}.contact-section .section-kicker{color:var(--accent)}.contact-section h2{margin-top:1.5rem;font-size:clamp(2.875rem,7vw,5.5rem)}.contact-section__email{max-width:100%;color:var(--accent);font-family:var(--display);overflow-wrap:anywhere;text-underline-offset:.4rem;margin-top:clamp(1.25rem,3vw,2rem);font-size:clamp(1.25rem,2.5vw,1.75rem);text-decoration-thickness:.0625rem;display:inline-block}.contact-section__details{font-family:var(--mono);text-transform:uppercase;flex-wrap:wrap;gap:clamp(1rem,3vw,1.5rem);margin-top:clamp(2rem,5vw,3.5rem);padding-top:.5rem;font-size:.6875rem;display:flex}.contact-section__details a{color:var(--muted)}.contact-section__details a:hover{color:var(--accent)}.site-footer{min-height:clamp(4.5rem,7vw,5.5rem);color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(.75rem,3vw,1.5rem);display:grid}.site-footer>:last-child{justify-self:end}.site-footer__links{justify-content:end;align-items:center;gap:clamp(.75rem,2vw,1.5rem);display:flex}.site-footer p{text-align:center;margin:0}.site-footer .site-brand__mark{width:1.75rem;height:1.75rem}.not-found{justify-content:center;align-items:flex-start;gap:var(--space-3);min-height:100svh;padding:var(--space-6) var(--content-gutter);flex-direction:column;display:flex}.not-found h1{color:var(--ink);font-family:var(--display);margin:0;font-size:clamp(3rem,7vw,3.625rem);font-weight:500}.not-found a{color:var(--accent);text-underline-offset:var(--space-1)}.privacy-page{min-height:100svh;padding-block:clamp(1.5rem,5vw,4rem) clamp(4rem,9vw,8rem)}.privacy-page__back{color:var(--muted);font-family:var(--mono);text-transform:uppercase;margin-bottom:clamp(4rem,10vw,8rem);font-size:.6875rem;text-decoration:none;transition:color .16s;display:inline-block}.privacy-page__back:hover{color:var(--accent-hover)}.privacy-page h1{max-width:12ch;font-family:var(--display);margin:1.5rem 0 1rem;font-size:clamp(3rem,8vw,6rem);font-weight:500;line-height:.95}.privacy-page__updated{color:var(--muted);font-family:var(--mono);text-transform:uppercase;margin:0;font-size:.6875rem}.privacy-page__content{gap:clamp(2.5rem,6vw,4.5rem);max-width:48rem;margin-top:clamp(4rem,10vw,8rem);margin-left:min(28vw,20rem);display:grid}.privacy-page__content section{max-width:62ch}.privacy-page__content h2{color:var(--ink);font-family:var(--display);margin:0 0 .875rem;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:500}.privacy-page__content p{color:var(--muted);margin:0 0 .875rem;font-size:clamp(.9375rem,1.2vw,1rem);line-height:1.75}.privacy-page__content a{color:var(--accent);text-underline-offset:.2em}.portfolio-page,.site-header,.hero,.work-section,.about-section,.contact-section,.site-footer,.site-brand,.site-nav a,.site-footer a,.theme-toggle,.hero__role,.hero__summary,.project__category,.project__description,.tag-list li,.about-section__summary,.contact-section__details a,.brand-symbol path{transition:background-color .22s,border-color .22s,color .22s,fill .22s,stroke .22s}@keyframes appear{0%{opacity:0;transform:translateY(.375rem)}to{opacity:1;transform:translateY(0)}}@keyframes highlight-arrive{to{background-size:100% 100%}}@keyframes intro-exit{to{opacity:0;transform:translateY(-.5rem)}}@media (width<=56rem){.site-nav{gap:clamp(.75rem,2vw,1.25rem)}}@media (width<=42.5rem){.intro-screen h1{font-size:3.5rem}.site-header{min-height:4rem}.site-brand__label{font-size:.5625rem}.site-nav{gap:clamp(.625rem,3vw,.875rem);font-size:.5625rem}.hero{min-height:auto;padding-block:clamp(1.25rem,5vw,2rem)}.hero__copy{padding:0}.hero__copy:before{left:-.75rem}.hero__title{margin-top:.75rem}.work-section,.about-section{padding-block:clamp(3rem,10vw,4.5rem)}.section-heading{margin-bottom:2rem;display:block}.section-heading h2,.section-heading--side h2{margin-top:1.25rem}.project-grid{grid-template-columns:1fr;gap:2rem}.project{grid-template-columns:1.5rem 1fr;row-gap:.85rem}.project__index{grid-row:1/span 3}.project__heading,.project__description,.tag-list{grid-column:2}.about-section{grid-template-columns:1fr;gap:2rem}.about-section__summary{font-size:clamp(1.0625rem,3vw,1.125rem)}.contact-section{width:min(calc(100% - var(--page-gutter) - var(--page-gutter)), 84rem);padding-block:clamp(3rem,10vw,4rem)}.contact-section__details{gap:clamp(.75rem,4vw,1rem)}.site-footer{grid-template-columns:1fr 1fr;min-height:auto;padding-block:clamp(.75rem,4vw,1rem);font-size:.5625rem}.site-footer p{grid-area:2/1/auto/-1;padding-top:1rem}.site-footer__links{gap:.75rem}.privacy-page__content{margin-left:0}}@media (width<=22.5rem){.intro-screen h1{font-size:1.875rem}.site-brand{gap:.5rem}.site-brand__mark{width:1.875rem;height:1.875rem}.site-nav{gap:.5rem;font-size:.5rem}}@media (width<=20rem){.hero__title{font-size:clamp(3rem,13vw,3.5rem)}.contact-section h2{font-size:clamp(2.375rem,11vw,2.875rem)}}@media (prefers-reduced-motion:reduce){.portfolio-page:before{display:none}.intro-screen{animation:none}.hero__copy,.project{transition:none;animation:none}}