@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--gold:#B8860B;--amber:#D4A843;--obsidian:#0D0D0D;--ivory:#F5F0E8;--royal:#1A2744;--cobalt:#2C3E6B;--gold-10:rgba(184,134,11,.1);--gold-20:rgba(184,134,11,.2);--gold-40:rgba(184,134,11,.4);--amber-light:#F0D080;--font-display:"Playfair Display",Georgia,serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3.5rem;--text-5xl:5rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:16px;--radius-full:9999px;--shadow-gold:0 0 0 1px var(--gold-40),0 4px 24px rgba(184,134,11,.15);--shadow-dark:0 8px 40px rgba(0,0,0,.4);--ease-out:cubic-bezier(.16,1,.3,1);--bg-primary:var(--obsidian);--bg-secondary:#141414;--bg-tertiary:rgba(255,255,255,.03);--bg-card:rgba(255,255,255,.02);--bg-card-hover:rgba(255,255,255,.04);--text-primary:var(--ivory);--text-secondary:rgba(245,240,232,.7);--text-tertiary:rgba(245,240,232,.5);--text-muted:rgba(245,240,232,.35);--border-color:rgba(255,255,255,.06);--border-color-hover:rgba(44,62,107,.5);--nav-bg:rgba(13,13,13,.92);--nav-bg-scroll:rgba(13,13,13,.95);--section-bg:transparent;--hero-overlay:rgba(44,62,107,.3);--shadow-card:0 8px 40px rgba(0,0,0,.4);--shadow-card-hover:0 20px 50px rgba(0,0,0,.5);--gold-tint:rgba(184,134,11,.1);--gold-border:rgba(184,134,11,.2);--card-bg-gradient:rgba(44,62,107,.08);--three-bg:transparent;--royal-tint:rgba(44,62,107,.2);--royal-border:rgba(44,62,107,.4);--cobalt-tint:rgba(44,62,107,.15);--ornament-overlay:linear-gradient(180deg,rgba(7,10,18,.62),rgba(7,10,18,.82));--ornament-overlay-strong:linear-gradient(180deg,rgba(7,10,18,.76),rgba(7,10,18,.9));--accent-primary:var(--cobalt);--accent-secondary:var(--gold)}[data-theme=light]{--bg-primary:#F5F0E8;--bg-secondary:#EDE7DC;--bg-tertiary:rgba(184,134,11,.08);--bg-card:rgba(255,255,255,.6);--bg-card-hover:rgba(255,255,255,.8);--text-primary:#0D0D0D;--text-secondary:rgba(13,13,13,.75);--text-tertiary:rgba(13,13,13,.55);--text-muted:rgba(13,13,13,.4);--border-color:rgba(26,39,68,.2);--border-color-hover:rgba(26,39,68,.5);--nav-bg:rgba(245,240,232,.9);--nav-bg-scroll:rgba(245,240,232,.98);--section-bg:transparent;--hero-overlay:rgba(26,39,68,.2);--shadow-card:0 4px 20px rgba(26,39,68,.15);--shadow-card-hover:0 12px 40px rgba(26,39,68,.25);--gold-tint:rgba(184,134,11,.15);--gold-border:rgba(184,134,11,.5);--card-bg-gradient:rgba(26,39,68,.05);--three-bg:#F5F0E8;--royal-tint:rgba(26,39,68,.15);--royal-border:rgba(26,39,68,.4);--cobalt-tint:rgba(44,62,107,.2);--ornament-overlay:linear-gradient(180deg,rgba(12,18,33,.52),rgba(12,18,33,.74));--ornament-overlay-strong:linear-gradient(180deg,rgba(12,18,33,.68),rgba(12,18,33,.82));--accent-primary:var(--royal);--accent-secondary:var(--cobalt)}::-moz-selection{background:var(--gold);color:var(--obsidian)}::selection{background:var(--gold);color:var(--obsidian)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--gold-40);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;transition:background .4s var(--ease-out),color .4s var(--ease-out)}#three-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.content{position:relative;z-index:1}nav{position:fixed;top:0;left:0;right:0;z-index:100;min-height:92px;padding:var(--sp-5) var(--sp-12);display:flex;justify-content:space-between;align-items:center;background:transparent;transition:box-shadow .4s var(--ease-out),border-color .4s var(--ease-out);border-bottom:1px solid rgba(212,168,67,.28);box-shadow:0 14px 36px #0000003d;isolation:isolate;overflow:hidden}nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--ornament-overlay),url(/symbol-horizontal-web.jpg);background-position:center,center 46%;background-size:cover,auto 118%;background-repeat:no-repeat,repeat-x;transform:scale(1.02);transition:transform .4s var(--ease-out),opacity .4s var(--ease-out);z-index:-2}nav:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0d0d0d59,#0d0d0d14 20%,#0d0d0d14 80%,#0d0d0d59);z-index:-1;pointer-events:none}nav.scrolled{border-bottom-color:#d4a84361;box-shadow:0 16px 40px #00000057}nav.scrolled:before{transform:scale(1.04);opacity:.96}.nav-logo{display:flex;align-items:center;gap:var(--sp-3);text-decoration:none}.nav-logo img{width:36px;height:36px;-o-object-fit:contain;object-fit:contain}.nav-logo span{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--ivory);letter-spacing:-.01em}.nav-links{display:flex;gap:var(--sp-8)}.nav-links a{font-size:var(--text-sm);font-weight:500;color:#f5f0e8d1;text-decoration:none;letter-spacing:.04em;transition:color .2s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s var(--ease-out)}.nav-links a:hover{color:var(--ivory)}.nav-links a:hover:after{width:100%}.nav-cta{background:var(--gold);color:var(--obsidian);padding:10px 24px;font-size:var(--text-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);border:none;cursor:pointer;text-decoration:none;transition:all .2s}.nav-cta:hover{background:var(--amber);transform:translateY(-1px)}.theme-toggle{width:44px;height:44px;border-radius:50%;border:1px solid rgba(245,240,232,.14);background:#0d0d0d52;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease-out);margin-left:var(--sp-4)}.theme-toggle:hover{border-color:var(--gold);background:#b8860b2e;transform:rotate(15deg)}.theme-toggle svg{width:20px;height:20px;color:#f5f0e8d1;transition:color .3s}.theme-toggle:hover svg{color:var(--gold)}.theme-toggle .sun{display:none}.theme-toggle .moon,[data-theme=light] .theme-toggle .sun{display:block}[data-theme=light] .theme-toggle .moon{display:none}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--sp-24) var(--sp-16);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 70% 50%,var(--royal-tint) 0%,transparent 70%),radial-gradient(ellipse 30% 30% at 30% 80%,var(--gold-tint) 0%,transparent 60%);pointer-events:none}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--royal-tint) 1px,transparent 1px),linear-gradient(90deg,var(--royal-tint) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent);pointer-events:none}.hero-content{max-width:900px;position:relative;z-index:1;opacity:0;transform:translateY(30px);animation:heroReveal 1s var(--ease-out) .3s forwards}@keyframes heroReveal{to{opacity:1;transform:translateY(0)}}.hero-overline{display:inline-flex;align-items:center;gap:var(--sp-3);font-size:var(--text-xs);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--sp-6);opacity:0;animation:fadeUp .6s var(--ease-out) .5s forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero-overline-line{width:32px;height:1px;background:var(--gold)}.hero-h1{font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);font-weight:700;color:var(--text-primary);line-height:1.02;letter-spacing:-.03em;margin-bottom:var(--sp-6);opacity:0;transform:translateY(20px);animation:heroReveal .8s var(--ease-out) .7s forwards}.hero-h1 em{font-style:italic;font-weight:400;color:var(--amber)}.hero-tagline{font-family:var(--font-display);font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:400;font-style:italic;color:var(--text-tertiary);margin-bottom:var(--sp-10);line-height:1.5;max-width:600px;opacity:0;animation:heroReveal .8s var(--ease-out) .9s forwards}.hero-desc{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;max-width:680px;margin-bottom:var(--sp-12);opacity:0;animation:heroReveal .8s var(--ease-out) 1.1s forwards}.hero-links{display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center;opacity:0;animation:heroReveal .8s var(--ease-out) 1.3s forwards}.hero-link{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:all .2s;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm)}.hero-link:hover{color:var(--gold);background:var(--gold-10)}.hero-link svg{width:18px;height:18px}.hero-scroll{position:absolute;bottom:var(--sp-10);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;opacity:0;animation:fadeUp .6s var(--ease-out) 1.8s forwards}.hero-scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--gold),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:1}}section{padding:var(--sp-24) var(--sp-16);position:relative;background:var(--section-bg)}.section-inner{max-width:1200px;margin:0 auto}.section-label{display:inline-flex;align-items:center;gap:var(--sp-3);font-size:var(--text-xs);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--sp-6)}.section-label-line{width:40px;height:1px;background:var(--gold)}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:600;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--sp-12)}#about{background:var(--section-bg);min-height:100vh;display:flex;align-items:center;overflow:hidden}.about-container{width:100%;max-width:1400px;margin:0 auto;position:relative}.about-asymmetric{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--sp-20);align-items:center}.about-visual{position:relative;display:flex;align-items:center;justify-content:center}.about-orb{position:relative;width:320px;height:320px}.about-orb-inner{position:absolute;top:40px;right:40px;bottom:40px;left:40px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--royal-tint),transparent 60%);border:1px solid var(--royal-border);animation:pulse-orb 4s ease-in-out infinite}@keyframes pulse-orb{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.about-orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--royal-border);animation:spin-slow 20s linear infinite}.about-orb-ring:before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 20px var(--accent-primary)}@keyframes spin-slow{to{transform:rotate(360deg)}}.about-orb-ring:nth-child(2){top:30px;right:30px;bottom:30px;left:30px;border-color:var(--cobalt-tint);animation-duration:25s;animation-direction:reverse}.about-orb-ring:nth-child(2):before{top:auto;bottom:-4px;background:var(--accent-secondary);box-shadow:0 0 15px var(--accent-secondary)}.about-orb-ring:nth-child(3){top:70px;right:70px;bottom:70px;left:70px;border-color:var(--royal-tint);animation-duration:30s}.about-mark-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;filter:drop-shadow(0 0 30px var(--royal-tint));z-index:2}.about-text{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.85}.about-text p{margin-bottom:var(--sp-6);position:relative}.about-text p:before{content:"//";color:var(--gold);margin-right:var(--sp-3);opacity:.5}.about-text strong{color:var(--amber);font-weight:600}.about-stats{display:flex;gap:var(--sp-12);margin-top:var(--sp-12)}.about-stat{position:relative;padding-left:var(--sp-6)}.about-stat:before{content:"";position:absolute;left:0;top:50%;width:2px;height:70%;background:linear-gradient(to bottom,var(--gold),transparent);transform:translateY(-50%)}.about-stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--amber);line-height:1;display:flex;align-items:baseline;gap:var(--sp-2)}.about-stat-value:after{content:"";position:absolute;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-left:4px;margin-bottom:8px;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.about-stat-label{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--sp-2)}#experience{background:var(--section-bg)}.exp-layout{display:grid;grid-template-columns:100px 1fr;gap:var(--sp-12);position:relative}.exp-line-col{position:relative;display:flex;flex-direction:column;align-items:center}.exp-line{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent-primary) 0%,var(--royal-tint) 100%);left:50%;transform:translate(-50%)}.exp-dot{width:16px;height:16px;border-radius:50%;background:var(--accent-primary);position:relative;z-index:1;margin-top:8px;box-shadow:0 0 0 4px var(--bg-primary),0 0 20px var(--gold-tint);animation:pulse-dot-glow 2s ease-in-out infinite}@keyframes pulse-dot-glow{0%,to{box-shadow:0 0 0 4px var(--bg-primary),0 0 20px var(--gold-tint)}50%{box-shadow:0 0 0 4px var(--bg-primary),0 0 35px var(--gold-border)}}.timeline{position:relative;padding-left:var(--sp-10)}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--accent-primary),var(--royal-tint))}.timeline-item{position:relative;margin-bottom:var(--sp-16);opacity:0;transform:translate(-30px);transition:all .7s var(--ease-out)}.timeline-item.visible{opacity:1;transform:translate(0)}.timeline-item:before{content:"";position:absolute;left:calc(-1 * var(--sp-10) - 5px);top:12px;width:10px;height:10px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 0 4px var(--bg-primary),0 0 15px var(--gold-tint);transition:all .3s}.timeline-item:hover:before{transform:scale(1.3);box-shadow:0 0 0 4px var(--bg-primary),0 0 25px var(--gold-border)}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sp-4);flex-wrap:wrap;gap:var(--sp-4)}.timeline-company{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);letter-spacing:-.01em;position:relative}.timeline-company:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gold);transition:width .4s var(--ease-out)}.timeline-item:hover .timeline-company:after{width:100%}.timeline-role{font-size:var(--text-sm);color:var(--gold);font-weight:600;letter-spacing:.04em;padding:4px 12px;background:#b8860b1a;border-radius:var(--radius-full);border:1px solid rgba(184,134,11,.2)}.timeline-date{font-size:var(--text-sm);color:var(--text-tertiary);letter-spacing:.02em}.timeline-desc{font-size:var(--text-base);color:var(--text-secondary);line-height:1.8;margin-bottom:var(--sp-6);padding-left:var(--sp-4);border-left:2px solid rgba(184,134,11,.2)}.timeline-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.timeline-highlight{display:flex;align-items:flex-start;gap:var(--sp-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;padding:var(--sp-4);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.04);transition:all .3s}.timeline-highlight:hover{background:#b8860b0d;border-color:#b8860b33;transform:translateY(-2px)}.timeline-highlight:before{content:"→";color:var(--amber);flex-shrink:0;font-weight:700}#projects{background:var(--section-bg);min-height:100vh}.projects-mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(120px,auto);gap:var(--sp-6)}.project-card{background:var(--bg-card);border:1px solid var(--border-color);padding:var(--sp-8);position:relative;overflow:hidden;transition:all .5s var(--ease-out);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.project-card:nth-child(1){grid-column:1/8;grid-row:1/2}.project-card:nth-child(2){grid-column:8/13;grid-row:1/2}.project-card:nth-child(3){grid-column:1/5;grid-row:2/3}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--royal-tint),var(--gold-tint));opacity:0;transition:opacity .4s}.project-card:hover:before{opacity:1}.project-card:hover{border-color:var(--royal-border);transform:translateY(-8px) rotate(1deg);box-shadow:0 30px 60px var(--shadow-card),0 0 0 1px var(--royal-border)}.project-corner{position:absolute;bottom:0;right:0;width:20px;height:20px;background:var(--accent-primary);clip-path:polygon(100% 0,100% 100%,0 100%);opacity:.3;transition:all .3s}.project-card:hover .project-corner{opacity:1;width:30px;height:30px}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sp-4);position:relative;z-index:1}.project-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--gold-20),var(--gold-10));border:1px solid rgba(184,134,11,.3);display:flex;align-items:center;justify-content:center;color:var(--gold);animation:float-icon 3s ease-in-out infinite}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.project-card:nth-child(2) .project-icon{animation-delay:-1s}.project-card:nth-child(3) .project-icon{animation-delay:-2s}.project-icon svg{width:28px;height:28px}.project-link{color:#f5f0e84d;transition:all .3s;padding:var(--sp-2)}.project-link:hover{color:var(--gold);transform:translate(2px,-2px)}.project-link svg{width:22px;height:22px}.project-name{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-4);position:relative;z-index:1}.project-desc{font-size:var(--text-base);color:var(--text-secondary);line-height:1.8;margin-bottom:var(--sp-6);position:relative;z-index:1}.project-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);position:relative;z-index:1}.project-tag{font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;padding:6px 14px;border-radius:var(--radius-full);background:#b8860b1a;border:1px solid rgba(184,134,11,.25);color:var(--amber);transition:all .3s}.project-tag:hover{background:#b8860b33;transform:translateY(-2px)}.project-metrics{display:flex;gap:var(--sp-8);margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid rgba(255,255,255,.06);position:relative;z-index:1}.project-metric-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--gold)}.project-metric-label{font-size:var(--text-xs);color:var(--text-tertiary)}.project-bg-line{position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(184,134,11,.1),transparent 70%);opacity:0;transition:opacity .4s}.project-card:hover .project-bg-line{opacity:1}#skills{background:var(--section-bg)}.skills-orbit{position:relative;padding:var(--sp-16) 0}.skills-orbit:before{content:"";position:absolute;top:50%;left:50%;width:600px;height:600px;border:1px dashed var(--royal-border);border-radius:50%;transform:translate(-50%,-50%);animation:spin-slow 60s linear infinite}.skills-orbit:after{content:"";position:absolute;top:50%;left:50%;width:400px;height:400px;border:1px dashed var(--cobalt-tint);border-radius:50%;transform:translate(-50%,-50%);animation:spin-slow 45s linear infinite reverse}@keyframes spin-slow{to{transform:translate(-50%,-50%) rotate(360deg)}}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-8);position:relative;z-index:1}.skill-category{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--sp-8);position:relative;transition:all .4s var(--ease-out);overflow:hidden}.skill-category:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,var(--royal-tint),transparent 30%);animation:rotate-conic 10s linear infinite;opacity:0;transition:opacity .4s}@keyframes rotate-conic{to{transform:rotate(360deg)}}.skill-category:hover:before{opacity:1}.skill-category:hover{border-color:#b8860b4d;transform:translateY(-6px);box-shadow:0 20px 40px #0000004d}.skill-category-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-6);display:flex;align-items:center;gap:var(--sp-3);position:relative;z-index:1}.skill-category-title svg{width:24px;height:24px;color:var(--gold)}.skill-list{display:flex;flex-wrap:wrap;gap:var(--sp-2);position:relative;z-index:1}.skill-item{font-size:var(--text-sm);padding:8px 16px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);transition:all .3s var(--ease-out);cursor:default}.skill-item:hover{background:#b8860b26;border-color:#b8860b66;color:var(--amber);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #b8860b26}#education{background:var(--section-bg)}.edu-path{position:relative;padding:var(--sp-16) 0}.edu-path:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--royal-border),var(--accent-primary),var(--royal-border),transparent);transform:translateY(-50%)}.edu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-12);margin-bottom:var(--sp-16);position:relative;z-index:1}.edu-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--sp-10);position:relative;transition:all .5s var(--ease-out);overflow:hidden}.edu-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}.edu-card:after{content:"";position:absolute;top:-60px;right:-60px;width:150px;height:150px;background:radial-gradient(circle,var(--royal-tint),transparent 70%);opacity:0;transition:opacity .4s}.edu-card:hover:before{transform:scaleX(1)}.edu-card:hover:after{opacity:1}.edu-card:hover{border-color:var(--royal-border);transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px var(--shadow-card)}.edu-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--royal-tint),var(--gold-tint));border:2px solid var(--royal-border);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-6);transition:all .4s}.edu-card:hover .edu-icon{background:linear-gradient(135deg,var(--royal-border),var(--gold-border));transform:rotate(10deg) scale(1.1)}.edu-icon svg{width:28px;height:28px;color:var(--gold)}.edu-degree{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-2)}.edu-school{font-size:var(--text-lg);color:var(--gold);font-weight:500;margin-bottom:var(--sp-2)}.edu-date{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--sp-6)}.edu-courses{padding-top:var(--sp-6);border-top:1px solid rgba(255,255,255,.06)}.edu-courses-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-4)}.edu-courses-list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.edu-course{font-size:var(--text-xs);padding:6px 14px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);transition:all .3s}.edu-course:hover{background:#b8860b1a;border-color:#b8860b4d;color:var(--amber)}.credentials{display:flex;flex-wrap:wrap;gap:var(--sp-6);justify-content:center;position:relative}.credentials:before{content:"CERTIFICATIONS";position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:var(--text-xs);font-weight:600;letter-spacing:.2em;color:#b8860b66}.credential{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-5) var(--sp-8);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);font-size:var(--text-base);color:var(--text-secondary);transition:all .4s var(--ease-out);position:relative;overflow:hidden}.credential:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(184,134,11,.1),transparent);opacity:0;transition:opacity .4s}.credential:hover{border-color:var(--gold-40);transform:translateY(-6px) scale(1.05);box-shadow:0 15px 35px #0000004d,0 0 0 1px #b8860b33}.credential:hover:before{opacity:1}.credential svg{width:24px;height:24px;color:var(--gold);position:relative;z-index:1}.credential-name{font-weight:600;color:var(--text-primary);position:relative;z-index:1}.credential span{position:relative;z-index:1}#contact{background:linear-gradient(180deg,var(--section-bg),var(--bg-primary));text-align:center;padding:var(--sp-24) var(--sp-16)}.contact-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:600;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--sp-6)}.contact-title em{font-style:italic;color:var(--amber)}.contact-subtitle{font-size:var(--text-lg);color:var(--text-tertiary);max-width:500px;margin:0 auto var(--sp-12)}.contact-links{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sp-4)}.contact-link{display:inline-flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-8);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:500;text-decoration:none;transition:all .3s var(--ease-out)}.contact-link.primary{background:var(--gold);color:var(--obsidian)}.contact-link.primary:hover{background:var(--amber);transform:translateY(-2px)}.contact-link.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary)}.contact-link.secondary:hover{border-color:var(--gold-40);background:var(--gold-10)}.contact-link svg{width:20px;height:20px}footer{position:relative;padding:var(--sp-10) var(--sp-16);text-align:center;border-top:1px solid rgba(212,168,67,.22);isolation:isolate;overflow:hidden}footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--ornament-overlay-strong),url(/symbol-horizontal-web.jpg);background-position:center,center 52%;background-size:cover,auto 125%;background-repeat:no-repeat,repeat-x;z-index:-2}footer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0d0d0d52,#0d0d0d14 18%,#0d0d0d14 82%,#0d0d0d52);z-index:-1;pointer-events:none}.footer-text{position:relative;z-index:1;font-size:var(--text-sm);color:#f5f0e8c7;text-shadow:0 1px 8px rgba(0,0,0,.35)}.footer-text span{color:var(--gold)}@media (max-width:1100px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.about-asymmetric{grid-template-columns:1fr;text-align:center}.about-orb{width:250px;height:250px}.about-stats{justify-content:center}.about-stat:before{display:none}.about-stat{text-align:center}.about-stat-value{justify-content:center}.exp-layout{grid-template-columns:60px 1fr}.projects-mosaic{grid-template-columns:1fr}.project-card:nth-child(1),.project-card:nth-child(2),.project-card:nth-child(3){grid-column:1;grid-row:auto}.timeline-highlights{grid-template-columns:1fr}.skills-orbit:before,.skills-orbit:after{display:none}.skills-grid,.edu-grid{grid-template-columns:1fr}nav .nav-links{display:none}}@media (max-width:600px){section{padding:var(--sp-16) var(--sp-6)}nav{min-height:72px;padding:var(--sp-4) var(--sp-6)}.hero{padding:var(--sp-20) var(--sp-6)}.about-stats{flex-direction:column;gap:var(--sp-6)}.about-orb{width:200px;height:200px}.about-mark-img{width:100px;height:100px}.exp-layout{grid-template-columns:1fr;gap:var(--sp-4)}.exp-line-col{flex-direction:row;height:auto}.exp-line{top:50%;bottom:auto;height:2px;width:100%;left:0;transform:translateY(-50%)}.exp-dot{margin:0}.edu-card{padding:var(--sp-6)}.credential{flex-direction:column;text-align:center;gap:var(--sp-2)}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}