@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Noto+Serif+SC:wght@400;500;600&display=swap');:root{--teal:#006e68;--dark:#063e3a;--cream:#f7f6f0;--ink:#1c302c;--muted:#68766f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}body.zh{font-family:'Noto Serif SC',serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fafbf7;position:sticky;top:0;z-index:50;box-shadow:0 1px 0 #e5e9e2}.brand{display:flex;align-items:center;gap:12px;color:var(--dark)}.mark{font-family:Georgia,serif;font-size:42px;font-weight:bold;line-height:1;position:relative}.grain{font-size:15px;position:absolute;left:17px;top:12px;color:#a5794d}.brandwords{display:flex;flex-direction:column;gap:5px}.brandwords strong{font-size:15px;letter-spacing:2px}.brandwords small{font-size:10px;letter-spacing:2px}.cnbrand{letter-spacing:1px;font-size:12px}nav{display:flex;gap:30px;font-size:13px;font-weight:600}nav a:hover{color:var(--teal)}.header-actions{display:flex;align-items:center;gap:14px}.langs{display:flex;border:1px solid #d4ded8;border-radius:30px;padding:3px}.lang{border:0;border-radius:20px;background:transparent;padding:8px 11px;color:var(--dark);font-size:12px}.lang.active{background:var(--teal);color:white}#menu{display:none;border:0;background:transparent;font-size:24px}.hero{min-height:690px;height:calc(100vh - 90px);max-height:920px;position:relative;display:flex;align-items:center;overflow:hidden;background:#244c45}.hero-photo{position:absolute;inset:0;background-image:url('rosewood-hero.png');background-size:cover;background-position:center;animation:slowZoom 22s ease-in-out infinite alternate}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,39,35,.88) 0%,rgba(5,39,35,.66) 42%,rgba(5,39,35,.08) 100%)}.hero-content{position:relative;color:white;margin-left:10%;max-width:700px;z-index:2}.eyebrow,.kicker{font-size:12px;font-weight:700;letter-spacing:3px;color:var(--teal)}.eyebrow{color:#e5c8a2}.hero h1,h2{font-family:'Playfair Display','Noto Serif SC',Georgia,serif;font-weight:400}.hero h1{font-size:clamp(53px,6.2vw,94px);line-height:1.09;letter-spacing:-2px;margin:25px 0}.hero h1 em,h2 em{font-weight:400;color:#d4af83}.hero p{max-width:515px;font-size:16px;line-height:1.9;color:#e4e8e3}.hero-buttons{display:flex;gap:12px;margin-top:35px}.btn{display:inline-block;padding:16px 27px;font-size:13px;font-weight:700;letter-spacing:.4px;transition:transform .3s,background .3s}.btn:hover{transform:translateY(-4px)}.primary{background:#008a82;color:white}.primary:hover{background:#006e68}.outline{border:1px solid #ffffffa6;color:white}.hero-foot{margin-top:80px;font-size:10px;letter-spacing:3px;color:#d2ded8}.hero-side{position:absolute;right:22px;top:50%;writing-mode:vertical-rl;color:#fff9;letter-spacing:4px;font-size:10px}.scroll{position:absolute;right:6%;bottom:35px;color:white;font-size:10px;letter-spacing:2px}.section{padding:115px 8%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.intro h2,.section-top h2,.contact h2{font-size:clamp(42px,4.6vw,68px);line-height:1.2;margin:20px 0}.intro h2 em,.section-top h2 em,.contact h2 em{color:var(--teal)}.intro-text>p{font-size:18px;line-height:2;color:#55615a}.parent{border-top:1px solid #cbd5ce;margin-top:32px;padding-top:25px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:#718078}.parent strong{font-size:16px;color:var(--dark)}.parent strong span{font-size:13px}.collections{background:#eaf2ed}.section-top{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.section-top h2{margin-bottom:0}.section-top p{max-width:290px;line-height:1.8;color:#63716a}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:300px 300px;gap:17px}.collection-card{position:relative;overflow:hidden;background:#b2b9aa}.collection-card.tall{grid-row:span 2;grid-column:span 2}.collection-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s;display:block}.collection-card:hover img{transform:scale(1.07)}.collection-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#001f1dbd)}.collection-info{position:absolute;bottom:24px;left:26px;right:26px;z-index:2;color:white}.collection-info>span:first-child{font-size:10px;letter-spacing:2px;color:#e0e9e1}.collection-info h3{font-family:'Playfair Display','Noto Serif SC',serif;font-size:26px;font-weight:400;margin:8px 0}.collection-card.tall h3{font-size:42px}.arrow{position:absolute;right:0;bottom:5px;font-size:23px}.craft{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.craft-photo img{width:100%;height:100%;object-fit:cover;display:block}.craft-copy{background:var(--dark);color:white;padding:12% 13%;display:flex;flex-direction:column;justify-content:center}.kicker.light{color:#9bd3c4}.craft h2{font-size:clamp(43px,4.5vw,67px);line-height:1.18;margin:22px 0}.craft p{color:#c2d5cf;line-height:1.95}.craft-points{margin-top:40px}.craft-points div{border-top:1px solid #ffffff32;padding:16px 0;display:flex;gap:26px;font-size:14px}.craft-points b{color:#91cbbd}.statement{text-align:center;padding:125px 8%;background:#faf9f5}.statement h2{font-size:clamp(36px,4.2vw,61px);line-height:1.35;margin:25px 0}.statement h2 em{color:var(--teal)}.decor{color:#bd9c72;font-size:35px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:14%;background:#e4eee8}.contact-left>p{max-width:470px;line-height:1.9;color:#607069;margin-bottom:30px}.contact-right{padding-top:10px}.detail{padding:22px 0;border-bottom:1px solid #c2d2c9}.detail>span{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--teal)}.detail p{font-size:17px;line-height:1.8;margin:12px 0}.detail a:hover{text-decoration:underline}.detail small{color:#7d8c84;font-size:11px}footer{background:#063e3a;color:#e4efea;padding:55px 8%;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px}footer .footer-brand{font-size:19px;font-weight:700;letter-spacing:2px}footer .footer-brand span{color:#a3c6ba}footer .footer-brand small{display:block;font-size:13px;letter-spacing:4px;margin-top:7px}footer p{color:#a2b9b0}.floating-wa{position:fixed;bottom:25px;right:25px;background:#12a877;color:white;z-index:30;width:57px;height:57px;border-radius:50%;display:grid;place-items:center;font-size:30px;box-shadow:0 8px 28px #0004}.reveal{animation:rise .9s both}.hero-content .reveal:nth-child(2){animation-delay:.15s}.hero-content .reveal:nth-child(3){animation-delay:.3s}.hero-content .reveal:nth-child(4){animation-delay:.45s}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slowZoom{to{transform:scale(1.09)}}@media(max-width:1000px){nav{gap:15px}.header{padding:0 4%}.brandwords strong{font-size:12px}.section{padding:80px 5%}.collection-grid{grid-template-rows:240px 240px}.craft-copy{padding:10%}}@media(max-width:760px){.header{height:72px}.brandwords strong{font-size:11px;letter-spacing:1px}.brandwords small{font-size:8px}.mark{font-size:34px}#menu{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fafbf7;padding:25px;flex-direction:column;box-shadow:0 12px 20px #0002}nav.open{display:flex}.hero{height:690px;min-height:0}.hero-overlay{background:linear-gradient(90deg,#052723d9,#05272355)}.hero-content{margin:0 7%;max-width:90%}.hero h1{font-size:clamp(45px,11vw,65px)}.hero p{font-size:14px}.hero-foot{margin-top:65px;font-size:9px;line-height:1.7}.hero-side,.scroll{display:none}.intro,.contact,.craft{grid-template-columns:1fr;gap:25px}.section{padding:75px 7%}.section-top{display:block}.collection-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,230px)}.collection-card.tall{grid-column:span 2;grid-row:span 1}.collection-card.tall h3{font-size:28px}.collection-info{bottom:16px;left:15px;right:15px}.collection-info h3{font-size:20px}.collection-info>span:first-child{font-size:8px}.craft-photo{height:330px}.craft-copy{padding:75px 8%}.statement{padding:80px 7%}footer{flex-direction:column;align-items:flex-start}.hero-buttons{flex-wrap:wrap}.btn{padding:14px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Wood species additions */
.timber-teaser{background:#f1f8f6}.timber-teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0}.timber-preview{background:white;border:1px solid #dce9e5;padding:30px;border-radius:6px;display:flex;flex-direction:column;gap:12px;color:#064d48}.timber-preview span{font-size:12px;opacity:.55}.timber-preview b{font-family:Georgia,serif;font-size:25px}.timber-preview small{font-size:15px;color:#657b72}.wood-page{background:#fafbf8;color:#163e39}.wood-hero{padding:150px 7% 70px;background:linear-gradient(120deg,#063f3a,#087e76);color:white}.wood-hero h1{font:clamp(40px,6vw,78px)/1.12 Georgia,serif;margin:15px 0}.wood-hero p{max-width:740px;line-height:1.8;color:#e1f2ee}.wood-main{padding:55px 7% 90px}.wood-note{border-left:4px solid #0c8b80;background:#eaf5f2;padding:18px 24px;line-height:1.7;margin:0 0 35px}.wood-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.wood-card{background:#fff;border:1px solid #e0eae5;border-radius:10px;overflow:hidden;box-shadow:0 12px 30px #123a3010}.wood-swatch{height:130px;position:relative;overflow:hidden;background:repeating-linear-gradient(174deg,transparent 0 7px,#ffffff16 8px 10px,transparent 12px 24px),linear-gradient(105deg,var(--wood-a),var(--wood-b),var(--wood-a))}.wood-swatch:after{content:'';position:absolute;inset:12px;border:1px solid #ffffff66;border-radius:50%;transform:scale(1.5) rotate(-9deg)}.wood-card-body{padding:26px}.wood-card h2{font:29px Georgia,serif;color:#064e48;margin:0 0 7px}.wood-cn{font-size:18px;color:#986a41;margin-bottom:15px}.wood-card p{line-height:1.75;color:#445e59;margin:10px 0}.wood-card .wood-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.wood-tags span{background:#e5f4ef;color:#075b52;border-radius:30px;padding:7px 12px;font-size:12px}.wood-card h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-top:15px;color:#086b62}.wood-disclaimer{font-size:13px;color:#687873;margin-top:30px;line-height:1.7}.wood-footer{padding:25px 7%;background:#063f3a;color:white;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.wood-footer a{color:white}.wood-back{display:inline-block;color:#fff;margin-top:18px;text-decoration:underline}.wood-page .header{background:white}.wood-page .header nav a{color:#164e48}@media(max-width:760px){.wood-grid,.timber-teaser-grid{grid-template-columns:1fr}.wood-hero{padding-top:125px}.wood-main{padding:30px 5%}}

/* Featured wood collection navigation */
.featured-wood-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.featured-wood{display:block;background:#fff;border:1px solid #dce8e1;border-radius:16px;overflow:hidden;text-decoration:none;color:#194f46;box-shadow:0 12px 30px #103d3210;transition:transform .2s,box-shadow .2s}.featured-wood:hover{transform:translateY(-6px);box-shadow:0 22px 45px #103d3224}.featured-wood img{width:100%;height:225px;object-fit:cover;display:block}.featured-wood>div{padding:24px}.featured-wood small{font-size:11px;letter-spacing:.13em;color:#7c8d79}.featured-wood h3{font-size:25px;margin:12px 0}.featured-wood h3 span{display:block;font-size:17px;color:#97764d;margin-top:4px}.featured-wood p{font-size:14px;color:#647f75;line-height:1.6}.featured-wood b{display:inline-block;margin-top:15px;color:#0b7368}.wood-video-panel{max-width:1150px;margin:25px auto 80px;padding:25px;background:#fff;border:1px solid #dce8e1;border-radius:16px}.wood-video-panel h2{font-size:27px;color:#154f46;margin:12px 0}.wood-video-panel h2 span{display:block;font-size:18px;color:#97764d}.wood-video-panel p{color:#637c72}.wood-video-panel video{display:block;width:100%;max-width:780px;max-height:520px;background:#101010;border-radius:12px;margin:22px auto 0}@media(max-width:800px){.featured-wood-grid{grid-template-columns:1fr}.featured-wood img{height:240px}}

/* Showrooms / 实体店 */
.showroom-section{background:#f8f6f0}.showroom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:36px}.showroom-card{overflow:hidden;background:#fff;border:1px solid #e0e7e0;border-radius:18px;box-shadow:0 14px 35px #113c3520}.showroom-card img{width:100%;height:340px;object-fit:cover;display:block}.showroom-content{padding:30px}.showroom-content h3{font-size:clamp(25px,3vw,38px);margin:10px 0 2px;color:#0b4841}.showroom-cn{color:#a77743;font-size:20px;margin:0 0 22px}.showroom-content address{font-style:normal;line-height:1.8;min-height:80px}.showroom-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.showroom-links a,.delivery-strip a{color:#00756c;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}.delivery-strip{display:flex;align-items:center;gap:22px;margin-top:30px;padding:26px 30px;background:#e8f1ed;border-radius:15px}.delivery-strip>span{font-size:32px;color:#ad8550}.delivery-strip>div{flex:1}.delivery-strip strong{font-size:19px;color:#0b4841}.delivery-strip p{margin:5px 0 0}.contact-right .detail a{color:inherit;text-underline-offset:4px}@media(max-width:760px){.showroom-grid{grid-template-columns:1fr}.showroom-card img{height:240px}.showroom-content{padding:23px}.delivery-strip{align-items:flex-start;flex-wrap:wrap;padding:22px}.delivery-strip a{margin-left:0}}

/* Timber identity and regional SEO navigation */
.brand .timber-mark{display:inline-flex!important;align-items:center;justify-content:center;background:transparent!important;border:0!important;min-width:58px;width:65px;height:65px;overflow:hidden;flex-shrink:0}.brand .timber-mark img{display:block;width:100%;height:100%;object-fit:contain}.seo-regions{padding:70px max(5%,24px);background:#f3f6f0;color:#174c44}.seo-regions h2{font-size:clamp(26px,3vw,42px);margin:0 0 20px}.seo-regions p{max-width:960px;line-height:1.8}.seo-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}.seo-links a{padding:14px 18px;border:1px solid #b6cfc7;border-radius:6px;color:#065c54;text-decoration:none;background:#fff}


/* Header alignment: keep desktop navigation on a single clean line. */
@media (min-width: 761px) {
  .header { padding-inline: clamp(16px, 2.5vw, 46px); gap: clamp(12px, 1.5vw, 26px); }
  .header .brand { flex: 0 0 auto; min-width: 0; gap: 9px; }
  .header .brandwords strong { font-size: clamp(11px, .76vw, 14px); letter-spacing: 1.25px; white-space: nowrap; }
  .header .brandwords small { font-size: 9px; letter-spacing: 1px; white-space: nowrap; }
  .header .cnbrand { font-size: 10px; letter-spacing: 0; }
  .header nav { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; justify-content: space-evenly; gap: clamp(7px, .82vw, 15px); font-size: clamp(10px, .69vw, 12px); line-height: 1.25; }
  .header nav a { white-space: nowrap; flex: 0 0 auto; }
  .header .header-actions { flex: 0 0 auto; gap: 6px; }
  .header .langs { flex-wrap: nowrap; }
  .header .lang { white-space: nowrap; padding: 7px 9px; font-size: 11px; }
}
/* At widths where the 12 navigation items cannot fit, use the existing menu instead of wrapping. */
@media (min-width: 761px) and (max-width: 1450px) {
  .header { height: 78px; }
  .header nav { display: none; position: absolute; top: 78px; left: 0; right: 0; z-index: 60; background: #fafbf7; padding: 22px 5%; flex-direction: column; align-items: stretch; gap: 0; box-shadow: 0 12px 24px #0002; max-height: calc(100vh - 78px); overflow-y: auto; }
  .header nav.open { display: flex; }
  .header nav a { padding: 11px 8px; font-size: 13px; }
  .header #menu { display: block; }
}
@media (max-width: 760px) {
  .header .brandwords strong { white-space: nowrap; }
  .header .brandwords small { white-space: nowrap; }
  .header nav { max-height: calc(100vh - 72px); overflow-y: auto; }
  .header nav a { white-space: normal; }
}