:root{--accent: #A5612E;--accent-deep: #7E481F;--accent-soft: #EFE3D0;--gold: #C98A4B;--ink: #211913;--ink-mid: #4C4238;--ink-muted: #6E6154;--ink-faint: #A2937F;--bg: #F6F1E8;--paper: #FBF8F2;--hairline: #E3D9C8;--dark: #1E1610;--cream: #F6F1E8;--font-body: "Noto Sans SC", "PingFang SC", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent);color:var(--cream)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.page{overflow-x:hidden}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}@media (min-width: 720px){.wrap{padding:0 40px}}.site-header{position:sticky;top:0;z-index:50;background:#f6f1e8d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:14px}.brand-link{display:inline-flex;padding:6px 0}nav{display:flex;align-items:center;gap:6px}.nav-link{font-size:15px;font-weight:500;color:var(--ink-mid);padding:10px 12px;border-radius:8px;transition:color .2s}.nav-link:hover{color:var(--accent-deep)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-weight:600;border-radius:999px;transition:background .2s}.btn-dark{font-size:14.5px;color:var(--cream);background:var(--ink);padding:10px 20px;margin-left:10px}.btn-dark:hover{background:var(--accent)}.btn-lg{font-size:16px;padding:14px 30px}.text-link{display:inline-flex;align-items:center;min-height:44px;gap:8px;font-size:16px;font-weight:600;color:var(--ink);transition:color .2s}.text-link-arrow{transition:transform .2s}.text-link:hover{color:var(--accent)}.text-link:hover .text-link-arrow{transform:translate(4px)}.eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-deep);margin:0 0 20px}.eyebrow:before{content:"";width:28px;height:1.5px;background:var(--accent);flex:none}.eyebrow-gold{color:var(--gold)}.eyebrow-gold:before{background:var(--gold)}h1,h2{font-weight:600;letter-spacing:-.02em;margin:0}h1{font-size:clamp(36px,4.8vw,56px);line-height:1.22}h2{font-size:clamp(28px,3.6vw,42px);line-height:1.25}h1 em{font-style:normal;color:var(--accent)}.hero{border-bottom:1px solid var(--hairline)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding-block:clamp(64px,10vh,120px) clamp(48px,7vh,80px)}.hero-body{font-size:17.5px;line-height:1.75;color:var(--ink-muted);max-width:460px;margin:26px 0 38px}.hero-cta{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.hero-visual{display:flex;align-items:center;justify-content:center}.hero-art{width:min(400px,100%);height:auto;overflow:visible}@keyframes oolong-ripple{0%{transform:scale(.12);opacity:0}10%{opacity:.4}to{transform:scale(1);opacity:0}}@keyframes oolong-drift{0%,to{transform:rotate(0) translate(0)}50%{transform:rotate(3deg) translate(5px,-4px)}}.ripple{transform-box:view-box;transform-origin:210px 210px;animation:oolong-ripple 9s cubic-bezier(.25,.55,.45,1) infinite}.ripple-2{animation-delay:3s}.ripple-3{animation-delay:6s}.tea-leaf{transform-box:view-box;animation:oolong-drift 11s ease-in-out infinite}.leaf-a{transform-origin:177px 189px}.leaf-b{transform-origin:299px 186px;animation-duration:13s;animation-delay:1.6s;animation-direction:reverse}.section-head{margin-bottom:clamp(40px,6vw,64px)}.services{background:var(--paper);padding:clamp(72px,10vw,110px) 0}.svc-list{border-top:1px solid var(--hairline)}.svc-row{display:grid;grid-template-columns:96px 1fr 1.25fr;gap:32px;align-items:start;padding:40px 8px;border-bottom:1px solid var(--hairline)}.svc-num{font-size:clamp(26px,2.8vw,34px);font-weight:600;line-height:1.1;color:var(--accent)}.svc-icon{display:block;margin-bottom:18px}.svc-row h3{font-size:22px;font-weight:600;margin:0 0 6px}.svc-en{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:0}.svc-body{font-size:16px;line-height:1.75;color:var(--ink-muted);margin:0 0 20px;max-width:480px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:13px;padding:6px 13px;border-radius:999px;border:1px solid var(--hairline);background:var(--bg);color:var(--ink-mid)}.contact{background:var(--dark);color:var(--cream);padding-block:clamp(80px,11vw,130px)}.contact .section-head{margin-bottom:16px}.contact-h2{color:var(--cream)}.contact-body{font-size:17px;line-height:1.75;color:#f6f1e8a8;max-width:520px;margin:0 0 clamp(32px,5vw,48px)}.contact-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.btn-light{background:var(--cream);color:var(--ink)}.btn-light:hover{background:var(--gold)}.reply-hint{font-size:13.5px;color:#f6f1e873;margin:0}footer{background:var(--bg);padding:52px 0 40px}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:36px;flex-wrap:wrap}.footer-brand{max-width:320px}.footer-brand p{font-size:14px;line-height:1.7;color:var(--ink-muted);margin:10px 0 0}.footer-cols{display:flex;gap:64px;flex-wrap:wrap}.col-title{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 12px}.footer-link{display:block;font-size:14.5px;color:var(--ink-mid);padding-block:6px;transition:color .2s}.footer-link:hover{color:var(--accent-deep)}.footer-bottom{margin-top:40px;padding-top:22px;border-top:1px solid var(--hairline);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink-faint)}@media (max-width: 960px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-art{width:min(300px,76vw)}.svc-row{grid-template-columns:64px 1fr}.svc-detail{grid-column:2}}@media (max-width: 560px){.svc-row{grid-template-columns:1fr;gap:16px;padding-block:32px}.svc-detail{grid-column:1}.nav-link{padding:10px 8px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.ripple,.tea-leaf{animation:none}.btn,.nav-link,.text-link,.text-link-arrow,.footer-link{transition:none}}