@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Cormorant+Garamond:wght@500;600;700&display=swap";
:root{--color-bg-primary:#081420;--color-bg-deep:#050b12;--color-surface-glass:#ffffff17;--color-border-glass:#ffffff2e;--color-text-primary:#f5f2e9;--color-text-muted:#f5f2e9cc;--color-accent-warm:#f0b36b;--color-accent-cool:#69d9e8;--shadow-panel-lg:0 24px 70px #00000073;--radius-panel:28px;--radius-pill:999px;--motion-fast:.18s;--motion-medium:.42s;--motion-slow:.72s}
:root{--bg:var(--color-bg-primary);--bg-deep:var(--color-bg-deep);--panel:var(--color-surface-glass);--border:var(--color-border-glass);--text:var(--color-text-primary);--muted:var(--color-text-muted);--accent:var(--color-accent-warm);--accent-2:var(--color-accent-cool);--shadow:var(--shadow-panel-lg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 10%, #69d9e833, transparent 28%), radial-gradient(circle at 85% 15%, #f0b36b2b, transparent 24%), radial-gradient(circle at 50% 100%, #6691ff1a, transparent 30%), linear-gradient(180deg, #060b13e0, #060b13f2), var(--portfolio-bg-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;font-family:Space Grotesk,sans-serif;overflow-x:hidden}body:before,body:after{content:"";filter:blur(100px);opacity:.35;pointer-events:none;z-index:0;border-radius:999px;width:28rem;height:28rem;position:fixed}body:before{background:#69d9e854;top:-7rem;left:-4rem}body:after{background:#f0b36b38;bottom:-3rem;right:-8rem}.app-shell{z-index:1;min-height:100vh;position:relative}.site-header{z-index:30;position:sticky;top:1rem}.navbar-shell{border:1px solid var(--border);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);width:min(1120px,100vw - 2rem);box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffff24,#ffffff08 44%,#ffffff0f),#080e1947;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;margin:0 auto;padding:.85rem 1rem;display:grid}.brand{font-family:var(--font-sephora), "Space Grotesk", sans-serif;text-transform:uppercase;letter-spacing:.07em;color:var(--text);font-size:clamp(1.05rem,1.5vw,1.3rem);text-decoration:none}.nav-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;display:flex}.nav-link{color:var(--muted);letter-spacing:.02em;border:1px solid #0000;border-radius:999px;padding:.5rem .85rem;font-weight:500;text-decoration:none;transition:color .18s,border-color .18s,background .18s,transform .18s}.nav-link:hover,.nav-link.active{color:var(--text);background:linear-gradient(135deg,#ffffff29,#69d9e82e);border-color:#ffffff38;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff1a,0 8px 20px #0003}.nav-link.active{font-weight:700}.lang-switch{align-items:center;gap:.5rem;min-width:176px;display:inline-flex}.lang-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.75rem}.lang-switch select{width:100%;color:var(--text);background:#070c14bf;border:1px solid #ffffff3d;border-radius:999px;padding:.38rem .8rem;font-family:inherit}.page-shell{gap:1.3rem;width:min(1120px,100vw - 2rem);margin:0 auto;padding:1rem 0 4rem;display:grid}.content-panel{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(172%);backdrop-filter:blur(22px)saturate(172%);background:radial-gradient(circle at 16% 16%,#69d9e821,#0000 28%),radial-gradient(circle at 84% 10%,#f0b36b1a,#0000 25%),linear-gradient(135deg,#ffffff1a,#ffffff08 40%,#ffffff0f),#090f1a33;border-radius:28px;flex-direction:column;gap:1.2rem;padding:clamp(1.1rem,2.4vw,2rem);display:flex;position:relative;overflow:hidden}.content-panel:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff1f,#ffffff05 50%,#ffffff0d);position:absolute;inset:1px}.content-panel>*{z-index:1;position:relative}.eyebrow{color:var(--accent-2);text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;font-weight:700;font-family:var(--font-vcr), "Space Grotesk", sans-serif;margin:0}.section-title,.home-title,.project-title{color:var(--text);font-family:var(--font-sephora), "Space Grotesk", sans-serif;letter-spacing:-.04em;text-wrap:balance;margin:0;line-height:1.03}.section-title{font-size:clamp(1.5rem,3.2vw,2.5rem)}.home-title{font-size:clamp(1.7rem,3.9vw,3.1rem)}.project-title{text-align:left;font-size:clamp(1.5rem,3.4vw,2.6rem)}p{color:var(--muted);margin:0;line-height:1.72}.home-hero{grid-template-columns:minmax(0,1.02fr) minmax(300px,.98fr);align-items:center;gap:clamp(1rem,2.8vw,2.2rem);display:grid}.home-copy{flex-direction:column;gap:1rem;display:flex}.cta-row{flex-wrap:wrap;gap:.7rem;display:flex}.cta-button{letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;padding:.62rem 1.1rem;font-weight:600;text-decoration:none;transition:transform .18s,filter .18s,background .18s;display:inline-flex}.cta-primary{color:#1a2029;background:linear-gradient(135deg, var(--accent), #ffd6a0)}.cta-secondary{color:var(--text);background:#ffffff0f;border:1px solid #ffffff40}.cta-button:hover{filter:saturate(1.06);transform:translateY(-2px)}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.project-card{text-align:left;width:100%;color:var(--text);background:#ffffff08;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:.25rem;padding:.8rem;transition:transform .18s,border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.project-card:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 35%,#ffffff38 50%,#0000 65%);transition:transform .52s;position:absolute;inset:-30%;transform:translate(-130%)rotate(8deg)}.project-card:hover,.project-card.selected{background:#ffffff17;border-color:#ffffff47;transform:translateY(-2px)}.project-card:hover:after,.project-card.selected:after{transform:translate(130%)rotate(8deg)}.project-card-title{font-weight:600}.project-card-meta{color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.project-detail,.paragraph-container{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:22px;width:min(100%,930px);margin:0 auto;padding:clamp(.95rem,2vw,1.35rem)}.project-detail{gap:1rem;display:grid}.about-image,.project-visual,.me-image{object-fit:cover;margin-left:auto;margin-right:auto;display:block}.about-image{border-radius:24px;width:min(100%,980px);max-height:60vh;box-shadow:0 22px 58px #00000073}.project-visual{border:1px solid #ffffff1a;border-radius:20px;width:min(100%,920px);max-height:58vh;box-shadow:0 22px 58px #00000073}.home-image{animation:9.2s ease-in-out infinite image-float}.me-image{aspect-ratio:1;cursor:grab;touch-action:none;will-change:transform, opacity, filter;border:4px solid #ffffff1f;border-radius:50%;width:min(100%,220px);box-shadow:0 20px 54px #00000073}.about-txt,.home-txt,.project-desc,.project-platform,.contact-copy{color:var(--text);text-align:left;font-size:clamp(1rem,1.2vw,1.08rem)}.project-platform{color:var(--accent-2);font-family:var(--font-vcr), "Space Grotesk", sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.home-panel-note{width:min(100%,960px)}.home-pill{color:var(--text);text-transform:uppercase;letter-spacing:.08em;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;padding:.45rem .78rem;font-size:.79rem;display:inline-flex}.img-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;margin-top:.5rem;display:flex}.rounded-rect-button{object-fit:contain;background:#ffffff0d;border-radius:22%;width:68px;height:68px;transition:transform .18s,filter .18s,background .18s;box-shadow:0 12px 28px #00000057}.rounded-rect-button:hover{filter:saturate(1.1)brightness(1.08);background:#ffffff1a;transform:translateY(-3px)scale(1.02)}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.reveal-in{animation:.62s both reveal-up}@keyframes reveal-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media screen and (max-width:980px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{grid-template-columns:1fr}}@media screen and (max-width:760px){.site-header{top:.65rem}.navbar-shell,.page-shell{width:calc(100vw - 1rem)}.navbar-shell{border-radius:24px;grid-template-columns:1fr;gap:.65rem}.brand{text-align:left}.lang-switch{width:100%}.project-grid{grid-template-columns:1fr}.content-panel{border-radius:22px;padding:1rem}.about-image,.project-visual{max-height:42vh}}@media screen and (max-width:600px){body{background-attachment:scroll}.navbar-shell,.page-shell{width:calc(100vw - .75rem)}.rounded-rect-button{width:62px;height:62px}.section-title{font-size:clamp(1.45rem,7.8vw,2.15rem)}.home-title{font-size:clamp(1.7rem,8.8vw,2.55rem)}.project-title{font-size:clamp(1.6rem,8.2vw,2.4rem)}}@keyframes image-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}