:root{--color-bg:#fefffe;--color-bg-tint:#f7f1ef;--color-ink:#1a1c1c;--color-ink-soft:#55524f;--color-primary:#d65780;--color-primary-strong:#b83f68;--color-primary-deep:#9c3459;--color-secondary:#ee9480;--color-hairline:#e7e1dd;--color-card-ink:#fdf3ef;--color-card-peach:#fbe9dd;--color-card-coral:#fbe4e8;--font-display-family:"Syne", "Helvetica Neue", sans-serif;--font-display-size:clamp(2.25rem, 5vw + 1rem, 3.75rem);--font-display-weight:600;--font-display-line-height:1.12;--font-display-tracking:-.02em;--font-headline-family:"Syne", "Helvetica Neue", sans-serif;--font-headline-size:clamp(1.75rem, 2vw + 1rem, 2.5rem);--font-headline-weight:600;--font-headline-line-height:1.15;--font-headline-tracking:-.01em;--font-title-family:"Syne", "Helvetica Neue", sans-serif;--font-title-size:1.2rem;--font-title-weight:600;--font-title-tracking:-.01em;--font-body-family:"IBM Plex Sans", "Helvetica Neue", sans-serif;--font-body-size:1rem;--font-body-weight:400;--font-body-line-height:1.6;--font-body-soft-size:1.05rem;--font-label-family:"JetBrains Mono", ui-monospace, monospace;--font-label-size:.75rem;--font-label-weight:500;--font-label-tracking:.03em;--radius-sm:4px;--radius-md:6px;--radius-full:50%;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1.25rem;--space-md:2rem;--space-lg:3.5rem;--space-xl:6rem;--space-2xl:9rem;--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body-family);font-size:var(--font-body-size);line-height:var(--font-body-line-height);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}::selection{background:var(--color-primary);color:var(--color-bg)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:2px}.skip-link{background:var(--color-ink);color:var(--color-bg);border-radius:var(--radius-sm);z-index:100;padding:.75rem 1.25rem;position:absolute;top:auto;left:-999px}.skip-link:focus{left:var(--space-sm);top:var(--space-sm)}.page-loader{background:var(--color-secondary);transform-origin:0;width:100%;height:5px;transition:transform .6s var(--ease-out-expo);z-index:1000;position:fixed;top:0;left:0;transform:scaleX(0)}.page-loader.is-loading{transform:scaleX(1)}.site-header{z-index:10;padding:var(--space-lg) var(--space-sm) var(--space-sm);background:color-mix(in srgb, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);flex-direction:column;align-items:center;gap:2rem;display:flex;position:sticky;top:0}.header-logo{display:inline-flex}.header-logo img{display:block}.site-nav{gap:3.75rem;font-size:1.15rem;display:flex}.nav-link{color:var(--color-ink-soft);transition:color .2s var(--ease-out-expo);padding-bottom:3px;text-decoration:none;position:relative}.nav-link:after{content:"";background:var(--color-primary);height:1.5px;transition:right .25s var(--ease-out-expo);position:absolute;bottom:0;left:0;right:100%}.nav-link:hover,.nav-link:focus-visible,.nav-link.active{color:var(--color-ink)}.nav-link:hover:after,.nav-link:focus-visible:after,.nav-link.active:after{right:0}.button-primary,.button-ghost{font-family:var(--font-body-family);border-radius:var(--radius-sm);transition:transform .2s var(--ease-out-expo), background .2s var(--ease-out-expo), border-color .2s var(--ease-out-expo), color .2s var(--ease-out-expo);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.button-primary{background-color:var(--color-primary-strong);color:var(--color-bg)}.button-primary:hover,.button-primary:focus-visible{background-color:var(--color-primary-deep);transform:translateY(-1px)}.button-ghost{color:var(--color-ink);border-color:var(--color-hairline);background-color:#0000}.button-ghost:hover,.button-ghost:focus-visible{border-color:var(--color-primary);color:var(--color-primary-strong)}.hero{text-align:center;width:100%;padding:var(--space-xl) var(--space-sm);flex-direction:column;align-items:center;display:flex}.hero-headline{margin:0 0 var(--space-md);font-family:var(--font-display-family);font-weight:var(--font-display-weight);font-size:var(--font-display-size);line-height:var(--font-display-line-height);letter-spacing:var(--font-display-tracking);text-wrap:balance}.terminal{text-align:left;background:var(--color-ink);border-radius:var(--radius-md);width:100%;max-width:56rem;margin:0 auto;overflow:hidden;box-shadow:0 20px 40px -20px #1a1c1c59}.terminal-bar{align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm);background:#232626;border-bottom:1px solid #ffffff14;display:flex}.terminal-dot{border-radius:var(--radius-full);width:11px;height:11px}.terminal-dot--red{background:#ff5f56}.terminal-dot--yellow{background:#ffbd2e}.terminal-dot--green{background:#27c93f}.terminal-title{margin-left:var(--space-2xs);font-family:var(--font-label-family);color:#ffffff80;font-size:.75rem}.terminal-body{padding:var(--space-md);font-family:var(--font-label-family);color:#ffffffd9;font-size:1.2rem;line-height:1.8}.terminal-button{margin-top:var(--space-md);width:fit-content;font-family:var(--font-body-family);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out-expo);margin-left:auto;padding:.5rem 1.1rem;font-size:.85rem;display:flex}.terminal-button.is-visible{opacity:1;pointer-events:auto}.terminal-body p{margin:0}.terminal-prompt{color:var(--color-secondary);margin-right:.5em}.terminal-output{color:#ffffffd9;margin-bottom:var(--space-sm)!important}.terminal-cursor{background:var(--color-secondary);vertical-align:text-bottom;width:8px;height:1em;margin-left:2px;animation:1s step-end infinite terminal-blink;display:inline-block}@keyframes terminal-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.terminal-cursor{animation:none}}.hero-sub{margin:0 0 var(--space-lg);max-width:38rem;color:var(--color-ink-soft);font-size:1.15rem}.page-path{margin:0 0 var(--space-2xs);text-align:left;font-family:var(--font-label-family);letter-spacing:var(--font-label-tracking);color:var(--color-ink-soft);font-size:1rem}.page-path--title{margin-bottom:var(--space-md);font-size:clamp(1.35rem,1vw + 1rem,1.75rem);font-weight:var(--font-label-weight);letter-spacing:-.01em;color:var(--color-ink);line-height:1.1}.section-heading{margin:0 0 var(--space-lg);font-family:var(--font-headline-family);font-weight:var(--font-headline-weight);font-size:var(--font-headline-size);line-height:var(--font-headline-line-height);letter-spacing:var(--font-headline-tracking)}.gallery{width:100%;padding:var(--space-xl) var(--space-sm)}.gallery-heading{max-width:1440px;margin-inline:auto}.gallery-grid{gap:var(--space-md) var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr));max-width:1440px;margin:0 auto;padding:0;list-style:none;display:grid}.gallery-card{--tilt:-1.5deg;transform:rotate(var(--tilt));transition:transform .35s var(--ease-out-expo)}.gallery-card:nth-child(2){--tilt:1.2deg}.gallery-card:nth-child(3){--tilt:-.9deg}.gallery-card:nth-child(4){--tilt:1.4deg}.gallery-card:nth-child(5){--tilt:-1.3deg}.gallery-card:nth-child(6){--tilt:1deg}.gallery-card:nth-child(7){--tilt:2deg;margin-left:var(--space-md);grid-area:1/4/span 2;align-self:center}.gallery-card-link{background:var(--color-bg);border:1px solid var(--color-hairline);border-radius:var(--radius-md);height:100%;color:var(--color-ink);transition:box-shadow .35s var(--ease-out-expo);flex-direction:column;text-decoration:none;display:flex;overflow:hidden;box-shadow:0 6px 18px #1a1c1c14}a.gallery-card-link:focus-visible{outline:3px solid var(--color-primary-deep);outline-offset:4px}.gallery-card:has(a:hover),.gallery-card:has(a:focus-visible){transform:rotate(0)translateY(-4px)}.gallery-card:has(a:hover) .gallery-card-link{box-shadow:0 14px 30px #1a1c1c24}.gallery-card-media{aspect-ratio:16/10;border-bottom:1px solid var(--color-hairline);background:#e4e4e2;place-items:center;display:grid;overflow:hidden}.gallery-card-media img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.gallery-card--soon .gallery-card-media{position:relative}.tape{background:repeating-linear-gradient(-45deg,#f2c200 0 16px,#1a1c1c 16px 32px);width:130%;height:30px;position:absolute;left:-15%;box-shadow:0 2px 6px #1a1c1c40}.tape--a{top:38%;transform:rotate(-9deg)}.tape--b{top:52%;transform:rotate(6deg)}.gallery-card-body{gap:var(--space-3xs);padding:var(--space-sm) var(--space-sm) var(--space-md);flex-direction:column;display:flex}.gallery-card-category{font-family:var(--font-label-family);font-size:var(--font-label-size);font-weight:var(--font-label-weight);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft)}.gallery-card-title{font-family:var(--font-title-family);font-size:var(--font-title-size);font-weight:var(--font-title-weight);letter-spacing:var(--font-title-tracking);margin:0;line-height:1.3}.gallery-card--soon .gallery-card-title{color:var(--color-ink-soft)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1180px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px}.gallery-heading{max-width:1120px}.gallery-card:nth-child(7){grid-area:auto/2;margin-left:0}}@media (width<=960px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-card:nth-child(7){grid-column:auto}}@media (width<=600px){.gallery-grid{gap:var(--space-md);grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.gallery-card,.gallery-card-link{transition:none}}.about{max-width:84rem;padding:var(--space-xl) clamp(var(--space-sm), 5vw, 4rem) var(--space-2xl);margin:0 auto}.about-grid{margin-top:var(--space-lg);gap:var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;max-width:72rem;display:grid}.about-media{justify-self:center;width:100%;max-width:24rem;position:relative}.about-media:before,.about-media:after,.photo-tape{content:"";z-index:1;pointer-events:none;background:#f0e4beb8;width:110px;height:32px;position:absolute;top:-14px;box-shadow:0 1px 3px #1a1c1c26}.about-media:before{left:-34px;transform:rotate(-38deg)}.about-media:after{right:-34px;transform:rotate(38deg)}.photo-tape--bl,.photo-tape--br{top:auto;bottom:-14px}.photo-tape--bl{left:-34px;transform:rotate(38deg)}.photo-tape--br{right:-34px;transform:rotate(-38deg)}.about-media img{width:100%;height:auto;display:block}.about-text{margin:0 0 var(--space-md);font-size:var(--font-body-soft-size);color:var(--color-ink-soft)}.stack-row{justify-content:flex-start;gap:var(--space-2xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.stack-row li{font-family:var(--font-label-family);font-size:var(--font-label-size);letter-spacing:var(--font-label-tracking);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);color:var(--color-ink-soft);padding:.4rem .75rem}.work{max-width:84rem;padding:var(--space-xl) clamp(var(--space-sm), 5vw, 4rem) var(--space-2xl);margin:0 auto}.work-intro{margin:0 0 var(--space-lg);font-size:var(--font-body-soft-size);color:var(--color-ink-soft)}.work-intro p{margin:0 0 var(--space-xs)}.work-intro p:last-child{margin-bottom:0}.work-grid{gap:var(--space-lg) var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.work-item{opacity:0;transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);flex-direction:column;display:flex;transform:translateY(16px)}.work-item.is-visible{opacity:1;transform:translateY(0)}.work-item-media{aspect-ratio:4/5;margin-bottom:var(--space-sm);border:1px solid var(--color-hairline);overflow:hidden}.work-item-media img{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}.work-item-media--coral{background:var(--color-card-coral)}.work-item-media--peach{background:var(--color-card-peach)}.work-item-media--ink{background:var(--color-card-ink)}.work-item-diagram{width:100%;height:100%;padding:var(--space-md);color:var(--color-ink);opacity:.32}.work-item-diagram line,.work-item-diagram path,.work-item-diagram rect{stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;fill:none}.work-item-diagram rect{fill:currentColor;fill-opacity:.5}.work-item-diagram .diagram-secondary{opacity:.55}.work-item-title{font-family:var(--font-title-family);font-weight:var(--font-title-weight);letter-spacing:var(--font-title-tracking);margin:0;font-size:1.4rem;line-height:1.25}.work-item-summary{margin:var(--space-3xs) 0 var(--space-xs);font-family:var(--font-label-family);font-size:1rem;font-weight:var(--font-label-weight);letter-spacing:var(--font-label-tracking);color:var(--color-primary-deep)}.work-item-description{color:var(--color-ink-soft);margin:0;font-size:1.1rem}.contact{max-width:84rem;padding:var(--space-xl) clamp(var(--space-sm), 5vw, 4rem) var(--space-2xl);margin:0 auto}.contact-grid{gap:var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;max-width:72rem;display:grid}.contact-media{justify-self:center;width:100%;max-width:22rem}.contact-media img{aspect-ratio:1;object-fit:cover;border-radius:50%;width:100%;height:auto;display:block}.contact-intro{margin:0 0 var(--space-md);font-size:var(--font-body-soft-size);color:var(--color-ink-soft)}.contact-details{gap:var(--space-xs);margin:0 0 var(--space-md);color:var(--color-ink-soft);flex-direction:column;padding:0;list-style:none;display:flex}.contact-details li{align-items:center;gap:var(--space-2xs);display:flex}.contact-details svg{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}.contact-details a{color:inherit;text-underline-offset:3px}.contact-details a:hover,.contact-details a:focus-visible{color:var(--color-primary-strong)}.contact-resume--pending{font-family:var(--font-label-family);border:1px dashed var(--color-hairline);color:var(--color-ink-soft);padding:.85rem 1.25rem;font-size:.85rem;display:inline-block}.site-footer{padding:var(--space-lg) var(--space-sm) var(--space-xl)}.footer-wrapper{align-items:center;gap:var(--space-sm);grid-template-columns:1fr auto 1fr;max-width:68rem;margin:0 auto;display:grid}.footer-logo{justify-self:start;display:inline-flex}.footer-logo img{display:block}.footer-copyright{text-align:center;color:var(--color-ink-soft);justify-self:center;margin:0;font-size:.85rem;line-height:1.6}.footer-claude-icon{vertical-align:-6px;border-radius:4px;width:24px;height:24px;margin-left:.35em;display:inline-block}.footer-social{justify-self:end;gap:var(--space-sm);margin:0;padding:0;list-style:none;display:flex}.footer-social a{color:var(--color-ink-soft);transition:color .2s var(--ease-out-expo);display:inline-flex}.footer-social a:hover,.footer-social a:focus-visible{color:var(--color-primary-strong)}.footer-social svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}@media (width<=720px){.site-header{padding:var(--space-sm) var(--space-sm) var(--space-xs)}.site-nav{gap:var(--space-sm)}.hero{padding:var(--space-xl) var(--space-sm) var(--space-lg)}.work-grid{grid-template-columns:1fr}.contact-grid,.about-grid{gap:var(--space-md);grid-template-columns:1fr}.about-media{max-width:18rem}.footer-wrapper{text-align:center;grid-template-columns:1fr;justify-items:center}.footer-logo,.footer-social{justify-self:center}}