.proj-list{display:flex;flex-direction:column;gap:var(--space-2xl);margin-top:var(--space-2xl)}.proj-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}.proj-card--flipped{direction:rtl}.proj-card--flipped>*{direction:ltr}.proj-gallery{display:flex;flex-direction:column;gap:var(--space-sm)}.proj-gallery__main{position:relative;border-radius:3px;overflow:hidden;border:.5px solid var(--color-border-dim)}.proj-gallery__img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;display:block}@media(prefers-reduced-motion:no-preference){.proj-gallery__img{transition:opacity .25s ease}}.proj-gallery__strip{display:flex;gap:var(--space-xs)}.proj-gallery__thumb{flex:0 0 auto;width:56px;height:32px;border-radius:2px;overflow:hidden;border:1px solid var(--color-border-dim);padding:0;cursor:pointer;opacity:.5;background:none}@media(prefers-reduced-motion:no-preference){.proj-gallery__thumb{transition:opacity var(--dur-fast) ease,border-color var(--dur-fast) ease}}.proj-gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block}.proj-gallery__thumb--active{opacity:1;border-color:var(--ps-blue-300)}.proj-gallery__thumb:hover:not(.proj-gallery__thumb--active){opacity:.75}.proj-card__info{display:flex;flex-direction:column;gap:var(--space-md)}.proj-card__header{display:flex;flex-direction:column;gap:var(--space-xs)}.proj-card__title{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;color:var(--color-text-bright)}.proj-card__status{display:flex;align-items:center;gap:.35rem;font-size:.75rem}.proj-card__status-dot{width:5px;height:5px;border-radius:50%;background-color:var(--color-text-dim);opacity:.5}.proj-card__status-dot--active{background-color:var(--color-active);opacity:.85}.proj-card__status-label{color:var(--color-text-muted)}.proj-card__desc{font-size:.875rem;color:var(--color-text-muted);line-height:1.6}.proj-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.proj-card__tag{font-size:.6875rem;color:var(--color-text-dim);border:.5px solid var(--color-border-dim);padding:2px 8px;border-radius:2px}.proj-card__link{display:inline-block;font-size:.8125rem;color:var(--ps-blue-200);margin-top:var(--space-xs)}@media(prefers-reduced-motion:no-preference){.proj-card__link{transition:color var(--dur-fast) ease}}.proj-card__link:hover{color:var(--color-text-bright)}@media(max-width:900px){.proj-card{grid-template-columns:1fr}.proj-card--flipped{direction:ltr}}@media(max-width:640px){.proj-list{gap:var(--space-xl)}.proj-gallery__strip{overflow-x:auto}}.svc-list{display:flex;flex-direction:column;gap:var(--space-2xl);margin-top:var(--space-2xl)}.svc-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}.svc-card--flipped{direction:rtl}.svc-card--flipped>*{direction:ltr}.svc-card__visual{border-radius:3px;overflow:hidden;border:.5px solid var(--color-border-dim)}.svc-card__img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;display:block}.svc-card__info{display:flex;flex-direction:column;gap:var(--space-md)}.svc-card__header{display:flex;flex-direction:column;gap:var(--space-sm)}.svc-card__title{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;color:var(--color-text-bright)}.svc-card__meta{display:flex;align-items:center;gap:var(--space-sm)}.svc-card__status{display:flex;align-items:center;gap:.35rem;font-size:.75rem}.svc-card__status-dot{width:5px;height:5px;border-radius:50%;background-color:var(--color-text-dim);opacity:.5}.svc-card__status-dot--active{background-color:var(--color-active);opacity:.85}.svc-card__status-label{color:var(--color-text-muted)}.svc-card__tag{font-size:.6875rem;color:var(--color-text-dim);border:.5px solid var(--color-border-dim);padding:1px 6px;border-radius:2px}.svc-card__desc{font-size:.875rem;color:var(--color-text-muted);line-height:1.6}.svc-card__features{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.svc-card__feature{display:flex;align-items:baseline;gap:var(--space-sm);font-size:.8125rem;color:var(--color-text-muted);line-height:1.5}.svc-card__feature-marker{color:var(--color-text-dim);flex-shrink:0;font-size:.75rem}@media(max-width:900px){.svc-card{grid-template-columns:1fr}.svc-card--flipped{direction:ltr}}@media(max-width:640px){.svc-list{gap:var(--space-xl)}}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-2xl);margin-top:var(--space-2xl)}.about-card{display:flex;flex-direction:column;gap:var(--space-lg)}.about-card__portrait{border-radius:3px;overflow:hidden;border:.5px solid var(--color-border-dim);background-color:var(--color-surface-dim)}.about-card__img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;object-position:center top;display:block}.about-card__info{display:flex;flex-direction:column;gap:var(--space-sm)}.about-card__name{font-size:clamp(1.125rem,2vw,1.375rem);font-weight:600;color:var(--color-text-bright)}.about-card__role{font-size:.8125rem;color:var(--color-text-muted)}.about-card__skills{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.about-card__skill{font-size:.6875rem;color:var(--color-text-dim);border:.5px solid var(--color-border-dim);padding:2px 8px;border-radius:2px}@media(max-width:640px){.about-grid{grid-template-columns:1fr;gap:var(--space-xl)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}#app{flex:1;display:flex;flex-direction:column}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}:root{--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading: var(--font-body);--font-mono: "SF Mono", "Fira Code", "Fira Mono", monospace;--ps-blue-50: #D7E9FF;--ps-blue-100: #CBDDFF;--ps-blue-200: #B3C6FF;--ps-blue-300: #8FA4FF;--ps-blue-400: #6B81FF;--ps-blue-500: #5F76FF;--ps-blue-600: #3B53FF;--ps-blue-700: #2F48FF;--ps-blue-800: #1731FF;--ps-blue-900: #0B25FF;--ps-blue-950: #001AFF;--color-bg: #050510;--color-text: #D7E9FF;--color-text-bright: #ffffff;--color-text-muted: #8FA4FF;--color-text-dim: #5F76FF;--color-text-subtle: #3B53FF;--color-accent: #5F76FF;--color-accent-hover: #6B81FF;--color-active: #5DCAA5;--color-surface: rgba(11, 37, 255, .22);--color-surface-dim: rgba(0, 26, 255, .15);--edge-light: rgba(167, 187, 255, .18);--edge-mid: rgba(107, 129, 255, .12);--edge-fade: rgba(59, 83, 255, .08);--edge-side-light: rgba(143, 164, 255, .12);--edge-side-mid: rgba(95, 118, 255, .08);--edge-side-fade: rgba(59, 83, 255, .05);--color-border: rgba(59, 83, 255, .3);--color-border-dim: rgba(59, 83, 255, .15);--max-width: 1200px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-out-elastic: linear( 0, .22 2.1%, .86 6.5%, 1.11 8.6%, 1.17 9.9%, 1.12 11.4%, 1.01 14.4%, .97 17.6%, 1.01 24.4%, .99 35.2%, 1 50%, 1 );--dur-fast: .2s;--dur-base: .3s;--dur-slow: .45s}.container{width:min(var(--max-width),100% - var(--space-xl) * 2);margin-inline:auto}.site-header{position:absolute;top:0;left:0;right:0;z-index:10;padding:var(--space-md) 0}.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-md);border-bottom:.5px solid rgba(95,118,255,.45)}.site-header__brand{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-muted);letter-spacing:.04em}.site-header__brand-prefix{color:var(--color-text-dim)}.site-nav{display:flex;align-items:center;gap:var(--space-lg)}.site-nav:before{content:"";display:block;width:.5px;height:14px;background-color:var(--ps-blue-600);opacity:.4;margin-right:var(--space-sm)}.site-nav__link{display:flex;align-items:center;gap:.4rem;font-size:.875rem;color:var(--color-text-dim);transition:color var(--dur-fast) ease}.site-nav__link:hover{color:var(--color-text-muted)}.site-nav__dot{display:block;width:5px;height:5px;border-radius:50%;background-color:var(--ps-blue-600);opacity:.6;transition:opacity var(--dur-fast) ease,background-color var(--dur-fast) ease}.site-nav__link[aria-current=page]{color:var(--color-text-muted)}.site-nav__link[aria-current=page] .site-nav__dot{background-color:var(--ps-blue-500);opacity:1}.site-footer{padding:0;margin-top:auto}.site-footer__bar{border-top:.5px solid var(--color-border-dim);background-color:#0d10304d;padding:var(--space-sm) 0}.site-footer__inner{display:flex;align-items:center;justify-content:space-between}.site-footer__studio{font-size:.6875rem;color:var(--color-text-dim)}.site-footer__status{display:flex;align-items:center;gap:var(--space-lg)}.site-footer__indicator{display:flex;align-items:center;gap:.35rem;font-size:.6875rem}.site-footer__indicator-dot{display:block;width:5px;height:5px;border-radius:50%}.site-footer__indicator-dot--active{background-color:var(--color-active);opacity:.8}.site-footer__indicator-dot--info{background-color:var(--ps-blue-500);opacity:.5}.site-footer__indicator-label--bright{color:var(--color-text-dim)}.site-footer__indicator-label--dim{color:var(--color-text-subtle)}.ps-panel{position:relative;background-color:#dcdffa20;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(20px);border-radius:4px;padding:var(--space-xl)}.ps-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to bottom,var(--edge-light),var(--edge-mid),var(--edge-fade));border-radius:4px 4px 0 0;pointer-events:none}.ps-panel:after{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(to right,var(--edge-side-light),var(--edge-side-mid),var(--edge-side-fade));border-radius:4px 0 0 4px;pointer-events:none}.ps-panel--dim{background-color:#dcdffa20;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(16px)}.ps-panel--dim:before{background:linear-gradient(to bottom,var(--edge-mid),var(--edge-fade),transparent)}.ps-panel--dim:after{background:linear-gradient(to right,var(--edge-side-mid),var(--edge-side-fade),transparent)}.contact-body{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-2xl)}.contact-channel{display:flex;flex-direction:column;gap:var(--space-xs)}.contact-channel__label{font-size:.6875rem;color:var(--color-text-dim);letter-spacing:.1em;text-transform:uppercase}.contact-channel__value{font-size:.9375rem;color:var(--ps-blue-200);transition:color var(--dur-fast) ease}.contact-channel__value:hover{color:var(--color-text-bright)}@media(max-width:640px){.site-header__inner{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.site-nav{gap:var(--space-md)}.site-nav:before{display:none}.site-footer__inner{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.hero{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__svg{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero__overlay-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:translate(2%);will-change:opacity,transform}@media(prefers-reduced-motion:no-preference){.hero__overlay-img{animation:overlay-cycle 45s linear infinite}.hero__overlay-img:nth-child(1){animation-delay:0s}.hero__overlay-img:nth-child(2){animation-delay:15s}.hero__overlay-img:nth-child(3){animation-delay:30s}@keyframes overlay-cycle{0%{opacity:0;transform:translate(4%)}4%{opacity:.08;transform:translate(1.5%)}29%{opacity:.08;transform:translate(-1.5%)}33%{opacity:0;transform:translate(-4%)}to{opacity:0;transform:translate(-4%)}}}@media(prefers-reduced-motion:reduce){.hero__overlay-img{animation:none;transform:none}.hero__overlay-img:nth-child(1){opacity:.25}}.hero__content{position:relative;z-index:1;padding-block:var(--space-3xl)}.hero__layout{display:grid;grid-template-columns:67fr 33fr;gap:var(--space-2xl);align-items:start;position:relative}@media(prefers-reduced-motion:no-preference){.hero__layout{transition:grid-template-columns var(--dur-slow) var(--ease-out-expo),gap var(--dur-slow) var(--ease-out-expo)}}.hero__layout--expanded{grid-template-columns:1fr 0fr;gap:0}.hero__main{max-width:none;min-width:0;overflow:hidden}.section{opacity:1;transform:translateY(0);transform-origin:top center}.section[hidden]{display:block!important;visibility:hidden;opacity:0;pointer-events:none;position:absolute}@media(prefers-reduced-motion:no-preference){.section{transition:opacity var(--dur-base) ease,transform var(--dur-base) var(--ease-out-expo)}}.section--exit{opacity:0;transform:translateY(-10px);pointer-events:none}.section--enter{opacity:0;transform:translateY(14px)}@media(prefers-reduced-motion:reduce){.section{transition:none}}.section__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:var(--color-text-bright);margin-bottom:var(--space-md)}.section__desc{font-size:.9375rem;color:var(--color-text-muted);line-height:1.6}.hero__title{margin-bottom:var(--space-md)}.hero__logo{display:block;width:clamp(240px,40vw,400px);height:auto}.hero__tagline{font-size:clamp(1rem,2vw,1.25rem);color:var(--ps-blue-200);margin-bottom:var(--space-md)}.hero__description{font-size:.9375rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-xl)}.hero__highlight{position:absolute;top:0;right:0;width:33%;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);overflow:hidden;transform-origin:top right}@media(prefers-reduced-motion:no-preference){.hero__highlight{transition:opacity var(--dur-base) ease,transform var(--dur-slow) var(--ease-out-back)}}.hero__highlight--hidden{opacity:0;transform:scaleX(.88) scaleY(1.04) translate(16px);pointer-events:none}.highlight__label{display:block;font-size:.6875rem;color:var(--color-text-dim);letter-spacing:.1em}.highlight__thumb{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:2px;border:.5px solid var(--color-border-dim)}.highlight__body{display:flex;flex-direction:column;gap:var(--space-xs)}.highlight__title{font-size:.9375rem;font-weight:500;color:var(--color-text-bright)}.highlight__desc{font-size:.8125rem;color:var(--color-text-muted);line-height:1.5}.highlight__meta{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.highlight__status{display:flex;align-items:center;gap:.35rem;font-size:.75rem}.highlight__status-dot{width:5px;height:5px;border-radius:50%;background-color:var(--color-active);opacity:.85}.highlight__status-label{color:var(--color-text-muted)}.highlight__tag{font-size:.6875rem;color:var(--color-text-dim);border:.5px solid var(--color-border-dim);padding:1px 6px;border-radius:2px}.highlight__link{display:inline-block;margin-top:var(--space-sm);font-size:.8125rem;color:var(--ps-blue-200)}@media(prefers-reduced-motion:no-preference){.highlight__link{transition:color var(--dur-fast) ease}}.highlight__link:hover{color:var(--color-text-bright)}.highlight__inner{position:relative;display:flex;flex-direction:column;gap:var(--space-md);opacity:1}@media(prefers-reduced-motion:no-preference){.highlight__inner{transition:opacity .18s ease,height var(--dur-slow) var(--ease-out-back)}}.highlight__inner--fade{opacity:0}.highlight__nav{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-md);border-top:.5px solid var(--color-border-dim)}.highlight__arrow{display:flex;align-items:center;justify-content:center;width:40px;height:36px;border-radius:3px;border:.5px solid var(--color-border-dim);background:var(--color-surface-dim);color:var(--color-text-dim);font-size:1.5rem;line-height:1;cursor:pointer}@media(prefers-reduced-motion:no-preference){.highlight__arrow{transition:color var(--dur-fast) ease,background-color var(--dur-fast) ease,border-color var(--dur-fast) ease}}.highlight__arrow:hover{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}@media(max-width:900px){.hero__layout{grid-template-columns:1fr 1fr}.hero__layout--expanded{grid-template-columns:1fr 0fr}}@media(max-width:640px){.hero{min-height:auto;padding-block:var(--space-3xl)}.hero__content{padding-block:var(--space-xl)}.hero__layout{grid-template-columns:1fr;transition:none}.hero__layout--expanded{grid-template-columns:1fr}.hero__highlight{position:static;width:auto;max-width:320px;transition:none}.hero__highlight--hidden{display:none;transform:none}.hero__main{max-width:none}.section{transition:none}}