:root{--app-background: #242c39;--app-background-end: #1f2632;--ink-strong: #f2f4f8;--ink-body: rgb(223 228 238 / 88%);--ink-muted: rgb(193 202 216 / 84%);--line-strong: rgb(160 169 183 / 22%);--line-soft: rgb(160 169 183 / 12%);--panel-fill: rgb(35 42 55 / 24%);--accent-soft: #b0b8c7;--tile-color: #9ca5b3;--link-color: #a5b4fc;--link-hover-color: #c7d2fe;--font-sans: "Inter", "Inter Tight", "SF Pro Display", "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", "SFMono-Regular", "Consolas", monospace;--font-display: "IBM Plex Sans", "Inter", "SF Pro Display", "Segoe UI", Helvetica, Arial, sans-serif;--tracking-heading: -.03em;--tracking-label: .065em;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-400: #94a3b8;--slate-700: #334155;--slate-900: #0f172a}:root[data-theme=light]{--app-background: #fafbfd;--app-background-end: #f4f6f8;--ink-strong: #0b1220;--ink-body: #334155;--ink-muted: #64748b;--line-strong: rgb(20 30 50 / 10%);--line-soft: rgb(20 30 50 / 4%);--panel-fill: rgb(255 255 255 / 68%);--accent-soft: #94a3b8;--tile-color: rgb(20 30 50 / 14%);--link-color: #3347a9;--link-hover-color: #1e293b;--tracking-label: .08em}*{box-sizing:border-box;margin:0}html,body{min-height:100%}html{touch-action:manipulation}body{margin:0;font-family:var(--font-sans);background:var(--app-background);color:var(--ink-body);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}a{color:inherit;text-decoration:none;touch-action:manipulation}button,select{touch-action:manipulation}@property --theme-reveal{syntax: "<percentage>"; initial-value: 0%; inherits: false;}@media(prefers-reduced-motion:no-preference){::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal}::view-transition-old(root){animation:none;z-index:1}::view-transition-new(root){z-index:2;--theme-reveal: 0%;animation:theme-reveal-sweep 1.1s cubic-bezier(.7,0,.18,1) forwards}[data-theme-transition=to-dark]::view-transition-new(root){mask-image:linear-gradient(to left,#000 0%,#000 calc(var(--theme-reveal) - 7%),rgb(0 0 0 / 55%) calc(var(--theme-reveal) - 2%),rgb(0 0 0 / 12%) var(--theme-reveal),transparent calc(var(--theme-reveal) + 5%),transparent 100%)}[data-theme-transition=to-light]::view-transition-new(root){mask-image:linear-gradient(to right,#000 0%,#000 calc(var(--theme-reveal) - 7%),rgb(0 0 0 / 55%) calc(var(--theme-reveal) - 2%),rgb(0 0 0 / 12%) var(--theme-reveal),transparent calc(var(--theme-reveal) + 5%),transparent 100%)}@keyframes theme-reveal-sweep{0%{--theme-reveal: 0%}to{--theme-reveal: 112%}}}.portfolio-page{position:relative;min-height:100dvh;padding:0;overflow:hidden;background:linear-gradient(180deg,var(--app-background) 0%,color-mix(in srgb,var(--app-background) 82%,var(--app-background-end)) 46%,var(--app-background-end) 100%);color:var(--ink-body)}:root[data-theme=light] .portfolio-page{background:linear-gradient(180deg,#fafbfd,#f4f6f8)}.portfolio-page--home{height:100dvh;overflow:hidden}.flickering-grid{position:absolute;inset:0;opacity:.84}:root[data-theme=light] .flickering-grid{opacity:.96}.portfolio-main{position:relative;z-index:1;width:100%;margin:0 auto;display:flex;flex-direction:column;padding:0 1.25rem 3.5rem}.portfolio-page--home .portfolio-main{min-height:calc(100dvh - 3rem);padding-bottom:0}.portfolio-section{width:100%;border-top:1px solid var(--line-soft)}.portfolio-section__content{width:100%;margin:0 auto}.portfolio-section--hero{min-height:100dvh;border-top:0}@media(max-width:720px){.portfolio-main{padding:0 1rem 2.5rem}}.site-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 auto;min-height:3.2rem;padding:.6rem 1.25rem;border-bottom:1px solid var(--line-soft);background:color-mix(in srgb,var(--app-background) 70%,transparent);backdrop-filter:blur(3px)}.site-header__actions{display:flex;align-items:center;gap:1rem}.portfolio-page--home .site-header{position:relative}.site-header__brand,.site-header__link,.hero-copy__eyebrow,.project-item__year,.project-item__stack,.section-heading__eyebrow,.site-footer__link{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase}.site-header__brand{font-size:.78rem;color:var(--ink-muted)}.site-header__nav{display:flex;gap:1.25rem}.site-header__link{font-size:.73rem;color:var(--link-color);transition:color .16s ease}.theme-toggle{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:var(--ink-muted);cursor:pointer}.theme-toggle__track{position:relative;display:inline-flex;align-items:center;width:3.2rem;height:1.7rem;padding-inline:.28rem;border:1px solid var(--line-strong);border-radius:999px;background:color-mix(in srgb,var(--panel-fill) 100%,transparent)}:root[data-theme=light] .theme-toggle__track{background:#ffffff47;border-color:#141e3224}.theme-toggle__icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:var(--ink-muted);transition:color .18s ease,opacity .18s ease}.theme-toggle__icon svg{width:.92rem;height:.92rem}.theme-toggle__icon--sun{margin-left:auto}.theme-toggle__thumb{position:absolute;top:.17rem;left:.2rem;width:1.1rem;height:1.1rem;border-radius:999px;background:var(--ink-strong);box-shadow:0 2px 10px #080c141f;transition:transform .18s ease}:root[data-theme=light] .theme-toggle__thumb{transform:translate(1.5rem)}:root[data-theme=dark] .theme-toggle__icon--moon,:root[data-theme=light] .theme-toggle__icon--sun{color:var(--app-background)}:root[data-theme=dark] .theme-toggle__icon--sun,:root[data-theme=light] .theme-toggle__icon--moon{opacity:.72}.theme-toggle:hover{color:var(--ink-strong)}.site-header__link:hover,.site-header__link[aria-current=page],.hero-copy__link:hover,.site-footer__link:hover{color:var(--link-hover-color)}@media(max-width:720px){.site-header{padding:.55rem 1rem}.site-header__nav,.site-header__actions{gap:.8rem}}.hero-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;align-items:center;width:100%;max-width:1520px;margin:0 auto;min-height:calc(100dvh - 4.5rem);padding:1rem 3rem 0;position:relative}.hero-copy{grid-column:2 / 6;max-width:44rem;padding:0 1.5rem 2rem .35rem;position:relative}.hero-copy:before{content:"";position:absolute;inset:-3.75rem -4.5rem -3rem -5rem;z-index:-1;opacity:0;pointer-events:none}:root[data-theme=light] .hero-copy:before{opacity:1;background:radial-gradient(circle at 40% 46%,rgb(255 255 255 / .96) 0%,rgb(255 255 255 / .74) 32%,rgb(250 251 253 / .18) 60%,transparent 80%)}.hero-signal-zone{grid-column:7 / 12;align-self:stretch;position:relative}.hero-copy__eyebrow,.section-heading__eyebrow,.hero-signal-panel__title{margin-bottom:1rem;font-size:.72rem;color:var(--accent-soft)}.portfolio-heading{position:relative;line-height:.98;text-align:left;text-shadow:0 6px 24px rgb(7 11 18 / 18%)}.portfolio-heading__name{display:block;max-width:6.5ch;font-family:var(--font-display);font-size:clamp(4rem,11vw,8.2rem);font-weight:560;letter-spacing:var(--tracking-heading);color:color-mix(in srgb,var(--ink-strong) 82%,var(--app-background))}.portfolio-heading__tagline{display:block;max-width:34rem;margin-top:1.2rem;font-size:clamp(1.02rem,1.8vw,1.45rem);line-height:1.35;font-weight:360;letter-spacing:-.01em;color:var(--ink-body)}.hero-copy__intro{max-width:31rem;margin-top:1.8rem;font-size:1rem;line-height:1.7;color:var(--ink-muted)}.hero-copy__links,.site-footer__links{display:flex;flex-wrap:wrap;gap:.9rem 1.4rem;margin-top:1.8rem}.hero-copy__link,.site-footer__link{position:relative;font-size:.82rem;color:var(--link-color)}.hero-copy__link:after,.site-footer__link:after{content:"";position:absolute;right:-.8rem;top:.5rem;width:.25rem;height:.25rem;border-radius:999px;background:color-mix(in srgb,var(--link-color) 70%,transparent)}.hero-copy__links a:last-child:after,.site-footer__links a:last-child:after{display:none}@media(max-width:980px){.hero-layout{grid-template-columns:1fr;display:grid}.hero-copy{grid-column:1 / -1}.hero-signal-zone{display:none}}@media(max-width:720px){.hero-layout{gap:2rem;min-height:calc(100dvh - 4rem);padding:2rem 1rem 1rem}}@media(min-width:1600px){.hero-layout{max-width:1600px;padding-inline:4rem}.portfolio-heading__name{font-size:clamp(4.75rem,8vw,9rem)}.portfolio-heading__tagline{max-width:38rem;font-size:clamp(1.12rem,1.45vw,1.55rem)}.hero-copy__intro{max-width:34rem;font-size:1.05rem;line-height:1.8}}@media(min-width:1900px){.hero-layout{padding-inline:4.75rem}}.hero{position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:-8rem -6rem;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 35% 35%,rgba(255,255,255,.55) 0%,rgba(255,255,255,.18) 30%,rgba(255,255,255,.06) 48%,transparent 72%);filter:blur(28px);opacity:.9}.section-heading{max-width:44rem;padding-top:4.2rem}.section-heading__title,.site-footer__title{font-size:clamp(1.7rem,3vw,2.75rem);line-height:1.08;font-weight:520;letter-spacing:var(--tracking-heading);color:var(--ink-strong)}.section-heading__title--page{max-width:16ch}.section-heading__summary{max-width:42rem;margin-top:1rem;font-size:.98rem;line-height:1.7;color:var(--ink-muted)}.project-list{display:grid;margin-top:2.6rem}.portfolio-section--page-intro .portfolio-section__content,.portfolio-section--work .portfolio-section__content,.portfolio-section--about .portfolio-section__content{display:block}.project-item{display:grid;grid-template-columns:110px minmax(0,1fr);gap:1.5rem;padding:1.5rem 0;border-top:1px solid var(--line-soft)}.project-item__year{font-size:.72rem;color:var(--accent-soft)}.project-item__title,.about-point__label{font-size:1.2rem;font-weight:520;letter-spacing:calc(var(--tracking-heading) * .55);color:var(--ink-strong)}.project-item__description,.about-point__detail,.site-footer__note{max-width:45rem;margin-top:.55rem;font-size:.98rem;line-height:1.7;color:var(--ink-muted)}.project-item__stack{display:flex;flex-wrap:wrap;gap:.7rem 1rem;list-style:none;padding:0;margin-top:1rem;font-size:.72rem;color:var(--accent-soft)}.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:2.6rem;padding-bottom:2rem}.about-point{min-height:220px;padding:1.35rem 1.3rem 1.45rem;border:1px solid var(--line-soft);background:linear-gradient(180deg,#1826455c,#18264524)}:root[data-theme=light] .about-point{background:linear-gradient(180deg,#ffffff70,#ffffff2e)}@media(max-width:980px){.about-grid{grid-template-columns:1fr;display:grid}}@media(max-width:720px){.project-item{grid-template-columns:1fr;gap:.5rem}.about-grid{gap:.9rem}.about-point{min-height:0}}.site-footer{display:flex;align-items:end;justify-content:space-between;gap:2rem;width:min(1180px,100%);margin:0 auto;padding:4rem 0 .5rem;border-top:1px solid var(--line-strong)}.site-footer__copy{max-width:44rem}.site-footer__note{margin-top:1rem}@media(max-width:980px){.site-footer{grid-template-columns:1fr;display:grid}}