@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400&family=Inter:wght@300;400;500;600;700&family=IM+Fell+English:ital@1&display=swap";:root{--cream: #f5f0e8;--cream-dark: #ece5d6;--cream-hover: #e8e0ce;--navy: #16213a;--navy-light: #1e2e52;--gold: #c4973a;--gold-light: #d4af60;--gold-dim: #b08830;--charcoal: #2c2c2c;--mid-grey: #5a5a5a;--light-grey: #999999;--white: #ffffff;--card-bg: #ffffff;--border: #d8ceba;--border-strong: #b8a88a;--font-serif: "Playfair Display", "Georgia", serif;--font-sans: "Inter", system-ui, sans-serif;--font-italic: "IM Fell English", serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--shadow-sm: 0 1px 4px rgba(22, 33, 58, .07), 0 2px 10px rgba(22, 33, 58, .06);--shadow-md: 0 4px 16px rgba(22, 33, 58, .12), 0 8px 28px rgba(22, 33, 58, .08);--shadow-lg: 0 10px 40px rgba(22, 33, 58, .18);--transition: all .22s cubic-bezier(.4, 0, .2, 1);--nav-bg: rgba(245, 240, 232, .97);--nav-border: var(--border);--nav-text: var(--mid-grey);--nav-active: var(--navy);--nav-brand: var(--navy);--page-bg: var(--cream);--text-primary: var(--charcoal);--text-secondary: var(--mid-grey);--text-muted: var(--light-grey);--footer-bg: #16213a;--footer-text: rgba(255, 255, 255, .55)}[data-theme=dark]{--cream: #0f1117;--cream-dark: #161b27;--cream-hover: #1c2333;--navy: #e8d8b8;--navy-light: #d4be96;--gold: #c4973a;--gold-light: #d4af60;--gold-dim: #b08830;--charcoal: #e0d8cc;--mid-grey: #9aa3b5;--light-grey: #5e677a;--white: #1e2537;--card-bg: #1a2035;--border: #2a3350;--border-strong: #3a4a6a;--nav-bg: rgba(15, 17, 23, .97);--nav-border: #242c42;--nav-text: #8a95aa;--nav-active: #e8d8b8;--nav-brand: #e8d8b8;--page-bg: var(--cream);--text-primary: #e0d8cc;--text-secondary: #9aa3b5;--text-muted: #5e677a;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .25), 0 2px 10px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35), 0 8px 28px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .45);--footer-bg: #08090d;--footer-text: rgba(255, 255, 255, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--page-bg);color:var(--text-primary);line-height:1.75;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}h1,h2,h3,h4,h5{font-family:var(--font-serif);color:var(--navy);line-height:1.2}a{color:inherit;text-decoration:none}.ant-layout,.ant-layout-content{background:transparent!important}.ant-card{background:var(--card-bg)!important;border-color:var(--border)!important;color:var(--text-primary)!important}.ant-card-head{border-bottom-color:var(--border)!important;font-family:var(--font-serif)!important;color:var(--navy)!important;background:var(--card-bg)!important}.ant-card-body{padding:20px!important}.ant-btn-primary{background:var(--gold)!important;border-color:var(--gold)!important;color:var(--white)!important}.ant-btn-primary:hover{background:var(--gold-dim)!important;border-color:var(--gold-dim)!important}[data-theme=dark] .ant-modal-content{background:var(--card-bg)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .ant-modal-header{background:var(--card-bg)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .ant-modal-title{color:var(--navy)!important}[data-theme=dark] .ant-modal-close{color:var(--text-secondary)!important}[data-theme=dark] .ant-form-item-label>label{color:var(--text-primary)!important}[data-theme=dark] .ant-input,[data-theme=dark] .ant-input-affix-wrapper,[data-theme=dark] textarea.ant-input{background:var(--cream-dark)!important;border-color:var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .ant-input::placeholder{color:var(--text-muted)!important}[data-theme=dark] .ant-drawer-content{background:var(--cream-dark)!important;color:var(--text-primary)!important}[data-theme=dark] .ant-drawer-header{background:var(--cream-dark)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .ant-drawer-title{color:var(--navy)!important}.section-title{font-family:var(--font-serif);font-size:2.2rem;font-weight:700;color:var(--navy);text-align:center;margin-bottom:.5rem;letter-spacing:-.01em}.section-title:after{content:"";display:block;width:50px;height:2px;background:var(--gold);margin:.6rem auto 2rem;border-radius:2px}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:.95rem;font-style:italic;font-family:var(--font-italic);margin-top:-1.5rem;margin-bottom:2.5rem;letter-spacing:.01em}.btn-classic{display:inline-flex;align-items:center;gap:6px;padding:.6rem 1.5rem;background:var(--gold);color:#fff;font-family:var(--font-sans);font-size:.88rem;font-weight:600;border:2px solid var(--gold);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;transition:var(--transition)}.btn-classic:hover{background:var(--gold-dim);border-color:var(--gold-dim);color:#fff;transform:translateY(-1px)}.btn-classic-outline{display:inline-flex;align-items:center;gap:6px;padding:.6rem 1.5rem;background:transparent;color:var(--navy);font-family:var(--font-sans);font-size:.88rem;font-weight:600;border:2px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;transition:var(--transition)}.btn-classic-outline:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}.tag-pill{display:inline-block;padding:.18rem .65rem;background:var(--cream-dark);color:var(--navy);font-size:.75rem;font-weight:600;border-radius:3px;border:1px solid var(--border);margin:2px 3px;letter-spacing:.04em;text-transform:uppercase}.ornament{text-align:center;color:var(--gold);font-size:1.1rem;letter-spacing:.4em;margin:1.5rem 0;opacity:.6}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 3.5rem;height:68px;position:fixed;top:0;left:0;width:100%;z-index:1000;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow .3s ease,background .3s ease,border-color .3s ease}.navbar.scrolled{box-shadow:var(--shadow-sm)}.navbar-brand{font-family:var(--font-serif);font-size:1.55rem;font-weight:700;color:var(--nav-brand);letter-spacing:.02em;white-space:nowrap;background:none;border:none;cursor:pointer;padding:0;transition:color .3s}.navbar-brand span{color:var(--gold)}.navbar-right{display:flex;align-items:center;gap:.5rem}.navbar-links{display:flex;align-items:center;gap:0;list-style:none}.navbar-links li button{background:none;border:none;font-family:var(--font-sans);font-size:.78rem;font-weight:600;color:var(--nav-text);padding:.45rem .85rem;cursor:pointer;position:relative;transition:color .2s;letter-spacing:.1em;text-transform:uppercase}.navbar-links li button:after{content:"";position:absolute;bottom:-1px;left:50%;right:50%;height:2px;background:var(--gold);border-radius:2px;transition:left .22s cubic-bezier(.4,0,.2,1),right .22s cubic-bezier(.4,0,.2,1)}.navbar-links li button:hover,.navbar-links li button.active{color:var(--nav-active)}.navbar-links li button:hover:after,.navbar-links li button.active:after{left:.85rem;right:.85rem}.theme-toggle{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--cream-dark);border:1px solid var(--border);border-radius:50%;cursor:pointer;font-size:1rem;color:var(--gold);transition:var(--transition);margin-left:.75rem;flex-shrink:0}.theme-toggle:hover{background:var(--gold);color:#fff;border-color:var(--gold);transform:rotate(15deg) scale(1.08)}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.4rem;color:var(--nav-brand);cursor:pointer;padding:.3rem}.page-wrapper{min-height:calc(100vh - 124px);padding-top:96px;max-width:1160px;margin:0 auto;padding-left:2rem;padding-right:2rem;padding-bottom:4rem}.site-footer{background:var(--footer-bg);color:var(--footer-text);text-align:center;padding:1.2rem 2rem;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;transition:background .3s ease}.site-footer strong{color:var(--gold-light);font-family:var(--font-serif);text-transform:none;letter-spacing:0;font-size:.9rem}.home-container{display:flex;align-items:center;justify-content:space-between;gap:4rem;min-height:calc(100vh - 200px);padding-top:1rem}.home-lhs{flex:1;min-width:0}.home-greeting{font-family:var(--font-sans);font-size:.75rem;font-weight:700;color:var(--gold);letter-spacing:.25em;text-transform:uppercase;margin-bottom:.75rem;display:flex;align-items:center;gap:.6rem}.home-greeting:before,.home-greeting:after{content:"——";color:var(--gold);opacity:.5;font-weight:300;letter-spacing:-.1em}.home-name{font-family:var(--font-serif);font-size:clamp(2.8rem,5vw,4.2rem);font-weight:900;color:var(--navy);margin-bottom:.6rem;line-height:1;letter-spacing:-.02em}.home-type{font-family:var(--font-italic);font-size:1.3rem;color:var(--gold);margin-bottom:1.4rem;min-height:2rem;letter-spacing:.01em}.home-bio{font-size:.97rem;color:var(--text-secondary);max-width:480px;margin-bottom:2rem;line-height:1.85}.home-divider{width:48px;height:2px;background:var(--gold);margin:1.2rem 0;border-radius:2px}.home-social{display:flex;gap:.85rem;margin-bottom:2rem;align-items:center}.home-social a{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--card-bg);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-decoration:none}.home-social a:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-3px);box-shadow:0 4px 12px #c4973a40}.home-cta{display:flex;gap:.85rem;flex-wrap:wrap}.home-rhs{flex-shrink:0;display:flex;justify-content:center}.home-avatar-wrapper{position:relative}.home-avatar-ring{width:300px;height:300px;border-radius:50%;border:3px solid var(--gold);padding:6px;background:var(--card-bg);box-shadow:0 0 0 10px var(--cream-dark),var(--shadow-md);transition:box-shadow .3s ease}.home-avatar-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top}.home-gold-dot{position:absolute;width:18px;height:18px;background:var(--gold);border-radius:50%;bottom:18px;right:18px;border:3px solid var(--page-bg);box-shadow:0 0 0 2px var(--gold)}.about-wrapper{width:100%}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start}.journey-card{position:relative;background:var(--card-bg);border-left:3px solid var(--gold);border-radius:var(--radius-md);padding:1.1rem 1.3rem 1rem;margin-bottom:.85rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.journey-card:hover{box-shadow:var(--shadow-md);transform:translate(5px)}.profile-avatar{width:150px;height:150px;border-radius:50%;border:3px solid var(--gold);object-fit:cover;object-position:top;margin:0 auto 1.3rem;display:block;box-shadow:0 0 0 8px var(--cream-dark),var(--shadow-sm)}.about-bio{font-size:.94rem;line-height:1.85;color:var(--text-secondary);text-align:justify;margin-bottom:.8rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.5rem}.project-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;cursor:pointer;border-bottom:3px solid transparent}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px);border-bottom-color:var(--gold)}.project-card img{width:100%;height:185px;object-fit:cover;display:block}.project-card-body{padding:1.1rem 1.2rem 1.2rem}.project-card-body h3{font-size:1rem;color:var(--navy);margin-bottom:.45rem;font-family:var(--font-serif)}.project-card-body p{font-size:.83rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.7rem}.project-expand-btn{position:absolute;top:10px;right:10px;background:var(--gold);color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;box-shadow:var(--shadow-sm);transition:var(--transition);z-index:5}.project-expand-btn:hover{background:var(--gold-dim);transform:scale(1.12)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:1rem}.skill-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.4rem 1rem 1rem;text-align:center;box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.skill-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.skill-card .skill-icon{font-size:2rem;margin-bottom:.7rem;display:block}.skill-card h3{font-size:.9rem;font-weight:600;color:var(--text-primary);font-family:var(--font-sans)}.skill-tooltip{position:absolute;bottom:0;left:0;right:0;background:#16213ae6;color:#fff;font-size:.75rem;padding:.5rem .7rem;opacity:0;transform:translateY(100%);transition:opacity .2s,transform .2s;line-height:1.45;text-align:center}.skill-card:hover .skill-tooltip{opacity:1;transform:translateY(0)}.contact-wrapper{max-width:560px;margin:0 auto}.contact-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-md);transition:background .3s ease,border-color .3s ease}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.5rem}.service-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.8rem 1.6rem;box-shadow:var(--shadow-sm);transition:var(--transition);border-top:3px solid transparent}.service-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-top-color:var(--gold)}.service-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--cream-dark);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--gold);margin-bottom:1rem;border:1px solid var(--border)}.service-card h3{font-size:1.05rem;color:var(--navy);margin-bottom:.5rem;font-family:var(--font-serif)}.service-card p{font-size:.87rem;color:var(--text-secondary);line-height:1.65;margin-bottom:.75rem}.service-detail{font-size:.78rem;color:var(--text-muted);border-top:1px solid var(--border);padding-top:.6rem;line-height:1.5}@media (max-width: 900px){.navbar{padding:0 1.5rem}.home-avatar-ring{width:240px;height:240px}}@media (max-width: 768px){.navbar-links{display:none}.mobile-menu-btn{display:flex;align-items:center}.page-wrapper{padding-left:1.2rem;padding-right:1.2rem;padding-top:88px}.home-container{flex-direction:column-reverse;text-align:center;gap:2.5rem;min-height:auto;padding-top:0}.home-greeting{justify-content:center}.home-bio{margin-left:auto;margin-right:auto}.home-social,.home-cta{justify-content:center}.home-avatar-ring{width:210px;height:210px}.about-grid,.projects-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:1fr}.contact-card{padding:1.5rem}.section-title{font-size:1.8rem}.home-name{font-size:2.5rem}}@media (max-width: 480px){.skills-grid{grid-template-columns:1fr}.home-name{font-size:2rem}}