:root{--color-bg: #ffffff;--color-bg-blue-wash: #e8f4ff;--color-bg-lavender-wash: #eeebff;--color-bg-fade: rgb(255 255 255 / .92);--color-text: #0f1115;--color-text-secondary: #374151;--color-text-muted: #6b7280;--color-accent: var(--cms-accent, #60a5fa);--color-entry-violet: #7c83f5;--color-glass: rgb(255 255 255 / .68);--color-glass-border: rgb(15 17 21 / .12);--radius-sm: calc(var(--cms-radius, 12px) * .75);--radius-lg: calc(var(--cms-radius, 20px) * 1.25);--shadow-soft: 0 18px 48px rgb(15 17 21 / .12);--shadow-subtle: 0 10px 28px rgb(15 17 21 / .08);--blur-glass: 18px;--font-sans: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.25rem;--font-size-lg: 1.5rem;--font-size-xl: clamp(2.75rem, 5vw, 4.5rem);--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-title: 1.1;--line-height-relaxed: 1.7;--space-page: clamp(1.5rem, 4vw, 5rem);--space-section-content: calc(var(--space-page) / 2);--space-section: clamp(4.5rem, 9vw, 9rem);--space-block: 1.5rem;--space-tight: .75rem;--duration-transition: .3s;--duration-reveal: .7s;--duration-float: 4s;--duration-shooting-star: 15s;--motion-ease: cubic-bezier(.22, 1, .36, 1);--motion-standard: ease;--hero-glow: color-mix(in srgb, var(--color-accent) 24%, transparent);--texture-symbol: color-mix(in srgb, var(--color-accent) 32%, transparent);--texture-shooting: color-mix(in srgb, var(--color-accent) 48%, transparent);--glass-hover: color-mix(in srgb, var(--color-glass) 78%, var(--color-accent) 22%)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg) 28%,var(--color-bg-fade) 58%,transparent 78%),linear-gradient(112deg,var(--color-bg-blue-wash) 0%,var(--color-bg) 46%,var(--color-bg-lavender-wash) 100%);background-attachment:fixed;color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.5}button,a{font:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.glass{border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);background:var(--color-glass);box-shadow:var(--shadow-soft);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass))}.entry-particle{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:transparent;pointer-events:auto}.entry-particle:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--color-bg);content:"";opacity:1;transition:opacity .8s var(--motion-ease)}.entry-particle.is-releasing:before{opacity:0}.entry-particle__canvas{position:relative;z-index:1;display:block;width:100%;height:100%}html.entry-active .site-nav,html.entry-active .hero__visual,html.entry-active .hero__content,html.entry-active .proof-strip{opacity:0;animation:none}html.entry-active .site-nav,html.entry-active .hero__content,html.entry-active .proof-strip{transform:translateY(1.25rem)}html.entry-active .site-nav{transform:translate(-50%,1.25rem)}html.entry-active .hero__visual{transform:translateY(1rem) scale(.96)}html.entry-complete .site-nav{animation:entry-nav-in .55s var(--motion-ease) .08s both}html.entry-complete .hero__visual{animation:entry-visual-in .75s var(--motion-ease) .14s both}html.entry-complete .hero__content{animation:entry-slide-in .7s var(--motion-ease) .26s both}html.entry-complete .proof-strip{animation:entry-slide-in .6s var(--motion-ease) .38s both}html.entry-complete .site-nav,html.entry-complete .hero__visual,html.entry-complete .hero__content,html.entry-complete .proof-strip{z-index:31}.site-nav{position:fixed;top:var(--space-tight);left:50%;z-index:20;display:flex;width:min(calc(100% - (var(--space-page) * 2)),68rem);min-height:3.75rem;align-items:center;justify-content:space-between;gap:var(--space-block);padding:.5rem .625rem .5rem var(--space-block);overflow:hidden;isolation:isolate;border-color:#ffffffa8;background:linear-gradient(118deg,#ffffff4f,#e4f2ff3d 48%,#e9e5ff47);box-shadow:0 1.1rem 2.8rem #4957aa24,0 .08rem .18rem #ffffff9e inset,0 .8rem 1.5rem #ffffff1a inset,0 -.8rem 1.8rem #5c69c21f inset;backdrop-filter:blur(1.95rem) saturate(185%) brightness(1.12) contrast(1.03);-webkit-backdrop-filter:blur(1.95rem) saturate(185%) brightness(1.12) contrast(1.03);transform:translate(-50%);transition:box-shadow var(--duration-transition) var(--motion-standard),background var(--duration-transition) var(--motion-standard)}.site-nav:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;content:"";pointer-events:none;background:radial-gradient(ellipse 82% 155% at 17% -24%,rgb(255 255 255 / .5),transparent 64%),radial-gradient(ellipse 78% 150% at 88% 126%,rgb(192 215 255 / .34),transparent 66%),radial-gradient(ellipse 58% 115% at 61% 20%,rgb(229 220 255 / .21),transparent 69%),linear-gradient(116deg,transparent 17%,rgb(255 255 255 / .2) 43%,rgb(207 228 255 / .15) 58%,transparent 82%);filter:blur(1.15rem);opacity:.9}.site-nav__brand,.site-nav__links{position:relative;z-index:1}.site-nav__brand{font-weight:var(--font-weight-bold);text-decoration:none;white-space:nowrap}.site-nav__links{display:flex;align-items:center;gap:.25rem}.site-nav__link{padding:.5rem .75rem;border:1px solid transparent;border-radius:var(--radius-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;font:inherit;font-size:var(--font-size-sm);line-height:normal;text-decoration:none;transition:color var(--duration-transition) var(--motion-standard),background var(--duration-transition) var(--motion-standard),border-color var(--duration-transition) var(--motion-standard),box-shadow var(--duration-transition) var(--motion-standard)}.site-nav__link:not(:disabled):hover,.site-nav__link.is-active{border-color:#ffffff94;color:var(--color-text);background:linear-gradient(135deg,#e8f7ff80,#d8e0ff52);box-shadow:inset 0 1px #ffffff9e,inset 0 -.35rem .7rem #829de714,0 .2rem .7rem #5067c01f}.site-nav__link--pending:disabled{cursor:default;opacity:1}#portfolio{position:relative;isolation:isolate}.page-decorations,.section-decorations{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.page-decoration,.section-decoration{position:absolute;color:var(--texture-symbol);font-size:var(--font-size-lg);line-height:1}.page-decoration--one{top:5%;left:8vw;opacity:.48}.page-decoration--two{top:18%;right:8vw;opacity:.38}.page-decoration--three{top:33%;left:42vw;opacity:.42}.page-decoration--four{top:57%;right:12vw;opacity:.34}.page-decoration--five{top:74%;left:12vw;opacity:.4}.page-decoration--six{top:90%;right:8vw;opacity:.34}.hero,.projects,.content-section,.proof-strip{position:relative;z-index:1}.hero>:not(.section-decorations),.projects>:not(.section-decorations),.content-section>:not(.section-decorations){position:relative;z-index:1}.hero{display:grid;height:100svh;min-height:100svh;height:100dvh;min-height:100dvh;grid-template-columns:55fr 45fr;align-items:center;padding:calc(var(--space-tight) + 4rem) var(--space-page) var(--space-tight);overflow:hidden}.hero__visual{display:grid;min-width:0;min-height:0;height:100%;place-items:center;opacity:0;transform:translateY(1.5rem);animation:hero-reveal var(--duration-reveal) var(--motion-ease) forwards}.hero__glow,.projects__glow{position:absolute;width:80%;aspect-ratio:1;border-radius:var(--radius-lg);background:radial-gradient(circle,var(--hero-glow),transparent 68%);filter:blur(var(--blur-glass))}.hero__image{position:relative;z-index:1;display:block;width:auto;max-width:100%;max-height:min(82dvh,calc(100dvh - 6rem));animation:hero-float var(--duration-float) var(--motion-ease) infinite}.hero__content{display:flex;min-width:0;flex-direction:column;align-items:flex-start;opacity:0;transform:translateY(1.5rem);animation:hero-reveal var(--duration-reveal) var(--motion-ease) .15s forwards}.hero__eyebrow,.section-heading__eyebrow{margin:0;color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.hero__name{margin:0;color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-title)}.hero__eyebrow+.hero__name{margin-top:var(--space-tight)}.hero__slogan{max-width:34rem;margin:var(--space-block) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-relaxed)}.hero__intro{max-width:34rem;margin:var(--space-tight) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.hero__actions,.contact__actions{display:flex;flex-wrap:wrap;gap:var(--space-tight);margin-top:var(--space-block)}.hero__cta,.contact__submit,.contact__copy{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;padding:var(--space-tight) 1.125rem;color:var(--color-text);cursor:pointer;font-weight:var(--font-weight-semibold);text-decoration:none;transition:transform var(--duration-transition) var(--motion-ease),background var(--duration-transition) var(--motion-standard),border-color var(--duration-transition) var(--motion-standard),box-shadow var(--duration-transition) var(--motion-standard)}.hero__cta--primary{border-color:color-mix(in srgb,var(--color-accent) 65%,var(--color-glass-border));background:color-mix(in srgb,var(--color-accent) 20%,var(--color-glass))}.hero__cta:hover,.contact__submit:hover,.contact__copy:hover{background:var(--glass-hover);border-color:color-mix(in srgb,var(--color-accent) 60%,var(--color-glass-border));box-shadow:var(--shadow-subtle);transform:translateY(-2px)}.hero__cta:active,.contact__submit:active,.contact__copy:active{transform:translateY(0)}.proof-strip{display:flex;width:min(calc(100% - (var(--space-page) * 2)),76rem);flex-wrap:wrap;gap:.5rem 1.25rem;margin:0 auto;padding:1rem var(--space-block);border-block:1px solid var(--color-glass-border);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.proof-strip span:not(:last-child):after{padding-left:1.25rem;color:var(--color-accent);content:"/"}.section-decoration--star{opacity:.48}.section-decoration--moon{opacity:.42}.section-decoration--shooting{width:8rem;height:1px;opacity:0;background:linear-gradient(90deg,transparent,var(--texture-shooting));transform:rotate(-24deg);transform-origin:right;animation:shooting-star var(--duration-shooting-star) var(--motion-ease) infinite}.section-decoration--shooting:after{position:absolute;right:0;width:.5rem;aspect-ratio:1;content:"";border-radius:var(--radius-sm);background:var(--color-accent);box-shadow:0 0 1rem var(--texture-shooting)}.section-decoration--hero-star{top:16%;right:10%}.section-decoration--hero-moon{bottom:10%;left:44%}.section-decoration--hero-shooting{top:22%;left:28%}.section-decoration--projects-moon{top:18%;left:7%}.section-decoration--projects-star{bottom:12%;right:8%}.section-decoration--projects-shooting{top:14%;right:18%}.section-decoration--skills-star{top:30%;right:12%}.section-decoration--skills-moon{bottom:12%;left:10%}.section-decoration--all-projects-star{top:21%;right:10%}.section-decoration--all-projects-moon{bottom:13%;left:8%}.section-decoration--experience-star{top:14%;right:9%}.section-decoration--experience-moon{bottom:10%;left:12%}.section-decoration--contact-star{top:15%;right:10%}.section-decoration--contact-moon{bottom:16%;left:12%}.projects,.content-section{padding:var(--space-section) var(--space-page);overflow:hidden}.section-heading{max-width:46rem}.section-heading__eyebrow+.section__title,.section-heading__eyebrow+.projects__title{margin-top:var(--space-tight)}.section-heading__intro{max-width:40rem;margin:var(--space-tight) 0 0;color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.projects__layout{display:grid;grid-template-columns:35fr 65fr;gap:var(--space-page);margin-top:var(--space-section-content)}.projects__visual{position:relative;display:grid;min-width:0;min-height:32rem;place-items:center;isolation:isolate}.projects__character{position:relative;width:100%;height:min(70vh,40rem)}.projects__expression{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:auto;object-fit:contain;opacity:0;pointer-events:none;transition:opacity var(--duration-transition) var(--motion-standard)}.projects__expression.is-active{opacity:1}.projects__grid{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-block)}.project-card{position:relative;display:flex;min-height:17rem;flex-direction:column;align-items:flex-start;padding:var(--space-block);padding-bottom:7.25rem;overflow:hidden;cursor:pointer;transition:transform var(--duration-transition) var(--motion-ease),border-color var(--duration-transition) var(--motion-standard),box-shadow var(--duration-transition) var(--motion-standard)}.project-card:hover,.project-card:focus-visible{border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-glass-border));box-shadow:var(--shadow-subtle);transform:translateY(-.25rem)}.project-card__tag,.project-card__title,.project-card__description,.project-card__result{margin:0}.project-card__tag{padding:.3rem .65rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent) 14%,transparent);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.project-card__title{margin-top:var(--space-block);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-title)}.project-card__description{margin-top:var(--space-tight);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.project-card__result{margin-top:var(--space-tight);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.project-card__icon-scene{position:absolute;right:var(--space-block);bottom:.7rem;display:block;width:min(7.5rem,35%);aspect-ratio:1.5;pointer-events:none;isolation:isolate}.project-card__icon-scene:before{position:absolute;top:14%;right:8%;bottom:8%;left:8%;z-index:-1;content:"";border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-accent) 20%,transparent),transparent 68%);filter:blur(.55rem);opacity:.72}.project-card__icon-scene:after{position:absolute;top:4%;left:-36%;z-index:2;width:24%;height:84%;content:"";border-radius:999px;background:linear-gradient(100deg,transparent,rgb(255 255 255 / .62),transparent);mix-blend-mode:screen;opacity:0;transform:skew(-18deg);animation:project-icon-glint 4.8s ease-in-out infinite}.project-card__icon{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 .34rem .34rem rgb(67 73 154 / .2)) saturate(1.16) contrast(1.04)}.project-card__icon path,.project-card__icon rect,.project-card__icon ellipse,.project-card__icon circle{vector-effect:non-scaling-stroke}.project-card__icon path:not([stroke]),.project-card__icon rect:not([stroke]),.project-card__icon ellipse:not([stroke]),.project-card__icon circle:not([stroke]){stroke:#fff3;stroke-width:.85;paint-order:stroke fill}.project-icon__float{transform-box:fill-box;transform-origin:center;animation:project-icon-float 3.8s cubic-bezier(.42,0,.22,1) infinite}.project-icon__front{transform-box:fill-box;transform-origin:center;animation:project-icon-front 3.8s ease-in-out infinite}.project-icon__shadow{transform-box:fill-box;transform-origin:center;animation:project-icon-shadow 3.8s ease-in-out infinite}.project-card:nth-child(2) .project-icon__float,.project-card:nth-child(2) .project-icon__front,.project-card:nth-child(2) .project-icon__shadow{animation-delay:-.95s}.project-card:nth-child(3) .project-icon__float,.project-card:nth-child(3) .project-icon__front,.project-card:nth-child(3) .project-icon__shadow{animation-delay:-1.9s}.project-card:nth-child(4) .project-icon__float,.project-card:nth-child(4) .project-icon__front,.project-card:nth-child(4) .project-icon__shadow{animation-delay:-2.85s}.project-card:nth-child(2) .project-card__icon-scene:after{animation-delay:-1.2s}.project-card:nth-child(3) .project-card__icon-scene:after{animation-delay:-2.4s}.project-card:nth-child(4) .project-card__icon-scene:after{animation-delay:-3.6s}@keyframes project-icon-float{0%,to{transform:translateY(4px) rotate(-1deg) scale(.97)}40%{transform:translateY(-5px) rotate(1.5deg) scale(1.03)}70%{transform:translateY(-1px) rotate(-.5deg) scale(1)}}@keyframes project-icon-front{0%,to{transform:translateY(1px) rotate(-1deg)}40%{transform:translateY(-5px) rotate(2deg)}70%{transform:translateY(-2px) rotate(0)}}@keyframes project-icon-shadow{0%,to{opacity:.24;transform:scaleX(1)}40%{opacity:.12;transform:scaleX(.76)}70%{opacity:.18;transform:scaleX(.87)}}@keyframes project-icon-glint{0%,18%{opacity:0;transform:translate(0) skew(-18deg)}32%{opacity:.72}54%,to{opacity:0;transform:translate(560%) skew(-18deg)}}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-block);margin-top:var(--space-section-content)}.skill-group,.experience-card{position:relative;overflow:hidden;isolation:isolate;transition:transform var(--duration-transition) var(--motion-ease),background var(--duration-transition) var(--motion-standard),border-color var(--duration-transition) var(--motion-standard),box-shadow var(--duration-transition) var(--motion-standard)}.skill-group:before,.experience-card:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;content:"";pointer-events:none;background:linear-gradient(110deg,transparent 43%,color-mix(in srgb,var(--color-accent) 12%,transparent) 47%,color-mix(in srgb,var(--color-bg) 62%,transparent) 50%,color-mix(in srgb,var(--color-entry-violet) 12%,transparent) 53%,transparent 57%);transform:translate(-120%)}.skill-group>*,.experience-card>*{position:relative;z-index:1}.skill-group:hover,.skill-group:focus-within,.experience-card:hover,.experience-card:focus-within{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-glass-border));box-shadow:var(--shadow-subtle);transform:translateY(-.25rem)}.skill-group:hover:before,.skill-group:focus-within:before,.experience-card:hover:before,.experience-card:focus-within:before{animation:card-light-sweep .75s var(--motion-ease) both}.js .skill-group.reveal-on-scroll.is-revealed{transition:transform var(--duration-transition) var(--motion-ease),background var(--duration-transition) var(--motion-standard),border-color var(--duration-transition) var(--motion-standard),box-shadow var(--duration-transition) var(--motion-standard)}.js .skill-group.reveal-on-scroll.is-revealed:hover,.js .skill-group.reveal-on-scroll.is-revealed:focus-within{transform:translateY(-.25rem)}.skill-group{padding:var(--space-block)}.skill-group__title,.skill-group__description{margin:0}.skill-group__title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.skill-group__description{margin-top:var(--space-tight);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.skill-cloud{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--space-block)}.skill-chip{padding:.45rem .7rem;border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.all-projects{isolation:isolate;padding-bottom:0}.all-projects:before{position:absolute;top:-16rem;right:-18%;bottom:-22rem;left:-18%;z-index:0;content:"";pointer-events:none;background:radial-gradient(ellipse 74% 48% at 50% 42%,color-mix(in srgb,var(--color-accent) 16%,transparent),color-mix(in srgb,var(--color-entry-violet) 12%,transparent) 48%,transparent 80%),radial-gradient(ellipse 92% 66% at 50% 72%,color-mix(in srgb,var(--color-entry-violet) 11%,transparent),transparent 78%);filter:blur(3.5rem)}.all-projects__stage{position:relative;min-height:59rem;margin-top:var(--space-section-content);overflow:hidden;perspective:100rem;isolation:isolate;touch-action:pan-y}.all-projects__glow{display:none}.all-projects__gallery{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;outline:none}.all-projects__card{position:absolute;top:5rem;left:50%;display:grid;width:clamp(10.5rem,20vw,17rem);aspect-ratio:4 / 3;padding:0;overflow:hidden;border:1px solid rgb(255 255 255 / .72);border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:0 1.1rem 2.5rem #40488b2e;color:var(--color-text);cursor:pointer;opacity:var(--gallery-opacity, 0);transform:translate3d(calc(-50% + var(--gallery-x, 0px)),var(--gallery-y, 0px),var(--gallery-z, 0px)) rotate(var(--gallery-rotate, 0deg)) rotateY(var(--gallery-tilt, 0deg)) scale(var(--gallery-scale, 1));transform-style:preserve-3d;transition:transform .65s var(--motion-ease),opacity .45s var(--motion-standard),filter .45s var(--motion-standard),box-shadow .45s var(--motion-standard);will-change:transform}.all-projects__card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s var(--motion-ease)}.all-projects__card:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(165deg,rgb(255 255 255 / .36),transparent 28%,transparent 64%,rgb(82 92 188 / .12));pointer-events:none}.all-projects__card:not(.is-visible){pointer-events:none}.all-projects__card.is-active{border-color:color-mix(in srgb,var(--color-accent) 64%,white);box-shadow:0 1.6rem 3.25rem #424fa747;filter:saturate(1.08)}.all-projects__card.is-active:hover img,.all-projects__card.is-active:focus-visible img{transform:scale(1.045)}.all-projects__caption{position:absolute;bottom:.65rem;left:50%;z-index:1;display:grid;width:min(16rem,calc(100% - 1.2rem));min-height:2.5rem;place-items:center;padding:.48rem .9rem;overflow:hidden;isolation:isolate;border:1px solid rgb(255 255 255 / .72);border-radius:999px;background:linear-gradient(110deg,#ffffff85,#e3f1ff47 52%,#cdd2ff5c);box-shadow:inset 0 1px #ffffffd1,inset 0 -1px 1px #6777ca1f,0 .38rem .9rem #4c5bb524;backdrop-filter:blur(.7rem) saturate(140%);-webkit-backdrop-filter:blur(.7rem) saturate(140%);line-height:1.2;opacity:0;transform:translate(-50%,.4rem) scale(var(--gallery-caption-scale, 1));transform-origin:center;transition:opacity var(--duration-transition) var(--motion-standard),transform var(--duration-transition) var(--motion-ease)}.all-projects__caption:before{position:absolute;top:1px;right:1px;bottom:48%;left:1px;z-index:0;border-radius:inherit;content:"";background:linear-gradient(105deg,#ffffff80,#ffffff0d 64%,#bcdeff33);pointer-events:none}.all-projects__caption strong{position:relative;z-index:1;overflow:hidden;max-width:100%;font-size:18px;font-weight:var(--font-weight-semibold);text-align:center;text-overflow:ellipsis;white-space:nowrap}.all-projects__card.is-active .all-projects__caption,.all-projects__card:focus-visible .all-projects__caption{opacity:1;transform:translate(-50%) scale(var(--gallery-caption-scale, 1))}.all-projects__character{position:absolute;bottom:-6rem;left:50%;z-index:0;display:block;width:min(27rem,40.5vw);max-height:40.5rem;object-fit:contain;object-position:bottom;pointer-events:none;transform:translate(-50%);filter:drop-shadow(0 1.3rem 1.45rem rgb(15 17 21 / .18))}.all-projects__controls{position:absolute;right:clamp(.75rem,2vw,2rem);bottom:1.35rem;z-index:4;display:flex;gap:.5rem}.all-projects__control{display:grid;width:2.75rem;aspect-ratio:1;place-items:center;padding:0;color:var(--color-text);cursor:pointer;font-size:1.65rem;line-height:1;transition:transform var(--duration-transition) var(--motion-ease),border-color var(--duration-transition) var(--motion-standard),background var(--duration-transition) var(--motion-standard)}.all-projects__control:hover{border-color:color-mix(in srgb,var(--color-accent) 62%,var(--color-glass-border));background:var(--glass-hover);transform:translateY(-.15rem)}.experience{position:relative;overflow:visible}.experience__layout{display:grid;grid-template-columns:minmax(13rem,19rem) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);margin-top:var(--space-section-content)}.experience__characters{position:sticky;top:12vh;width:min(100%,19rem);height:clamp(27rem,43vw,39rem);margin-inline:auto;isolation:isolate;pointer-events:none}.experience__characters:before{position:absolute;top:15%;right:-16%;bottom:0;left:-16%;z-index:-1;content:"";border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-accent) 21%,transparent),color-mix(in srgb,var(--color-entry-violet) 13%,transparent) 48%,transparent 72%);filter:blur(1.35rem)}.experience__character-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:0;filter:drop-shadow(0 1rem 1.15rem rgb(55 71 161 / .17));transform:translateY(.7rem) scale(.97);transition:opacity .38s var(--motion-standard),transform .5s var(--motion-ease)}.experience__character-image.is-active{opacity:1;transform:translateY(0) scale(1)}.timeline{display:block;min-width:0;margin:0;padding:0;list-style:none}.timeline__item{--experience-stack-scale: 1;--experience-stack-shift: 0px;--experience-stack-blur: 0px;position:sticky;top:calc(15vh + (var(--experience-stack-index) * 1.15rem));width:100%;margin:0;padding-bottom:clamp(5rem,9.5vh,7rem)}.timeline__item:nth-child(1){--experience-stack-index: 0;z-index:1}.timeline__item:nth-child(2){--experience-stack-index: 1;z-index:2}.timeline__item:nth-child(3){--experience-stack-index: 2;z-index:3;padding-bottom:clamp(5rem,12vh,9rem)}.timeline__item:before,.timeline__marker{display:none}.experience-card{padding:clamp(1.5rem,3.4vw,2.25rem);border-color:#ffffffb8;background:linear-gradient(135deg,#ffffffc7,#e7f4ff8a 52%,#e7e6ff9e);box-shadow:0 1.2rem 3rem #4a58aa29,inset 0 1px #fffc;filter:blur(var(--experience-stack-blur));transform:translateY(var(--experience-stack-shift)) scale(var(--experience-stack-scale));transform-origin:center top;transition:transform .24s var(--motion-ease),filter .24s var(--motion-standard),box-shadow .24s var(--motion-standard),border-color var(--duration-transition) var(--motion-standard),background var(--duration-transition) var(--motion-standard)}.timeline__item:nth-child(2) .experience-card{background:linear-gradient(135deg,#fffc,#ebf5ff80 48%,#e0e1ffa8)}.timeline__item:nth-child(3) .experience-card{background:linear-gradient(135deg,#fffc,#eff5ff8a 50%,#ebe5ffb3)}.experience-card:hover,.experience-card:focus-within{border-color:color-mix(in srgb,var(--color-accent) 48%,white);box-shadow:0 1.4rem 3.25rem #4a58aa38,inset 0 1px #ffffffdb;transform:translateY(calc(var(--experience-stack-shift) - .2rem)) scale(var(--experience-stack-scale))}.experience-card__time,.experience-card__title,.experience-card__projects,.experience-card__description{margin:0}.experience-card__time{color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.experience-card__title{margin-top:var(--space-tight);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-title)}.experience-card__projects{margin-top:var(--space-tight);color:var(--color-text-muted);font-size:var(--font-size-sm)}.experience-card__description{margin-top:var(--space-tight);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.contact__layout{display:grid;grid-template-columns:minmax(0,38rem) minmax(0,1fr);align-items:end;gap:var(--space-page);margin-top:calc(var(--space-section-content) - var(--space-tight) - 3rem);transform:translateY(-5rem)}.contact__details{margin-bottom:calc(var(--space-section) - var(--space-tight));padding:var(--space-block);border-left:3px solid color-mix(in srgb,var(--color-accent) 62%,transparent)}.contact__visual{display:grid;min-width:0;min-height:32rem;margin:0;place-items:end center}.contact__image{display:block;width:auto;max-width:100%;max-height:34rem;object-fit:contain}.contact__invitation{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.contact__list{display:grid;gap:var(--space-block);margin:var(--space-block) 0 0}.contact__item{display:grid;gap:.35rem}.contact__item dt{color:var(--color-text-muted);font-size:var(--font-size-sm)}.contact__item dd{margin:0;font-weight:var(--font-weight-semibold)}.contact__item a{text-decoration-color:var(--color-accent);text-underline-offset:.35rem}.contact__copy{border:1px solid var(--color-glass-border);background:var(--color-glass)}.contact__status{align-self:center;min-width:5.5rem;color:var(--color-accent);font-size:var(--font-size-sm)}.site-footer{margin-top:var(--space-section);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.project-dialog{width:min(26.25rem,100%);height:100dvh;max-width:none;max-height:none;margin:0 0 0 auto;padding:0;border:0;background:transparent;color:var(--color-text)}.project-dialog::backdrop{background:#0f11153d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-dialog__panel{position:relative;height:100%;overflow-y:auto;padding:5rem var(--space-block) var(--space-block);border-left:1px solid var(--color-glass-border);background:color-mix(in srgb,var(--color-bg) 90%,var(--color-bg-lavender-wash));box-shadow:-1rem 0 3rem #0f11151f;animation:dialog-enter var(--duration-transition) var(--motion-ease) both}.project-dialog__close{position:absolute;top:var(--space-block);right:var(--space-block);display:grid;width:2.5rem;aspect-ratio:1;place-items:center;border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);background:var(--color-glass);color:var(--color-text);cursor:pointer;font-size:var(--font-size-md)}.project-dialog__tag,.project-dialog__title,.project-dialog__status{margin:0}.project-dialog__tag{color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.project-dialog__title{margin-top:var(--space-tight);font-size:clamp(2rem,7vw,2.75rem);line-height:var(--line-height-title)}.project-dialog__status{margin-top:var(--space-tight);color:var(--color-text-muted);font-size:var(--font-size-sm)}.project-dialog__sections{display:grid;gap:var(--space-block);margin-top:2.5rem}.project-dialog__sections h3,.project-dialog__sections p{margin:0}.project-dialog__sections h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.project-dialog__sections p{margin-top:.4rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.dialog-open{overflow:hidden}.js .reveal-on-scroll{opacity:0;transform:translateY(1.25rem);transition:opacity var(--duration-reveal) var(--motion-ease),transform var(--duration-reveal) var(--motion-ease)}.js .reveal-on-scroll.is-revealed{opacity:1;transform:none}@keyframes hero-reveal{to{opacity:1;transform:translateY(0)}}@keyframes hero-float{0%,to{opacity:.96;transform:translateY(0)}50%{opacity:1;transform:translateY(-.5rem)}}@keyframes entry-nav-in{to{opacity:1;transform:translate(-50%)}}@keyframes entry-slide-in{to{opacity:1;transform:translateY(0)}}@keyframes entry-visual-in{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shooting-star{0%,78%,to{opacity:0;translate:-10vw -5vh}84%{opacity:.42}92%{opacity:0;translate:10vw 5vh}}@keyframes dialog-enter{0%{opacity:0;transform:translate(1.5rem)}to{opacity:1;transform:translate(0)}}@keyframes card-light-sweep{0%{opacity:0;transform:translate(-120%)}20%{opacity:1}to{opacity:0;transform:translate(120%)}}@media (min-width: 90rem){:root{--space-page: clamp(4vw, calc(64.3vw - 54.3rem) , 15rem)}}@media (max-width: 768px){.site-nav{width:calc(100% - 1.5rem);padding-left:.75rem}.site-nav__links{gap:0;overflow-x:auto}.site-nav__link{padding-inline:.5rem;white-space:nowrap}.site-nav__brand{font-size:var(--font-size-sm)}.hero{height:auto;min-height:100dvh;grid-template-columns:1fr;padding:6rem var(--space-page) var(--space-page)}.hero__visual{min-height:45dvh;height:auto}.hero__image{max-height:45dvh}.hero__content{padding-top:var(--space-block)}.hero__name{font-size:clamp(2.5rem,14vw,3.5rem)}.proof-strip{width:calc(100% - (var(--space-page) * 2))}.proof-strip span:not(:last-child):after{display:none}.projects__layout,.skills-grid{grid-template-columns:1fr}.projects__visual{min-height:26rem}.projects__character{height:26rem}.projects__grid{grid-template-columns:1fr}.project-card{min-height:15rem;padding-bottom:6.25rem}.project-card__icon-scene{width:min(7rem,38%)}.all-projects__stage{min-height:46rem;margin-inline:calc(var(--space-page) * -1)}.all-projects__card{top:4rem;width:clamp(8.5rem,42vw,11rem)}.all-projects__character{width:min(22.5rem,78vw);max-height:34.5rem;bottom:-3rem}.all-projects__controls{right:1rem;bottom:.85rem}.contact__layout{grid-template-columns:1fr;margin-top:0;transform:none}.contact__details{margin-bottom:0}.contact__visual{min-height:26rem}.contact__image{max-height:28rem}.experience__layout{display:block}.experience__characters{position:relative;top:auto;width:min(100%,14rem);height:17rem;margin:0 auto var(--space-block)}.experience__characters:before{top:18%;right:-10%;bottom:0;left:-10%}.experience__character-image{transform:translateY(.4rem) scale(.98)}.experience__character-image.is-active{transform:none}.timeline__item{top:calc(12vh + (var(--experience-stack-index) * .8rem));padding-bottom:clamp(4rem,8vh,5.5rem)}.timeline__item:nth-child(3){padding-bottom:clamp(4rem,9vh,6rem)}.experience-card{padding:1.5rem}.project-dialog{width:100%;height:min(82dvh,48rem);margin:auto 0 0}.project-dialog__panel{padding-top:4.5rem;border-top:1px solid var(--color-glass-border);border-left:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.contact__actions{align-items:flex-start}.contact__status{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal-on-scroll{opacity:1;transform:none}.section-decoration--shooting{display:none}.skill-group:before,.experience-card:before{display:none}.skill-group:hover,.skill-group:focus-within,.experience-card:hover,.experience-card:focus-within{transform:none}.experience-card{filter:none!important;transform:none!important;transition:none}.experience__character-image{filter:none;transform:none;transition:none}.experience__character-image:not(.is-active){opacity:0}.project-icon__float,.project-icon__front,.project-icon__shadow,.project-card__icon-scene:after{animation:none!important}.all-projects__card,.all-projects__card img,.all-projects__caption{transition:none}}@media (prefers-reduced-transparency: reduce){.glass{background:var(--color-bg);backdrop-filter:none;-webkit-backdrop-filter:none}.site-nav{border-color:color-mix(in srgb,var(--color-accent) 24%,white);background:#f7f9ff;box-shadow:0 .5rem 1.5rem #4c5bb51a}.site-nav:before,.site-nav:after{display:none}.site-nav__link:hover,.site-nav__link.is-active{border-color:transparent;background:#e5efff;box-shadow:none}.all-projects__caption{border-color:color-mix(in srgb,var(--color-accent) 32%,white);background:#f4f7ff;box-shadow:0 .5rem 1rem #4c5bb51f;backdrop-filter:none;-webkit-backdrop-filter:none}.all-projects__caption:before{display:none}}