:root{--bg: #6a0c06;--ink: #68fc73;--paper: #ffffff;--copy: rgba(255, 255, 255, .86);--muted: rgba(156, 252, 104, .72);--line: rgba(121, 252, 104, .5);--line-soft: rgba(104, 252, 121, .18);--nav-h: 4rem;--pad: clamp(1.25rem, 2.4vw, 2.25rem);--font-display: "Space Grotesk", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,a{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}ul{margin:0;padding:0;list-style:none}.app{min-height:100%}.app--horizontal{height:100%;overflow:hidden}.viewport{height:100%}.app--horizontal .viewport{overflow:hidden;touch-action:pan-y}.track{display:flex;align-items:stretch;will-change:transform}.track__set{display:flex;align-items:stretch;flex:0 0 auto}.app--vertical .track{flex-direction:column;padding-top:var(--nav-h);transform:none!important}.app--vertical .track__set{flex-direction:column;width:100%}.panel{position:relative;flex:0 0 100vw;width:100vw;height:100vh;padding-top:var(--nav-h);display:grid;border-right:1px solid var(--line);overflow:hidden}.app--vertical .panel{flex-basis:auto;width:100%;height:auto;min-height:0;padding-top:0;border-right:0;border-bottom:1px solid var(--line)}.cell{min-width:0;min-height:0;padding:var(--pad)}.eyebrow{margin:0 0 .85rem;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);opacity:.75}.slot{position:relative;min-width:0;min-height:0;overflow:hidden}.slot__img{display:block;width:100%;height:100%;object-fit:cover}.slot--fit{display:block;width:auto;max-width:100%;height:auto;aspect-ratio:var(--ratio);align-self:end;justify-self:center;border:1px solid var(--line);cursor:default}button.slot--fit{cursor:zoom-in}.slot--fit .slot__img{object-fit:contain}.slot--empty{display:grid;place-items:center;background:repeating-linear-gradient(135deg,transparent 0 14px,var(--line-soft) 14px 15px)}.slot__label{padding:.45rem .8rem;border:1px solid var(--line);background:var(--bg);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.nav{position:fixed;inset:0 0 auto;z-index:20;height:var(--nav-h);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;background:var(--bg);border-bottom:1px solid var(--line)}.nav__brand{display:flex;align-items:center;padding:0 var(--pad);border-right:1px solid var(--line);font-weight:700;letter-spacing:-.06em;font-size:1.6rem;line-height:1}.nav__links{display:flex;align-items:stretch;justify-content:flex-end}.nav__link{display:flex;align-items:center;padding:0 clamp(.75rem,1.6vw,1.5rem);border-left:1px solid var(--line);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);transition:background .25s var(--ease),color .25s var(--ease)}.nav__link:hover{background:var(--ink);color:var(--bg)}.nav__progress{display:flex;align-items:center;width:clamp(90px,12vw,180px);padding:0 var(--pad);border-left:1px solid var(--line)}.nav__progress-bar{display:block;width:100%;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left center}.hero{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"copy photo" "meta place"}.hero__copy{grid-area:copy;display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid var(--line)}.hero__photo{grid-area:photo}.hero__brand{margin:0;font-size:clamp(3rem,8.5vw,8rem);font-weight:700;letter-spacing:-.08em;line-height:.8}.hero__title{margin:1rem 0 0;max-width:16ch;font-weight:700;font-size:clamp(1.6rem,3vw,2.6rem);line-height:.9;letter-spacing:-.05em}.hero__title em{font-style:normal}.hero__lede{margin:1.35rem 0 0;max-width:40ch;color:var(--copy);font-size:1.1rem;line-height:1.6;letter-spacing:.01em}.hero__meta{grid-area:meta;display:flex;align-items:center;gap:1rem;border-top:1px solid var(--line);border-right:1px solid var(--line);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.hero__meta-line{width:3.5rem;height:1px;background:var(--line)}.hero__place{grid-area:place;display:flex;align-items:center;border-top:1px solid var(--line);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.project{grid-template-columns:4.5rem minmax(0,1fr) minmax(0,1.15fr)}.project__index{border-right:1px solid var(--line);font-size:.75rem;letter-spacing:.18em;color:var(--muted)}.project__body{display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid var(--line)}.project__meta{margin:0 0 .85rem;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.75}.project__title{margin:0;font-size:clamp(2.4rem,4.6vw,4.5rem);letter-spacing:-.06em;line-height:.88;font-weight:700}.project__summary{margin:1.25rem 0 0;max-width:38ch;color:var(--copy);line-height:1.6}.project__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.project__tags li{padding:.4rem .75rem;border:1px solid var(--line);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}.project__github{align-self:flex-start;margin-top:1.25rem;padding:.75rem 1.1rem;border:1px solid var(--line);text-decoration:none;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;transition:background .25s var(--ease),color .25s var(--ease)}.project__github:hover{background:var(--ink);color:var(--bg)}.project__gallery{--caption: 3.4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0}.project__visual{display:block;flex:0 0 auto;width:100%;max-width:100%;height:auto;padding:0;border:1px solid var(--line);overflow:hidden;cursor:zoom-in;background:var(--bg)}.project__media{display:block;width:100%;height:100%;object-fit:contain;transition:transform .7s var(--ease)}.project__visual:hover .project__media{transform:scale(1.02)}.project__caption{display:flex;flex:0 0 auto;align-self:stretch;justify-content:space-between;gap:1rem;padding:.85rem var(--pad);border-bottom:1px solid var(--line);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.project__extra{flex:1 1 auto;align-self:stretch}.project__extra.slot--fit{flex:0 0 auto;align-self:center;width:100%}@media(min-width:901px){.project__gallery{container-type:size}.project__gallery:has(.slot--fit) .project__visual,.project__gallery:has(.slot--fit) .project__caption,.project__gallery:has(.slot--fit) .project__extra.slot--fit{width:min(100cqi,calc((100cqb - var(--caption)) / (1 / var(--main) + 1 / var(--extra))))}.project__gallery:has(.slot--fit) .project__caption{align-self:center;border-right:1px solid var(--line);border-left:1px solid var(--line)}.project__gallery:has(.slot--fit) .project__extra.slot--fit{border-top:0}}.lightbox{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:clamp(1rem,3vw,2.5rem)}.lightbox__backdrop{position:absolute;inset:0;border:0;background:#1e0302b8;cursor:pointer}.lightbox__frame{position:relative;z-index:1;width:fit-content;max-width:min(1120px,calc(100vw - 2.5rem));max-height:min(86vh,820px);padding:.7rem;background:var(--paper);border-radius:1.85rem;box-shadow:0 30px 80px #00000059}.lightbox__media{display:block;width:auto;height:auto;max-width:min(1080px,calc(100vw - 4rem));max-height:calc(86vh - 2.5rem);object-fit:contain;border-radius:1.25rem;background:var(--paper)}.lightbox__close{position:absolute;top:1.15rem;right:1.15rem;z-index:2;width:2.6rem;height:2.6rem;border-radius:999px;background:var(--ink);color:var(--bg);font-size:1.1rem;font-weight:700;line-height:1;display:grid;place-items:center}.about{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.about__copy{display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid var(--line)}.about__title{margin:0;max-width:14ch;font-weight:700;font-size:clamp(2.4rem,4.6vw,4.2rem);line-height:.88;letter-spacing:-.06em}.about__text{margin:1.4rem 0 0;max-width:44ch;color:var(--copy);line-height:1.6}.about__cert{margin:1.25rem 0 0;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.about__side{display:flex;flex-direction:column;min-height:0}.about__list li{display:flex;align-items:baseline;gap:1rem;padding:1rem var(--pad);border-bottom:1px solid var(--line);font-size:clamp(1.15rem,2vw,1.6rem);font-weight:600;letter-spacing:-.03em}.about__num{font-size:.7rem;font-weight:400;letter-spacing:.18em;color:var(--muted)}.about__photo{flex:0 0 auto}.photo-well{min-width:0;min-height:0;display:grid;align-items:end;justify-items:center}.about__frame{flex:1 1 auto}@media(min-width:901px){.photo-well{container-type:size}.photo-well>.slot--fit{width:min(100cqi,calc(100cqb * var(--ratio-n)));max-width:100%;max-height:100%;height:auto}}.experience{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.experience__intro{display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid var(--line)}.experience__title{margin:0;max-width:12ch;font-weight:700;font-size:clamp(2.4rem,4.2vw,4rem);line-height:.88;letter-spacing:-.06em}.experience__education{margin:1.25rem 0 0;font-size:.7rem;letter-spacing:.18em;line-height:1.6;text-transform:uppercase;color:var(--muted)}.experience__list{display:grid;grid-auto-rows:minmax(0,1fr)}.experience__item{display:flex;flex-direction:column;justify-content:center;padding:.75rem var(--pad);border-bottom:1px solid var(--line)}.experience__item:last-child{border-bottom:0}.experience__meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.35rem;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.experience__item-title{margin:0;font-size:clamp(1.05rem,1.7vw,1.45rem);letter-spacing:-.03em;line-height:1.15;font-weight:600}.experience__item-summary{margin:.3rem 0 0;max-width:56ch;color:var(--copy);line-height:1.45;font-size:.9rem}.contact{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"copy photo" "socials socials"}.contact__copy{grid-area:copy;display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid var(--line)}.contact__photo{grid-area:photo}.contact__title{margin:0;max-width:10ch;font-size:clamp(3rem,6.5vw,5.75rem);letter-spacing:-.06em;line-height:.85;font-weight:700}.contact__title em{font-style:normal}.contact__email{align-self:flex-start;margin-top:2rem;padding:.15rem .2rem;border-bottom:1px solid var(--ink);font-size:clamp(1.2rem,2.4vw,1.8rem);letter-spacing:-.03em;text-decoration:none;color:var(--paper);transition:background .25s var(--ease),color .25s var(--ease)}.contact__email:hover{background:var(--ink);color:var(--bg)}.contact__location{margin:1.25rem 0 0;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.contact__socials{grid-area:socials;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border-top:1px solid var(--line)}.contact__socials li+li{border-left:1px solid var(--line)}.contact__socials a{display:flex;justify-content:center;padding:1.15rem var(--pad);text-decoration:none;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;transition:background .25s var(--ease),color .25s var(--ease)}.contact__socials a:hover{background:var(--ink);color:var(--bg)}@media(max-width:900px){:root{--nav-h: 3.5rem}.nav{grid-template-columns:auto minmax(0,1fr)}.nav__brand{font-size:1.15rem;padding:0 .9rem}.nav__progress{display:none}.nav__links{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.nav__link{padding:0 .6rem;font-size:.6rem;letter-spacing:.08em}.nav__link:first-child{display:none}.panel{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:none}.hero,.contact{grid-template-areas:none}.hero>*,.contact>*{grid-area:auto}.cell,.hero__copy,.project__body,.about__copy,.experience__intro,.contact__copy{border-right:0;border-bottom:1px solid var(--line)}.hero__photo,.contact__photo,.about__frame{container-type:normal;display:block}.photo-well>.slot--fit{width:min(100%,calc(70vh * var(--ratio-n)));max-height:70vh;height:auto;margin-inline:auto;border:1px solid var(--line)}.hero__photo.slot--empty,.contact__photo.slot--empty,.about__photo.slot--empty{aspect-ratio:4 / 5;min-height:220px}.hero__meta{border-top:0}.hero__place{border-top:0;border-bottom:0}.project__index{padding-block:.85rem}.project__visual,.project__extra.slot--fit{max-height:none;border:1px solid var(--line)}.project__caption{border-right:1px solid var(--line);border-left:1px solid var(--line)}.project__extra.slot--fit{border-top:0}.project__extra.slot--empty{min-height:220px}.experience__list{grid-auto-rows:auto}.experience__item{padding-block:1.1rem}.contact__socials{border-top:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}