.site-header{position:fixed;top:0;width:100%;z-index:50;padding:1rem 2rem;background:#0a0a0bd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.04)}.header-container{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo-section{display:flex;align-items:center;gap:.75rem}.logo-mark{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(212,175,55,.3);border-radius:.375rem;background:#d4af370f;text-decoration:none;transition:all .3s ease}.logo-mark:hover{border-color:var(--primary);box-shadow:0 0 10px #d4af3733}.logo-letter{font-family:var(--font-accent);font-size:1rem;font-style:italic;color:var(--primary);font-weight:700}.logo-text{font-family:var(--font-display);font-size:.875rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--on-surface);text-decoration:none}.main-nav{display:none;align-items:center;gap:2.5rem;padding:.5rem 2rem;border-radius:.375rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}@media(min-width:768px){.main-nav{display:flex}}.main-nav a{font-family:var(--font-display);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);transition:color .3s ease}.main-nav a:hover{color:var(--primary)}.action-section{display:flex;align-items:center;gap:.75rem}.cv-btn{display:none;align-items:center;gap:.5rem;height:2.25rem;padding:0 1.25rem;border-radius:.375rem;border:1px solid rgba(255,255,255,.06);background:var(--surface-container);color:var(--on-surface);font-family:var(--font-display);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:all .3s ease}@media(min-width:640px){.cv-btn{display:flex}}.cv-btn:hover{border-color:#d4af374d;color:var(--primary)}.cv-icon{font-size:1rem;color:var(--primary)}.inquiry-btn{display:none;align-items:center;justify-content:center;height:2.25rem;padding:0 1.5rem;border-radius:.375rem;background:var(--gold-gradient);color:#1a1400;font-family:var(--font-display);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:all .3s ease;border:none}@media(min-width:640px){.inquiry-btn{display:flex}}.inquiry-btn:hover{filter:brightness(1.15);box-shadow:0 4px 15px #d4af374d}.mobile-menu-btn{display:none;background:transparent;border:none;color:var(--primary);cursor:pointer}@media(max-width:767px){.mobile-menu-btn{display:block;z-index:100;position:relative}}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0a0a0bfa;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:90;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.mobile-nav-overlay.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-links{display:flex;flex-direction:column;align-items:center;gap:2rem}.mobile-nav-links a{font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--on-surface);text-decoration:none;transition:color .3s ease}.mobile-nav-links a:hover{color:var(--primary)}.mobile-cv-btn{margin-top:1rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border:1px solid rgba(212,175,55,.3);border-radius:.375rem;background:#d4af370f;font-size:.875rem!important}.hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 1.5rem 10rem;text-align:center;overflow:hidden}.hero-arcs{position:absolute;top:-10%;right:-15%;width:50vw;height:50vw;max-width:600px;max-height:600px;pointer-events:none;opacity:.25}.arc-svg{width:100%;height:100%}.arc-ring{fill:none;stroke:var(--primary-container);stroke-width:1}.arc-1{opacity:.6}.arc-2{opacity:.4}.arc-3{opacity:.2}.hero-content{position:relative;z-index:10;max-width:64rem;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem 1.25rem;margin-bottom:3rem;border-radius:9999px;background:#d4af370f;border:1px solid rgba(212,175,55,.15)}.ping-dot-container{position:relative;display:flex;height:6px;width:6px}.ping-dot-animate{position:absolute;display:inline-flex;height:100%;width:100%;border-radius:50%;background-color:var(--primary);opacity:.75;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2.5);opacity:0}}.ping-dot{position:relative;display:inline-flex;border-radius:50%;height:6px;width:6px;background-color:var(--primary)}.hero-title{margin-bottom:1.5rem;line-height:.95}.hero-title-line1{display:block;font-family:var(--font-display);font-size:clamp(3rem,9vw,7rem);font-weight:900;letter-spacing:.15em;color:var(--on-surface)}.hero-title-line2{display:block;font-family:var(--font-accent);font-style:italic;font-size:clamp(3.5rem,10vw,8rem);font-weight:400;color:var(--primary);-webkit-text-fill-color:var(--primary);margin-top:-.15em}.hero-role{font-family:var(--font-display);font-size:clamp(.75rem,1.5vw,1rem);font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--secondary);margin-bottom:2rem}.hero-tagline{font-family:var(--font-body);font-weight:300;font-size:clamp(.875rem,1.2vw,1.125rem);color:var(--text-muted);max-width:38rem;margin:0 auto 3rem;line-height:1.7}.hero-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}@media(min-width:640px){.hero-actions{flex-direction:row}}.primary-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;height:3.25rem;padding:0 2rem;background:var(--gold-gradient);border:none;border-radius:.375rem;color:#1a1400;font-family:var(--font-display);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;transition:all .3s ease;cursor:pointer}.primary-btn:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 8px 25px #d4af374d}.icon-arrow{font-size:1.125rem;color:#1a1400;transition:transform .3s ease}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.secondary-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;height:3.25rem;padding:0 2rem;background:transparent;border:1px solid rgba(162,231,255,.2);border-radius:.375rem;color:var(--on-surface);font-family:var(--font-display);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;transition:all .3s ease;cursor:pointer}.secondary-btn:hover{border-color:var(--secondary);box-shadow:0 0 15px #00d2fd26;background:#a2e7ff0a}.text-sm{font-size:1.125rem;transition:transform .3s ease}.dropdown-container{position:relative;display:inline-block}.dropdown-container.active-dropdown{z-index:100}.dropdown-menu{position:absolute;top:calc(100% + .75rem);left:50%;transform:translate(-50%) translateY(8px);width:220px;background:#1c1b1cf2;border:1px solid rgba(212,175,55,.15);border-radius:.5rem;padding:.5rem;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:50;box-shadow:0 10px 40px #0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dropdown-menu.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border-radius:.375rem;transition:all .2s ease;text-decoration:none}.dropdown-item .material-symbols-outlined{font-size:1.125rem;color:#d4af3766;transition:color .2s ease}.dropdown-item:hover{background:#d4af3714;color:#fff}.dropdown-item:hover .material-symbols-outlined{color:var(--primary)}.hero-marquee{position:absolute;bottom:5.5rem;left:0;width:100%;overflow:hidden;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);padding:1rem 0}.marquee-item{display:inline-flex;align-items:center;gap:.75rem;padding:0 2rem;font-family:var(--font-display);font-size:.6875rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:#e5e2e34d;white-space:nowrap}.marquee-dot{width:5px;height:5px;border-radius:50%;background:var(--primary-container);opacity:.5;flex-shrink:0}.scroll-indicator{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.3;z-index:10}.scroll-text{font-family:var(--font-label);font-size:.5625rem;text-transform:uppercase;letter-spacing:.3em;font-weight:700;color:var(--primary)}.scroll-line{width:1px;height:2.5rem;background:linear-gradient(to bottom,var(--primary),transparent)}@media(max-width:768px){.hero-arcs{top:-5%;right:-30%;width:80vw;height:80vw}.hero-marquee{bottom:4.5rem}}.about-section{padding:8rem 0;position:relative}.about-header{margin-bottom:5rem;text-align:center}.about-layout{display:grid;grid-template-columns:1fr;gap:4rem;align-items:start}@media(min-width:1024px){.about-layout{grid-template-columns:380px 1fr;gap:5rem}}.portrait-column{display:flex;flex-direction:column;align-items:center;gap:2rem}.hex-portrait-wrapper{position:relative;width:280px;height:320px}.hex-portrait{width:100%;height:100%;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);overflow:hidden}.hex-img{width:100%;height:100%;object-fit:cover;filter:grayscale(40%) contrast(1.1);transition:filter .7s ease}.hex-img:hover{filter:grayscale(0%) contrast(1)}.hex-border{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(135deg,var(--primary-container),rgba(212,175,55,.2));z-index:-1}.portrait-stats{display:flex;gap:1.5rem}.stat-bubble{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 1.5rem;background:var(--surface-container);border:1px solid rgba(212,175,55,.1);border-radius:.5rem}.stat-number{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--primary)}.stat-text{font-family:var(--font-label);font-size:.625rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.skills-column{display:flex;flex-direction:column;gap:3rem}.skill-category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.skill-category-line{width:2.5rem;height:2px;background:var(--primary-container)}.skill-category-title{font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--on-surface);display:flex;align-items:center;gap:.75rem}.skill-cat-icon{font-size:1rem;color:var(--primary)}.skill-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.skill-card{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--surface-container);border:1px solid rgba(255,255,255,.04);border-radius:.5rem;transition:all .3s ease}.skill-card:hover{border-color:#d4af3733;background:var(--surface-container-high);transform:translateY(-2px)}.skill-name{font-family:var(--font-body);font-size:.9375rem;font-weight:500;color:var(--on-surface)}.skill-level{padding:.25rem .75rem;border-radius:.25rem;font-family:var(--font-label);font-size:.5625rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}@media(max-width:640px){.hex-portrait-wrapper{width:220px;height:250px}.skill-cards{grid-template-columns:1fr}}.projects-section{padding:8rem 0;position:relative}.projects-header{text-align:center;margin-bottom:4rem}.filter-bar{display:flex;flex-direction:column;gap:1.5rem;align-items:center;margin-bottom:4rem}@media(min-width:768px){.filter-bar{flex-direction:row;justify-content:space-between}}.filter-label{font-family:var(--font-label);font-size:.6875rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted)}.filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.filter-btn{padding:.5rem 1.5rem;border-radius:.375rem;font-family:var(--font-display);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border:1px solid rgba(255,255,255,.06);background:var(--surface-container);color:var(--text-muted);cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:#d4af374d;color:var(--primary)}.filter-btn.active{background:var(--gold-gradient);border-color:transparent;color:#1a1400;font-weight:700;box-shadow:0 4px 15px #d4af3740}.projects-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{display:block;border-radius:.75rem;overflow:hidden;background:var(--surface-container-low);transition:all .5s cubic-bezier(.23,1,.32,1);text-decoration:none;cursor:pointer}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0006,0 0 0 1px #d4af3733}.project-image-wrapper{position:relative;aspect-ratio:4/3;overflow:hidden}.project-img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease,filter .8s ease;filter:brightness(.7) saturate(.8)}.project-card:hover .project-img{transform:scale(1.08);filter:brightness(.4) saturate(.6)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:1.5rem;background:linear-gradient(to top,rgba(10,10,11,.9) 0%,transparent 60%);opacity:0;transition:opacity .5s ease}.project-card:hover .project-overlay{opacity:1}.overlay-content{transform:translateY(10px);transition:transform .5s ease}.project-card:hover .overlay-content{transform:translateY(0)}.overlay-subtitle{font-family:var(--font-label);font-size:.5625rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--primary);margin-bottom:.25rem;display:block}.overlay-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--on-surface)}.play-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#d4af3733;border:1px solid rgba(212,175,55,.4);margin-top:.75rem;color:#fff}.play-btn .material-symbols-outlined{font-size:1.25rem}.project-info{padding:1.25rem 1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.projects-footer{margin-top:4rem;text-align:center}.see-more-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--primary);transition:all .3s ease;padding:.75rem 2rem;border:1px solid rgba(212,175,55,.2);border-radius:.375rem}.see-more-link:hover{background:#d4af3714;border-color:var(--primary)}.see-more-link .material-symbols-outlined{font-size:1rem;transition:transform .3s ease}.see-more-link:hover .material-symbols-outlined{transform:translate(4px)}.experience-section{padding:8rem 0;position:relative}.journey-header{text-align:center;margin-bottom:5rem}.experience-grid{display:grid;gap:4rem;align-items:start}@media(min-width:1024px){.experience-grid{grid-template-columns:1fr 1fr;gap:3rem}}.timeline-column{position:relative}.timeline-container{position:relative;padding-left:3rem}.timeline-line{position:absolute;left:1.15rem;top:0;bottom:0;width:2px;background:#ffffff0f}.timeline-line-glow{width:100%;height:60%;background:var(--primary-container);box-shadow:0 0 10px #d4af3780}.timeline-item{position:relative;padding-bottom:3rem}.timeline-item:last-child{padding-bottom:0}.hex-icon{position:absolute;left:-3rem;top:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--surface-container);z-index:5;transition:all .3s ease}.hex-icon.active{background:var(--primary-container)}.hex-icon .material-symbols-outlined{font-size:1rem;color:var(--text-muted)}.hex-icon.active .material-symbols-outlined{color:#1a1400}.timeline-item:hover .hex-icon{background:var(--primary-container)}.timeline-item:hover .hex-icon .material-symbols-outlined{color:#1a1400}.timeline-card{padding:1.5rem;background:var(--surface-container-low);border:1px solid rgba(255,255,255,.04);border-radius:.5rem;border-left:3px solid rgba(255,255,255,.06);transition:all .4s ease}.timeline-card.active{border-left-color:var(--primary-container)}.timeline-item:hover .timeline-card{border-left-color:var(--primary-container);background:var(--surface-container)}.timeline-card-top{margin-bottom:.75rem}.date-badge{display:inline-block;font-family:var(--font-label);font-size:.5625rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;padding:.25rem .75rem;border-radius:.25rem;background:#ffffff0d;color:var(--text-muted)}.date-badge.active{background:#d4af371f;color:var(--primary)}.timeline-job-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--on-surface);margin-bottom:.25rem}.timeline-company{font-family:var(--font-body);font-size:.8125rem;color:var(--text-muted);margin-bottom:.75rem}.timeline-desc{font-family:var(--font-body);font-size:.875rem;color:var(--text-muted);line-height:1.7;font-weight:300}.contact-column{position:relative}@media(min-width:1024px){.contact-column{position:sticky;top:6rem}}.terminal-panel{border-radius:.75rem;overflow:hidden;background:var(--surface-container-low);border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 60px #0000004d}.terminal-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--surface-container);border-bottom:1px solid rgba(255,255,255,.04)}.terminal-dots{display:flex;gap:.375rem}.dot{width:.625rem;height:.625rem;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.terminal-title{font-family:var(--font-display);font-size:.6875rem;font-weight:500;color:var(--text-muted);letter-spacing:.05em}.terminal-body{padding:2rem;position:relative}.terminal-scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(162,231,255,.015) 2px,rgba(162,231,255,.015) 4px);pointer-events:none;z-index:1}.contact-title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--on-surface);margin-bottom:.5rem;position:relative;z-index:2}.contact-subtitle{color:var(--text-muted);font-size:.9375rem;margin-bottom:2rem;position:relative;z-index:2}.terminal-form{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:2}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{display:flex;align-items:center;gap:.5rem;font-family:var(--font-label);font-size:.5625rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--secondary)}.form-label-icon{font-size:.875rem;color:var(--secondary);opacity:.6}.terminal-input{width:100%;padding:.75rem 0;background:transparent;border:none;border-bottom:1px solid rgba(162,231,255,.15);color:var(--on-surface);font-family:var(--font-body);font-size:.9375rem;transition:all .3s ease}.terminal-input:focus{outline:none;border-bottom-color:var(--secondary);box-shadow:0 2px 8px #00d2fd26}.terminal-input::placeholder{color:#a2e7ff33;font-family:var(--font-display);font-size:.75rem;letter-spacing:.1em}.terminal-textarea{resize:none;min-height:80px}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem;background:var(--gold-gradient);border:none;border-radius:.375rem;color:#1a1400;font-family:var(--font-display);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:all .3s ease}.submit-btn .material-symbols-outlined{font-size:1.125rem}.submit-btn:hover{filter:brightness(1.15);box-shadow:0 8px 25px #d4af374d}.submit-btn.loading{opacity:.6;cursor:not-allowed}.status-msg{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.375rem;font-size:.8125rem;font-weight:500}.status-msg.success{background:#28c8401a;border:1px solid rgba(40,200,64,.2);color:#28c840}.status-msg.error{background:#ff5f571a;border:1px solid rgba(255,95,87,.2);color:#ff5f57}.status-msg .material-symbols-outlined{font-size:1.125rem}.terminal-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.04)}.terminal-status{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.5625rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#a2e7ff66}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.online{background:#28c840;box-shadow:0 0 6px #28c84099}.footer-section{position:relative;padding:6rem 0 3rem;border-top:1px solid rgba(255,255,255,.04)}.footer-name{text-align:center;margin-bottom:3rem}.footer-heading{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:.15em;color:var(--on-surface)}.footer-social{text-align:center;margin-bottom:4rem}.footer-social-label{font-family:var(--font-label);font-size:.5625rem;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem}.footer-social-links{display:flex;justify-content:center;gap:1rem}.footer-social-btn{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.375rem;background:var(--surface-container);border:1px solid rgba(212,175,55,.1);transition:all .3s ease;color:var(--primary-container)}.footer-social-btn:hover{background:#d4af371a;border-color:var(--primary);box-shadow:0 0 15px #d4af3740;transform:translateY(-3px)}.social-svg{width:1.125rem;height:1.125rem;fill:currentColor}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.04)}.footer-copyright{font-family:var(--font-display);font-size:.5625rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#e5e2e340}:root{--font-display: "Space Grotesk", sans-serif;--font-accent: "Playfair Display", serif;--font-label: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif;--bg-dark: #0a0a0b;--surface: #131314;--surface-container-low: #1c1b1c;--surface-container: #201f20;--surface-container-high: #2a2a2b;--surface-container-highest: #353436;--primary: #f2ca50;--primary-container: #d4af37;--color-gold: #D4AF37;--color-gold-light: #F3E5AB;--color-gold-dark: #996515;--secondary: #a2e7ff;--secondary-container: #00d2fd;--on-surface: #e5e2e3;--on-surface-variant: #d0c5af;--text-main: #e5e2e3;--text-muted: #9ca3af;--outline: #99907c;--outline-variant: #4d4635;--gold-gradient: linear-gradient(45deg, #d4af37, #f2ca50);--gold-glow: rgba(212, 175, 55, .15)}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-weight:300;background-color:var(--bg-dark);color:var(--on-surface);line-height:1.6;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.1}a{color:inherit;text-decoration:none;transition:color .3s ease}button{font-family:inherit;cursor:pointer}.glass-card{background:#ffffff05;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(212,175,55,.12);box-shadow:0 4px 30px #0000001a}.luxury-border{border:1px solid transparent;background:linear-gradient(var(--surface-container),var(--surface-container)) padding-box,var(--gold-gradient) border-box}.gold-glow{box-shadow:inset 0 0 10px #d4af3733,0 0 15px #d4af371a}.text-gold-gradient{background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gold-gradient{background:var(--gold-gradient)}.gold-rim{box-shadow:inset 0 0 10px #d4af3714,0 0 20px #d4af370a}.gold-icon{color:var(--color-gold);filter:drop-shadow(0 0 2px rgba(212,175,55,.5))}.pill-gold{border:1px solid rgba(212,175,55,.3);color:var(--color-gold);padding:.25rem .75rem;border-radius:9999px;font-size:.625rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.serif-accent{font-family:var(--font-accent);font-style:italic;color:var(--primary)}.label-text{font-family:var(--font-label);font-size:.6875rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--primary)}.section-badge{display:inline-block;padding:.375rem 1.25rem;border-radius:9999px;background:#d4af3714;border:1px solid rgba(212,175,55,.2);font-family:var(--font-label);font-size:.625rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--primary);margin-bottom:1.5rem}.section-heading{font-family:var(--font-display);font-size:clamp(3.5rem,8vw,7rem);font-weight:900;color:var(--on-surface);line-height:1;letter-spacing:-.03em}.section-heading .accent{font-family:var(--font-accent);font-style:italic;color:var(--primary);-webkit-text-fill-color:var(--primary)}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.progress-bar{position:fixed;left:0;top:50%;transform:translateY(-50%);width:3px;height:40vh;background:#ffffff0f;z-index:40;border-radius:2px}.progress-bar-fill{width:100%;background:var(--primary);border-radius:2px;box-shadow:0 0 8px #d4af3799;transition:height .3s ease}.reveal-on-scroll{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0)}.section-container{max-width:80rem;margin:0 auto;padding:0 1.5rem}.marquee-track{display:flex;animation:marquee 30s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}