.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:var(--space-6) var(--space-8);transition:all var(--transition-medium)}.navbar--scrolled{background:#f8f6f1b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-8);box-shadow:var(--shadow-sm)}.navbar__inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em;color:var(--color-text);transition:color var(--transition-fast)}.navbar__logo-dot,.navbar__logo:hover{color:var(--color-accent)}.navbar__links{display:flex;gap:var(--space-8);align-items:center}.navbar__resume-btn{display:inline-flex;align-items:center;justify-content:center;padding:.58rem 1rem;border-radius:var(--radius-full);border:1px solid rgba(var(--color-accent-secondary-rgb),.44);background:linear-gradient(135deg,#d7b26d 0%,var(--color-accent-secondary) 54%,#b88f4a 100%);color:#2e281f;font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;letter-spacing:.02em;appearance:none;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast);box-shadow:var(--shadow-glow-secondary)}.navbar__resume-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.navbar__link{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);letter-spacing:.02em;transition:color var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.navbar__link-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-secondary);opacity:0;transform:translate(-8px);transition:all var(--transition-fast)}.navbar__link:hover{color:var(--color-accent-secondary)}.navbar__link:hover .navbar__link-num{opacity:1;transform:translate(0)}.navbar__burger{display:none;flex-direction:column;gap:6px;padding:4px;z-index:1001}.navbar__burger span{display:block;width:24px;height:2px;background:var(--color-text);transition:all var(--transition-fast);transform-origin:center}.navbar__burger--open span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.navbar__burger--open span:nth-child(2){opacity:0}.navbar__burger--open span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.navbar__mobile{position:fixed;top:0;left:0;width:100%;height:100vh;background:#f8f6f1d6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-8);z-index:999}.navbar__mobile-link{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--color-text);letter-spacing:-.02em;display:flex;align-items:center;gap:var(--space-4);transition:color var(--transition-fast)}.navbar__mobile-link:hover{color:var(--color-accent-secondary)}.navbar__mobile-link .navbar__link-num{opacity:1;transform:none;font-size:var(--text-sm)}.navbar__mobile-resume-btn{margin-top:var(--space-2);padding:.78rem 1.35rem;border-radius:var(--radius-full);border:1px solid rgba(var(--color-accent-secondary-rgb),.44);background:linear-gradient(135deg,#d7b26d 0%,var(--color-accent-secondary) 54%,#b88f4a 100%);color:#2e281f;font-family:var(--font-body);font-size:var(--text-base);font-weight:700;letter-spacing:.02em;appearance:none;cursor:pointer;box-shadow:var(--shadow-glow-secondary)}@media(max-width:768px){.navbar__links{display:none}.navbar__burger{display:flex}}.pdf-modal__overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#14120e75;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.pdf-modal__surface{width:min(96vw,1080px);height:min(92vh,920px);display:grid;grid-template-rows:auto 1fr;gap:var(--space-3);padding:var(--space-4);border-radius:calc(var(--radius-lg) + 6px);border:1px solid rgba(var(--color-accent-secondary-rgb),.28);background:linear-gradient(150deg,#ffffffe6,#ffffffd1 55%,rgba(var(--color-accent-secondary-rgb),.08));box-shadow:var(--shadow-lg),0 0 54px rgba(var(--color-accent-secondary-rgb),.18);overflow:hidden}.pdf-modal__header{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) var(--space-2) var(--space-3);border-bottom:1px solid rgba(var(--color-accent-secondary-rgb),.2)}.pdf-modal__eyebrow{margin:0;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-secondary)}.pdf-modal__title{margin:0;font-family:var(--font-display);font-size:clamp(1rem,2.4vw,1.35rem);line-height:1.05;color:var(--color-text)}.pdf-modal__header-actions{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.pdf-modal__action,.pdf-modal__close{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:.42rem .74rem;border-radius:var(--radius-full);border:1px solid rgba(var(--color-accent-secondary-rgb),.28);background:#ffffffdb;color:var(--color-text-secondary);font-size:.72rem;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.pdf-modal__action:hover,.pdf-modal__close:hover{transform:translateY(-1px);border-color:rgba(var(--color-accent-secondary-rgb),.56);color:var(--color-text)}.pdf-modal__frame{position:relative;border-radius:calc(var(--radius-lg) - 2px);padding:clamp(10px,1.6vw,16px);background:radial-gradient(circle at 14% 10%,rgba(var(--color-accent-secondary-rgb),.12),transparent 44%),radial-gradient(circle at 86% 92%,rgba(var(--color-accent-rgb),.12),transparent 44%),#ffffffb8;border:1px solid rgba(var(--color-accent-secondary-rgb),.2);box-shadow:inset 0 1px #ffffff9e,var(--shadow-md);overflow:hidden}.pdf-modal__doc{width:100%;height:100%;border:0;border-radius:calc(var(--radius-lg) - 10px);background:#fff}@media(max-width:768px){.pdf-modal__overlay{padding:var(--space-2)}.pdf-modal__surface{width:96vw;height:min(90vh,780px);padding:var(--space-3);gap:var(--space-2)}.pdf-modal__header{padding:0 0 var(--space-2);gap:var(--space-2)}.pdf-modal__eyebrow{font-size:.6rem}.pdf-modal__title{font-size:.98rem;width:100%}.pdf-modal__header-actions{width:100%;justify-content:flex-end;margin-left:0}.pdf-modal__action,.pdf-modal__close{min-height:30px;padding:.34rem .58rem;font-size:.66rem}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--color-bg)}.hero__canvas{position:absolute;top:0;right:0;width:100%;height:100%;transform:translate(10%);z-index:1;cursor:grab;opacity:.72}.hero__canvas:active{cursor:grabbing}.hero__canvas:before{content:"";position:absolute;inset:14% 10% 16% 24%;border-radius:44% 56% 48% 52%;background:radial-gradient(circle at 35% 35%,rgba(var(--color-accent-secondary-rgb),.12),transparent 62%),radial-gradient(circle at 70% 62%,rgba(var(--color-accent-rgb),.12),transparent 65%);filter:blur(10px);pointer-events:none}.hero-scene-container{width:100%;height:100%}.hero-scene-container canvas{filter:drop-shadow(0 16px 30px rgba(var(--color-accent-rgb),.14))}.hero__content{position:relative;z-index:3;pointer-events:none;padding-top:120px;padding-bottom:80px}.hero__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.hero__tag{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-secondary);letter-spacing:.05em}.hero__tag-divider{color:var(--color-text-muted);font-size:var(--text-lg);font-family:var(--font-display)}.hero__name{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,8rem);font-weight:800;line-height:.92;color:var(--color-text);letter-spacing:-.04em;margin-bottom:var(--space-8)}.hero__name-accent{color:var(--color-accent)}.hero__desc{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;max-width:520px;margin-bottom:var(--space-12)}.hero__actions{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap;pointer-events:auto}.hero__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;border-radius:var(--radius-full);transition:all var(--transition-medium)}.hero__btn--white{background:#fff;color:var(--color-text);border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm)}.hero__btn--white:hover{border-color:var(--color-text);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero__btn--icon{position:relative;width:52px;height:52px;padding:0;gap:0;justify-content:center;overflow:visible;transition:all var(--transition-fast)}.hero__btn--icon:hover{background:var(--color-accent-secondary);border-color:var(--color-accent-secondary);color:#fff;transform:translateY(-4px);box-shadow:var(--shadow-glow-secondary)}.hero__btn--accent{background:var(--color-accent);color:#fff}.hero__btn--accent:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow-accent);transform:translateY(-2px)}.hero__btn svg{transition:transform var(--transition-fast);flex-shrink:0}.hero__btn:hover svg{transform:scale(1.1)}.hero__btn--icon:hover svg{transform:none}.hero__btn-tooltip{position:absolute;bottom:-28px;left:50%;transform:translate(-50%) translateY(4px);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast)}.hero__btn--icon:hover .hero__btn-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.hero__scroll{position:absolute;bottom:40px;right:40px;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);z-index:3}.hero__scroll span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.15em;writing-mode:vertical-rl}.hero__scroll-line{width:1px;height:60px;background:var(--color-border);position:relative;overflow:hidden}.hero__scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--color-accent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%{top:-100%}50%{top:100%}to{top:100%}}@media(max-width:768px){.hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;padding-top:60px;padding-bottom:var(--space-8)}.hero__canvas{width:100%;opacity:.45;left:0;right:0;transform:none}.hero__canvas:before{inset:18% 12% 16%;filter:blur(10px)}.hero__content{padding-top:var(--space-6);padding-bottom:60px}.hero__meta{flex-wrap:nowrap;gap:.3rem;margin-bottom:var(--space-4);white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;padding-bottom:2px}.hero__meta::-webkit-scrollbar{display:none}.hero__tag{font-size:.68rem;letter-spacing:.035em;flex-shrink:0}.hero__tag-divider{font-size:.92rem;flex-shrink:0}.hero__name{font-size:clamp(2.2rem,11vw,4rem);margin-bottom:var(--space-6);word-break:break-word;overflow-wrap:break-word}.hero__desc{font-size:var(--text-base);max-width:100%;margin-bottom:var(--space-8)}.hero__actions{gap:var(--space-3)}.hero__btn{padding:var(--space-3) var(--space-6);font-size:var(--text-xs)}.hero__btn--icon{width:44px;height:44px;padding:0}.hero__scroll{display:none}}.about{position:relative;background:var(--color-bg);overflow:hidden}.about .container{position:relative;z-index:1}.about__ornament{position:absolute;inset:0;opacity:.22;pointer-events:none;z-index:0}.about__ornament canvas{width:100%!important;height:100%!important}.about .section-label,.about__grid,.about__skills{position:relative;z-index:1}.about__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-16);align-items:stretch;margin-bottom:var(--space-16)}.about__image-col{height:100%;display:flex;min-height:0;padding:var(--space-4) 0}.about__image-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;flex:1;width:100%;height:100%;min-height:0;box-shadow:var(--shadow-lg)}.about__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform var(--transition-medium)}.about__image-wrap:hover .about__image{transform:scale(1.03)}.about__content{display:flex;flex-direction:column;gap:var(--space-6);min-height:0;padding:var(--space-4) 0}.about__bio-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--glass-shadow)}.about__bio{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-4)}.about__bio:last-child{margin-bottom:0}.about__bio em{color:var(--color-accent);font-style:normal;font-weight:600}.about__bio strong{color:var(--color-text);font-weight:600}.about__edu{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--glass-shadow)}.about__subtitle{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:var(--space-4)}.about__edu-item{padding:var(--space-3) 0;border-bottom:1px solid rgba(255,255,255,.3)}.about__edu-item:last-child{border-bottom:none;padding-bottom:0}.about__edu-degree{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.about__edu-meta{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-secondary)}.about__edu-year{font-family:var(--font-mono);color:var(--color-text-muted)}.about__skills{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-6) 0}.about__marquee{position:relative;overflow:hidden;contain:layout paint}.about__marquee:before,.about__marquee:after{content:"";position:absolute;top:0;bottom:0;width:64px;pointer-events:none;z-index:2}.about__marquee:before{left:0;background:linear-gradient(90deg,var(--color-bg),rgba(244,241,234,0))}.about__marquee:after{right:0;background:linear-gradient(270deg,var(--color-bg),rgba(244,241,234,0))}.about__marquee-track{display:flex;gap:var(--space-4);width:max-content;animation:marquee 40s linear infinite;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.about__skill-tag{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-secondary);white-space:nowrap;padding:var(--space-2) var(--space-4);border:1px solid rgba(var(--color-accent-secondary-rgb),.24);border-radius:var(--radius-full);background:rgba(var(--color-accent-secondary-rgb),.06);transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.about__skill-tag:hover{color:var(--color-accent-secondary);border-color:rgba(var(--color-accent-secondary-rgb),.46);background:var(--color-accent-secondary-glow)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.about__ornament{display:none}.about__grid{grid-template-columns:1fr;gap:var(--space-6)}.about__image-col{height:auto;padding:0}.about__image-wrap{aspect-ratio:3/4;height:auto;min-height:unset}.about__content{gap:var(--space-4);padding:0}.about__bio-card,.about__edu{padding:var(--space-6) var(--space-8)}.about__bio{font-size:var(--text-base);line-height:1.7}.about__subtitle{margin-bottom:var(--space-3)}.about__skill-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.about__marquee:before,.about__marquee:after{display:none}.about__marquee-track{gap:var(--space-2);animation:marquee 46s linear infinite;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.about__skills{padding:var(--space-4) 0}}@media(prefers-reduced-motion:reduce){.about__marquee-track{animation:none;transform:none;will-change:auto}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.experience{position:relative;background:var(--color-bg-alt);overflow:hidden}.experience .container{position:relative;z-index:1}.experience__ornament{position:absolute;inset:0;opacity:.2;pointer-events:none;z-index:0}.experience__ornament canvas{width:100%!important;height:100%!important}.exp__timeline{position:relative;max-width:900px;margin:0 auto}.exp__timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-border) 100%)}.exp__item{position:relative;display:flex;width:100%;padding-bottom:var(--space-10)}.exp__item:last-child{padding-bottom:0}.exp__item--left{justify-content:flex-start;padding-right:calc(50% + var(--space-8))}.exp__item--right{justify-content:flex-end;padding-left:calc(50% + var(--space-8))}.exp__dot{position:absolute;left:50%;top:8px;width:14px;height:14px;border-radius:50%;background:var(--color-accent);transform:translate(-50%);box-shadow:0 0 0 4px var(--color-bg-alt),0 0 16px rgba(var(--color-accent-rgb),.25);z-index:2;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.exp__item:hover .exp__dot{transform:translate(-50%) scale(1.3);box-shadow:0 0 0 4px var(--color-bg-alt),0 0 24px rgba(var(--color-accent-rgb),.4)}.exp__card{position:relative;width:100%;padding:var(--space-6) var(--space-8);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.exp__item--left .exp__card{text-align:right}.exp__item--right .exp__card{text-align:left}.exp__card:hover{border-color:rgba(var(--color-accent-rgb),.2);box-shadow:var(--glass-shadow),0 8px 30px #0000000f}.exp__item--left:hover .exp__card{transform:translate(-6px)}.exp__item--right:hover .exp__card{transform:translate(6px)}.exp__letter-sticker{position:absolute;top:-10px;right:14px;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:56px;height:24px;padding:0 10px;border-radius:8px;border:1px solid rgba(var(--color-accent-secondary-rgb),.52);background:linear-gradient(135deg,#d8b26a 0%,var(--color-accent-secondary) 55%,#b78f46 100%);color:#2e281f;font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.08em;line-height:1;text-decoration:none;text-transform:uppercase;transform:rotate(8deg);box-shadow:var(--shadow-glow-secondary);filter:brightness(1);transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast);animation:expStickerRing 1.8s cubic-bezier(.16,1,.3,1) infinite;z-index:3}.exp__item--left .exp__letter-sticker{left:14px;right:auto;transform:rotate(-8deg)}.exp__letter-sticker:hover{background:linear-gradient(135deg,#e2c27f,#d0ab64 55%,#bf984f);transform:rotate(2deg) translateY(-1px);box-shadow:var(--shadow-glow-secondary);filter:brightness(1.08);animation-play-state:paused}.exp__item--left .exp__letter-sticker:hover{transform:rotate(-2deg) translateY(-1px)}.exp__letter-icon{flex-shrink:0}@keyframes expStickerRing{0%{box-shadow:0 0 rgba(var(--color-accent-secondary-rgb),.34),var(--shadow-glow-secondary)}70%{box-shadow:0 0 0 12px rgba(var(--color-accent-secondary-rgb),0),var(--shadow-glow-secondary)}to{box-shadow:0 0 rgba(var(--color-accent-secondary-rgb),0),var(--shadow-glow-secondary)}}.exp__period{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.06em;margin-bottom:var(--space-2)}.exp__role{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin-bottom:2px}.exp__company{font-size:var(--text-sm);color:var(--color-accent);font-weight:500;display:block;margin-bottom:var(--space-3)}.exp__highlights{display:flex;flex-direction:column;gap:var(--space-1)}.exp__item--left .exp__highlights{align-items:flex-end}.exp__highlights li{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;padding-left:0;position:relative}.exp__item--left .exp__highlights li{padding-left:0;padding-right:0}.exp__highlights li:before{content:none}.exp__item--left .exp__highlights li:before{content:none}.exp__timeline--pursuing{margin-top:0;padding-bottom:0}.exp__timeline-line--dotted{background:none;border-left:2px dashed rgba(var(--color-accent-secondary-rgb),.26);width:0}.exp__pursuing-label{text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-secondary);letter-spacing:.1em;text-transform:uppercase;padding:var(--space-3) var(--space-6);margin:var(--space-4) auto var(--space-6);position:relative;z-index:2;background:var(--color-bg-alt);width:fit-content}.exp__pursuing-label:before,.exp__pursuing-label:after{content:"";position:absolute;top:50%;width:40px;height:1px;border-top:1px dashed var(--color-border)}.exp__pursuing-label:before{right:calc(100% + var(--space-2))}.exp__pursuing-label:after{left:calc(100% + var(--space-2))}.exp__dot--hollow{background:transparent;border:2px solid var(--color-accent-secondary);width:12px;height:12px;box-shadow:0 0 0 3px var(--color-bg-alt),0 0 8px rgba(var(--color-accent-secondary-rgb),.12)}.exp__card--pursuing{border:1.5px dotted rgba(var(--color-accent-secondary-rgb),.35);background:#ffffff38;padding:var(--space-3) var(--space-4);max-width:210px;border-radius:var(--radius-md);opacity:.92;transform:rotate(calc(var(--pursuing-tilt, 0) * 1deg)) scale(.96);transform-origin:center center;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.exp__card--pursuing .exp__role{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.exp__pursuing-detail{font-family:var(--font-body);font-size:.7rem;color:var(--color-text-muted);line-height:1.4;margin-top:var(--space-1)}.exp__timeline--pursuing .exp__item .exp__card:hover{transform:rotate(calc(var(--pursuing-tilt, 0) * 1deg)) translateY(-1px) scale(.97);border-color:rgba(var(--color-accent-secondary-rgb),.48);box-shadow:0 6px 18px rgba(var(--color-accent-secondary-rgb),.1)}.exp__timeline--pursuing .exp__item{padding-bottom:var(--space-6)}.exp__timeline--pursuing .exp__item--left{padding-right:calc(50% + var(--space-3));justify-content:flex-end}.exp__timeline--pursuing .exp__item--right{padding-left:calc(50% + var(--space-3));justify-content:flex-start}@media(max-width:768px){.experience__ornament{display:none}.exp__timeline-line{left:8px;width:2px;transform:none}.exp__dot{left:8px;width:10px;height:10px;box-shadow:0 0 0 3px var(--color-bg-alt),0 0 10px rgba(var(--color-accent-rgb),.2)}.exp__item{padding-bottom:var(--space-10)}.exp__item--left,.exp__item--right{padding-left:calc(20px + var(--space-4));padding-right:0;justify-content:flex-start}.exp__card{padding:var(--space-6) var(--space-8);border:1px solid var(--glass-border);max-width:100%;margin-bottom:var(--space-4);box-shadow:0 4px 20px #0000000f}.exp__item--left .exp__card{text-align:left}.exp__item--left .exp__highlights{align-items:flex-start}.exp__item--left .exp__highlights li{padding-left:0;padding-right:0}.exp__item--left .exp__highlights li:before{content:none}.exp__item--left:hover .exp__card,.exp__item--right:hover .exp__card{transform:translate(4px)}.exp__letter-sticker,.exp__item--left .exp__letter-sticker{right:12px;left:auto;transform:rotate(8deg)}.exp__letter-sticker:hover,.exp__item--left .exp__letter-sticker:hover{transform:rotate(2deg) translateY(-1px)}.exp__timeline-line--dotted{left:8px;transform:none}.exp__timeline--pursuing .exp__item--left,.exp__timeline--pursuing .exp__item--right{padding-left:calc(20px + var(--space-4));padding-right:0;justify-content:flex-start}.exp__timeline--pursuing .exp__item{padding-bottom:var(--space-4)}.exp__card--pursuing{width:min(88%,300px);max-width:min(88%,300px);padding:var(--space-4) var(--space-6);margin-bottom:0;border:1.5px dotted rgba(var(--color-accent-secondary-rgb),.35);box-shadow:0 3px 12px rgba(var(--color-accent-secondary-rgb),.07);transform:rotate(calc(var(--pursuing-tilt, 0) * .45deg)) scale(1)}.exp__timeline--pursuing .exp__item .exp__card:hover{transform:rotate(calc(var(--pursuing-tilt, 0) * .45deg)) translateY(-1px) scale(1.01)}.exp__pursuing-detail{font-size:var(--text-xs);line-height:1.5}.exp__pursuing-label{text-align:left;padding-left:calc(20px + var(--space-4))}.exp__pursuing-label:before,.exp__pursuing-label:after{display:none}}.projects{position:relative;background:var(--color-bg);overflow:hidden}.projects .container{position:relative;z-index:1}.projects__ornament{position:absolute;inset:0;opacity:.2;pointer-events:none;z-index:0}.projects__ornament canvas{width:100%!important;height:100%!important}.projects .section-label,.proj__grid{position:relative;z-index:1}.proj__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.proj__card{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-8);overflow:hidden;transition:border-color var(--transition-medium),box-shadow var(--transition-medium),transform var(--transition-medium);display:flex;flex-direction:column;min-height:280px;will-change:transform;cursor:pointer;box-shadow:var(--glass-shadow)}.proj__card:hover{border-color:rgba(var(--color-accent-secondary-rgb),.28);box-shadow:var(--glass-shadow),0 16px 48px #00000014}.proj__bg-num{position:absolute;top:-20px;right:-10px;font-family:var(--font-display);font-size:10rem;font-weight:800;color:var(--color-accent);opacity:.05;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity var(--transition-medium)}.proj__card:hover .proj__bg-num{opacity:.08}.proj__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.proj__num{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.05em;color:var(--color-accent)}.proj__arrow{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--color-text-muted);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-fast)}.proj__card:hover .proj__arrow{border-color:var(--color-accent-secondary);color:var(--color-accent-secondary);background:var(--color-accent-secondary-glow);transform:translate(3px,-3px)}.proj__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-3);transition:color var(--transition-fast)}.proj__card:hover .proj__title{color:var(--color-accent-secondary)}.proj__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:auto;padding-bottom:var(--space-6)}.proj__stack{display:flex;flex-wrap:wrap;gap:var(--space-2)}.proj__tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-secondary);padding:var(--space-1) var(--space-3);border:1px solid rgba(var(--color-accent-secondary-rgb),.24);border-radius:var(--radius-full);letter-spacing:.03em;background:rgba(var(--color-accent-secondary-rgb),.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.proj__card:hover .proj__tag{color:var(--color-accent-secondary);border-color:rgba(var(--color-accent-secondary-rgb),.42);background:rgba(var(--color-accent-secondary-rgb),.14)}@media(max-width:768px){.projects__ornament{display:none}.proj__grid{grid-template-columns:1fr;gap:var(--space-4)}.proj__card{min-height:auto;padding:var(--space-6)}.proj__card-header{margin-bottom:var(--space-4)}.proj__title{font-size:var(--text-xl)}.proj__desc{font-size:var(--text-xs);padding-bottom:var(--space-4)}.proj__bg-num{font-size:5rem}}.contact{position:relative;background:var(--color-bg-alt);overflow:hidden}.contact__inner{position:relative;z-index:1}.contact__ornament{position:absolute;inset:0;opacity:.2;pointer-events:none;z-index:0}.contact__ornament canvas{width:100%!important;height:100%!important}.contact .section-label,.contact__layout,.contact__footer{position:relative;z-index:1}.contact__layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-12);align-items:start}.contact__layout>*{min-width:0}.contact__heading{font-family:var(--font-display);font-size:clamp(2.2rem,5.2vw,3.35rem);font-weight:740;line-height:1.05;color:var(--color-text);margin-bottom:var(--space-6);letter-spacing:-.016em}.contact__heading span{display:block;white-space:nowrap;text-wrap:nowrap}.contact__heading span+span{margin-top:.04em}.contact__heading-accent{color:var(--color-accent)}.contact__text{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-12);max-width:460px}@media(max-width:1100px)and (min-width:769px){.contact__layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:var(--space-8)}.contact__heading{font-size:clamp(1.95rem,4.35vw,3rem);line-height:1.04;font-weight:730;letter-spacing:-.016em}.contact__heading span+span{margin-top:.02em}.contact__text{font-size:var(--text-base);margin-bottom:var(--space-8);max-width:38ch}.contact__form-wrap{padding:var(--space-6)}}.contact__icons{display:flex;gap:var(--space-4)}.contact__icon{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:50%;box-shadow:var(--glass-shadow);color:var(--color-text);transition:all var(--transition-fast)}.contact__icon:hover{background:var(--color-accent-secondary);border-color:var(--color-accent-secondary);color:#fff;transform:translateY(-4px);box-shadow:var(--shadow-glow-secondary)}.contact__icon-tooltip{position:absolute;bottom:-28px;left:50%;transform:translate(-50%) translateY(4px);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast)}.contact__icon:hover .contact__icon-tooltip{color:var(--color-accent-secondary);opacity:1;transform:translate(-50%) translateY(0)}.contact__form-wrap{background:var(--glass-bg-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--glass-shadow);justify-self:end;width:min(100%,640px)}.contact__form{display:flex;flex-direction:column;gap:var(--space-6)}.contact__field{display:flex;flex-direction:column;gap:var(--space-2)}.contact__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.contact__input{padding:var(--space-4);background:#ffffff57;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.contact__input::placeholder{color:var(--color-text-muted)}.contact__input:focus{border-color:var(--color-accent-secondary);box-shadow:0 0 0 3px rgba(var(--color-accent-secondary-rgb),.1);background:#ffffff80}.contact__textarea{resize:vertical;min-height:120px}.contact__submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:var(--color-accent);color:#fff;font-weight:600;font-size:var(--text-sm);letter-spacing:.02em;border-radius:var(--radius-full);transition:all var(--transition-medium);align-self:flex-start}.contact__submit:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow-accent);transform:translateY(-2px)}.contact__submit:disabled{cursor:not-allowed;opacity:.8}.contact__submit--sending{background:var(--color-text-muted)}.contact__submit--success{background:#22c55e}.contact__submit--error{background:#ef4444}.contact__submit svg{transition:transform var(--transition-fast)}.contact__submit:hover svg{transform:translate(3px,-3px)}.contact__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-16);margin-top:var(--space-16);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}@media(max-width:768px){.contact__ornament{display:none}.contact__layout{grid-template-columns:1fr;gap:var(--space-6)}.contact__heading{font-size:clamp(1.7rem,7.4vw,2.3rem);font-weight:720;line-height:1.05;letter-spacing:-.015em}.contact__text{font-size:var(--text-base);margin-bottom:var(--space-6)}.contact__icons{gap:var(--space-3)}.contact__icon{width:48px;height:48px}.contact__form-wrap{padding:var(--space-6)}.contact__input{padding:var(--space-3);font-size:var(--text-sm)}.contact__submit{padding:var(--space-3) var(--space-6);font-size:var(--text-xs)}.contact__footer{flex-direction:column;gap:var(--space-2);text-align:center;padding-top:var(--space-8);margin-top:var(--space-8)}}.preloader{position:fixed;inset:0;z-index:2200;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(var(--color-accent-rgb),.08),transparent 44%),var(--color-bg);transition:opacity .42s var(--ease-out),visibility .42s var(--ease-out)}.preloader--visible{opacity:1;visibility:visible}.preloader--exit{opacity:0;visibility:hidden;pointer-events:none}.preloader__core{width:min(44vw,180px);display:flex;flex-direction:column;align-items:center;gap:10px}.preloader__line{width:100%;height:2px;border-radius:var(--radius-full);overflow:hidden;background:rgba(var(--color-accent-secondary-rgb),.18)}.preloader__line-fill{display:block;width:34%;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--color-accent-rgb),.16),rgba(var(--color-accent-secondary-rgb),.95) 52%,rgba(var(--color-accent-rgb),.16));animation:preloaderSlide .95s cubic-bezier(.16,1,.3,1) infinite}.preloader__dot{width:6px;height:6px;border-radius:50%;background:rgba(var(--color-accent-rgb),.65);animation:preloaderBlink .95s ease-in-out infinite}@keyframes preloaderSlide{0%{transform:translate(-130%)}to{transform:translate(330%)}}@keyframes preloaderBlink{0%,to{opacity:.35}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.preloader,.preloader__line-fill,.preloader__dot{transition:none;animation:none}}:root{--color-bg: #F4F1EA;--color-bg-alt: #EAE4D7;--color-bg-card: #FFFFFF;--color-bg-elevated: #FFFFFF;--color-text: #2E281F;--color-text-secondary: #5F5445;--color-text-muted: #8F8370;--color-accent: #6F7D4B;--color-accent-hover: #7D8D56;--color-accent-secondary: #C4A15B;--color-accent-rgb: 111, 125, 75;--color-accent-secondary-rgb: 196, 161, 91;--color-accent-glow: rgba(var(--color-accent-rgb), .1);--color-accent-secondary-glow: rgba(var(--color-accent-secondary-rgb), .1);--color-border: #D9D0BF;--color-border-hover: #C8BCA9;--font-display: "Syne", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--space-32: 8rem;--container-max: 1200px;--container-narrow: 800px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--transition-fast: .2s var(--ease-out);--transition-medium: .4s var(--ease-out);--transition-slow: .8s var(--ease-out);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 6px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--shadow-glow-accent: 0 8px 24px rgba(var(--color-accent-rgb), .2);--shadow-glow-secondary: 0 8px 24px rgba(var(--color-accent-secondary-rgb), .22);--glass-bg: rgba(255, 255, 255, .34);--glass-bg-strong: rgba(255, 255, 255, .5);--glass-border: rgba(255, 255, 255, .32);--glass-blur: 8px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255, 255, 255, .44)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--color-accent);color:#fff}img,video,svg{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}ul,ol{list-style:none}input,textarea{font:inherit;color:inherit;background:none;border:none;outline:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.1}.app-shell{opacity:0;transform:translateY(18px) scale(1.04);filter:blur(14px) saturate(1.18);transition:opacity .95s var(--ease-out),transform .95s var(--ease-out),filter 1.05s var(--ease-out)}.app-shell--ready{opacity:1;transform:none;filter:none}.app-reveal{position:fixed;inset:0;z-index:1900;pointer-events:none;overflow:hidden}.app-reveal:before{content:"";position:absolute;inset:-34% -88%;background:linear-gradient(112deg,transparent 38%,rgba(var(--color-accent-secondary-rgb),.46) 50%,transparent 62%);transform:translate(-24%);opacity:0;filter:blur(2px)}.app-reveal:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,rgba(var(--color-accent-secondary-rgb),.26) 0%,rgba(var(--color-accent-rgb),.18) 16%,transparent 58%);opacity:0}.app-reveal--active:before{animation:appRevealSweep .9s var(--ease-out) forwards}.app-reveal--active:after{animation:appRevealGlow .9s var(--ease-out) forwards}@keyframes appRevealSweep{0%{transform:translate(-34%);opacity:0}18%{opacity:1}to{transform:translate(38%);opacity:0}}@keyframes appRevealGlow{0%{opacity:0}20%{opacity:.9}to{opacity:0}}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-8)}.container--narrow{max-width:var(--container-narrow)}.section{padding:var(--space-32) 0;position:relative}.section-label{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-16)}.section-number{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);letter-spacing:.1em}.section-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-text);letter-spacing:-.02em}.section-line{flex:1;height:1px;background:var(--color-border)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media(max-width:768px){.container{padding:0 var(--space-4)}.section{padding:var(--space-16) 0}.section-label{margin-bottom:var(--space-8)}.section-title{font-size:var(--text-2xl)}}@media(prefers-reduced-motion:reduce){.app-shell{transition:none}.app-reveal,.app-reveal:before,.app-reveal:after{animation:none!important}}