:root{--color-bg: oklch(.94 .035 78);--color-surface: oklch(.91 .045 78);--color-hairline: oklch(.84 .04 78);--color-ink: oklch(.18 .035 82);--color-muted: oklch(.52 .018 78);--color-dim: oklch(.68 .018 78);--color-accent: oklch(.68 .145 74);--color-accent-deep: oklch(.55 .15 68);--color-dark-bg: oklch(.17 .035 185);--color-dark-ink: oklch(.92 .03 78);--color-dark-muted: oklch(.72 .02 190);--font-display: "Chakra Petch", "Helvetica Neue", Arial, sans-serif;--font-body: "Zen Old Mincho", Georgia, "Times New Roman", serif;--font-mono: "Azeret Mono", "Courier New", monospace;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--z-sticky: 100;--z-dropdown: 200;--z-modal-bg: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--page-pad: clamp(1.5rem, 6vw, 6rem);--max-w: 72rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;color-scheme:light}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal;overflow-x:hidden}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}ol,ul{list-style:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:1px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.site-nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--page-pad);background:#f8e9d2eb;border-bottom:1px solid var(--color-hairline);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.wordmark{font-family:var(--font-display);font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink);transition:color .2s var(--ease-out-expo)}.wordmark:hover{color:var(--color-accent)}.nav-links{display:flex;align-items:center;gap:var(--sp-8)}.nav-links a{font-family:var(--font-display);font-size:.625rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);transition:color .2s var(--ease-out-expo)}.nav-links a:hover{color:var(--color-ink)}.hero{display:block;position:relative;min-height:100svh}.hero-text{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:calc(var(--sp-16) + 3.5rem);padding-right:52%;padding-bottom:clamp(3.5rem,9vw,7rem);padding-left:var(--page-pad)}.hero-text:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#f8e9d2 0% 38%,#f8e9d2a6 62%,#f8e9d200);opacity:.9;z-index:-1;pointer-events:none}.hero-name{font-family:var(--font-display);font-weight:300;font-size:clamp(2.75rem,6.5vw,6.25rem);line-height:.92;letter-spacing:-.015em;text-transform:uppercase;color:var(--color-ink);text-wrap:balance;animation:rise-in .7s var(--ease-out-expo) 80ms both}.hero-name span{display:block}.hero-rule{width:52px;height:1.5px;background:var(--color-accent);margin:var(--sp-6) 0;transform-origin:left center;animation:rule-extend .5s var(--ease-out-expo) .36s both}.hero-role{font-family:var(--font-display);font-size:clamp(.75rem,1.4vw,.875rem);font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);animation:rise-in .5s var(--ease-out-expo) .46s both}.hero-tagline{font-family:var(--font-body);font-size:clamp(.875rem,1.4vw,1rem);font-weight:400;color:var(--color-muted);margin-top:var(--sp-3);max-width:34ch;line-height:1.6;animation:rise-in .5s var(--ease-out-expo) .54s both}.hero-cta{display:inline-flex;align-items:center;gap:var(--sp-2);align-self:flex-start;margin-top:var(--sp-8);padding:.75rem 1.625rem;background:var(--color-accent);color:var(--color-ink);font-family:var(--font-display);font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:background .2s var(--ease-out-expo),transform .2s var(--ease-out-expo);animation:rise-in .48s var(--ease-out-expo) .62s both}.hero-cta:hover{background:var(--color-accent-deep);transform:translateY(-1px)}.hero-cta svg{flex-shrink:0;transition:transform .2s var(--ease-out-expo)}.hero-cta:hover svg{transform:translate(3px)}.hero-visual{position:absolute;inset:0;width:100%;height:100%;overflow:visible;background:transparent;z-index:0}.hero-visual>svg{position:absolute;inset:0;width:100%;height:100%}.section{padding:var(--sp-24) var(--page-pad);border-top:1px solid var(--color-hairline)}.section-inner{max-width:var(--max-w);margin:0 auto}.section--dark{background:var(--color-dark-bg);border-top-color:transparent}.work-heading{font-family:var(--font-mono);font-size:.5625rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--color-dim);margin-bottom:var(--sp-8)}.work-list{display:flex;flex-direction:column}.work-item{border-top:1px solid var(--color-hairline)}.work-item:last-child{border-bottom:1px solid var(--color-hairline)}.work-link{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-6);padding:var(--sp-6) 0;position:relative}.work-link:before{content:"";position:absolute;inset:0 calc(-1 * var(--sp-3));background:var(--color-surface);opacity:0;transition:opacity .2s var(--ease-out-expo);pointer-events:none}.work-link:hover .work-title{color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:4px;text-decoration-thickness:1.5px}.work-title{font-family:var(--font-display);font-size:clamp(1.0625rem,2.2vw,1.5rem);font-weight:300;letter-spacing:.02em;text-transform:uppercase;color:var(--color-ink);transition:color .2s var(--ease-out-expo);flex:1;min-width:0}.work-meta{display:flex;align-items:baseline;gap:var(--sp-5);flex-shrink:0}.work-category{font-family:var(--font-mono);font-size:.625rem;color:var(--color-muted);letter-spacing:.06em}.work-year{font-family:var(--font-mono);font-size:.625rem;color:var(--color-dim);font-variant-numeric:tabular-nums;letter-spacing:.06em;width:2.5rem;text-align:right}.about-layout{display:flex;align-items:center;gap:var(--sp-16)}.about-content{flex:1;min-width:0}.about-portrait-wrap{flex:0 0 clamp(220px,28vw,340px);display:flex;justify-content:center;align-items:center}.about-portrait{width:clamp(180px,20vw,260px);height:clamp(180px,20vw,260px);border-radius:50%;object-fit:cover;object-position:center top;display:block;outline:1.5px solid var(--color-accent);outline-offset:5px}.about-heading{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:300;letter-spacing:-.01em;text-transform:uppercase;color:var(--color-dark-ink);margin-bottom:var(--sp-10);text-wrap:balance}.about-body{max-width:60ch}.about-body p{font-family:var(--font-body);font-size:1.0625rem;line-height:1.8;color:var(--color-dark-muted);text-wrap:pretty}.about-body p+p{margin-top:var(--sp-5)}.site-footer{border-top:1px solid var(--color-hairline);padding:var(--sp-8) var(--page-pad);background:var(--color-bg)}.footer-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4)}.contact-email{font-family:var(--font-display);font-size:.8125rem;font-weight:400;letter-spacing:.04em;color:var(--color-muted);transition:color .2s var(--ease-out-expo)}.contact-email:hover{color:var(--color-accent)}.footer-links{display:flex;align-items:center;gap:var(--sp-6)}.footer-links a{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.06em;color:var(--color-dim);transition:color .2s var(--ease-out-expo)}.footer-links a:hover{color:var(--color-accent)}.footer-copy{font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.06em;color:var(--color-dim);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--color-hairline);max-width:var(--max-w);margin-left:auto;margin-right:auto;width:100%}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes rule-extend{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:768px){.hero-text{padding-right:var(--page-pad);min-height:100svh}.hero-text:before{background:linear-gradient(to bottom,#f8e9d2d9,#f8e9d2bf 60%,#f8e9d200)}}@media(max-width:600px){.nav-links{gap:var(--sp-5)}.nav-links a{font-size:.5625rem;letter-spacing:.08em}.work-meta{flex-direction:column;gap:var(--sp-1);align-items:flex-end}.work-category{display:none}.about-layout{flex-direction:column-reverse;gap:var(--sp-8)}.about-portrait-wrap{flex:none;justify-content:flex-start}.about-portrait{width:clamp(100px,28vw,140px);height:clamp(100px,28vw,140px)}.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap;gap:var(--sp-4)}}