*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f2ed;--bg-dark:#0d0d0d;--text:#0d0d0d;--text-muted:#6b6b6b;--text-on-dark:#f5f2ed;--muted-on-dark:#9a9a9a;--border:#0d0d0d1f;--border-dark:#f5f2ed2e;--font-display:"Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--strip-h:36px;--gutter:24px;--pad-x:clamp(20px, 4vw, 56px);--max-w:1440px;--ease:cubic-bezier(.16, 1, .3, 1);--t-fast:.15s;--t-base:.3s;--t-slow:.6s}html{scroll-behavior:smooth}body{font-family:var(--font-mono);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;font-weight:400;line-height:1.7;overflow-x:hidden}::selection{background:var(--text);color:var(--bg)}.display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:.88}.mono{font-family:var(--font-mono)}.label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem}.eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem}.grid{column-gap:var(--gutter);width:100%;max-width:var(--max-w);padding-left:var(--pad-x);padding-right:var(--pad-x);grid-template-columns:repeat(12,1fr);margin:0 auto;display:grid}.section{border-top:1px solid var(--border);padding-top:6rem;padding-bottom:6rem;position:relative}.section:first-of-type{border-top:none}.section--dark{background:var(--bg-dark);color:var(--text-on-dark);border-top-color:var(--border-dark)}.section--dark .label,.section--dark .eyebrow{color:var(--muted-on-dark)}.section-header{border-bottom:1px solid var(--border);grid-column:1/-1;justify-content:space-between;align-items:baseline;margin-bottom:4rem;padding-bottom:1rem;display:flex}.section--dark .section-header{border-bottom-color:var(--border-dark)}.section-header__label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:.7rem}.section-header__index{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-muted);font-size:.7rem}.section--dark .section-header__index{color:var(--muted-on-dark)}.meta-strip{height:var(--strip-h);z-index:100;background:var(--bg);border-bottom:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text);padding:0 var(--pad-x);justify-content:space-between;align-items:center;gap:1.5rem;font-size:.65rem;display:flex;position:fixed;top:0;left:0;right:0}.meta-strip__left{color:var(--text)}.meta-strip__center{color:var(--text-muted)}.meta-strip__right{align-items:center;gap:1.5rem;display:flex}.meta-strip__link{color:var(--text-muted);transition:color var(--t-fast) ease;text-decoration:none}.meta-strip__link:hover{color:var(--text)}.meta-strip__clock{color:var(--text-muted);font-variant-numeric:tabular-nums}@media (width<=900px){.meta-strip__center,.meta-strip__link{display:none}}main{padding-top:var(--strip-h)}.side-nav{z-index:90;opacity:0;pointer-events:none;transition:opacity var(--t-base) var(--ease);flex-direction:column;align-items:flex-end;gap:1.25rem;display:flex;position:fixed;top:50%;right:18px;transform:translateY(-50%)}.side-nav.is-visible{opacity:1;pointer-events:auto}.side-nav__item{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);writing-mode:vertical-rl;transition:color var(--t-fast) ease;align-items:center;gap:.5rem;padding:.25rem .4rem;font-size:.62rem;text-decoration:none;display:flex;transform:rotate(180deg)}.side-nav__item:hover,.side-nav__item.is-active{color:var(--text)}.side-nav__item.is-active:before{content:"▶";margin-bottom:4px;font-size:.5rem}.side-nav.on-dark .side-nav__item{color:var(--muted-on-dark)}.side-nav.on-dark .side-nav__item:hover,.side-nav.on-dark .side-nav__item.is-active{color:var(--text-on-dark)}@media (width<=900px){.side-nav{display:none}}.header{top:var(--strip-h);z-index:95;background:var(--bg);border-bottom:1px solid var(--border);padding:12px var(--pad-x);display:none;position:fixed;left:0;right:0}@media (width<=900px){.header{justify-content:space-between;align-items:center;display:flex}}.header__logo{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:1.1rem;font-weight:700;text-decoration:none}.hamburger{background:0 0;border:none;flex-direction:column;justify-content:space-between;width:28px;height:22px;padding:4px 0;display:flex}.hamburger span{background:var(--text);width:100%;height:1px;transition:transform var(--t-base) var(--ease), opacity var(--t-base) var(--ease)}.hamburger[aria-expanded=true] span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.mobile-menu{top:calc(var(--strip-h) + 51px);background:var(--bg);z-index:94;padding:2rem var(--pad-x);border-top:1px solid var(--border);flex-direction:column;gap:1.5rem;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-menu.is-open{display:flex}.mobile-menu a{font-family:var(--font-display);color:var(--text);border-bottom:1px solid var(--border);padding-bottom:1rem;font-size:2rem;font-weight:500;text-decoration:none}.mobile-menu .mobile-menu__meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);margin-top:1rem;font-size:.7rem}.hero{min-height:calc(100vh - var(--strip-h));border-top:none;flex-direction:column;justify-content:flex-start;padding-top:5rem;padding-bottom:4rem;display:flex;position:relative}.hero__inner{flex-direction:column;flex:1;display:flex}.hero__role{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);grid-column:1/span 12;align-items:center;gap:.75rem;margin-bottom:2.5rem;font-size:.75rem;display:flex}.hero__role-bracket{color:var(--text-muted)}.hero__role-value{color:var(--text);min-width:14ch;display:inline-block}.hero__role-caret{background:var(--text);vertical-align:-1px;width:.55em;height:.95em;animation:1s step-end infinite blink;display:inline-block}.hero__name{font-family:var(--font-display);letter-spacing:-.035em;text-transform:uppercase;grid-column:1/span 12;margin:0;font-size:clamp(4.5rem,14vw,14rem);font-weight:700;line-height:.86}.hero__name span{display:block}.hero__rule{background:var(--border);grid-column:1/-1;height:1px;margin:3rem 0 2rem}.hero__meta-left{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);grid-column:1/span 5;font-size:.85rem}.hero__meta-left strong{color:var(--text);font-weight:500}.hero__pitch{font-family:var(--font-mono);color:var(--text);grid-column:7/span 6;max-width:46ch;font-size:1rem;line-height:1.7}.hero__scroll{grid-column:1/-1;justify-content:flex-end;margin-top:auto;padding-top:4rem;display:flex}.hero__scroll a{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--text);transition:gap var(--t-base) var(--ease);align-items:center;gap:.6rem;padding:.5rem 0;font-size:.7rem;text-decoration:none;display:inline-flex}.hero__scroll a:hover{gap:1rem}@media (width<=720px){.hero__meta-left{grid-column:1/-1;margin-bottom:1.25rem}.hero__pitch{grid-column:1/-1}.hero__rule{margin:2rem 0 1.5rem}}.about__copy{grid-column:1/span 8}.about__photo{grid-column:10/span 3;align-self:start}.about__photo img{aspect-ratio:2/3;object-fit:cover;filter:grayscale(.15)contrast(1.02);border-radius:0;width:100%;display:block}.about__heading{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:2rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:.95}.about__body{max-width:60ch}.about__body p{font-family:var(--font-mono);color:var(--text);margin-bottom:1.25rem;font-size:1rem;line-height:1.8}.about__body p:last-child{margin-bottom:0}.about__stats{border-top:1px solid var(--border);flex-wrap:wrap;grid-column:1/span 12;gap:0;margin-top:3.5rem;padding-top:2rem;display:flex}.about__stat{border-left:1px solid var(--border);flex-direction:column;flex:auto;gap:.35rem;min-width:160px;padding:0 1.5rem;display:flex}.about__stat:first-child{border-left:none;padding-left:0}.about__stat-value{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.75rem;font-weight:700;line-height:1}.about__stat-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:.65rem}@media (width<=900px){.about__copy{grid-column:1/-1;margin-bottom:2.5rem}.about__photo{grid-column:1/span 6}.about__photo img{aspect-ratio:3/4}}@media (width<=600px){.about__photo{grid-column:1/span 8}.about__stat{border-left:none;border-top:1px solid var(--border);flex:50%;padding:1rem}.about__stat:first-child{border-top:none;padding-top:0}}.projects__list{border-top:1px solid var(--border-dark);grid-column:1/-1;position:relative}.project-row{border-bottom:1px solid var(--border-dark);cursor:pointer;transition:padding var(--t-base) var(--ease);grid-template-columns:1fr 1fr 1fr 80px;align-items:baseline;gap:1.5rem;padding:2rem 0;display:grid;position:relative}.project-row:hover{padding-left:.75rem}.project-row.is-featured{padding-top:3rem;padding-bottom:3rem}.project-row__index{font-family:var(--font-mono);letter-spacing:.18em;color:var(--muted-on-dark);align-self:baseline;font-size:.7rem;position:relative;top:-.4em}.project-row__title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-on-dark);grid-column:1/span 2;font-size:clamp(1.5rem,3.2vw,2.6rem);font-weight:700;line-height:1}.project-row.is-featured .project-row__title{font-size:clamp(2rem,5vw,4.5rem)}.project-row__category{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-on-dark);text-align:left;font-size:.75rem}.project-row__year{font-family:var(--font-mono);letter-spacing:.16em;color:var(--muted-on-dark);text-align:right;font-size:.75rem}.project-row__tags{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-on-dark);grid-column:1/-1;margin-top:.5rem;font-size:.7rem}.project-row__panel{transition:grid-template-rows var(--t-slow) var(--ease);grid-column:1/-1;grid-template-rows:0fr;display:grid}.project-row.is-open .project-row__panel{grid-template-rows:1fr}.project-row__panel-inner{align-items:flex-start;gap:2rem;min-height:0;padding-top:1.5rem;display:flex;overflow:hidden}.project-row__body{flex:auto;min-width:0}.project-row__desc{font-family:var(--font-mono);color:var(--text-on-dark);max-width:60ch;padding:0 0 .5rem;font-size:.95rem;line-height:1.75}.project-row__links{flex-wrap:wrap;gap:2rem;padding:1rem 0 0;display:flex}.project-row__links a{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-on-dark);border-bottom:1px solid var(--text-on-dark);transition:opacity var(--t-fast) ease;padding-bottom:4px;font-size:.75rem;text-decoration:none}.project-row__links a:hover{opacity:.6}.project-row__image{aspect-ratio:4/3;opacity:0;background:#f5f2ed0a;border-radius:0;flex:0 0 240px;width:240px;transition:opacity .4s .1s;overflow:hidden}.project-row.is-open .project-row__image{opacity:1}.project-row__image img{object-fit:cover;filter:grayscale(.08)contrast(1.04);width:100%;height:100%;display:block}@media (width<=768px){.project-row__panel-inner{flex-direction:column-reverse;gap:1.5rem}.project-row__image{aspect-ratio:16/9;flex:none;width:100%}}@media (width<=720px){.project-row{grid-template-columns:1fr;gap:.5rem;padding:1.5rem 0}.project-row__title{grid-column:1;font-size:1.5rem}.project-row__category,.project-row__year,.project-row__index{text-align:left}}.creative__copy{grid-column:1/span 4;align-self:start}.creative__video{aspect-ratio:16/9;background:var(--bg-dark);border:1px solid var(--border);grid-column:6/span 7;align-self:start;width:100%;overflow:hidden}.creative__video iframe{border:0;width:100%;height:100%;display:block}.creative__heading{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:.95}.creative__subtitle{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-muted);margin-bottom:2rem;font-size:.95rem}.creative__caption{font-family:var(--font-mono);color:var(--text);white-space:pre-line;max-width:60ch;font-size:1rem;line-height:1.8}.creative__photos-link{font-family:var(--font-mono);color:var(--text);width:fit-content;transition:text-decoration var(--t-fast) ease;margin-top:1.25rem;font-size:1rem;line-height:1.8;text-decoration:none;display:block}.creative__photos-link:hover{text-underline-offset:3px;text-decoration:underline}@media (width<=900px){.creative__copy{grid-column:1/-1;margin-bottom:2.5rem}.creative__video{grid-column:1/-1}}.skills__list{border-top:1px solid var(--border);grid-column:1/-1}.skill-row{gap:var(--gutter);border-bottom:1px solid var(--border);grid-template-columns:3fr 9fr;align-items:baseline;padding:1.5rem 0;display:grid}.skill-row__label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem}.skill-row__items{font-family:var(--font-mono);color:var(--text);font-size:1rem;line-height:1.75}@media (width<=720px){.skill-row{grid-template-columns:1fr;gap:.5rem}}.contact__inner{grid-column:1/-1}.contact__cta{font-family:var(--font-display);letter-spacing:-.025em;max-width:14ch;margin-bottom:3rem;font-size:clamp(2.5rem,7vw,6rem);font-weight:700;line-height:.95}.contact__email{font-family:var(--font-mono);color:var(--text);border-bottom:1px solid var(--text);transition:opacity var(--t-fast) ease;margin-bottom:3rem;padding-bottom:4px;font-size:clamp(1.1rem,2vw,1.5rem);text-decoration:none;display:inline-block}.contact__email:hover{opacity:.6}.contact__socials{flex-direction:column;gap:.75rem;display:flex}.contact__socials a{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text);width:fit-content;transition:gap var(--t-base) var(--ease);align-items:center;gap:.75rem;font-size:.85rem;text-decoration:none;display:inline-flex}.contact__socials a:before{content:"→";font-family:var(--font-mono);color:var(--text-muted)}.contact__socials a:hover{gap:1.25rem}.contact__external{border-top:1px solid var(--border);flex-wrap:wrap;gap:2.5rem;margin-top:4rem;padding-top:2rem;display:flex}.contact__external a{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:4px;font-size:.7rem;text-decoration:none}.contact__external a:hover{color:var(--text);border-color:var(--text)}.footer{border-top:1px solid var(--border);padding:2rem var(--pad-x);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.7rem;display:flex}.footer a{color:var(--text-muted);text-decoration:none}.footer a:hover{color:var(--text)}@media (width<=600px){.footer{flex-direction:column;align-items:flex-start;gap:.5rem}}.reveal{opacity:0;transition:opacity var(--t-slow) var(--ease), transform var(--t-slow) var(--ease);will-change:opacity, transform;transform:translateY(32px)}.reveal.animate{opacity:1;transform:translateY(0)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.hero__role-caret{opacity:0;animation:none}}