:root{--color-bg: #0a0b0d;--color-surface: #121418;--color-surface-2: #171a1f;--color-elevated: #1c2026;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .16);--color-text: #f3f5f7;--color-text-muted: #a6adb8;--color-text-faint: #7c8491;--color-accent: #7aa2f7;--color-accent-hover: #93b4f9;--color-accent-contrast: #0a0b0d;--color-focus: #9ec1ff;--color-success: #7ee0a8;--color-warning: #f2c880;--color-info: #8fb8ff;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Code", "JetBrains Mono", "Fira Code", Consolas, monospace;--fs-display: clamp(2.5rem, 6vw, 4rem);--fs-h2: clamp(1.75rem, 4vw, 2.5rem);--fs-h3: clamp(1.25rem, 2.4vw, 1.6rem);--fs-lead: clamp(1.05rem, 1.6vw, 1.2rem);--fs-body: 1rem;--fs-sm: .875rem;--fs-xs: .78rem;--lh-tight: 1.15;--lh-snug: 1.35;--lh-body: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--container-max: 1200px;--container-pad: clamp(1.25rem, 5vw, 3rem);--dur-fast: .15s;--dur-base: .26s;--dur-slow: .52s;--ease-standard: cubic-bezier(.2, .7, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--shadow-card: 0 10px 30px -12px rgba(0, 0, 0, .7);--shadow-elevated: 0 24px 60px -20px rgba(0, 0, 0, .8);--ring-focus: 0 0 0 3px var(--color-focus);--z-base: 1;--z-carousel-center: 10;--z-skip-link: 900;--z-welcome: 1000}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 1ms;--dur-base: 1ms;--dur-slow: 1ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;min-height:100svh;overflow-x:hidden}h1,h2,h3{line-height:var(--lh-tight);font-weight:650;letter-spacing:-.02em}p{text-wrap:pretty}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer}ul{list-style:none}:focus-visible{outline:none;box-shadow:var(--ring-focus);border-radius:var(--radius-sm)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:var(--z-skip-link);padding:var(--space-2) var(--space-4);background:var(--color-elevated);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);transform:translateY(-150%);transition:transform var(--dur-fast) var(--ease-standard)}.skip-link:focus-visible{transform:translateY(0)}.section{width:100%;padding-inline:var(--container-pad);padding-block:var(--space-8);scroll-margin-top:var(--space-6)}.container{width:100%;max-width:var(--container-max);margin-inline:auto}.section--hero{min-height:100vh;min-height:100svh;display:flex;align-items:center}.section--projects,.section--contact{padding-block:var(--space-9)}.section-title{font-size:var(--fs-h2);margin-bottom:var(--space-6)}.section-title--centered{text-align:center}@media (min-width: 768px){.section{padding-block:var(--space-9)}}.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}.icon{flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.7rem 1.35rem;min-height:44px;border:1px solid transparent;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:600;letter-spacing:.01em;white-space:nowrap;text-decoration:none;transition:transform var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.btn:hover{transform:translateY(-1px);text-decoration:none}.btn:active{transform:translateY(0)}.btn--primary{background:var(--color-accent);color:var(--color-accent-contrast)}.btn--primary:hover{background:var(--color-accent-hover);color:var(--color-accent-contrast)}.btn--secondary{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover{background:var(--color-elevated);color:var(--color-text)}.btn--ghost{background:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.btn--ghost:hover{color:var(--color-text);border-color:var(--color-border-strong)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}@media (prefers-reduced-motion: reduce){.btn:hover,.btn:active{transform:none}}.welcome{position:fixed;inset:0;z-index:var(--z-welcome);display:grid;place-items:center;background:var(--color-bg)}.welcome__text{font-size:var(--fs-display);font-weight:650;letter-spacing:-.02em;color:var(--color-text)}.hero__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:center;width:100%}.hero__col--image{display:flex;justify-content:center}.hero__avatar{width:clamp(180px,42vw,320px);aspect-ratio:1;border-radius:50%;padding:6px;background:linear-gradient(150deg,var(--color-border-strong),transparent 60%);box-shadow:var(--shadow-elevated)}.hero__avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--color-surface)}.hero__name{font-size:var(--fs-display);margin-bottom:var(--space-2)}.hero__title{font-size:var(--fs-lead);color:var(--color-accent);font-weight:600;margin-bottom:var(--space-4)}.hero__intro{font-size:var(--fs-lead);color:var(--color-text-muted);max-width:42ch;margin-bottom:var(--space-6)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media (min-width: 768px){.hero__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-8)}.hero__col--image{order:0}.hero__col--text{order:1}}.section--hero .reveal{opacity:0;transform:translateY(16px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.section--hero.is-revealed .reveal{opacity:1;transform:none}.section--hero.is-revealed .hero__col--image{transition-delay:40ms}.section--hero.is-revealed .hero__name{transition-delay:.12s}.section--hero.is-revealed .hero__title{transition-delay:.2s}.section--hero.is-revealed .hero__intro{transition-delay:.28s}.section--hero.is-revealed .hero__actions{transition-delay:.36s}@media (prefers-reduced-motion: reduce){.section--hero .reveal{opacity:1;transform:none;transition:none}}.projects__carousel{margin-bottom:var(--space-8)}.carousel{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2)}.carousel:focus-visible{box-shadow:var(--ring-focus);border-radius:var(--radius-lg)}.carousel__viewport{position:relative;height:clamp(360px,55vh,520px);perspective:1400px;overflow:clip;touch-action:pan-y}.carousel__track{position:absolute;inset:0;transform-style:preserve-3d}.carousel__nav{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),opacity var(--dur-fast) var(--ease-standard)}.carousel__nav:hover:not(:disabled){background:var(--color-elevated);border-color:var(--color-border-strong)}.carousel__nav:disabled{opacity:.35;cursor:not-allowed}.project-card{position:absolute;top:50%;left:50%;width:clamp(260px,74vw,360px);transform:translate(-50%,-50%);min-height:clamp(300px,42vh,400px);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);backface-visibility:hidden;transition:transform var(--dur-base) var(--ease-standard),opacity var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard);will-change:transform,opacity}.project-card.is-center{border-color:var(--color-border-strong);box-shadow:var(--shadow-elevated);cursor:default}.project-card:not(.is-center){cursor:pointer}.project-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.project-card__name{font-size:var(--fs-h3)}.project-card__tagline{color:var(--color-text-muted);font-size:var(--fs-body);margin:0}.project-card__tech{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.project-card__explore{align-self:flex-start;margin-top:var(--space-3)}.project-card:not(.is-center) .project-card__explore{pointer-events:none;visibility:hidden}.project-card__status,.details__status{flex:none;font-size:var(--fs-xs);font-weight:600;padding:.15rem .6rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap}.project-card__status--live{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 40%,transparent)}.project-card__status--progress{color:var(--color-warning);border-color:color-mix(in srgb,var(--color-warning) 40%,transparent)}.project-card__status--archived{color:var(--color-text-faint)}.chip{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.2rem .55rem}.carousel__dots{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-5)}.carousel__dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:var(--color-border-strong);transition:background-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.carousel__dot.is-active{background:var(--color-accent);transform:scale(1.4)}.details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(1.25rem,4vw,2.5rem);scroll-margin-top:var(--space-6)}.details:focus-visible{box-shadow:var(--ring-focus)}.details__head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.details__name{font-size:var(--fs-h3)}.details__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.details__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);margin-bottom:var(--space-2)}.details__block p{margin:0;color:var(--color-text)}.details__features{display:flex;flex-direction:column;gap:var(--space-2)}.details__features li{position:relative;padding-left:var(--space-4);color:var(--color-text-muted)}.details__features li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.details__tech{display:flex;flex-wrap:wrap;gap:var(--space-2)}.details__links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.details__shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin-top:var(--space-6)}.details__shot{width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border)}@media (min-width: 768px){.carousel{gap:var(--space-4)}.details__grid{grid-template-columns:1fr 1fr}.details__block--full{grid-column:1 / -1}}@media (prefers-reduced-motion: reduce){.project-card{will-change:auto}}.contact__inner{display:flex;flex-direction:column;align-items:center}.contact__form-wrap{width:100%;max-width:560px}.form{display:flex;flex-direction:column;gap:var(--space-5);width:100%}.form__field{display:flex;flex-direction:column;gap:var(--space-2)}.form__label{font-size:var(--fs-sm);font-weight:600;color:var(--color-text)}.form__hint{font-size:var(--fs-xs);color:var(--color-text-faint);margin-top:calc(var(--space-1) * -1)}.form__control{width:100%;padding:.8rem 1rem;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.form__control::placeholder{color:var(--color-text-faint)}.form__control:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 25%,transparent)}.form__control[aria-invalid=true]{border-color:#f2777a}textarea.form__control{resize:vertical;min-height:140px}.form__error{font-size:var(--fs-xs);color:#f2999b;min-height:1em}.form__submit{align-self:flex-start}.form__status{font-size:var(--fs-sm);min-height:1.2em}.form__status--success{color:var(--color-success)}.form__status--error{color:#f2999b}.socials{display:flex;gap:var(--space-4);margin-top:var(--space-8)}.socials__link{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-pill);color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border);transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.socials__link:hover{color:var(--color-text);border-color:var(--color-border-strong);transform:translateY(-2px)}.back-to-top{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-8);padding:var(--space-2) var(--space-4);font-size:var(--fs-sm);color:var(--color-text-muted);border-radius:var(--radius-pill);border:1px solid transparent;transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.back-to-top:hover{color:var(--color-text);border-color:var(--color-border)}@media (prefers-reduced-motion: reduce){.socials__link:hover{transform:none}}.form__honeypot{display:none}