:root{--bg-color: #0d0d0d;--text-color: #b7ab98;--accent-color: #ee5d3b;--font-heading: "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);overflow-x:hidden}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.02em}a{color:inherit;text-decoration:none;transition:opacity .3s ease}a:hover{opacity:.7}ul{list-style:none}.cursor-dot{width:8px;height:8px;background-color:var(--accent-color);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .3s,height .3s}.cursor-dot.large{width:40px;height:40px;background-color:transparent;border:1px solid var(--accent-color)}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.text-accent{color:var(--accent-color)}::selection{background-color:var(--accent-color);color:#fff}.nav{position:fixed;top:0;left:0;width:100%;padding:2rem 0;z-index:100;background:linear-gradient(to bottom,var(--bg-color) 0%,transparent 100%)}.nav-container{display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:800}.nav-links{display:flex;gap:3rem}.nav-link{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;opacity:.6}.nav-link:hover{opacity:1;color:var(--accent-color)}.hero{height:100vh;display:flex;align-items:center;position:relative;padding-top:5rem}.hero-content{display:flex;flex-direction:column;gap:2rem}.hero-eyebrow{color:var(--accent-color);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;display:block;margin-bottom:1rem}.hero-title{font-size:clamp(4rem,15vw,10rem);line-height:.9;font-weight:900;margin:0}.hero-footer{display:flex;flex-direction:column;gap:2rem;max-width:600px;margin-top:2rem}.hero-description{font-size:1.25rem;color:var(--text-color);opacity:.8;line-height:1.6}.hero-description .highlight{color:#fff;font-weight:600}.hero-links{display:flex;gap:1.5rem;align-items:center}.hero-links a{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;border:1px solid rgba(183,171,152,.2);transition:all .3s ease}.hero-links a:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}section{padding:10rem 0}.section-header{margin-bottom:4rem}.section-eyebrow{color:var(--accent-color);font-size:.75rem;font-weight:600;letter-spacing:.3em;display:block;margin-bottom:.5rem}.section-title{font-size:clamp(2.5rem,8vw,6rem);font-weight:950;opacity:.4;line-height:1}.about-content{max-width:800px}.about-text{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.3;color:#fff;margin-bottom:2rem;font-weight:500}.about-text.secondary{font-size:1.25rem;opacity:.6;font-weight:400;line-height:1.6}.experience-list{display:flex;flex-direction:column}.experience-item{display:grid;grid-template-columns:1fr 2fr;padding:4rem 0;border-bottom:1px solid rgba(183,171,152,.1);gap:2rem;transition:all .4s ease}@media(max-width:768px){.experience-item{grid-template-columns:1fr}}.experience-item:hover{border-bottom-color:var(--accent-color)}.exp-period{font-size:.875rem;opacity:.6;display:block;margin-bottom:.5rem}.exp-company{font-size:clamp(2rem,5vw,4rem);font-weight:900;margin:0;transition:color .3s ease}.experience-item:hover .exp-company{color:var(--accent-color)}.exp-role{font-size:1.125rem;font-weight:600;color:#fff;margin-top:.5rem;display:block}.exp-description{font-size:1.125rem;line-height:1.6;opacity:.8;margin-bottom:1.5rem}.exp-highlights{display:flex;flex-wrap:wrap;gap:.75rem}.exp-tag{background:#b7ab980d;padding:.35rem 1rem;border-radius:99px;font-size:.875rem;font-weight:500;border:1px solid rgba(183,171,152,.1)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.skill-card{background:#b7ab9808;padding:2.5rem;border:1px solid rgba(183,171,152,.05);display:flex;flex-direction:column;gap:1.5rem;transition:all .4s ease}.skill-card:hover{background:#b7ab9812;border-color:var(--accent-color);transform:translateY(-5px)}.skill-icon{color:var(--accent-color)}.skill-name{font-size:1.25rem;font-weight:700;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:6rem}@media(max-width:992px){.contact-grid{grid-template-columns:1fr}}.contact-heading{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;font-weight:800;margin-bottom:2rem;color:#fff}.contact-subtext{font-size:1.25rem;opacity:.6;line-height:1.6;max-width:500px}.contact-methods{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#b7ab9808;border:1px solid rgba(183,171,152,.05);transition:all .3s ease}.contact-item:hover{border-color:var(--accent-color);background:#b7ab9812}.contact-icon{width:54px;height:54px;background:#ee5d3b1a;color:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.contact-detail span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.5;margin-bottom:.25rem}.contact-detail strong{font-size:1.125rem;color:#fff}.sound-toggle{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:1rem;background:#0d0d0dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.25rem;border-radius:99px;border:1px solid rgba(183,171,152,.1);cursor:pointer;z-index:100}.sound-visual{display:flex;align-items:center;gap:2px;height:12px}.sound-bar{width:2px;background:var(--accent-color)}.sound-text{font-size:.7rem;font-weight:700;letter-spacing:.1em;opacity:.6}.footer{border-top:1px solid rgba(183,171,152,.1);padding:4rem 0 2rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-bottom p{font-size:.875rem;opacity:.4}.footer-socials{display:flex;gap:1.5rem}.footer-socials a{opacity:.4;transition:all .3s ease}.footer-socials a:hover{opacity:1;color:var(--accent-color)}