:root{--color-bg: #ededef;--color-bg-elevated: #ffffff;--color-text: #0a0a0b;--color-text-muted: #52525b;--color-text-dim: #71717a;--accent-1: #991b1b;--accent-2: #c81e1e;--accent-gradient: linear-gradient(120deg, var(--accent-1), var(--accent-2));--cta-1: #991b1b;--cta-2: #c81e1e;--cta-gradient: linear-gradient(120deg, var(--cta-1), var(--cta-2));--cta-glow: 0 14px 40px -12px rgba(153, 27, 27, .5);--cta-border: rgba(153, 27, 27, .6);--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(0, 0, 0, .08);--glass-blur: 16px;--glass-shadow: 0 20px 50px -24px rgba(0, 0, 0, .22);--glow-accent: 0 14px 40px -12px rgba(153, 27, 27, .45);--glow-accent-soft: 0 10px 30px -14px rgba(153, 27, 27, .3);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.75rem;--space-lg: 3rem;--space-xl: 5rem;--space-2xl: 8rem;--content-max: 1180px;--gutter: clamp(1.25rem, 5vw, 4rem);--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, sans-serif;--fs-display: clamp(3rem, 9vw, 7.5rem);--fs-h1: clamp(2.25rem, 6vw, 4.5rem);--fs-h2: clamp(1.75rem, 4vw, 3rem);--fs-h3: clamp(1.25rem, 2.4vw, 1.6rem);--fs-lead: clamp(1.05rem, 1.8vw, 1.35rem);--fs-body: 1rem;--fs-small: .875rem;--leading-tight: 1.05;--leading-snug: 1.3;--leading-normal: 1.65;--tracking-tight: -.02em;--tracking-wide: .18em;--transition-fast: .18s;--transition-med: .32s;--ease-out: cubic-bezier(.22, 1, .36, 1);--z-progress: 100}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:auto}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}img,picture,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.eyebrow{font-family:var(--font-body);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-dim)}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:var(--fs-lead);color:var(--color-text-muted);line-height:var(--leading-snug)}.section{position:relative;padding-block:var(--space-2xl)}.container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--gutter)}:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:var(--space-sm);top:-100%;z-index:calc(var(--z-progress) + 1);padding:.6rem 1rem;background:var(--color-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:top var(--transition-fast) var(--ease-out)}.skip-link:focus{top:var(--space-sm)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cursor-lens{position:fixed;top:0;left:0;width:84px;height:84px;pointer-events:none;z-index:90;opacity:0;visibility:hidden;backdrop-filter:blur(2px) url(#cursor-water);-webkit-backdrop-filter:blur(2px);-webkit-mask-image:radial-gradient(circle,#000 24%,rgba(0,0,0,0) 70%);mask-image:radial-gradient(circle,#000 24%,#0000 70%);will-change:transform}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.section-title{font-size:var(--fs-h2);margin-top:var(--space-xs)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.6rem;border-radius:var(--radius-sm);font-weight:500;font-size:var(--fs-body);border:1px solid transparent;cursor:pointer;transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-med) var(--ease-out),background var(--transition-med) var(--ease-out);will-change:transform}.btn--primary{background:var(--cta-gradient);color:#fff;font-weight:600}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--cta-glow)}.btn--ghost{border-color:var(--glass-border);color:var(--color-text);background:var(--glass-bg)}.btn--ghost:hover{transform:translateY(-2px);border-color:var(--cta-border)}.btn:active{transform:translateY(0)}.progress-bar{position:fixed;inset:0 0 auto 0;height:3px;z-index:var(--z-progress);background:#00000014}.progress-bar__fill{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:var(--accent-gradient);box-shadow:var(--glow-accent)}.header{position:fixed;inset:0 0 auto 0;z-index:calc(var(--z-progress) - 1);transition:background var(--transition-med) var(--ease-out),backdrop-filter var(--transition-med) var(--ease-out),border-color var(--transition-med) var(--ease-out);border-bottom:1px solid transparent}.header.is-scrolled{background:#ffffffa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--glass-border)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:72px}.header__brand{font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:var(--tracking-tight)}.header__dot{color:var(--accent-1)}.header__nav{display:flex;gap:clamp(1rem,3vw,2.25rem)}.header__nav a{position:relative;font-size:var(--fs-small);color:var(--color-text-muted);transition:color var(--transition-fast) var(--ease-out)}.header__nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:var(--accent-gradient);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-med) var(--ease-out)}.header__nav a:hover,.header__nav a.is-active{color:var(--color-text)}.header__nav a:hover:after,.header__nav a.is-active:after{transform:scaleX(1)}.header__end{display:flex;align-items:center;gap:clamp(1rem,3vw,2.25rem)}.sound-toggle{display:flex;align-items:flex-end;gap:3px;height:16px;padding:0;border:0;background:none;cursor:pointer}.sound-toggle__bar{width:3px;height:100%;border-radius:2px;background:var(--color-text-muted);opacity:.45;transform:scaleY(.25);transform-origin:bottom;transition:transform var(--transition-med) var(--ease-out),opacity var(--transition-med) var(--ease-out),background var(--transition-med) var(--ease-out)}.sound-toggle:hover .sound-toggle__bar{opacity:.8}.sound-toggle.is-playing .sound-toggle__bar{opacity:1;background:var(--accent-gradient);animation:sound-bar 1.1s ease-in-out infinite}.sound-toggle.is-playing .sound-toggle__bar:nth-child(1){animation-delay:0s}.sound-toggle.is-playing .sound-toggle__bar:nth-child(2){animation-delay:-.3s}.sound-toggle.is-playing .sound-toggle__bar:nth-child(3){animation-delay:-.7s}.sound-toggle.is-playing .sound-toggle__bar:nth-child(4){animation-delay:-.5s}@keyframes sound-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.sound-toggle.is-playing .sound-toggle__bar{animation:none;transform:scaleY(.75)}}@media (max-width: 560px){.header__nav,.header__end{gap:1rem}}.hero{--accent-1: #3f3f46;--accent-2: #71717a;--accent-gradient: linear-gradient(120deg, #18181b, #52525b);--glow-accent: 0 14px 40px -12px rgba(0, 0, 0, .3);--glow-accent-soft: 0 10px 30px -14px rgba(0, 0, 0, .22);position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate}.hero__layer{position:absolute;top:-10%;right:0;bottom:-10%;left:0;z-index:-1;pointer-events:none}.hero__layer--bg{z-index:-3}.hero__layer--bg{background:radial-gradient(70% 60% at 72% 18%,rgba(255,255,255,.65),transparent 62%),radial-gradient(60% 60% at 15% 86%,rgba(0,0,0,.08),transparent 60%),var(--color-bg)}.hero__layer--mid{top:0;right:0;bottom:0;left:0}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}.orb--amber{width:32vw;height:32vw;top:12%;left:8%;background:radial-gradient(circle,rgba(255,255,255,.5),transparent 70%)}.orb--magenta{width:36vw;height:36vw;bottom:4%;right:6%;background:radial-gradient(circle,rgba(0,0,0,.1),transparent 70%)}.hero__layer--grid{top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,transparent 75%)}.hero__content{position:relative;z-index:2;max-width:var(--content-max)}.hero__title{font-size:var(--fs-display);margin:var(--space-sm) 0 var(--space-md)}.hero__morph{position:relative;display:grid}.hero__line{grid-area:1 / 1;display:block}.hero__line--name{filter:url(#water-name)}.hero__line--role{filter:url(#water-role);opacity:0}.hero__tagline{max-width:38ch}.hero__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap}.hero__scroll{position:absolute;left:50%;bottom:var(--space-lg);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;font-size:var(--fs-small);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-dim)}.hero__scroll-line{width:1px;height:48px;background:linear-gradient(var(--accent-1),transparent);animation:scroll-pulse 2s var(--ease-out) infinite}@keyframes scroll-pulse{0%,to{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}.about{background:#0d0d0f;color:#ecedf3}.about .eyebrow{color:#ecedf38c}.about__pin{min-height:100svh;display:flex;align-items:center}.about__inner{max-width:900px}.about__statement{position:relative;margin-top:var(--space-md)}.about__statement.is-stacked{display:grid}.about__statement.is-stacked .about__para{grid-area:1 / 1}.about__para{font-family:var(--font-display);font-weight:500;font-size:var(--fs-h2);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:inherit}.about__statement:not(.is-stacked) .about__para+.about__para{margin-top:var(--space-lg)}.cr-word{will-change:color}.projects{padding-block:0}.projects__pin{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(.6rem,2vh,1.5rem);padding-block:clamp(1rem,3vh,2.5rem)}.projects__head{margin-bottom:0}.projects__stage{position:relative;flex:0 0 auto;height:min(62vh,600px);width:100vw;margin-left:calc(50% - 50vw)}.project-card{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:min(92vw,1080px);height:100%;border-radius:var(--radius-lg);overflow:hidden;background:#141417;border:1px solid rgba(255,255,255,.08);box-shadow:var(--glass-shadow);transform-origin:center center;will-change:transform,opacity;isolation:isolate}.project-card__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;z-index:0;background:var(--card-color, #232830)}.project-card__media img{position:absolute;top:-8%;right:0;bottom:-8%;left:0;width:100%;height:116%;object-fit:cover}.project-card__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.projects__stage .project-card:nth-child(1){--card-color: #243044}.projects__stage .project-card:nth-child(2){--card-color: #3d1f2b}.projects__stage .project-card:nth-child(3){--card-color: #213528}.projects__stage .project-card:nth-child(4){--card-color: #2c2440}.projects__stage .project-card:nth-child(5){--card-color: #3a3326}.projects__stage .project-card:nth-child(6){--card-color: #20323a}.project-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0a0a0bdb,#0a0a0b80 38%,#0a0a0b0d 72%)}.project-card__body{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;max-width:64ch;padding:clamp(1.75rem,4vw,4rem);color:#fff}.project-card__index{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,5rem);font-weight:700;line-height:1;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.95}.project-card__title{font-size:var(--fs-h2);margin:var(--space-sm) 0 var(--space-xs);color:#fff}.project-card__desc{font-size:var(--fs-lead);color:#ffffffd1;max-width:56ch}.project-card__tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:var(--space-md)}.project-card__tags li{font-size:var(--fs-small);color:#fff;padding:.35rem .85rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff14;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.skills{position:relative;z-index:2;background:transparent;color:#ecedf3;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.skills .eyebrow{color:#ecedf39e}.skills .skill{position:relative;z-index:1;background:#ffffff0f;border-color:#ffffff29;color:#ecedf3}.skills__head{position:relative;z-index:1;margin-bottom:var(--space-lg)}.skills__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm)}.skill{padding:1.1rem 1.25rem;border-radius:var(--radius-md);font-weight:500;transition:translate var(--transition-fast) var(--ease-out),border-color var(--transition-med) var(--ease-out),box-shadow var(--transition-med) var(--ease-out)}.skill:hover{translate:0 -4px;border-color:#991b1b80;box-shadow:var(--glow-accent-soft)}@media (max-width: 560px){.skills__head{margin-bottom:var(--space-sm)}.skills__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.skills .skill{padding:.65rem .75rem;font-size:var(--fs-small);border-radius:var(--radius-sm, 10px)}}.contact{position:relative;z-index:2;background:var(--color-bg);text-align:center}.contact__inner{max-width:760px}.contact__title{font-size:var(--fs-h1);margin:var(--space-xs) 0 var(--space-md)}.contact__lead{margin-inline:auto;margin-bottom:var(--space-lg)}.contact__links{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;opacity:0;visibility:hidden;pointer-events:none;background:var(--color-bg);overflow:hidden}.transition__pin{position:absolute;top:0;right:0;bottom:0;left:0}.transition__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;opacity:0;visibility:hidden;pointer-events:none;background:transparent;overflow:hidden}.flash__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.warp-spacer{height:150vh}.blackhole{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;visibility:hidden;pointer-events:none;background:#141417;overflow:hidden}.blackhole__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.blackhole-spacer{height:100vh}.glass-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;visibility:hidden;backdrop-filter:blur(var(--glass-frost, 0px)) url(#glass);-webkit-backdrop-filter:blur(var(--glass-frost, 0px))}@media (max-width: 768px){.glass-transition{-webkit-backdrop-filter:blur(var(--glass-frost, 0px));backdrop-filter:blur(var(--glass-frost, 0px))}}.glass-transition__veil{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:#ededef}.glass-transition__bloom{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at 50% 44%,#e2ebffeb,#e2ebff00 62%);mix-blend-mode:screen}.glass-transition__rainbow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at 50% 45%,transparent 26%,rgba(255,120,90,.16) 40%,rgba(150,255,170,.12) 50%,rgba(120,170,255,.16) 60%,transparent 73%);mix-blend-mode:screen}.marquee{position:relative;z-index:2;overflow:hidden;padding-block:clamp(1.25rem,4vh,2.75rem);border-block:1px solid var(--glass-border);background:var(--color-bg-elevated)}.marquee__track{display:flex;width:max-content;white-space:nowrap;will-change:transform}.marquee__group{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,7vw,4.75rem);letter-spacing:var(--tracking-tight);text-transform:uppercase;color:transparent;-webkit-text-stroke:1px var(--color-text)}.split-line{will-change:transform}.footer{padding-block:var(--space-lg);border-top:1px solid var(--glass-border);color:var(--color-text-dim);font-size:var(--fs-small)}.footer__inner{display:flex;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}