:root{--color-bg:rgb(247, 242, 233);--color-surface: #FEFCF9;--color-text: #2C2C2C;--color-text-secondary: #666666;--color-text-muted: #999999;--color-border: #E8E5E0;--color-accent: #ca5370;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--max-width: 1200px;--section-padding: 80px 0;--container-padding: 0 40px;--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .04);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .06)}[data-theme=dark]{--color-bg: #1A1A1A;--color-surface: #252525;--color-text: #FFFFFF;--color-text-secondary: #CCCCCC;--color-text-muted: #999999;--color-border: #333333}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-sans);line-height:1.6;color:var(--color-text);background:var(--color-bg);transition:background-color .3s ease,color .3s ease;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.container{max-width:var(--max-width);margin:0 auto;padding:var(--container-padding)}.site-header{background:var(--color-bg);border-bottom:1px solid transparent;padding:30px 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);transition:box-shadow .3s ease}.site-header.scrolled{box-shadow:0 4px 30px #00000026}.nav{display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center}.brand-link{font-family:var(--font-serif);font-size:24px;font-weight:500;color:var(--color-text);text-decoration:none;letter-spacing:-.5px;transition:color .2s ease}.brand-link:hover{color:var(--color-accent)}.nav-links{display:flex;gap:40px}.nav-right{display:flex;align-items:center;gap:20px}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:12px;font-weight:500;letter-spacing:1px;transition:color .2s ease}.nav-link:hover{color:var(--color-text)}.contact-btn{background:var(--color-surface);border:1px solid var(--color-border);padding:8px 16px;border-radius:8px;font-size:12px;font-weight:500;letter-spacing:1px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-subtle)}.contact-btn:hover{color:var(--color-text);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.main-content{flex:1}.site-footer{background:var(--color-bg);border-top:1px solid var(--color-border);padding:40px 0;text-align:center}.site-footer p{font-size:12px;color:var(--color-text-muted);letter-spacing:.5px}@media (max-width: 768px){.container{padding:0 24px}.nav{flex-direction:row;gap:20px}.nav-links{gap:30px}.site-header{padding:20px 0}}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:none;border:none;cursor:pointer;padding:0;z-index:1001;overflow:visible;position:relative}.hamburger-line{width:100%;height:2px;background:var(--color-text);transition:all .3s ease;transform-origin:center}.mobile-menu-btn.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;backdrop-filter:blur(10px);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu-content{position:absolute;top:0;right:0;width:280px;height:100vh;background:var(--color-surface);padding:80px 40px 40px;display:flex;flex-direction:column;gap:32px;transform:translate(100%);transition:transform .3s ease}.mobile-menu.active .mobile-menu-content{transform:translate(0)}.mobile-nav-link{font-family:var(--font-sans);font-size:18px;font-weight:500;color:var(--color-text);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--color-border);transition:color .2s ease}.mobile-nav-link:hover{color:var(--color-accent)}.mobile-contact-btn{background:var(--color-accent);color:#fff;border:none;padding:16px 24px;border-radius:8px;font-family:var(--font-sans);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:20px}.mobile-contact-btn:hover{background:var(--color-text);transform:translateY(-1px)}@media (max-width: 480px){.nav{justify-content:space-between}.nav-links,.contact-btn{display:none}.mobile-menu-btn{display:flex}.nav-right{gap:0;margin-left:auto}.brand-link{font-size:20px}}.section-padding{padding:var(--section-padding)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}