:root{--charcoal: #161412;--charcoal-light: #25211d;--ink: #201d1a;--graphite: #34302b;--gold: #b7843a;--gold-light: #d5a85d;--gold-muted: rgba(183, 132, 58, .14);--ivory: #f7eee4;--paper: #efe0ce;--stone-100: #e7d4bd;--stone-200: #d4b996;--text-primary: #201d1a;--text-secondary: #625b52;--white-glass: rgba(248, 241, 231, .86);--shadow-soft: 0 28px 80px rgba(22, 20, 18, .12);--shadow-deep: 0 34px 90px rgba(10, 9, 8, .32)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,sans-serif;color:var(--text-primary);background-color:var(--ivory);background-image:linear-gradient(180deg,rgba(155,111,68,.08),transparent 460px),radial-gradient(circle at 12% 0%,rgba(219,174,112,.13),transparent 36%),radial-gradient(circle at 100% 18%,rgba(138,95,56,.1),transparent 40%);min-height:100vh;line-height:1.6;overflow-x:hidden}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.02;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}h1,h2,h3,h4{font-family:Playfair Display,serif;font-weight:700;margin:0;letter-spacing:0}main{min-height:100vh}.container{max-width:1180px;margin:0 auto;padding:0 20px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 28px;background-color:var(--charcoal);color:#fff;border-radius:6px;text-decoration:none;font-weight:600;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--charcoal);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary:hover{background-color:var(--gold);border-color:var(--gold);color:#fff;transform:translateY(-2px);box-shadow:0 16px 26px -18px #00000073}.accent-line{width:56px;height:1px;background:var(--gold);margin:24px auto}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.9}}@keyframes floatIn{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sectionReveal{0%{opacity:.45;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline: view()){.scroll-reveal,.profile-image-container,.content-wrapper,.contact-item,.contact-card,.sphere-card{animation:sectionReveal both ease-out;animation-timeline:view();animation-range:entry 0% cover 34%}}@media(min-width:768px){.container{padding:0 32px}}
