:root{--paper:#faf6ee;--ink:#1f1b16;--brown:#665a4c;--gold:#a47a46;--line:#b69b72;--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",Arial,sans}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.skip:not(:focus){position:absolute;clip:rect(0,0,0,0);height:1px;overflow:hidden}.masthead{height:85px;padding:0 3.3vw;display:flex;align-items:center;justify-content:space-between;gap:2vw;background:#faf7f0;position:relative;z-index:10}.brand{display:grid;min-width:120px}.brand strong{font-size:34px;font-weight:500;letter-spacing:-.065em;line-height:1}.brand small{font:500 7px var(--sans);letter-spacing:.15em;margin-top:6px}.nav{display:flex;align-items:center;gap:clamp(10px,1.3vw,24px);white-space:nowrap}.nav>a,.more summary{font:500 clamp(9px,.78vw,12px) var(--sans);padding:11px 0;cursor:pointer;position:relative}.nav>a.selected:after{content:"";position:absolute;left:22%;right:22%;bottom:3px;border-bottom:2px solid var(--gold)}.more{position:relative}.more summary{list-style:none}.more summary::-webkit-details-marker{display:none}.more-links{position:absolute;top:100%;right:0;min-width:225px;padding:10px;background:#fffdf8;border:1px solid #d8c6aa;box-shadow:0 15px 30px #2418061d}.more-links a{display:block;font:500 12px var(--sans);padding:10px 12px}.more-links a:hover{background:#f1e7d6}.header-actions{display:flex;align-items:center;gap:18px;font:500 11px var(--sans);white-space:nowrap}.contact{border:1px solid var(--gold);border-radius:40px;padding:10px 18px}.contact span{margin-left:12px}.language{font-size:10px}.nav-toggle{display:none}
.hero{height:clamp(700px,70vw,960px);min-height:calc(100svh - 85px);position:relative;isolation:isolate;background:radial-gradient(ellipse at 78% 25%,#fffdfa 0%,transparent 42%),linear-gradient(100deg,#f9f6ee,#f3eee4);overflow:hidden}.hero-asset{position:absolute;inset:0 0 0 38%;z-index:-1}.hero-asset img,.lifestyle-asset img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--fx,50%) var(--fy,50%)}.unfilled-art{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:15px;padding:25%;color:#917b5d;background:radial-gradient(ellipse at 68% 44%,#d7d7c56b,transparent 43%),radial-gradient(ellipse at 88% 76%,#b3bfae5c,transparent 44%)}.unfilled-art span{font:500 12px var(--sans);letter-spacing:.2em}.unfilled-art small{font:400 12px/1.6 var(--sans);max-width:245px}.hero-geometry{position:absolute;top:0;right:0;width:61%;height:100%;opacity:.52;pointer-events:none}.hero-geometry svg,.hero-geometry img{width:100%;height:100%;object-fit:contain}.hero-copy{position:absolute;top:21%;left:clamp(35px,7vw,122px);z-index:2;width:55%;max-width:740px}.eyebrow{display:grid;gap:7px;font:500 13px/1.6 var(--sans);letter-spacing:.26em;color:#8f6a45}.eyebrow span:last-child{color:#302923}.hero h1{font-size:clamp(70px,7.3vw,120px);font-weight:400;line-height:.83;letter-spacing:-.055em;margin:55px 0 34px}.hero h1 span{display:block}.rule{height:1px;width:75px;background:var(--line);margin:0 0 25px}.hero-copy p{font-size:clamp(24px,1.85vw,30px);line-height:1.18;color:var(--brown);margin:0 0 33px}.outlined{min-width:220px;min-height:52px;padding:0 20px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:space-between;gap:20px;font-size:19px;color:#886132;background:#fdfaf622}.outlined:hover{background:#f2e6d4}.ring-decor{position:absolute;bottom:-190px;left:-145px;width:420px;height:420px;border:1px solid #c1a98075;border-radius:50%}.ring-decor:after{content:"";position:absolute;inset:45px;border:1px solid #c1a98065;border-radius:50%}
.holistic{position:relative;text-align:center;background:#faf7f0;padding:70px 4vw 83px;min-height:520px}.section-kicker{display:grid;font:500 13px/1.55 var(--sans);letter-spacing:.24em;margin:0}.holistic-intro{font-size:23px;line-height:1.35;color:var(--brown);margin:22px 0 60px}.benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1350px;margin:0 auto}.benefit{border-right:1px solid #dbcbb9;padding:0 16px}.benefit:last-child{border:0}.benefit svg{width:46px;height:46px;margin:0 auto 20px;fill:none;stroke:var(--gold);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.benefit h3{font-size:21px;line-height:1.05;font-weight:500;margin:0 0 9px}.benefit p{font-size:18px;line-height:1.2;color:var(--brown);margin:0}
.lifestyle{position:relative;min-height:630px;overflow:hidden;isolation:isolate;background:#bcc8ad}.lifestyle-asset{position:absolute;inset:0;z-index:-2}.unfilled-lifestyle{height:100%;background:radial-gradient(ellipse at 82% 42%,#547a53a6,transparent 38%),radial-gradient(ellipse at 65% 75%,#a2ae8a,transparent 60%),linear-gradient(110deg,#f2eee1,#bcc4a7)}.photo-wash{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f7f3ecdf 0%,#faf7ef7a 36%,transparent 70%)}.lifestyle-copy{padding:130px clamp(35px,7vw,120px);max-width:580px}.lifestyle-copy .section-kicker{text-align:left}.lifestyle-copy p{font-size:24px;color:var(--brown);line-height:1.22;margin:23px 0 26px}.lifestyle-geometry{position:absolute;left:-200px;bottom:-360px;width:600px;height:600px;border:1px solid #ad966e88;border-radius:50%;pointer-events:none}.lifestyle-geometry img{width:100%;height:100%;object-fit:contain}.existing-bridge{text-align:center;padding:60px 24px;background:#faf7f0}.existing-bridge p{font:500 12px var(--sans);letter-spacing:.2em;color:#9a7b51}.existing-bridge a{font-size:21px;border-bottom:1px solid #af9069}footer{padding:35px 7vw;background:#f2ebdf;display:flex;justify-content:space-between;gap:30px;font:500 11px var(--sans)}
@media(max-width:1120px){.masthead{padding:0 18px}.nav{gap:11px}.hero-copy{width:60%}.hero h1{font-size:clamp(66px,8vw,98px)}}
@media(max-width:900px){.masthead{height:75px}.nav-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;width:40px;height:40px;order:3}.nav-toggle span{height:1px;width:25px;background:#28231c}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:#faf7f0;padding:24px;flex-direction:column;align-items:stretch;box-shadow:0 15px 25px #0001}.nav.open{display:flex}.nav>a,.more summary{font-size:14px}.more-links{position:static}.header-actions{margin-left:auto}.hero{height:850px;min-height:0}.hero-copy{top:20%;width:70%}.hero-asset{left:27%}.hero h1{font-size:clamp(66px,9vw,89px)}}
@media(max-width:600px){.masthead{height:70px}.nav{top:70px}.brand strong{font-size:29px}.brand small{font-size:6px}.header-actions .contact{display:none}.hero{height:calc(100svh + 165px);min-height:790px;max-height:1040px}.hero-copy{left:7%;top:8%;width:89%}.hero h1{font-size:clamp(60px,14vw,84px);margin:34px 0 27px}.eyebrow{font-size:10px}.hero-copy p{font-size:23px}.hero-asset{inset:33% -11% 0 0}.hero-geometry{top:23%;right:-16%;height:70%;width:100%;opacity:.38}.unfilled-art{padding:30% 17% 0 31%}.unfilled-art small{font-size:10px}.holistic{padding:60px 16px 58px}.section-kicker{font-size:11px}.holistic-intro{font-size:18px;margin:18px 0 44px}.holistic-intro br{display:none}.benefits{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}.benefit:nth-child(2){border:0}.benefit{padding:0 7px}.benefit h3{font-size:17px}.benefit p{font-size:15px}.benefit svg{width:39px;height:39px;margin-bottom:12px}.lifestyle{min-height:620px}.lifestyle-copy{padding:80px 25px}.lifestyle-copy p{font-size:22px}.photo-wash{background:linear-gradient(180deg,#faf7f0d9,#faf7f070 54%,transparent)}footer{flex-direction:column;text-align:center}.outlined{min-height:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Preserve reference-image line breaks in CMS-saved editable text. */
.hero-copy p,.holistic-intro,.benefit p,.lifestyle-copy p{white-space:pre-line}
.lifestyle-geometry:has(>img){border:0;border-radius:0}

/* V4 HEADER IA LOCK 2026-10-09 — preserve existing Corporate navigation, update visual presentation only.
   Existing primary items: Home/About/Leadership/B-M-S/Products/Services/Stories/Partnerships/Investors/Contact.
   Existing language EN/ZH/BM + Shop. Services original submenu preserved.
*/
.masthead{gap:clamp(10px,1.6vw,30px);padding-inline:clamp(16px,2.8vw,52px)}
.masthead .brand{min-width:clamp(95px,10vw,148px);width:clamp(95px,10vw,148px);display:block;flex-shrink:0}
.masthead .brand img{display:block;width:100%;height:auto;max-height:52px;object-fit:contain;object-position:left center}
.nav{gap:clamp(7px,1vw,19px);margin-inline:auto}
.nav>a,.services-group>a,.services-group summary{font:500 clamp(9px,.71vw,12px)/1.3 var(--sans);padding:11px 0;cursor:pointer;position:relative}
.nav>a:hover,.services-group>a:hover{color:var(--gold)}
.services-group{display:flex;align-items:center;gap:4px;white-space:nowrap}
.services-group>a{display:inline-block}
.services-group .more{position:relative}
.services-group .more summary{list-style:none;color:var(--gold);padding-left:1px;padding-right:2px;user-select:none}
.services-group .more summary::-webkit-details-marker{display:none}
.services-group .more-links{top:calc(100% + 10px);right:-8px;min-width:235px;z-index:25}
.services-group .more-links a{padding:11px 13px;white-space:normal}
.header-actions{flex-shrink:0;gap:15px;white-space:nowrap}
.lang-links{display:flex;align-items:center;gap:5px;font:500 10px var(--sans)}
.lang-links a:hover{text-decoration:underline}
.lang-links span{color:#9f9a90}
.shop{border:1px solid var(--gold);border-radius:24px;padding:8px 15px;font:500 11px var(--sans);white-space:nowrap}
.shop span{padding-left:8px}
.mobile-tools{display:none}
@media(max-width:1120px) and (min-width:901px){
 .masthead{gap:9px;padding-inline:14px}
 .nav{gap:8px}
 .nav>a,.services-group>a,.services-group summary{font-size:9px}
 .header-actions{gap:8px}
 .lang-links{gap:3px;font-size:9px}
 .shop{padding:7px 10px}
}
@media(max-width:900px){
 .masthead{justify-content:space-between}
 .header-actions{display:none}
 .nav>a,.services-group>a,.services-group summary{font-size:14px;padding:10px 0}
 .services-group{display:flex;align-items:center;justify-content:flex-start;gap:8px}
 .services-group .more summary{padding:12px 14px;border:1px solid #d8c6aa}
 .services-group .more-links{position:absolute;top:100%;right:auto;left:0;min-width:250px;z-index:50;box-shadow:0 15px 30px #2418061d}
 .mobile-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-top:1px solid #ddcfb6;margin-top:10px;padding-top:20px;font:500 13px var(--sans)}
 .mobile-tools a:last-child{margin-left:auto;border:1px solid var(--gold);padding:9px 16px;border-radius:20px}
 .nav-toggle{margin-left:auto}
}
