:root{--color-primary: #695948;--color-primary-container: #83725f;--color-secondary: #5c5e62;--color-tertiary: #735c00;--color-surface: #fafaf5;--color-surface-low: #f4f4ef;--color-surface-raise: #ffffff;--color-text: #1a1c19;--color-text-muted: #4d453e;--color-outline-soft: rgba(208, 196, 186, .2);--font-display: "Manrope", "Segoe UI", sans-serif;--font-body: "Inter", "Noto Sans TC", sans-serif;--radius-sm: 2px;--radius-pill: 999px;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--shadow-ambient: 0 20px 50px rgba(26, 28, 25, .05);--transition-curve: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--color-text);background:radial-gradient(circle at 10% 10%,rgba(131,114,95,.13),transparent 35%),radial-gradient(circle at 90% 85%,rgba(92,94,98,.1),transparent 30%),var(--color-surface);line-height:1.6}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1}.container{width:min(1120px,92vw);margin:0 auto}.section{padding:var(--space-16) 0}.surface-low{background:var(--color-surface-low)}.page-intro{max-width:62ch;margin-top:var(--space-4);color:var(--color-text-muted)}.hero{padding:calc(var(--space-16) + 2rem) 0 var(--space-16)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-10);align-items:end}.hero-copy h1{margin-top:var(--space-3);font-family:var(--font-display);font-size:clamp(2.1rem,5vw,3.9rem);line-height:1.08;letter-spacing:-.03em}.hero-copy p{margin-top:var(--space-6);color:var(--color-text-muted);max-width:52ch}.hero-actions{margin-top:var(--space-8);display:flex;gap:var(--space-4)}.hero-panel{min-height:320px;padding:var(--space-6);background:linear-gradient(135deg,#695948e0,#83725fad);box-shadow:var(--shadow-ambient);display:flex;align-items:end}.hero-panel-inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafaf533;padding:var(--space-6);color:#fff}.hero-panel-inner p{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;opacity:.9}.hero-panel-inner strong{margin-top:var(--space-3);display:block;font-family:var(--font-display);font-size:1.6rem;line-height:1.2}.project-grid,.service-card-grid{margin-top:var(--space-8);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr))}.service-grid{margin-top:var(--space-8);display:grid;gap:var(--space-6)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}.contact-list{margin-top:var(--space-6);padding-left:1.2rem;color:var(--color-text-muted)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}@media (max-width: 900px){.hero-grid,.contact-layout,.project-grid,.service-card-grid,.footer-grid{grid-template-columns:1fr}.hero{padding-top:calc(var(--space-16) + 1rem)}}.header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--color-outline-soft)}.glass-nav{background:#fafaf5cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-inner{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand-mark{width:30px;height:30px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-container))}.brand-name{font-family:var(--font-display);font-weight:700;line-height:1.2}.brand-subtitle{margin-top:2px;font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--color-text-muted)}.main-nav{display:flex;gap:var(--space-6)}.nav-link{position:relative;padding:var(--space-2) 0;color:var(--color-text-muted);transition:color .18s var(--transition-curve)}.nav-link:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:var(--color-tertiary);transform:translate(-50%);transition:width .22s var(--transition-curve)}.nav-link:hover:after,.nav-link-active:after{width:100%}.nav-link-active{color:var(--color-primary)}.eyebrow{font-size:.74rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-secondary)}.section-title h2{margin-top:var(--space-3);font-size:clamp(1.8rem,2.2vw,2.4rem);font-family:var(--font-display);line-height:1.12}.btn{border:0;border-radius:var(--radius-sm);padding:.75rem 1.25rem;font:inherit;cursor:pointer}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-container))}.btn-secondary{color:var(--color-primary);background:transparent;border:1px solid var(--color-outline-soft)}.project-card{background:var(--color-surface-raise);box-shadow:var(--shadow-ambient);overflow:hidden}.project-card-media{height:190px;background:linear-gradient(120deg,#695948f2,#5c5e62bf),repeating-linear-gradient(90deg,rgba(250,250,245,.14) 0,rgba(250,250,245,.14) 2px,transparent 2px,transparent 24px);transform:scale(1);transition:transform .35s var(--transition-curve)}.project-card:hover .project-card-media{transform:scale(1.05)}.project-card-body{padding:var(--space-6)}.project-card-body h3{margin-top:var(--space-3);font-family:var(--font-display);line-height:1.3}.project-card-body p{margin-top:var(--space-3);color:var(--color-text-muted)}.meta{font-size:.86rem}.chip{display:inline-block;padding:.2rem .75rem;border-radius:var(--radius-pill);background:#ece9e2;font-size:.78rem;color:var(--color-text-muted)}.service-strip,.service-card{background:var(--color-surface-raise);padding:var(--space-6);box-shadow:var(--shadow-ambient)}.service-strip h3,.service-card h3{font-family:var(--font-display)}.service-strip p,.service-card p{margin-top:var(--space-3);color:var(--color-text-muted)}.contact-form{padding:var(--space-8);background:var(--color-surface-low)}.contact-form label{display:block;margin-bottom:var(--space-6);font-size:.92rem;color:var(--color-text-muted)}.contact-form input,.contact-form select,.contact-form textarea{margin-top:var(--space-2);width:100%;border:0;border-bottom:1px solid rgba(127,117,109,.8);padding:.6rem 0;background:transparent;font:inherit}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-bottom-color:var(--color-primary)}.footer{padding:var(--space-10) 0;background:#f0efe9}.footer-title,.footer-heading{font-family:var(--font-display);margin-bottom:var(--space-2)}.footer p{color:var(--color-text-muted)}.reveal-up{animation:revealUp .7s var(--transition-curve) both}.reveal-up-delay{animation:revealUp .9s var(--transition-curve) both}@keyframes revealUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.main-nav{gap:var(--space-4);overflow-x:auto}.header-inner{align-items:flex-start;padding:var(--space-4) 0;flex-direction:column}}