@import"https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700&family=Sora:wght@400;500;600;700;800&display=swap";:root{--radius-lg: 18px;--radius-xl: 24px}:root,:root[data-theme=light]{--bg-gradient-top: #f7f3ec;--bg-gradient-bottom: #f2ece3;--bg-pattern-dot: rgba(93, 84, 75, .12);--bg-pattern-opacity: .14;--surface-1: rgba(255, 251, 245, .9);--surface-2: #fff9f0;--surface-3: #efe6d8;--surface-border: #ddd2c4;--surface-border-strong: #cbbcab;--text-primary: #2e2924;--text-muted: #5f554c;--text-soft: #7d7062;--accent: #5d544b;--accent-strong: #4e463e;--accent-secondary: #6b6158;--accent-light: rgba(93, 84, 75, .14);--accent-contrast: #fff9f1;--success: #6c7a63;--tone-primary-bg: rgba(93, 84, 75, .14);--tone-primary-border: rgba(93, 84, 75, .26);--tone-primary-text: #5d544b;--tone-neutral-bg: rgba(125, 112, 98, .14);--tone-neutral-border: rgba(125, 112, 98, .25);--tone-neutral-text: #6a5e52;--badge-bg: rgba(93, 84, 75, .14);--badge-border: rgba(93, 84, 75, .26);--badge-text: #5d544b;--divider-color: rgba(93, 84, 75, .22);--focus-outline: #5d544b;--focus-ring: 0 0 0 3px rgba(93, 84, 75, .2);--accent-outline: rgba(93, 84, 75, .2);--shadow-soft: 0 14px 34px rgba(74, 63, 53, .12);--shadow-floating: 0 10px 24px rgba(74, 63, 53, .15);--shadow-elevated: 0 20px 42px rgba(74, 63, 53, .18);--menu-toggle-bg: rgba(255, 249, 240, .96);--menu-panel-bg: rgba(255, 249, 240, .95);--menu-tooltip-bg: #fffaf2;--menu-link-hover-bg: rgba(93, 84, 75, .12);--menu-link-active-bg: rgba(93, 84, 75, .16);--menu-link-active-outline: inset 0 0 0 1px rgba(93, 84, 75, .28);--button-ghost-icon-bg: rgba(93, 84, 75, .14);--hero-ring-outer: rgba(93, 84, 75, .34);--hero-ring-inner: rgba(93, 84, 75, .2);--hero-portrait-bg: #e6ddd0;--image-stage-bg: #f2eade;--scrollbar-track: #e4d9cb;--scrollbar-thumb: #b7a898}:root[data-theme=dark]{--bg-gradient-top: #181513;--bg-gradient-bottom: #141110;--bg-pattern-dot: rgba(240, 228, 215, .14);--bg-pattern-opacity: .1;--surface-1: rgba(35, 31, 27, .9);--surface-2: #231f1b;--surface-3: #312a24;--surface-border: #4a433b;--surface-border-strong: #5a5148;--text-primary: #f0e8dd;--text-muted: #cdbeaf;--text-soft: #a89482;--accent: #b7a999;--accent-strong: #a18f7b;--accent-secondary: #c8baa8;--accent-light: rgba(183, 169, 153, .2);--accent-contrast: #1b1714;--success: #93a78a;--tone-primary-bg: rgba(183, 169, 153, .22);--tone-primary-border: rgba(183, 169, 153, .34);--tone-primary-text: #decfc0;--tone-neutral-bg: rgba(168, 148, 130, .22);--tone-neutral-border: rgba(168, 148, 130, .34);--tone-neutral-text: #ccb8a4;--badge-bg: rgba(183, 169, 153, .2);--badge-border: rgba(183, 169, 153, .34);--badge-text: #decebe;--divider-color: rgba(240, 228, 215, .2);--focus-outline: #b7a999;--focus-ring: 0 0 0 3px rgba(183, 169, 153, .3);--accent-outline: rgba(183, 169, 153, .24);--shadow-soft: 0 16px 38px rgba(0, 0, 0, .45);--shadow-floating: 0 12px 26px rgba(0, 0, 0, .42);--shadow-elevated: 0 22px 52px rgba(0, 0, 0, .52);--menu-toggle-bg: rgba(38, 33, 28, .96);--menu-panel-bg: rgba(38, 33, 28, .95);--menu-tooltip-bg: #2b2520;--menu-link-hover-bg: rgba(183, 169, 153, .18);--menu-link-active-bg: rgba(183, 169, 153, .22);--menu-link-active-outline: inset 0 0 0 1px rgba(183, 169, 153, .36);--button-ghost-icon-bg: rgba(240, 228, 215, .18);--hero-ring-outer: rgba(183, 169, 153, .4);--hero-ring-inner: rgba(183, 169, 153, .26);--hero-portrait-bg: #3c342d;--image-stage-bg: #2d2722;--scrollbar-track: #2c2621;--scrollbar-thumb: #776a5e}html{scroll-behavior:smooth;scroll-padding-top:1rem}html,body,#root{min-height:100%}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Sora,Segoe UI,sans-serif;color:var(--text-primary);line-height:1.66;overflow-x:hidden;background:linear-gradient(180deg,var(--bg-gradient-top) 0%,var(--bg-gradient-bottom) 100%);transition:background .35s ease,color .35s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(var(--bg-pattern-dot) .6px,transparent .6px);background-size:18px 18px;opacity:var(--bg-pattern-opacity);z-index:-1}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}button{border:0;background:transparent}:focus-visible{outline:2px solid var(--focus-outline);outline-offset:3px}.container{width:min(1180px,calc(100% - 2.6rem));margin-inline:auto}.page-section{min-height:100svh;display:flex;align-items:center;padding:clamp(4.8rem,8.4vh,6.4rem) 0;position:relative}.section-kicker{display:inline-flex;align-items:center;gap:.58rem;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-secondary);font-weight:700}.section-kicker:before{content:"";width:28px;height:1px;background:currentColor}.section-heading{margin-top:1rem;font-family:Lora,Times New Roman,serif;font-size:clamp(2rem,4.8vw,3.3rem);line-height:1.15;letter-spacing:-.01em}.section-copy{margin-top:1rem;max-width:64ch;color:var(--text-muted)}.glass-card{background:var(--surface-2);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}[data-animate],[data-stagger-item]{opacity:0;transform:translate3d(0,20px,0);transition:opacity .45s ease,transform .5s ease;will-change:transform,opacity}[data-stagger-item]{transition-delay:calc(var(--stagger-index, 0) * 70ms)}[data-animate].in-view,[data-stagger-item].in-view{opacity:1;transform:translateZ(0)}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{width:0;height:0;display:none}@media (max-width: 768px){.container{width:min(1180px,calc(100% - 1.3rem))}.page-section{align-items:flex-start;min-height:auto;padding:4.6rem 0}.section-heading{line-height:1.2}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-animate],[data-stagger-item]{opacity:1;transform:none}}.menu-cluster{display:grid;justify-items:center;gap:0}.menu-cluster-main{width:50px;display:grid;gap:.34rem;padding:.36rem;border-radius:32px;border:1px solid color-mix(in srgb,var(--surface-border-strong) 60%,var(--surface-border));background:color-mix(in srgb,var(--menu-panel-bg) 96%,transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-cluster-nav{display:grid;gap:.34rem}.menu-cluster-divider{width:18px;height:1px;background:color-mix(in srgb,var(--surface-border-strong) 62%,transparent);margin:.06rem auto .02rem}.menu-cluster-item{position:relative;width:100%;height:40px;border-radius:15px;border:1px solid transparent;background:transparent;color:var(--text-soft);display:grid;place-items:center;text-decoration:none;pointer-events:auto;transition:transform .22s ease,border-color .2s ease,color .2s ease,background-color .2s ease}.menu-cluster-item:hover,.menu-cluster-item:focus-visible{transform:translateY(-1px);color:var(--text-primary);background:color-mix(in srgb,var(--surface-1) 92%,transparent);border-color:color-mix(in srgb,var(--surface-border-strong) 64%,var(--surface-border))}.menu-cluster-item.is-active{color:var(--accent-strong);border-color:color-mix(in srgb,var(--surface-border-strong) 88%,var(--surface-border));background:color-mix(in srgb,var(--surface-3) 84%,var(--surface-1));box-shadow:0 1px color-mix(in srgb,var(--surface-1) 84%,transparent) inset}.menu-cluster-theme-toggle{height:40px;border-radius:15px;border-color:color-mix(in srgb,var(--surface-border-strong) 72%,var(--surface-border));background:color-mix(in srgb,var(--surface-1) 92%,transparent)}.menu-cluster-theme-toggle:hover,.menu-cluster-theme-toggle:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--surface-3) 72%,var(--surface-1))}.menu-cluster-item-icon{width:16px;height:16px;display:grid;place-items:center;line-height:0}.menu-cluster-item-icon svg{width:16px;height:16px;display:block}.menu-cluster-item-label{position:absolute;right:calc(100% + .5rem);padding:.32rem .5rem;border-radius:10px;border:1px solid var(--surface-border);background:var(--menu-tooltip-bg);color:var(--text-primary);font-size:.69rem;line-height:1;font-weight:600;letter-spacing:.02em;opacity:0;transform:translate(6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.menu-cluster-item:hover .menu-cluster-item-label,.menu-cluster-item:focus-visible .menu-cluster-item-label{opacity:1;transform:translate(0)}@media (max-width: 1080px){.menu-cluster{gap:0}.menu-cluster-main{width:50px;padding:.32rem;gap:.28rem;border-radius:28px}.menu-cluster-nav{gap:.28rem}.menu-cluster-item{height:38px;border-radius:14px}.menu-cluster-theme-toggle{height:38px}}@media (max-width: 768px){.menu-cluster-main{width:auto;display:flex;align-items:center;gap:.26rem;border-radius:999px;padding:.3rem .34rem;background:color-mix(in srgb,var(--menu-panel-bg) 94%,transparent);border-color:color-mix(in srgb,var(--surface-border-strong) 72%,var(--surface-border));box-shadow:var(--shadow-floating)}.menu-cluster-nav{display:flex;align-items:center;gap:.22rem}.menu-cluster-item{width:34px;height:34px;border-radius:999px}.menu-cluster-divider{width:1px;height:18px;margin:0 .08rem}.menu-cluster-theme-toggle{width:34px;height:34px}.menu-cluster-item-icon,.menu-cluster-item-icon svg{width:14px;height:14px}.menu-cluster-item-label{display:none}}@media (prefers-reduced-motion: reduce){.menu-cluster-item,.menu-cluster-item-label{transition:none}}.site-layout{position:relative}.site-layout main{position:relative;z-index:1}.page-section{border-top:1px solid var(--divider-color)}.page-section:first-child{border-top:0}.menu-lists{position:fixed;right:clamp(.75rem,2.1vw,2rem);top:50%;transform:translateY(-50%);z-index:64}@media (max-width: 1080px){.menu-lists{right:.75rem;top:50%;transform:translateY(-50%)}}@media (max-width: 768px){.menu-lists{right:auto;left:50%;top:auto;bottom:max(.6rem,env(safe-area-inset-bottom));transform:translate(-50%)}}#hero.page-section{min-height:100svh;padding:0;align-items:stretch}.hero-section{position:relative;width:100%;min-height:100svh;height:100svh;display:flex;align-items:center;padding:clamp(2.7rem,6vh,4.2rem) 0;overflow:clip;isolation:isolate;--hero-shift-a: 0px;--hero-shift-b: 0px}.hero-backdrop{position:absolute;top:-10%;right:-10%;bottom:-14%;left:-10%;pointer-events:none;z-index:0}.hero-orb{position:absolute;border-radius:50%}.hero-orb-left{width:min(640px,76vw);aspect-ratio:1;left:-16%;top:-14%;transform:translate3d(0,var(--hero-shift-a),0);background:radial-gradient(circle at 32% 34%,#ffffff8f,#fff0 60%),radial-gradient(circle at 58% 58%,var(--accent-light) 0%,rgba(255,255,255,0) 74%)}.hero-orb-right{width:min(560px,68vw);aspect-ratio:1;right:-12%;bottom:-18%;transform:translate3d(0,var(--hero-shift-b),0);background:radial-gradient(circle at 64% 40%,#ffffff80,#fff0 58%),radial-gradient(circle at 45% 55%,var(--tone-neutral-bg) 0%,rgba(255,255,255,0) 72%)}.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:clamp(2rem,4.7vw,4.9rem)}.hero-copy{max-width:720px}.hero-badge{display:inline-flex;align-items:center;min-height:32px;padding:.38rem .78rem;border-radius:999px;border:1px solid var(--surface-border-strong);background:var(--surface-1);color:var(--accent-secondary);font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700}.hero-name{margin-top:.9rem;font-family:Lora,Times New Roman,serif;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.1;letter-spacing:.01em;color:var(--text-primary);font-weight:600}.hero-title{margin-top:.45rem;font-family:Lora,Times New Roman,serif;font-size:clamp(2rem,4.3vw,3.8rem);line-height:1.06;letter-spacing:-.015em;text-wrap:balance;max-width:17ch}.hero-subtext{margin-top:.98rem;max-width:54ch;color:var(--text-muted);font-size:clamp(.95rem,1vw,1.02rem)}.hero-actions{margin-top:1.2rem;display:flex;align-items:center;flex-wrap:wrap;gap:.72rem}.hero-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.76rem 1.4rem;border-radius:999px;font-weight:650;transition:transform .2s ease,background-color .2s ease,color .2s ease}.hero-btn:hover{transform:translateY(-1px)}.hero-btn-primary{color:var(--accent-contrast);background:var(--accent)}.hero-btn-primary:hover{background:var(--accent-strong)}.hero-btn-secondary{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--surface-border-strong)}.hero-btn-secondary:hover{border-color:var(--accent)}.hero-pills{margin-top:.96rem;display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.hero-pill{display:inline-flex;align-items:center;min-height:28px;padding:.26rem .66rem;border-radius:999px;border:1px solid var(--surface-border);background:var(--surface-1);color:var(--text-soft);font-size:.71rem}.hero-visual{width:min(430px,84vw);justify-self:center;display:grid;justify-items:center;gap:.82rem}.hero-portrait-shell{width:min(390px,76vw);aspect-ratio:1 / 1;position:relative}.hero-portrait-halo{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;border-radius:50%;background:radial-gradient(circle at 40% 34%,color-mix(in srgb,var(--surface-2) 94%,white) 0%,transparent 64%);pointer-events:none}.hero-portrait-frame{position:absolute;top:11.5%;right:11.5%;bottom:11.5%;left:11.5%;border-radius:50%;overflow:hidden;border:1px solid var(--surface-border-strong);background:var(--hero-portrait-bg);box-shadow:var(--shadow-elevated)}.hero-rotating-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;pointer-events:none;animation:hero-ring-spin 24s linear infinite;z-index:2}.hero-rotating-ring text{fill:color-mix(in srgb,var(--text-soft) 84%,var(--text-muted));font-size:3.15px;letter-spacing:.38px;text-transform:uppercase;font-weight:620}.hero-portrait{width:100%;height:100%;object-fit:cover;object-position:center bottom}.hero-availability{width:max-content;max-width:100%;padding:.5rem .7rem;text-align:center;font-size:.79rem;font-weight:560;letter-spacing:.01em;color:var(--text-muted);white-space:nowrap}@media (max-width: 1080px){.hero-layout{grid-template-columns:1fr;justify-items:center;text-align:center;gap:1.8rem}.hero-title{max-width:18ch}.hero-subtext{margin-inline:auto}.hero-actions,.hero-pills{justify-content:center}.hero-visual{width:min(430px,94vw)}}@media (max-width: 768px){#hero.page-section{min-height:auto;padding:0}.hero-section{min-height:auto;height:auto;padding:4.9rem 0 3.9rem}.hero-title{font-size:clamp(2.1rem,10vw,3.4rem)}.hero-actions{width:100%;gap:.62rem}.hero-btn{width:100%;max-width:330px;min-height:48px}.hero-pills{width:100%;max-width:340px}.hero-pill{flex:1 1 calc(50% - .45rem);justify-content:center}.hero-visual{width:100%;max-width:330px}.hero-portrait-shell{width:100%;max-width:306px}.hero-rotating-ring text{font-size:3px;letter-spacing:.34px}.hero-availability{width:100%;max-width:300px;padding:.45rem .55rem;font-size:.75rem;white-space:normal}}@media (prefers-reduced-motion: reduce){.hero-section{--hero-shift-a: 0px;--hero-shift-b: 0px}.hero-orb-left,.hero-orb-right{transform:none}.hero-rotating-ring{animation:none}}@keyframes hero-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#about.page-section{min-height:100svh;height:100svh;padding:0;align-items:stretch}.about-section{width:100%;height:100%;display:flex;align-items:center;padding-block:clamp(1rem,2.2vh,1.8rem)}.about-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:clamp(1.2rem,3vw,3.6rem)}.about-primary{max-width:760px}.about-eyebrow{display:inline-flex;align-items:center;gap:.58rem;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-secondary);font-weight:700}.about-eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.about-title{margin-top:.84rem;max-width:10.5ch;text-wrap:balance;font-family:Lora,Times New Roman,serif;font-size:clamp(2.05rem,4.1vw,4rem);line-height:.98;letter-spacing:-.018em;color:var(--text-primary)}.about-support{margin-top:1rem;max-width:56ch;font-size:clamp(.98rem,1.1vw,1.16rem);line-height:1.6;color:var(--text-muted)}.about-secondary{width:100%;border-left:1px solid color-mix(in srgb,var(--surface-border) 78%,transparent);padding-left:clamp(.95rem,2.5vw,2rem);display:grid;gap:1.05rem}.about-story h3,.about-skills h4{font-family:Lora,Times New Roman,serif;font-size:clamp(1.14rem,1.6vw,1.34rem);line-height:1.22;color:var(--text-primary)}.about-story p{margin-top:.62rem;font-size:.95rem;line-height:1.6;color:var(--text-muted);max-width:48ch}.about-info-list{border-top:1px solid color-mix(in srgb,var(--surface-border) 82%,transparent);border-bottom:1px solid color-mix(in srgb,var(--surface-border) 82%,transparent)}.about-info-row{display:grid;gap:.2rem;padding:.8rem 0;border-top:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent)}.about-info-row:first-child{border-top:0}.about-info-row dt{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft);font-weight:700}.about-info-row dd{font-size:clamp(1.05rem,1.25vw,1.42rem);line-height:1.25;letter-spacing:-.01em;color:var(--text-primary);font-weight:600}.about-skill-list{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.5rem}.about-skill-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border-strong) 74%,var(--surface-border));color:var(--text-muted);background:color-mix(in srgb,var(--surface-1) 84%,transparent);font-size:.78rem;font-weight:600;line-height:1;padding:.46rem .8rem;transition:border-color .2s ease,color .2s ease,transform .2s ease}.about-skill-chip:hover{border-color:var(--accent);color:var(--text-primary);transform:translateY(-1px)}@media (max-width: 1080px){#about.page-section{min-height:auto;height:auto}.about-section{height:auto;padding-block:1.6rem}.about-layout{grid-template-columns:1fr;gap:1.45rem}.about-title{max-width:14ch}.about-secondary{border-left:0;border-top:1px solid color-mix(in srgb,var(--surface-border) 80%,transparent);padding-left:0;padding-top:1rem}}#projects.page-section{min-height:auto;height:auto;padding:0;align-items:stretch}.projects-narrative{width:100%;min-height:calc(100svh + var(--projects-scroll-span));position:relative;overflow:clip}.projects-narrative:before,.projects-narrative:after{content:"";position:absolute;border-radius:50%;filter:blur(68px);pointer-events:none;z-index:0;opacity:.45}.projects-narrative:before{width:clamp(260px,34vw,520px);aspect-ratio:1;top:-12%;left:-8%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 16%,transparent) 0%,transparent 76%)}.projects-narrative:after{width:clamp(220px,28vw,420px);aspect-ratio:1;right:-6%;bottom:-12%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent) 0%,transparent 76%)}.projects-sticky{position:sticky;top:0;height:100svh;display:flex;align-items:stretch;z-index:1}.projects-wrap{min-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(.88rem,2vh,1.3rem);padding-block:clamp(1.5rem,3.4vh,2.8rem)}.projects-header{max-width:760px}.projects-stage{min-height:0;display:grid;grid-template-columns:minmax(250px,.3fr) minmax(0,.7fr);gap:clamp(.85rem,1.8vw,1.3rem);align-items:start}.projects-navigator{padding:.22rem .14rem;display:flex;align-items:center;gap:.74rem;background:transparent;border:0;box-shadow:none;height:100%}.projects-navigator-direction{color:var(--text-soft);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.projects-navigator-direction:before{content:"↓";margin-right:.3rem}.projects-navigator-direction.is-up:before{content:"↑"}.projects-navigator-stack{position:relative;min-height:44px;overflow:hidden;padding-left:.04rem;width:100%}.projects-navigator-item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;opacity:0;transform:translate3d(16px,0,0);filter:blur(2px);transition:opacity .34s ease,transform .44s cubic-bezier(.22,.7,.2,1),filter .34s ease}.projects-navigator-item.is-active{opacity:1;transform:translateZ(0);filter:blur(0)}.projects-navigator-item.is-prev{transform:translate3d(-14px,0,0);opacity:0;filter:blur(1.5px)}.projects-navigator-item.is-next{transform:translate3d(14px,0,0);opacity:0;filter:blur(1.5px)}.projects-navigator-index{color:var(--text-soft);font-size:clamp(1.02rem,1.8vw,1.42rem);letter-spacing:.14em;text-transform:uppercase;font-weight:800;line-height:1.2}.projects-spotlight{min-height:0}.projects-card-stack{position:relative;min-height:clamp(360px,60svh,640px)}.projects-card{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:start;gap:.86rem;padding:clamp(1rem,2.2vw,1.3rem);opacity:0;transform:translate3d(0,24px,0) scale(.988);transition:opacity .36s ease,transform .42s cubic-bezier(.2,.75,.2,1);pointer-events:none}.projects-card.is-active{opacity:1;transform:translateZ(0) scale(1);pointer-events:auto}.projects-card.is-prev{opacity:0;transform:translate3d(0,-16px,0) scale(.98)}.projects-card.is-next{opacity:0;transform:translate3d(0,16px,0) scale(.98)}.projects-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.projects-card-identity{display:flex;align-items:center;flex-wrap:wrap;gap:.48rem}.projects-card-index{color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.projects-card-category{border-radius:999px;border:1px solid var(--surface-border-strong);background:var(--surface-1);color:var(--text-soft);font-size:.71rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.29rem .64rem}.projects-card-private{border-radius:999px;border:1px solid var(--surface-border-strong);background:color-mix(in srgb,var(--surface-1) 84%,transparent);color:var(--text-muted);font-size:.69rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .62rem;white-space:nowrap}.projects-card h3{font-family:Lora,Times New Roman,serif;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.2;letter-spacing:-.012em;color:var(--text-primary);max-width:24ch}.projects-card-summary{color:var(--text-muted);font-size:clamp(.95rem,1.04vw,1.06rem);line-height:1.62;max-width:58ch}.projects-card-role{display:inline-flex;align-items:center;gap:.46rem;width:fit-content;border-radius:999px;border:1px solid var(--surface-border);background:var(--surface-1);color:var(--text-soft);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .58rem}.projects-card-role strong{color:var(--text-primary);font-size:.74rem;letter-spacing:.04em}.projects-card-tech{display:flex;flex-wrap:wrap;gap:.46rem}.projects-card-tech span{border-radius:999px;border:1px solid var(--surface-border);background:var(--surface-1);color:var(--text-soft);font-size:.72rem;font-weight:600;line-height:1;padding:.36rem .66rem}.projects-card-features{border-top:1px solid color-mix(in srgb,var(--surface-border) 80%,transparent);padding-top:.74rem}.projects-card-features h4{font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;color:var(--text-soft)}.projects-card-features ul{margin-top:.52rem;display:grid;gap:.44rem;padding-left:1.1rem}.projects-card-features li{color:var(--text-muted);font-size:.9rem;line-height:1.53}.projects-private-note{margin-top:auto;color:var(--text-soft);font-size:.78rem;line-height:1.5}.projects-mobile-list{display:grid;gap:.95rem}.projects-mobile-list .projects-card{position:static;inset:auto;opacity:1;transform:none;pointer-events:auto}@media (max-width: 980px){#projects.page-section{min-height:auto;height:auto}.projects-narrative{min-height:auto}.projects-sticky{position:static;height:auto}.projects-wrap{padding-block:1.55rem}}.cert-showcase{display:flex;flex-direction:column;gap:1.1rem}.cert-showcase-header{max-width:760px}.cert-showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.8rem}.cert-chip-group{display:flex;flex-wrap:wrap;gap:.45rem}.cert-chip{border-radius:999px;border:1px solid var(--surface-border-strong);background:var(--surface-2);color:var(--text-muted);padding:.38rem .8rem;font-size:.76rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cert-chip:hover{color:var(--text-primary);border-color:var(--accent)}.cert-chip.is-active{color:var(--accent-contrast);border-color:var(--accent);background:var(--accent)}.cert-page-controller{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-soft);font-size:.8rem;white-space:nowrap}.cert-page-controller button{border-radius:999px;border:1px solid var(--surface-border-strong);background:var(--surface-2);color:var(--text-primary);padding:.34rem .78rem;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cert-page-controller button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.cert-page-controller button:disabled{opacity:.45;cursor:not-allowed}.cert-showcase-main{display:grid;grid-template-columns:1.15fr .85fr;gap:.95rem}.cert-preview{overflow:hidden;display:flex;flex-direction:column}.cert-preview-media{position:relative;min-height:320px;border-bottom:1px solid var(--surface-border);background:var(--image-stage-bg)}.cert-preview-media img{width:100%;height:100%;object-fit:contain;padding:.5rem}.cert-preview-media span{position:absolute;top:.72rem;right:.72rem;border-radius:999px;border:1px solid var(--surface-border-strong);background:var(--surface-2);color:var(--accent);font-size:.73rem;font-weight:700;padding:.32rem .62rem}.cert-preview-content{padding:.95rem 1rem 1.05rem}.cert-preview-content p{color:var(--accent);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.cert-preview-content h3{margin-top:.35rem;font-family:Lora,Times New Roman,serif;font-size:clamp(1.08rem,2.1vw,1.5rem);line-height:1.34}.cert-preview-content small{display:block;margin-top:.54rem;color:var(--text-soft);font-size:.82rem;line-height:1.5}.cert-empty-state{padding:1.15rem;color:var(--text-soft)}.cert-navigator{padding:.95rem;display:flex;flex-direction:column;min-height:0}.cert-navigator h3{font-family:Lora,Times New Roman,serif;font-size:1.12rem}.cert-navigator>p{margin-top:.3rem;color:var(--text-soft);font-size:.8rem}.cert-navigator-list{margin-top:.82rem;display:flex;flex-direction:column;gap:.52rem;overflow:auto;max-height:455px;padding-right:.2rem}.cert-mini-card{text-align:left;border-radius:14px;border:1px solid var(--surface-border);background:var(--surface-2);padding:.44rem;display:grid;grid-template-columns:92px 1fr;gap:.62rem;cursor:pointer;transition:all .2s ease}.cert-mini-card:hover{transform:translateY(-2px);border-color:var(--surface-border-strong)}.cert-mini-card.is-active{border-color:var(--accent)}.cert-mini-card img{width:100%;height:64px;object-fit:cover;border-radius:9px;border:1px solid var(--surface-border)}.cert-mini-card h4{font-size:.88rem;line-height:1.3;font-weight:700;color:var(--text-primary)}.cert-mini-card span{display:block;margin-top:.34rem;color:var(--text-soft);font-size:.77rem}@media (max-width: 1080px){.cert-showcase-main{grid-template-columns:1fr}.cert-preview-media{min-height:280px}.cert-navigator-list{max-height:300px}}@media (max-width: 720px){.cert-showcase-toolbar{flex-direction:column;align-items:flex-start}.cert-chip-group{width:100%}.cert-page-controller{width:100%;justify-content:space-between}.cert-mini-card{grid-template-columns:78px 1fr}.cert-mini-card img{height:58px}}.contact-wrap{display:flex;flex-direction:column;gap:1.5rem}.contact-header{max-width:760px}.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:1rem}.contact-info,.contact-form-box{padding:clamp(1.1rem,2.8vw,1.8rem)}.contact-info h3,.contact-form-box h3{font-family:Lora,Times New Roman,serif;font-size:1.24rem}.contact-details{list-style:none;margin-top:1.1rem;display:grid;gap:.7rem}.contact-details li{padding:.7rem .8rem;border-radius:12px;border:1px solid var(--surface-border);background:var(--surface-2)}.contact-details li span{color:var(--text-soft);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.contact-details li p{margin-top:.24rem;color:var(--text-primary)}.contact-socials{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.62rem}.contact-social-link{display:inline-flex;align-items:center;gap:.44rem;border-radius:999px;border:1px solid var(--surface-border);background:var(--surface-2);color:var(--text-primary);font-size:.8rem;text-transform:capitalize;padding:.45rem .75rem;transition:all .2s ease}.contact-social-link:hover{color:var(--accent);border-color:var(--accent)}.contact-form{margin-top:1rem;display:grid;gap:.85rem}.contact-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.contact-form label{color:var(--text-soft);font-size:.77rem;display:grid;gap:.42rem;text-transform:uppercase;letter-spacing:.08em}.contact-form input,.contact-form textarea{border:1px solid var(--surface-border-strong);background:var(--surface-2);color:var(--text-primary);border-radius:14px;padding:.72rem .88rem;outline:0;transition:border-color .2s ease,box-shadow .2s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.contact-form textarea{min-height:140px;resize:vertical}.contact-submit-btn{margin-top:.2rem;width:fit-content;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-weight:700;display:inline-flex;align-items:center;gap:.5rem;padding:.68rem 1.18rem;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.contact-submit-btn:hover{transform:translateY(-1px);background:var(--accent-strong)}@media (max-width: 940px){.contact-grid{grid-template-columns:1fr}}@media (max-width: 640px){.contact-row{grid-template-columns:1fr}.contact-submit-btn{width:100%;justify-content:center}}#experience.page-section{min-height:auto;height:auto;padding:0;align-items:stretch}.timeline-section{--timeline-progress: 0;--timeline-atmosphere-1: color-mix(in srgb, var(--accent) 16%, transparent);--timeline-atmosphere-2: color-mix(in srgb, var(--accent) 10%, transparent);width:100%;min-height:calc(100svh + var(--timeline-scroll-span));position:relative;overflow:clip}.timeline-section:before,.timeline-section:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0;opacity:.6}.timeline-section:before{width:clamp(260px,38vw,520px);aspect-ratio:1;top:-12%;left:-8%;background:radial-gradient(circle,var(--timeline-atmosphere-1) 0%,transparent 72%);animation:timelineAtmosphereFloat 14s ease-in-out infinite}.timeline-section:after{width:clamp(220px,30vw,440px);aspect-ratio:1;right:-7%;bottom:-14%;background:radial-gradient(circle,var(--timeline-atmosphere-2) 0%,transparent 74%);animation:timelineAtmosphereFloat 18s ease-in-out infinite reverse}.timeline-sticky{position:sticky;top:0;height:100svh;display:flex;align-items:stretch;overflow:hidden;z-index:1}.timeline-shell{min-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(.9rem,2.3vh,1.4rem);padding-block:clamp(1rem,2.7vh,2.1rem)}.timeline-header{max-width:74ch;display:grid;gap:.56rem}.timeline-eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-secondary);font-weight:700}.timeline-eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.timeline-title{max-width:17ch;text-wrap:balance;font-family:Lora,Times New Roman,serif;font-size:clamp(1.58rem,3.05vw,2.55rem);line-height:1.06;letter-spacing:-.013em;color:var(--text-primary)}.timeline-copy{max-width:72ch;color:var(--text-muted);font-size:.92rem;line-height:1.58}.timeline-stage{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.95rem;min-height:0}.timeline-viewport{position:relative;width:100%;min-height:clamp(400px,62svh,680px);height:100%;overflow:hidden;padding-block:clamp(.95rem,2.2vh,1.2rem)}.timeline-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:0;width:100%;height:100%;will-change:transform;transition:transform .46s cubic-bezier(.23,.72,.22,1)}.timeline-panel{width:100%;min-height:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(1rem,4vw,4rem);align-items:stretch;padding-block:clamp(.4rem,1vh,.8rem);opacity:.42;transform:translateY(26px);filter:saturate(80%);transition:opacity .34s ease,transform .38s ease,filter .34s ease;background:transparent;border:0;box-shadow:none}.timeline-panel.is-active{opacity:1;transform:translateY(0);filter:saturate(100%)}.timeline-panel.is-past{opacity:.66;transform:translateY(12px)}.timeline-panel.is-future{opacity:.36;transform:translateY(32px)}.timeline-panel-main{display:grid;align-content:center;grid-auto-rows:max-content;gap:0;min-height:100%;padding-left:clamp(.75rem,1.8vw,1.3rem);padding-right:clamp(.2rem,2vw,1rem)}.timeline-panel-period{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;border:0;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text-muted);font-size:.71rem;letter-spacing:.11em;text-transform:uppercase;font-weight:700;line-height:1;padding:.42rem .72rem}.timeline-panel-role{margin-top:clamp(.95rem,2vh,1.2rem);display:flex;align-items:center;gap:.8rem}.timeline-logo{width:48px;height:48px;object-fit:cover;border-radius:999px;border:0;flex-shrink:0;background:color-mix(in srgb,var(--surface-1) 74%,transparent)}.timeline-panel-role h3{position:relative;display:inline-block;font-family:Lora,Times New Roman,serif;font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.06;color:var(--text-primary);letter-spacing:-.012em;text-wrap:balance;padding-bottom:.22rem}.timeline-panel-role h3:after{content:"";position:absolute;left:0;bottom:0;width:clamp(72px,13vw,156px);height:2px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 72%,transparent),color-mix(in srgb,var(--accent) 22%,transparent));opacity:.4;transform:scaleX(.35);transform-origin:left;transition:transform .34s ease,opacity .34s ease}.timeline-panel.is-active .timeline-panel-role h3:after{opacity:.85;transform:scaleX(1)}.timeline-panel-role p{margin-top:.28rem;color:var(--text-soft);font-size:clamp(.84rem,1.1vw,.96rem);line-height:1.4}.timeline-panel-description{margin-top:clamp(.95rem,2.1vh,1.35rem);color:var(--text-muted);font-size:clamp(1rem,1.28vw,1.22rem);line-height:1.66;max-width:58ch}.timeline-panel-aside{position:relative;min-height:100%;display:grid;align-content:center;grid-auto-rows:max-content;gap:clamp(1.1rem,2.3vh,1.5rem);border-left:0;padding-left:clamp(.9rem,2.4vw,2.1rem);padding-block:clamp(.7rem,1.5vh,1.1rem);background:transparent;border-radius:0 20px 20px 0}.timeline-panel-year{font-family:Lora,Times New Roman,serif;font-size:clamp(4rem,11vw,8.8rem);line-height:.86;letter-spacing:-.03em;color:transparent;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 48%,transparent),color-mix(in srgb,var(--accent) 20%,transparent));-webkit-background-clip:text;background-clip:text;text-shadow:0 0 18px color-mix(in srgb,var(--accent) 12%,transparent);-webkit-user-select:none;user-select:none;transition:transform .35s ease,text-shadow .35s ease}.timeline-panel.is-active .timeline-panel-year{transform:translateY(-2px);text-shadow:0 0 24px color-mix(in srgb,var(--accent) 22%,transparent)}.timeline-panel-skills{display:flex;flex-wrap:wrap;gap:.5rem;max-width:26rem}.timeline-panel-skills span{border-radius:999px;border:0;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text-soft);font-size:.75rem;font-weight:600;line-height:1;padding:.38rem .68rem;transition:background-color .2s ease,color .2s ease,transform .2s ease}.timeline-panel-skills span:hover{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text-primary);transform:translateY(-1px)}.timeline-navigation{border-top:0;padding-top:.58rem;display:grid;gap:.6rem}.timeline-navigation-top{display:flex;align-items:baseline;justify-content:space-between;gap:.9rem}.timeline-direction{color:var(--text-soft);font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;font-weight:700}.timeline-direction:before{content:"↓";margin-right:.34rem}.timeline-direction.is-up:before{content:"↑"}.timeline-active-label{color:var(--text-muted);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.timeline-steps{list-style:none;display:grid;grid-template-columns:repeat(var(--timeline-steps-count),minmax(0,1fr));gap:.62rem;padding-top:.1rem}.timeline-step{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.55rem;row-gap:.14rem;min-width:0;border-radius:14px;padding:.52rem .6rem;background:color-mix(in srgb,var(--surface-1) 26%,transparent);opacity:.62;transform:translateY(6px);transition:opacity .26s ease,transform .26s ease,background-color .26s ease}.timeline-step-dot{width:8px;height:8px;border-radius:50%;border:0;background:color-mix(in srgb,var(--text-soft) 55%,transparent);transition:background-color .24s ease,transform .24s ease}.timeline-step-label{color:var(--text-primary);font-size:.78rem;line-height:1.32}.timeline-step-role{grid-column:2;color:var(--text-soft);font-size:.65rem;line-height:1.3;letter-spacing:.03em;text-transform:uppercase}.timeline-step.is-active .timeline-step-dot{background:color-mix(in srgb,var(--accent) 88%,transparent);transform:scale(1.26)}.timeline-step.is-active .timeline-step-role{color:var(--text-muted)}.timeline-step.is-active{opacity:1;transform:translateY(0);background:color-mix(in srgb,var(--accent) 18%,transparent)}.timeline-step.is-past .timeline-step-dot{background:color-mix(in srgb,var(--accent) 52%,transparent)}.timeline-step.is-past{opacity:.86;transform:translateY(0);background:color-mix(in srgb,var(--accent) 10%,transparent)}@keyframes timelineAtmosphereFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,12px,0) scale(1.06)}}@media (max-width: 1080px){#experience.page-section{min-height:auto;height:auto}.timeline-section{min-height:auto}.timeline-sticky{position:static;height:auto;overflow:visible}.timeline-shell{padding-block:1.5rem}.timeline-stage{grid-template-rows:auto auto;gap:.9rem}.timeline-viewport{min-height:auto;height:auto;border-bottom:0}.timeline-track{display:grid;grid-auto-flow:row;grid-auto-columns:unset;transform:none!important;gap:1rem}.timeline-panel,.timeline-panel.is-future,.timeline-panel.is-past,.timeline-panel.is-active{min-height:auto;opacity:1;transform:none;filter:none;grid-template-columns:1fr;gap:1rem}.timeline-panel-main{padding-left:0;padding-right:0}.timeline-panel-aside{border-left:0;border-top:0;padding-left:0;padding-top:.9rem;gap:.9rem;border-radius:0;background:none}.timeline-panel-year{font-size:clamp(2.4rem,18vw,4.8rem)}.timeline-navigation-top{flex-direction:column;align-items:flex-start;gap:.35rem}.timeline-steps{grid-template-columns:1fr;gap:.62rem;padding-top:.1rem}.timeline-step{column-gap:.58rem;padding:.55rem .62rem}.timeline-step-label{font-size:.76rem}.timeline-step-role{font-size:.66rem}}@media (prefers-reduced-motion: reduce){.timeline-section:before,.timeline-section:after,.timeline-track,.timeline-panel,.timeline-step-dot,.timeline-step-label,.timeline-step-role,.timeline-panel-role h3:after,.timeline-panel-skills span{animation:none;transition:none}.timeline-panel,.timeline-panel.is-future,.timeline-panel.is-past,.timeline-panel.is-active{opacity:1;transform:none;filter:none}}