:root{font-family:SF Pro Display,Segoe UI,sans-serif;color:#f5f4ef;background:#111;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg: #111111;--panel-bg: rgba(255, 255, 255, .05);--panel-border: rgba(255, 255, 255, .12);--muted: rgba(245, 244, 239, .68);--accent: #d1d1c7;--shadow: 0 30px 80px rgba(0, 0, 0, .3);--noise-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.22'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#111;color:#f5f4ef}a{color:inherit;text-decoration:none}#root{min-height:100vh}.home-page__eyebrow,.project-copy__eyebrow,.project-scroll-section__label,.side-nav__eyebrow{margin:0 0 16px;color:var(--muted);font-size:.8rem;letter-spacing:.22em;text-transform:uppercase}.project-page{position:relative;min-height:100vh;overflow:hidden;background:#000;--project-ui-scale: clamp(.55, calc(100vh / 1300), 1.15)}.project-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:var(--noise-texture);background-size:200px 200px;background-repeat:repeat;opacity:.1}.project-page__video,.project-page__scrim,.project-page__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.project-page__video-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;justify-content:center;align-items:center}.project-page__video{position:absolute;left:50%;top:0;transform:translate(-50%) scale(var(--video-scale, 1));transform-origin:center center;height:100%;width:auto;background:transparent}.project-page__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;filter:blur(60px) saturate(1.15) brightness(.9);transform:scale(1.15);transform-origin:center center}.project-page__video-container--edge-fade:before,.project-page__video-container--edge-fade:after{content:"";position:absolute;top:0;bottom:0;width:calc((100vw - 100vh * var(--video-ar)) / 2 + 80px);z-index:1;pointer-events:none}.project-page__video-container--edge-fade:before{left:0;background:linear-gradient(to right,#00000073,#0000002e 60%,#0000)}.project-page__video-container--edge-fade:after{right:0;background:linear-gradient(to left,#00000073,#0000002e 60%,#0000)}.project-page__video-container--hidden{opacity:0;pointer-events:none;transition:opacity .35s ease}.image-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:96px 32px 80px;background:radial-gradient(900px 600px at 50% 30%,#2828328c,#000000d9 70%),#0a0a0a;opacity:0;visibility:hidden;transition:opacity .42s ease,visibility 0s linear .42s;pointer-events:none;overflow-y:auto}.image-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:var(--noise-texture);background-size:180px 180px;background-repeat:repeat;opacity:.13}.image-stage--active{opacity:1;visibility:visible;transition:opacity .42s ease,visibility 0s linear 0s;pointer-events:auto}.image-stage__inner{position:relative;z-index:1;width:100%;max-width:min(1800px,95vw);display:grid;grid-template-columns:minmax(240px,clamp(280px,22vw,460px)) minmax(0,1fr);gap:clamp(32px,3.2vw,72px);align-items:center}.image-stage__copy{display:flex;flex-direction:column;gap:16px}.image-stage__eyebrow{margin:0;color:var(--muted);font-size:calc(clamp(.78rem,.25vw + .7rem,1.05rem) * var(--project-ui-scale));letter-spacing:.22em;text-transform:uppercase}.image-stage__title{margin:0;font-size:calc(clamp(2rem,2.6vw + .5rem,4.5rem) * var(--project-ui-scale));line-height:1.05;letter-spacing:-.03em}.image-stage__description{margin:0;color:#f5f4efc7;font-size:calc(clamp(.95rem,.4vw + .85rem,1.4rem) * var(--project-ui-scale));line-height:1.6;max-width:44ch}.image-stage__gallery{display:flex;gap:clamp(16px,1.6vw,40px);align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:8px 4px;scrollbar-width:thin}.image-stage__figure{margin:0;display:flex;flex-direction:column;gap:12px;flex:0 0 auto;width:240px;max-width:100%}.text-stage__card{justify-content:flex-start;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 70px #00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.text-stage__card-inner{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,1.8vw,40px) clamp(18px,1.4vw,32px);height:100%}.text-stage__card-eyebrow{margin:0;color:var(--muted);font-size:calc(clamp(.72rem,.2vw + .66rem,.95rem) * var(--project-ui-scale));letter-spacing:.22em;text-transform:uppercase}.text-stage__card-title{margin:0;font-size:calc(clamp(1.45rem,1.8vw + .5rem,3rem) * var(--project-ui-scale));line-height:1.08;letter-spacing:-.03em}.text-stage__card-subtitle{margin:0;color:#f5f4ef9e;font-size:calc(clamp(.9rem,.3vw + .82rem,1.25rem) * var(--project-ui-scale));line-height:1.5}.text-stage__card-body{margin:0;color:#f5f4efc7;font-size:calc(clamp(.95rem,.4vw + .85rem,1.4rem) * var(--project-ui-scale));line-height:1.6}.text-stage__card--compact .text-stage__card-inner{gap:10px;padding:clamp(16px,1.2vw,24px) clamp(14px,1vw,20px)}.text-stage__card--compact .text-stage__card-title{font-size:calc(clamp(1.1rem,.9vw + .8rem,1.6rem) * var(--project-ui-scale))}.text-stage__card--compact .text-stage__card-subtitle{font-size:calc(clamp(.84rem,.22vw + .78rem,1rem) * var(--project-ui-scale));line-height:1.45}.text-stage__card--compact .text-stage__card-body{font-size:calc(clamp(.82rem,.2vw + .76rem,.96rem) * var(--project-ui-scale));line-height:1.5}.text-stage__list{margin:2px 0 0;padding-left:1.05rem;color:#f5f4efd1;font-size:calc(clamp(.82rem,.2vw + .76rem,.96rem) * var(--project-ui-scale));line-height:1.45}.text-stage__list li+li{margin-top:5px}.image-stage__image{display:block;width:100%;height:auto;max-height:60vh;object-fit:contain;border-radius:clamp(18px,1.6vw,36px);box-shadow:0 30px 70px #0000008c;border:1px solid rgba(255,255,255,.08);background:#111}.image-stage__caption{color:#f5f4efb3;font-size:calc(clamp(.78rem,.3vw + .7rem,1.1rem) * var(--project-ui-scale));line-height:1.45;text-align:left}.image-stage__bullets{margin:4px 0 0;padding-left:1.1rem;color:#f5f4efc7;font-size:calc(clamp(.92rem,.35vw + .82rem,1.3rem) * var(--project-ui-scale));line-height:1.55;max-width:60ch;display:flex;flex-direction:column;gap:6px}.image-stage__bullets li::marker{color:#f5f4ef73}.image-stage__inner--text-only{grid-template-columns:minmax(0,1fr);max-width:880px;align-items:start}.image-stage__inner--text-only .image-stage__description{max-width:68ch}@media(max-width:1080px){.image-stage{padding:110px 20px 80px}.image-stage__inner{grid-template-columns:1fr;gap:28px}.image-stage__gallery{justify-content:flex-start}}@media(max-width:720px){.image-stage__image{max-height:50vh}}.project-page__video--secondary,.project-page__video--hidden{opacity:0}.project-page__video--active{opacity:1}.project-page__scrim{background:linear-gradient(90deg,#0000008f,#00000029 34%,#0000006b),linear-gradient(180deg,#0000002e,#00000070);pointer-events:none}.project-page__overlay{z-index:1;display:grid;grid-template-columns:180px minmax(0,1fr) minmax(280px,380px);gap:32px;align-items:end;min-height:100vh;padding:32px 24px}.project-page__callout-anchor{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;pointer-events:none}.project-page__left{display:flex;flex-direction:column;justify-content:space-between;gap:24px}.project-page__home-link{color:var(--muted);font-size:.92rem;text-shadow:0 10px 30px rgba(0,0,0,.4)}.project-header{position:fixed;top:0;left:0;right:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:linear-gradient(180deg,#0000008c,#0000);pointer-events:none}.project-header>*{pointer-events:auto}.project-header .lang-toggle{position:static;top:auto;right:auto}.project-header__home-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;border-radius:999px;background:#1111118c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);transition:color .18s ease,background .18s ease}.project-header__home-link:hover{color:#fff;background:#111111bf}.project-header__home-arrow{font-size:1rem;line-height:1}.project-header__notice{display:inline-flex;align-items:center;gap:10px;max-width:min(620px,60vw);padding:8px 14px;border-radius:12px;background:#3c280a8c;border:1px solid rgba(255,196,92,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#ffe8c4eb;font-size:.78rem;line-height:1.35;text-shadow:0 6px 18px rgba(0,0,0,.4)}.project-header__notice-badge{flex-shrink:0;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffd58a}.project-header__notice-text{display:inline-block}@media(max-width:1080px){.project-header{flex-wrap:wrap;gap:10px;padding:12px 16px}.project-header__notice{order:3;max-width:100%;width:100%;font-size:.74rem}}@media(max-width:720px){.project-header__notice-text{font-size:.72rem}}.side-nav{display:flex;flex-direction:column;gap:12px;padding:0}.side-nav__item{background:none;border:none;padding:0;font:inherit;text-align:left;cursor:pointer;color:var(--muted);transition:color .22s ease,transform .22s ease;width:fit-content}.side-nav__item:hover,.side-nav__item--active{color:#fff;transform:translate(2px)}.side-nav__hint{margin-top:8px;color:#f5f4ef85;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.project-page__right{grid-column:3;align-self:end;padding-bottom:12px}.project-copy__title{margin:0;font-size:calc(clamp(2.75rem,5vw,4.4rem) * var(--project-ui-scale));line-height:.96;letter-spacing:-.05em;text-shadow:0 18px 40px rgba(0,0,0,.45)}.stage-callout{position:absolute;top:50%;transform:translateY(-50%);max-width:min(400px,32vw);pointer-events:none}.stage-callout--right{right:8vw}.stage-callout--left{left:16vw}.stage-callout__title-group{opacity:0;transition:opacity .35s ease,transform .7s cubic-bezier(.22,1,.36,1)}.stage-callout--right .stage-callout__title-group{transform:translate(-35vw)}.stage-callout--left .stage-callout__title-group{transform:translate(30vw)}.stage-callout--active .stage-callout__title-group{opacity:1;transform:translate(0);transition-delay:var(--callout-delay, 0ms)}.stage-callout__header{display:flex;align-items:center;gap:12px}.stage-callout__arrow{flex-shrink:0;color:#f5f4efb3}.stage-callout__title{margin:0;font-size:calc(clamp(1.4rem,2vw + .4rem,3.2rem) * var(--project-ui-scale));font-weight:600;letter-spacing:-.02em;line-height:1.2;white-space:nowrap;text-shadow:0 14px 36px rgba(0,0,0,.36)}.stage-callout__underline{height:1px;background:#f5f4ef80;margin-top:10px}.stage-callout__description{opacity:0;transform:translateY(-12px);transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1);transition-delay:0ms;margin-top:14px;font-size:calc(clamp(.9rem,.4vw + .78rem,1.35rem) * var(--project-ui-scale));color:#f5f4efc7;max-width:32ch;line-height:1.55;text-shadow:0 10px 28px rgba(0,0,0,.3)}.stage-callout--active .stage-callout__description{opacity:1;transform:translateY(0);transition-delay:calc(.7s + var(--callout-delay, 0ms))}.project-page__progress{position:absolute;left:24px;right:24px;bottom:24px}.project-page__progress-track{display:block;width:100%;height:2px;background:#ffffff3d;overflow:hidden}.project-page__progress-fill{display:block;width:100%;height:100%;background:#ffffffeb;transform-origin:left center}@media(max-width:1200px){.project-page{--project-ui-scale: min(var(--project-ui-scale), .8)}}@media(max-width:1080px){.project-page__overlay{grid-template-columns:1fr;gap:24px;align-items:start}.project-page__left{justify-content:flex-start}.project-page__right{grid-column:auto;margin-top:auto;max-width:420px}}@media(max-width:720px){.project-page__overlay{padding-inline:16px;padding-block:20px}}.portfolio{position:relative;min-height:100vh;background:radial-gradient(1100px 600px at 80% -10%,rgba(120,130,200,.18),transparent 60%),radial-gradient(900px 500px at -10% 30%,rgba(255,180,120,.12),transparent 60%),var(--page-bg);color:#f5f4ef;scroll-behavior:smooth}.section{padding:120px 24px}.section--hero{min-height:100vh;display:flex;align-items:center;padding-top:96px}.section--contact{padding-bottom:80px}.section__inner{width:min(100%,1080px);margin:0 auto}.section__inner--hero{max-width:880px}.section__eyebrow{margin:0 0 16px;color:var(--muted);font-size:.78rem;letter-spacing:.24em;text-transform:uppercase}.section__title{margin:0 0 32px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.03em}.hero__name{margin:0;font-size:clamp(3.25rem,9vw,6.5rem);line-height:.94;letter-spacing:-.06em}.hero__role{margin:16px 0 0;font-size:clamp(1.1rem,2vw,1.5rem);color:var(--accent);letter-spacing:-.01em}.hero__tagline{margin:28px 0 0;max-width:60ch;color:var(--muted);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6}.hero__cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.button{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:500;font-size:.95rem;border:1px solid transparent;transition:transform .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease;cursor:pointer}.button--primary{background:#f5f4ef;color:#111}.button--primary:hover{transform:translateY(-2px);background:#fff}.button--ghost{background:#ffffff0f;border-color:#ffffff29;color:#f5f4ef}.button--ghost:hover{transform:translateY(-2px);background:#ffffff1f;border-color:#ffffff47}.lang-toggle{position:fixed;top:20px;right:24px;z-index:20;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#1119;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);font-size:.78rem;letter-spacing:.12em}.lang-toggle__option{background:none;border:none;padding:2px 4px;font:inherit;color:var(--muted);cursor:pointer;letter-spacing:inherit;transition:color .18s ease}.lang-toggle__option:hover,.lang-toggle__option--active{color:#fff}.lang-toggle__divider{color:#ffffff3d}.section-nav{position:fixed;top:50%;left:24px;transform:translateY(-50%);z-index:15}.section-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.section-nav__link{display:inline-flex;align-items:center;gap:12px;color:var(--muted);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;transition:color .22s ease}.section-nav__dot{width:8px;height:8px;border-radius:50%;background:#ffffff47;transition:background-color .22s ease,transform .22s ease}.section-nav__label{opacity:0;transform:translate(-4px);transition:opacity .22s ease,transform .22s ease}.section-nav__link:hover{color:#fff}.section-nav__link:hover .section-nav__label,.section-nav__link--active .section-nav__label{opacity:1;transform:translate(0)}.section-nav__link--active{color:#fff}.section-nav__link--active .section-nav__dot{background:#fff;transform:scale(1.3)}.about{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;align-items:start}.about__media{display:flex;justify-content:center}.about__paragraph{margin:0 0 18px;color:#f5f4efd1;font-size:1.05rem;line-height:1.65;max-width:64ch}.about__paragraph:last-child{margin-bottom:0}.avatar-placeholder{width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),transparent 55%),linear-gradient(135deg,#4b4f6b,#2a2c3d 60%,#1b1c28);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}.avatar-placeholder--image{object-fit:cover}.avatar-placeholder__initials{font-size:3rem;font-weight:500;letter-spacing:-.02em;color:#ffffffd9}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.skill-group{padding:28px;border-radius:24px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#ffffff0d,#ffffff05)}.skill-group__title{margin:0 0 16px;font-size:1rem;font-weight:500;letter-spacing:.02em;color:var(--accent)}.skill-group__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.skill-pill{padding:7px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#f5f4efe0}.timeline{list-style:none;margin:0;padding:0;position:relative;display:flex;flex-direction:column;gap:32px}.timeline:before{content:"";position:absolute;top:8px;bottom:8px;left:7px;width:1px;background:#ffffff1f}.timeline__item{position:relative;padding-left:36px}.timeline__dot{position:absolute;top:6px;left:0;width:15px;height:15px;border-radius:50%;background:#f5f4ef;box-shadow:0 0 0 4px #f5f4ef1f}.timeline__period{margin:0 0 4px;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.timeline__role{margin:0;font-size:1.25rem;font-weight:500;letter-spacing:-.01em}.timeline__place{margin:4px 0 10px;color:var(--accent);font-size:.95rem}.timeline__description{margin:0;color:#f5f4efc7;line-height:1.6;max-width:64ch}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.project-card{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;border:1px solid var(--panel-border);background:linear-gradient(180deg,#ffffff0d,#ffffff05);color:inherit;transition:transform .26s ease,border-color .26s ease,background-color .26s ease}a.project-card:hover{transform:translateY(-4px);border-color:#ffffff3d;background:linear-gradient(180deg,#ffffff14,#ffffff08)}.project-card--disabled{opacity:.6}.project-card__cover{position:relative;aspect-ratio:16 / 9;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 55%),linear-gradient(135deg,#3b3f5c,#1f2030 60%,#14151f);display:flex;align-items:center;justify-content:center}.project-card__cover-mark{font-size:4rem;font-weight:500;letter-spacing:-.04em;color:#ffffff8c}.project-card__body{padding:24px 24px 28px;display:flex;flex-direction:column;gap:10px}.project-card__subtitle{margin:0;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.project-card__title{margin:0;font-size:1.5rem;font-weight:500;letter-spacing:-.02em}.project-card__description{margin:0;color:#f5f4efc7;line-height:1.55}.project-card__tags{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.project-card__tag{padding:4px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:.78rem;color:#f5f4efd1}.project-card__cta{margin-top:6px;display:inline-flex;align-items:center;gap:8px;font-size:.92rem;color:var(--accent)}.contact__description{margin:0 0 32px;max-width:56ch;color:#f5f4efd1;font-size:1.05rem;line-height:1.6}.contact__cta-row{display:flex;flex-wrap:wrap;gap:12px}.portfolio__footer{padding:32px 24px 48px;text-align:center;color:#f5f4ef80;font-size:.85rem}@media(max-width:960px){.section-nav{display:none}.about{grid-template-columns:1fr;gap:32px}.about__media{justify-content:flex-start}}@media(max-width:720px){.section{padding:88px 20px}.section--hero{padding-top:88px}.avatar-placeholder{width:160px;height:160px}.avatar-placeholder__initials{font-size:2.4rem}.lang-toggle{top:14px;right:14px}}