:root{color-scheme:light;--font-sans: "Inter", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.75rem;--font-size-5xl: 3.5rem;--color-bg: #faf8f5;--color-bg-alt: #f2ede6;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #6b6b6b;--color-text-muted: #999999;--color-accent: #b8864e;--color-accent-light: #d4a76a;--color-accent-dark: #8b6a3e;--color-border: rgba(0, 0, 0, .06);--color-overlay: rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08);--max-width: 1120px;--nav-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}input,textarea{font:inherit;border:none;outline:none}img{max-width:100%;display:block}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);background:#faf8f5eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.navbar-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:baseline;gap:8px;font-size:var(--font-size-xl);font-weight:700;color:var(--color-accent-dark);letter-spacing:.04em}.nav-logo-tag{font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-muted);letter-spacing:.06em}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:4px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-text);border-radius:2px;transition:transform .25s,opacity .25s}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-links{display:flex;gap:8px}.nav-links button{padding:8px 18px;font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:background .2s,color .2s;letter-spacing:.04em}.nav-links button:hover{background:#b8864e1a;color:var(--color-accent-dark)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(184,134,78,.08),transparent),radial-gradient(ellipse 60% 50% at 80% 70%,rgba(212,167,106,.06),transparent),linear-gradient(160deg,#faf8f5,#f2ede6,#e8dfd4);z-index:0}.hero-content{position:relative;z-index:1;text-align:center;max-width:720px;padding:0 24px}.hero-eyebrow{font-size:var(--font-size-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:20px}.hero-title{font-size:clamp(2.5rem,7vw,var(--font-size-5xl));font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--color-text);margin-bottom:24px}.hero-desc{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.7;max-width:560px;margin:0 auto 40px}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-size:var(--font-size-base);font-weight:600;color:#fff;background:var(--color-accent);border-radius:var(--radius-sm);transition:background .25s,transform .15s;letter-spacing:.03em}.btn-primary:hover{background:var(--color-accent-dark);transform:translateY(-1px)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-size:var(--font-size-base);font-weight:600;color:var(--color-accent-dark);background:transparent;border:1.5px solid var(--color-accent-light);border-radius:var(--radius-sm);transition:background .25s,border-color .25s;letter-spacing:.03em}.btn-outline:hover{background:#b8864e0f;border-color:var(--color-accent)}.btn-full{width:100%}.section{padding:100px 24px}.section-alt{background:var(--color-bg-alt)}.section-inner{max-width:var(--max-width);margin:0 auto}.section-header{text-align:center;margin-bottom:56px}.section-label{display:inline-block;font-size:var(--font-size-sm);letter-spacing:.15em;color:var(--color-accent);text-transform:uppercase;margin-bottom:12px}.section-header h2{font-size:clamp(1.75rem,4vw,var(--font-size-4xl));font-weight:700;line-height:1.2;letter-spacing:-.01em}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.about-text p{color:var(--color-text-secondary);line-height:1.8;margin-bottom:20px;font-size:var(--font-size-lg)}.about-stats{display:flex;gap:32px;margin-top:32px}.stat{display:flex;flex-direction:column}.stat-number{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-accent-dark);line-height:1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:6px}.about-visual{display:flex;justify-content:center}.about-image-placeholder{width:100%;aspect-ratio:4 / 3;background:linear-gradient(135deg,#e8dfd4,#d4c9b8);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--color-text-muted)}.placeholder-icon{font-size:48px;opacity:.5}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.service-card{background:var(--color-surface);border-radius:var(--radius-md);padding:32px 24px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.service-icon{font-size:40px;display:block;margin-bottom:16px}.service-card h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:10px}.service-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.portfolio-card{border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform .25s,box-shadow .25s}.portfolio-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.portfolio-visual{aspect-ratio:16 / 10;display:flex;align-items:flex-start;justify-content:flex-end;padding:16px;position:relative}.portfolio-category{display:inline-block;padding:4px 14px;font-size:var(--font-size-sm);font-weight:500;color:#fff;background:#00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;letter-spacing:.06em}.portfolio-info{padding:20px 24px 24px}.portfolio-info h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:8px}.portfolio-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.contact-info{display:flex;flex-direction:column;gap:24px}.contact-item{display:flex;flex-direction:column;gap:4px}.contact-item-label{font-size:var(--font-size-sm);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase}.contact-item a,.contact-item span{font-size:var(--font-size-lg);color:var(--color-text)}.contact-item a:hover{color:var(--color-accent)}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form input,.contact-form textarea{width:100%;padding:14px 18px;background:var(--color-surface);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--color-text);transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-accent-light)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--color-text-muted)}.form-success{background:var(--color-surface);border-radius:var(--radius-md);padding:48px 32px;text-align:center;border:1px solid var(--color-border)}.form-success-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#d4edda;color:#155724;font-size:24px;font-weight:700;margin-bottom:16px}.form-success p{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.footer{border-top:1px solid var(--color-border);padding:32px 24px}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:baseline;gap:10px}.footer-brand strong{font-size:var(--font-size-lg);color:var(--color-accent-dark)}.footer-brand span,.footer-copy{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:32px}.services-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:32px}.footer-inner{flex-direction:column;gap:12px;text-align:center}}@media(max-width:640px){.nav-toggle{display:flex}.nav-links{position:fixed;top:var(--nav-height);left:0;right:0;flex-direction:column;background:#faf8f5fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 24px;gap:4px;border-bottom:1px solid var(--color-border);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .3s,opacity .3s}.nav-links.visible{transform:translateY(0);opacity:1;pointer-events:auto}.nav-links button{width:100%;text-align:left;padding:12px 16px;font-size:var(--font-size-base)}.section{padding:64px 20px}.services-grid,.portfolio-grid{grid-template-columns:1fr}.about-stats{gap:24px;flex-wrap:wrap}.hero-title{font-size:clamp(2rem,10vw,2.75rem)}.hero-actions{flex-direction:column;align-items:stretch}}