:root{--color-black: #0a0a0a;--color-ink: #111111;--color-ink-mid: #1a1a1a;--color-charcoal: #2c2c2c;--color-gray-700: #4a4a4a;--color-gray-500: #6b6b6b;--color-gray-400: #888888;--color-gray-300: #b8b8b8;--color-gray-200: #d4d4d4;--color-gray-100: #e8e8e8;--color-off-white: #f4f4f2;--color-white: #ffffff;--color-danger: #b3261e;--color-success: #1f8a4c;--surface-page: var(--color-off-white);--surface-elevated: var(--color-white);--surface-dark: var(--color-ink);--surface-darker: var(--color-black);--text-primary: var(--color-black);--text-secondary: var(--color-gray-700);--text-muted: var(--color-gray-400);--text-on-dark: var(--color-white);--text-on-dark-muted: var(--color-gray-300);--border-default: var(--color-gray-200);--border-strong: var(--color-black);--border-on-dark: rgba(255, 255, 255, .16);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 10px 28px rgba(0, 0, 0, .1);--shadow-lg: 0 24px 56px rgba(0, 0, 0, .18);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--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;--container-max: 1280px;--container-pad: clamp(1.25rem, 4vw, 3rem);--section-pad-y: clamp(4rem, 8vw, 7rem);--header-height: 76px;--text-xs: clamp(.7rem, .67rem + .15vw, .78rem);--text-sm: clamp(.8rem, .76rem + .2vw, .9rem);--text-base: clamp(.95rem, .92rem + .15vw, 1.05rem);--text-md: clamp(1.05rem, 1rem + .3vw, 1.25rem);--text-lg: clamp(1.2rem, 1.1rem + .6vw, 1.6rem);--text-xl: clamp(1.5rem, 1.3rem + 1.1vw, 2.1rem);--text-2xl: clamp(1.9rem, 1.5rem + 2vw, 2.9rem);--text-3xl: clamp(2.3rem, 1.7rem + 3.2vw, 4.1rem);--duration-fast: .18s;--duration-base: .3s;--duration-slow: .5s;--ease: cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-elevated: 10;--z-header: 100;--z-overlay: 500;--z-modal: 1000;--font-main: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-main);background-color:var(--surface-page);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}img{display:block;max-width:100%;height:auto}a{text-decoration:none;color:inherit}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:var(--font-main);color:inherit}h1,h2,h3,h4{line-height:1.15;font-weight:700}:focus-visible{outline:2.5px solid currentColor;outline-offset:3px;border-radius:var(--radius-sm)}body:has(.nav-list.is-open){overflow:hidden}.skip-link{position:fixed;top:-100%;left:var(--space-4);z-index:2000;background:var(--color-white);color:var(--color-black);padding:.8rem 1.4rem;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);transition:top var(--duration-base) var(--ease);box-shadow:var(--shadow-md)}.skip-link:focus{top:var(--space-4)}.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}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.section{padding-block:var(--section-pad-y);scroll-margin-top:var(--header-height)}.section__eyebrow-box{display:inline-block;border:2px solid var(--border-strong);border-radius:var(--radius-sm);padding:.45rem 1.6rem;margin-bottom:var(--space-6)}.section__eyebrow-box--light{border-color:var(--color-white)}.section__title{font-size:var(--text-md);font-weight:700;letter-spacing:.32em;text-transform:uppercase}.section__title--light{color:var(--color-white)}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity var(--duration-slow) var(--ease),transform var(--duration-slow) var(--ease)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--font-main);font-size:var(--text-sm);font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.9rem 1.9rem;border-radius:var(--radius-pill);border:1.5px solid transparent;transition:background-color var(--duration-base) var(--ease),color var(--duration-base) var(--ease),border-color var(--duration-base) var(--ease),transform var(--duration-fast) var(--ease);min-height:44px}.btn:active{transform:scale(.97)}.btn--primary{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.btn--primary:hover{background-color:transparent;color:var(--color-black)}.btn--secondary{background-color:transparent;color:var(--color-black);border-color:var(--color-black)}.btn--secondary:hover{background-color:var(--color-black);color:var(--color-white)}.btn--on-dark{color:var(--color-white);border-color:var(--color-white)}.btn--on-dark:hover{background-color:var(--color-white);color:var(--color-black)}.btn--small{padding:.55rem 1.2rem;font-size:var(--text-xs);min-height:38px}.btn[disabled],.btn--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.site-header{position:fixed;inset-block-start:0;inset-inline:0;z-index:var(--z-header);height:var(--header-height);display:flex;align-items:center;background-color:transparent;transition:background-color var(--duration-base) var(--ease),box-shadow var(--duration-base) var(--ease),backdrop-filter var(--duration-base) var(--ease);padding-top:env(safe-area-inset-top,0)}.site-header.is-scrolled{background-color:#fffffff5;border-bottom:1px solid rgba(0,0,0,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-sm)}.site-header__inner{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-header__brand{display:flex;align-items:center;gap:.7rem}.site-header__logo{width:40px;height:40px;object-fit:contain;flex-shrink:0}.site-header__brand-text{color:var(--color-black);font-size:var(--text-sm);font-weight:700;letter-spacing:.02em;white-space:nowrap;transition:color var(--duration-base) var(--ease)}.site-nav{display:flex;align-items:center;margin-left:auto}.nav-list{display:flex;align-items:center;gap:2.1rem}.nav-link{font-size:var(--text-sm);font-weight:500;letter-spacing:.04em;color:var(--text-on-dark-muted);transition:color var(--duration-base) var(--ease);position:relative;padding-block:4px}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1.5px;background-color:var(--color-white);transition:width var(--duration-base) var(--ease)}.nav-link:hover{color:var(--color-white)}.nav-link:hover:after,.nav-link.is-active:after{width:100%}.nav-link.is-active{color:var(--color-white)}.site-header.is-scrolled .nav-link{color:var(--color-gray-700)}.site-header.is-scrolled .nav-link:after{background-color:var(--color-black)}.site-header.is-scrolled .nav-link:hover,.site-header.is-scrolled .nav-link.is-active{color:var(--color-black)}.nav-link--cta{border:1.5px solid var(--color-white);padding:.55rem 1.5rem;color:var(--color-white);border-radius:var(--radius-pill);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:var(--text-xs);transition:background-color var(--duration-base) var(--ease),color var(--duration-base) var(--ease),border-color var(--duration-base) var(--ease)}.nav-link--cta:after{display:none}.nav-link--cta:hover{background-color:var(--color-white);color:var(--color-black)}.site-header.is-scrolled .nav-link--cta{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.site-header.is-scrolled .nav-link--cta:hover{background-color:var(--color-charcoal);border-color:var(--color-charcoal);color:var(--color-white)}.nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:26px;height:18px;padding:0;position:relative;z-index:var(--z-elevated);min-width:44px;min-height:44px;align-items:center}.nav-toggle__bar{display:block;width:26px;height:2px;background-color:var(--color-white);transition:transform var(--duration-base) var(--ease),opacity var(--duration-base) var(--ease),background-color var(--duration-base) var(--ease);transform-origin:center}.site-header.is-scrolled .nav-toggle__bar{background-color:var(--color-black)}.nav-toggle.is-open .nav-toggle__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.is-open .nav-toggle__bar:nth-child(2){opacity:0}.nav-toggle.is-open .nav-toggle__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-item--portfolio{position:relative}.nav-item__row{display:flex;align-items:center;justify-content:center;gap:.35rem}.nav-submenu-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:44px;min-height:44px;color:var(--text-on-dark-muted);font-size:.7rem;transition:color var(--duration-base) var(--ease)}.nav-submenu-toggle:hover{color:var(--color-white)}.site-header.is-scrolled .nav-submenu-toggle{color:var(--color-gray-700)}.site-header.is-scrolled .nav-submenu-toggle:hover{color:var(--color-black)}.nav-submenu-toggle i{transition:transform var(--duration-base) var(--ease)}.nav-submenu-toggle[aria-expanded=true] i{transform:rotate(180deg)}.nav-submenu{position:absolute;top:100%;left:50%;transform:translate(-50%,-6px);min-width:200px;margin-top:.6rem;background-color:#0f0f0ffa;border:1px solid var(--border-on-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.4rem;opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease),transform var(--duration-base) var(--ease),visibility var(--duration-base) var(--ease);z-index:var(--z-header)}.nav-item--portfolio:hover .nav-submenu,.nav-item--portfolio:focus-within .nav-submenu,.nav-item--portfolio.is-open .nav-submenu{opacity:1;visibility:visible;transform:translate(-50%)}.nav-submenu__link{display:block;padding:.65rem .9rem;font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;color:var(--text-on-dark-muted);border-radius:var(--radius-sm);white-space:nowrap;transition:background-color var(--duration-base) var(--ease),color var(--duration-base) var(--ease)}.nav-submenu__link:hover,.nav-submenu__link:focus-visible{background-color:#ffffff14;color:var(--color-white)}.nav-submenu__link.is-active{color:var(--color-white);font-weight:700}.hero{position:relative;display:grid;grid-template-columns:51% 49%;min-height:100vh;min-height:100dvh;overflow:hidden;background-color:var(--surface-dark)}.hero__left{background-color:var(--surface-page);display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(2rem,5vw,3rem) clamp(2rem,8vw,6rem) clamp(2.5rem,5vw,3.5rem) clamp(1.75rem,6vw,4rem);position:relative;z-index:var(--z-elevated);clip-path:polygon(0 0,100% 0,84% 100%,0 100%)}.hero__intro{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:34rem}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero__intro>*{animation:hero-fade-up .7s var(--ease) both}.hero__intro>*:nth-child(1){animation-delay:.05s}.hero__intro>*:nth-child(2){animation-delay:.12s}.hero__intro>*:nth-child(3){animation-delay:.19s}.hero__intro>*:nth-child(4){animation-delay:.26s}.hero__intro>*:nth-child(5){animation-delay:.33s}.hero__intro>*:nth-child(6){animation-delay:.4s}.hero__intro>*:nth-child(7){animation-delay:.47s}.hero__profile{animation:hero-fade-up .9s var(--ease) both;animation-delay:.15s}.hero__greeting{font-size:var(--text-base);font-weight:400;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.6rem}.hero__name{font-size:var(--text-3xl);font-weight:900;line-height:1.05;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:.9rem}.hero__role{font-size:var(--text-md);font-weight:600;letter-spacing:.02em;line-height:1.3;color:var(--text-secondary);margin-bottom:.6rem;max-width:30rem}.hero__subrole{font-size:var(--text-sm);font-weight:400;letter-spacing:.02em;line-height:1.5;color:var(--text-muted);margin-bottom:1.4rem;max-width:30rem}.hero__statement{font-size:var(--text-base);line-height:1.75;color:var(--text-secondary);max-width:30rem;margin-bottom:2.2rem}.hero__cta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.4rem}.hero__socials{display:flex;gap:.9rem}.social-link{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background-color:#00000080;color:var(--color-white);font-size:.95rem;border-radius:var(--radius-sm);transition:background-color var(--duration-base) var(--ease),transform var(--duration-fast) var(--ease)}.social-link:hover{background-color:#000000bf;transform:translateY(-2px)}.hero__right{background-color:var(--surface-dark);display:flex;flex-direction:column;position:relative;z-index:var(--z-base)}.hero__profile{flex:1;display:flex;justify-content:flex-end;align-items:flex-end;overflow:hidden;position:relative}.profile-img{height:100%;width:auto;max-width:none;object-fit:cover}.hero__profile.img-fallback .profile-img{visibility:hidden}.hero__profile.img-fallback:before{content:"JVS";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(3rem,8vw,5rem);font-weight:800;letter-spacing:.1em;color:var(--color-gray-500);background:repeating-linear-gradient(135deg,var(--color-ink-mid),var(--color-ink-mid) 12px,var(--color-ink) 12px,var(--color-ink) 24px)}.project-card__media.img-fallback,.project-detail__hero-media.img-fallback{position:relative}.project-card__media.img-fallback img,.project-detail__hero-media.img-fallback img{visibility:hidden}.project-card__media.img-fallback:before,.project-detail__hero-media.img-fallback:before{content:"Image unavailable";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray-500);background:repeating-linear-gradient(135deg,var(--color-ink-mid),var(--color-ink-mid) 12px,var(--color-ink) 12px,var(--color-ink) 24px)}.about{background-color:var(--surface-page);text-align:center;display:flex;flex-direction:column;align-items:center}.about__copy{max-width:640px;display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);text-align:left}.about__copy-text{font-size:var(--text-base);line-height:1.85;color:var(--text-secondary)}.about__ai-callout{display:flex;align-items:flex-start;gap:var(--space-4);max-width:640px;width:100%;text-align:left;background-color:var(--surface-elevated);border:1px solid var(--border-default);border-left:3px solid var(--color-black);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-7)}.about__ai-callout-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background-color:var(--surface-page);color:var(--text-primary);font-size:1.15rem}.about__ai-callout-body{flex:1;min-width:0}.about__ai-callout-title{font-size:var(--text-sm);font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem}.about__ai-callout-text{font-size:var(--text-sm);line-height:1.75;color:var(--text-muted)}.explore-link{display:inline-flex;align-items:center;gap:.7rem;font-size:var(--text-xs);font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--text-primary);margin-bottom:var(--space-8);transition:opacity var(--duration-base) var(--ease),gap var(--duration-base) var(--ease);padding:.5rem}.explore-link:hover{opacity:.55;gap:1rem}.about__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);width:100%;max-width:var(--container-max)}.about__card{background-color:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-6) var(--space-5);text-align:left;display:flex;flex-direction:column;transition:box-shadow var(--duration-base) var(--ease),transform var(--duration-base) var(--ease),border-color var(--duration-base) var(--ease)}.about__card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px);border-color:var(--color-charcoal)}.about__card-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-md);background-color:var(--surface-page);font-size:1.35rem;margin-bottom:var(--space-4);color:var(--text-primary)}.about__card-title{font-size:var(--text-sm);font-weight:800;letter-spacing:.2em;margin-bottom:var(--space-3);text-transform:uppercase}.about__card-text{font-size:var(--text-sm);line-height:1.75;color:var(--text-muted)}.skills{background-color:var(--surface-page);display:flex;flex-direction:column;align-items:center;border-top:1px solid var(--border-default);text-align:center}.skills__groups{display:flex;flex-direction:column;gap:var(--space-8);width:100%;max-width:900px}.skills__group-title{font-size:var(--text-sm);font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--text-primary);margin-bottom:var(--space-5);text-align:left}.skills__subgroup{display:flex;flex-direction:column;gap:var(--space-4)}.skills__subgroup+.skills__subgroup{margin-top:var(--space-6)}.skills__subgroup-title{font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);text-align:left}.skills__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media (min-width: 1440px){.skills__grid{grid-template-columns:repeat(6,1fr)}}.skill-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:var(--space-4) var(--space-2);background-color:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:transform var(--duration-base) var(--ease),box-shadow var(--duration-base) var(--ease),border-color var(--duration-base) var(--ease);min-height:44px}.skill-tile:hover,.skill-tile:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:var(--color-charcoal)}.skill-tile__icon{font-size:2.1rem;color:var(--text-primary);line-height:1}.skill-tile__label{font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;color:var(--text-secondary);text-align:center}.portfolio{background-color:var(--surface-dark);width:100%;padding-block:0;scroll-margin-top:var(--header-height)}.portfolio__banner{position:relative;min-height:240px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--surface-darker);background-image:linear-gradient(160deg,rgba(255,255,255,.05) 0%,transparent 55%),repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 1px,transparent 1px 42px),repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0 1px,transparent 1px 42px)}.portfolio__banner-inner{position:relative;z-index:var(--z-base)}.portfolio__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3) var(--space-7);padding:var(--space-6) var(--container-pad) 0;border-bottom:1px solid var(--border-on-dark)}.filter-btn{font-size:var(--text-xs);font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);padding:var(--space-3) .3rem;position:relative;transition:color var(--duration-base) var(--ease);min-height:44px}.filter-btn:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--color-white);transform:scaleX(0);transition:transform var(--duration-base) var(--ease)}.filter-btn:hover{color:var(--text-on-dark-muted)}.filter-btn[aria-pressed=true]{color:var(--color-white)}.filter-btn[aria-pressed=true]:after{transform:scaleX(1)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);padding:var(--space-7) var(--container-pad);max-width:var(--container-max);margin-inline:auto}.project-card{background-color:var(--surface-ink, var(--color-ink-mid));border:1px solid var(--border-on-dark);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--duration-base) var(--ease),box-shadow var(--duration-base) var(--ease),opacity var(--duration-base) var(--ease)}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.project-card.is-hidden{display:none}.project-grid.is-empty{padding-bottom:0}.project-card__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background-color:var(--color-ink)}.project-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease)}.project-card:hover .project-card__media img{transform:scale(1.06)}.project-card__body{padding:var(--space-5);display:flex;flex-direction:column;gap:.6rem;flex:1}.project-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.project-card__category{font-size:var(--text-xs);font-weight:600;letter-spacing:.2em;color:var(--text-on-dark-muted);text-transform:uppercase}.project-card__status{font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;color:var(--text-on-dark-muted);border:1px solid var(--border-on-dark);border-radius:var(--radius-pill);padding:.2rem .7rem}.project-card__status--featured{color:var(--color-black);background-color:var(--color-white);border-color:var(--color-white)}.project-card__title{font-size:var(--text-md);font-weight:700;color:var(--color-white)}.project-card__desc{font-size:var(--text-sm);line-height:1.65;color:var(--text-on-dark-muted);flex:1}.project-card__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}.project-card__tags li{font-size:var(--text-xs);letter-spacing:.03em;color:var(--text-on-dark-muted);border:1px solid var(--border-on-dark);border-radius:var(--radius-pill);padding:.2rem .7rem}.project-card__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:var(--space-3)}.port-action{font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;color:var(--text-on-dark-muted);border:1px solid var(--border-on-dark);border-radius:var(--radius-pill);padding:.5rem 1rem;min-height:38px;display:inline-flex;align-items:center}.port-action--disabled{opacity:.5;cursor:not-allowed}.portfolio__empty{max-width:560px;margin:0 auto var(--space-7);padding:var(--space-6);text-align:center;font-size:var(--text-sm);line-height:1.75;color:var(--text-on-dark-muted);border:1px dashed var(--border-on-dark);border-radius:var(--radius-md)}.portfolio__footnote{text-align:center;font-size:var(--text-sm);letter-spacing:.1em;color:var(--text-muted);padding:0 var(--container-pad) var(--space-8)}.contact{background:linear-gradient(160deg,var(--surface-page) 60%,#e4e4e2 100%);text-align:center;display:flex;flex-direction:column;align-items:center}.contact__lede{max-width:540px;font-size:var(--text-base);line-height:1.85;color:var(--text-secondary);margin-bottom:var(--space-4)}.contact__direct{display:inline-flex;align-items:center;gap:.6rem;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-7)}.contact__direct a{text-decoration:underline;text-underline-offset:2px}.contact__direct a:hover{color:var(--text-secondary)}.contact-form{width:100%;max-width:620px;display:flex;flex-direction:column;gap:var(--space-5);text-align:left}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.form-group{position:relative;display:flex;flex-direction:column}.form-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem}.form-optional{text-transform:none;font-weight:400;letter-spacing:0;color:var(--text-muted)}.form-input,.form-textarea{width:100%;background:var(--surface-elevated);border:1.5px solid var(--border-default);border-radius:var(--radius-sm);padding:.8rem .9rem;font-family:var(--font-main);font-size:var(--text-base);color:var(--text-primary);outline:none;transition:border-color var(--duration-base) var(--ease);min-height:44px}.form-textarea{resize:vertical;min-height:130px}.form-input:focus,.form-textarea:focus{border-color:var(--color-black)}.form-input.is-invalid,.form-textarea.is-invalid{border-color:var(--color-danger)}.form-error{display:block;font-size:var(--text-xs);color:var(--color-danger);margin-top:.4rem;min-height:1em}.form-privacy{font-size:var(--text-xs);color:var(--text-muted);line-height:1.6}.form-note{font-size:var(--text-xs);color:var(--text-muted);line-height:1.6;background-color:#0000000a;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-3)}.form-note a{text-decoration:underline;font-weight:600}.form-submit{align-self:flex-start;position:relative}.form-submit.is-loading{opacity:.7;pointer-events:none}.form-status{font-size:var(--text-sm);letter-spacing:.02em;min-height:1.3em;border-radius:var(--radius-sm)}.form-status--success{color:var(--color-success)}.form-status--error{color:var(--color-danger)}.form-status a{text-decoration:underline;font-weight:600}.site-footer{background-color:var(--surface-dark);padding-block:var(--space-7) var(--space-5);padding-bottom:max(var(--space-5),env(safe-area-inset-bottom,0))}.site-footer__inner{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-5)}.site-footer__brand{display:flex;align-items:baseline;gap:.8rem}.site-footer__initials{font-size:var(--text-lg);font-weight:800;letter-spacing:.06em;color:var(--color-white)}.site-footer__role{font-size:var(--text-xs);color:var(--text-on-dark-muted);letter-spacing:.04em}.site-footer__socials{display:flex;gap:.7rem}.site-footer__socials .social-link{width:38px;height:38px}.back-to-top{position:fixed;right:max(var(--space-5),env(safe-area-inset-right,0px));bottom:max(var(--space-5),calc(env(safe-area-inset-bottom,0px) + var(--space-3)));z-index:var(--z-elevated);display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background-color:var(--color-black);border:1.5px solid var(--color-black);color:var(--color-white);box-shadow:var(--shadow-md);opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;transition:opacity var(--duration-base) var(--ease),transform var(--duration-base) var(--ease),background-color var(--duration-base) var(--ease)}.back-to-top.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.back-to-top:hover{background-color:var(--color-charcoal);transform:translateY(-3px) scale(1)}.back-to-top.is-visible:hover{transform:translateY(-3px) scale(1)}.site-footer__copyright{text-align:center;font-size:var(--text-xs);letter-spacing:.1em;color:var(--text-muted);margin-top:var(--space-6)}.config-error{max-width:560px;margin:var(--space-6) auto;padding:var(--space-5);text-align:center;border:1px dashed var(--border-default);border-radius:var(--radius-md);background-color:var(--surface-elevated)}.config-error__title{font-weight:700;margin-bottom:.4rem}.config-error__body{color:var(--text-secondary);font-size:var(--text-sm)}.config-error__dev{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--border-default);font-size:var(--text-xs);color:var(--color-danger);text-align:left}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}@media (min-resolution: 2dppx){body{-webkit-font-smoothing:subpixel-antialiased}}@media (min-width: 1440px){:root{--container-max: 1360px}}@media (max-width: 1024px){.site-header__logo{width:36px;height:36px}.nav-list{gap:1.4rem}.about__cards{grid-template-columns:repeat(2,1fr)}.skills__grid{grid-template-columns:repeat(3,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}@media (max-width: 860px){.hero{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:auto}.hero__left{order:2;clip-path:none;padding:clamp(2rem,6vw,2.75rem) 1.5rem 2.5rem}.hero__right{order:1;min-height:62vw}.hero__profile{justify-content:center}.profile-img{width:100%;height:100%;max-width:100%}.site-header,.site-header.is-scrolled{background-color:#080808f7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-on-dark);box-shadow:var(--shadow-sm)}.site-header__inner{padding-block:var(--space-3)}.site-header__logo{width:32px;height:32px}.site-header__brand-text{display:none}.nav-toggle{display:flex}.nav-toggle__bar,.site-header.is-scrolled .nav-toggle__bar{background-color:var(--color-white)}.nav-list{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--header-height);z-index:var(--z-overlay);background-color:#080808fa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);transform:translate(100%);transition:transform var(--duration-base) var(--ease);padding-block:var(--space-6);padding-bottom:max(var(--space-6),env(safe-area-inset-bottom,0));overflow-y:auto}.nav-list.is-open{transform:translate(0)}.nav-list .nav-link,.site-header.is-scrolled .nav-list .nav-link{font-size:var(--text-lg);font-weight:600;color:var(--text-on-dark-muted)}.nav-list .nav-link:hover,.nav-list .nav-link.is-active,.site-header.is-scrolled .nav-list .nav-link:hover,.site-header.is-scrolled .nav-list .nav-link.is-active{color:var(--color-white)}.nav-list .nav-link:after,.site-header.is-scrolled .nav-list .nav-link:after{background-color:var(--color-white)}.nav-list .nav-submenu-toggle,.site-header.is-scrolled .nav-submenu-toggle{color:var(--text-on-dark-muted)}.nav-list .nav-submenu-toggle:hover,.site-header.is-scrolled .nav-submenu-toggle:hover{color:var(--color-white)}.nav-list .nav-link--cta,.site-header.is-scrolled .nav-list .nav-link--cta{display:flex;align-items:center;justify-content:center;width:min(280px,80vw);margin-top:var(--space-3);padding-block:.95rem;background-color:var(--color-white);color:var(--color-black);border-color:var(--color-white)}.nav-list .nav-link--cta:hover,.site-header.is-scrolled .nav-list .nav-link--cta:hover{background-color:var(--color-gray-100);color:var(--color-black)}.nav-submenu{position:static;top:auto;left:auto;transform:none;min-width:0;margin-top:0;background:transparent;border:none;box-shadow:none;padding:0;opacity:1;visibility:visible;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);max-height:0;overflow:hidden;transition:max-height var(--duration-base) var(--ease),margin-top var(--duration-base) var(--ease)}.nav-item--portfolio.is-open .nav-submenu,.nav-item--portfolio:focus-within .nav-submenu{max-height:220px;margin-top:var(--space-4)}.nav-submenu__link{font-size:var(--text-base);padding:.65rem 1.2rem;min-height:44px;display:flex;align-items:center}.about__cards{grid-template-columns:1fr}.skills__grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.site-footer__inner{justify-content:center;text-align:center}}@media (max-width: 480px){.hero__cta{flex-direction:column;align-items:stretch}.hero__cta .btn{width:100%}.skills__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.portfolio__filters{gap:var(--space-3) var(--space-5)}}@media (max-width: 360px){:root{--container-pad: 1rem}.site-header__brand-text{display:none}.form-note{font-size:.68rem}}