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