
:root{--ink:#101717;--black:#111716;--mute:#6b7271;--gold:#f4bd35;--gold2:#ffce55;--paper:#fcfbf7;--fog:#f0efea;--line:#e4e3dd;--white:#fff;--radius:18px;--wrap:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink);line-height:1.6}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.wrap{max-width:var(--wrap);margin:0 auto;padding-left:30px;padding-right:30px}.eyebrow{font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ab811b;font-size:11px}h1,h2,h3,p{margin:0}h1{font-size:clamp(39px,5.5vw,73px);line-height:1.13;letter-spacing:-.035em;font-weight:700}h2{font-size:clamp(29px,3.4vw,44px);line-height:1.18;letter-spacing:-.03em}h3{font-size:20px;line-height:1.4}p{color:var(--mute)}
.topline{background:var(--gold);height:6px}.site-head{position:sticky;top:0;z-index:90;background:#fcfbf7f7;backdrop-filter:blur(14px);border-bottom:1px solid #181d1c10}.head-inner{min-height:79px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-shield{display:grid;place-items:center;width:43px;height:47px;background:#161c1b;color:#fbd15b;clip-path:polygon(50% 0%,93% 13%,88% 72%,50% 100%,12% 72%,7% 13%)}.brand-shield b{font-family:Georgia,serif;font-size:24px}.brand-zh{font-size:20px;font-weight:850;letter-spacing:.05em;line-height:1.1}.brand-en{font-size:10px;letter-spacing:.20em;font-weight:800;color:#626966;margin-top:4px}.nav{display:flex;gap:26px;align-items:center;margin-left:auto}.nav a{font-size:13px;font-weight:680;color:#3a4240}.nav a:hover{color:#a47d1d}.nav a:first-child{color:#ae8524}.header-right{display:flex;gap:13px;align-items:center}.lang-switch{border:1px solid #d9d9d3;background:transparent;border-radius:99px;padding:8px 12px;white-space:nowrap;font-size:12px;font-weight:750}.mobile-toggle{display:none;background:transparent;border:0;font-size:24px;color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:47px;padding:12px 22px;border-radius:8px;border:1px solid transparent;font-weight:800;font-size:13px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#1c2020}.btn-gold:hover{background:var(--gold2)}.btn-dark{background:#171d1b;color:#fff}.btn-line{border-color:#fff9;color:#fff}.btn-small{padding:9px 18px;min-height:40px}.arrow{font-size:18px;font-weight:400}.label-dot{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:8px}
.hero{overflow:hidden;background:linear-gradient(120deg,#101817,#202b29);color:white;min-height:550px;position:relative}.hero-inner{display:grid;grid-template-columns:50% 50%;min-height:555px}.hero-copy{position:relative;z-index:2;display:flex;justify-content:center;flex-direction:column;padding:60px 20px 64px 0}.hero .eyebrow{color:var(--gold);margin-bottom:23px}.hero h1{max-width:650px}.hero h1 em{font-style:normal;color:var(--gold)}.hero-lead{font-size:15px;color:#cbd0cc;margin:22px 0 28px;max-width:440px;line-height:1.95}.hero-btns{display:flex;gap:12px;flex-wrap:wrap}.hero-foot{color:#a6b0ab;font-size:11px;letter-spacing:.03em;margin-top:33px;display:flex;gap:14px;align-items:center}.hero-foot i{height:1px;width:40px;background:var(--gold)}.hero-image{position:absolute;top:0;right:0;width:53.5%;height:100%;background-image:linear-gradient(90deg,#101817 0%,#10181700 22%),url('assets/hero.jpg');background-position:center,right center;background-size:cover;opacity:.98}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#11191899,transparent 55%)}.hero-tag{position:absolute;right:max(30px,calc((100vw - 1160px)/2 + 30px));bottom:35px;z-index:2;border:1px solid #ffffff61;background:#151b19bf;backdrop-filter:blur(10px);border-radius:8px;padding:12px 18px;color:white;font-size:12px;letter-spacing:.14em}.hero-tag strong{display:block;letter-spacing:.03em;font-size:16px}
.preview-banner{background:#fff8e6;border-bottom:1px solid #e7d6ad;padding:10px 20px;color:#79571b;font-size:12px;text-align:center;font-weight:700}.intro-row{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.intro-row p{max-width:440px;font-size:14px;line-height:1.9}.intro-row .eyebrow{margin-bottom:12px}.section{padding-top:88px;padding-bottom:94px}.services{background:#fcfbf7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:26px 22px 26px;min-height:230px;transition:box-shadow .2s,transform .2s;position:relative}.service-card:hover{box-shadow:0 18px 40px #2a292012;transform:translateY(-3px)}.service-icon{width:46px;height:46px;background:#f9f2dc;border-radius:12px;display:grid;place-items:center;color:#ac7d16;margin-bottom:25px}.service-card h3{font-size:18px}.service-card p{font-size:13px;margin-top:8px;line-height:1.9}.service-index{position:absolute;right:22px;top:27px;color:#cac8bc;font-size:11px;font-weight:800;letter-spacing:.1em}
.about{background:#f2f1ec}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.about-image{height:470px;position:relative;border-radius:14px;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover;object-position:center}.about-image span{position:absolute;left:22px;bottom:20px;background:#131916e0;padding:12px 16px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em;border-left:4px solid var(--gold)}.about-copy .eyebrow{margin-bottom:15px}.about-copy p{margin-top:19px;max-width:500px;font-size:14px;line-height:2}.feature-list{display:grid;gap:19px;margin-top:27px}.feature{display:flex;align-items:start;gap:14px}.feature-mark{flex:none;display:grid;place-items:center;border-radius:50%;height:28px;width:28px;background:var(--gold);color:#121715;font-size:15px;font-weight:900}.feature h3{font-size:15px}.feature p{font-size:12px;margin-top:3px;line-height:1.8}
.areas{background:#181f1e;color:white;position:relative;overflow:hidden}.areas::before{content:'';position:absolute;inset:0;background:url('assets/night.jpg') no-repeat center right/cover;opacity:.16}.areas .wrap{position:relative}.areas .eyebrow{color:var(--gold)}.areas h2{max-width:550px;margin-top:12px}.areas-lead{color:#c6cfca;max-width:520px;font-size:14px;margin-top:14px}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.area-item{padding:26px 24px;border:1px solid #d2dbd233;background:#2028279c;border-radius:12px;min-height:140px}.area-item .num{color:var(--gold);font-size:11px;font-weight:800;margin-bottom:13px}.area-item h3{font-size:17px}.area-item p{color:#c0c9c2;font-size:12px;margin-top:5px}
.enquiry{background:#fcfbf7}.enquiry-layout{display:grid;grid-template-columns:.87fr 1.13fr;gap:70px;align-items:start}.enquiry-copy h2{margin:14px 0 21px}.enquiry-copy p{line-height:2;font-size:14px}.enquiry-notes{margin-top:26px;padding:18px 20px;background:#eeeae0;border-radius:10px;font-size:12px;color:#6f6756}.enquiry-notes b{color:#34342c;display:block;margin-bottom:6px}.enquiry-card{background:white;box-shadow:0 20px 70px #21251612;border:1px solid #e7e5dd;border-radius:15px;overflow:hidden}.enquiry-head{background:#18201e;color:white;padding:22px 25px;display:flex;justify-content:space-between;gap:12px;align-items:center}.enquiry-head b{font-size:15px}.enquiry-head small{color:#b3bdb7;font-size:11px}.demo-pill{border:1px solid #c2ac76;color:#fbd37c;font-size:10px;padding:4px 10px;border-radius:20px;font-weight:800}.form-body{padding:27px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field.wide{grid-column:span 2}.field label{font-size:12px;color:#59605b;font-weight:750}.field input,.field select{background:#fafaf7;border:1px solid #deded7;border-radius:7px;padding:13px 12px;color:#505751;width:100%;min-height:47px}.form-explain{font-size:11px;color:#8a877c;line-height:1.8;margin:5px 0 18px}.form-cta{width:100%}.form-cta:focus{outline:3px solid #aa842b}.form-message{display:none;margin-top:12px;border-radius:8px;padding:10px 14px;background:#fff4cc;color:#72520f;font-size:12px}.form-message.show{display:block}
.footer{background:#101716;color:#e2e5df;padding:43px 0 22px}.footer-row{display:flex;align-items:start;justify-content:space-between;gap:30px}.footer .brand{color:#fff}.footer .brand-en{color:#9ca7a0}.footer-right{display:flex;gap:30px}.footer-right a{font-size:12px;color:#b3bdb7}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:18px;margin-top:35px;font-size:11px;color:#88928b;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer .brand-shield{background:var(--gold);color:#171b1a}
@media(max-width:1000px){.nav{gap:14px}.header-right .btn{display:none}.hero h1{font-size:54px}.service-grid{grid-template-columns:repeat(2,1fr)}.enquiry-layout{gap:30px}.about-grid{gap:35px}}
@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.head-inner{min-height:69px}.brand-shield{width:35px;height:38px}.brand-shield b{font-size:19px}.brand-zh{font-size:17px}.brand-en{font-size:8px}.mobile-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:69px;background:#fcfbf7;padding:24px;box-shadow:0 12px 24px #1717171a;flex-direction:column;align-items:stretch}.nav.is-open{display:flex}.nav a{font-size:15px;padding:7px}.hero{min-height:auto}.hero-inner{display:block;min-height:680px}.hero-copy{padding:69px 0 300px;max-width:540px}.hero h1{font-size:clamp(38px,9vw,58px)}.hero-lead{margin-top:22px;font-size:14px;line-height:1.9}.hero-image{width:100%;height:400px;top:auto;bottom:0;background-image:linear-gradient(180deg,#101817 0%,#10181700 35%),url('assets/hero.jpg');background-position:center,center 43%}.hero-tag{bottom:24px;right:22px}.hero-foot{margin-top:25px}.section{padding-top:66px;padding-bottom:67px}.intro-row{display:block;margin-bottom:24px}.intro-row p{margin-top:15px}.about-grid,.enquiry-layout{grid-template-columns:1fr;gap:35px}.about-image{height:350px}.about-copy{grid-row:1}.area-grid{grid-template-columns:1fr;gap:12px}.area-item{min-height:108px;padding:20px}.footer-row{display:block}.footer-right{margin-top:22px}}
@media(max-width:480px){.hero-inner{min-height:645px}.hero-copy{padding:63px 0 278px}.hero-image{height:350px}.hero h1{font-size:38px}.hero-lead{font-size:13px}.hero-btns .btn{min-height:43px;padding:9px 15px}.hero-tag{padding:8px 12px;font-size:9px}.hero-tag strong{font-size:12px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:158px;padding:20px 18px}.service-icon{margin-bottom:12px;width:38px;height:38px}.form-body{padding:20px}.field-grid{grid-template-columns:1fr;gap:0}.field.wide{grid-column:span 1}.footer-right{gap:15px;flex-wrap:wrap}}
.contact-body{padding:32px 28px}.contact-mail{display:block;font-size:clamp(18px,2.2vw,25px);font-weight:750;overflow-wrap:anywhere;color:#171d1b;margin-bottom:22px}.contact-cta{width:100%}.contact-tip{margin-top:14px;font-size:12px;line-height:1.8}.contact-info{margin-top:27px;border-top:1px solid #e7e5dd;padding-top:21px}.contact-info strong{display:block;font-size:13px;margin-bottom:9px}.contact-info p{font-size:12px;line-height:1.8}
/* V0.4 blog additions: visually aligned with London Yida V0.3 */
:root{--wrap:1160px}
html[lang="en"] [data-language="zh"], html[lang="zh-CN"] [data-language="en"]{display:none!important}
.blog-nav a.current{color:#a47d1d;font-weight:800}.blog-nav a:first-child{color:#3a4240}
.journal-hero{background:#131a18;color:white;position:relative;min-height:340px;display:flex;align-items:center;overflow:hidden}
.journal-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,23,21,.98),rgba(14,23,21,.77) 55%,rgba(14,23,21,.32));pointer-events:none}
.journal-hero-photo{position:absolute;inset:0;background-size:cover;background-position:center 48%;filter:contrast(1.04)}
.journal-hero .wrap{position:relative;z-index:1;width:100%;padding-top:80px;padding-bottom:80px}
.journal-hero .eyebrow{color:#f4bd35}.journal-hero h1{font-size:clamp(38px,5vw,66px);max-width:770px;margin:13px 0 18px}
.journal-hero p{color:#d7dbd7;max-width:630px;line-height:1.85;font-size:15px}
.journal-feature{background:#fff;padding:72px 0 88px}
.blog-topline{display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:24px}
.blog-count{font-size:12px;color:#6c746e;font-weight:700}
.blog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-card{display:flex;flex-direction:column;overflow:hidden;background:#fbfaf7;border:1px solid #e8e6e0;border-radius:14px;transition:box-shadow .2s,transform .2s}
.blog-card:hover{box-shadow:0 16px 40px #17242017;transform:translateY(-4px)}
.blog-card>img{width:100%;aspect-ratio:1.55;object-fit:cover;display:block}
.blog-card-content{padding:25px 24px 29px;display:flex;flex-direction:column;flex:1}
.blog-category{font-size:10px;font-weight:900;letter-spacing:.12em;color:#97721d;text-transform:uppercase}
.blog-card h2{font-size:clamp(19px,2vw,23px);line-height:1.33;letter-spacing:-.015em;margin:12px 0 13px}
.blog-card p{font-size:13px;line-height:1.85;flex:1}
.blog-meta{font-size:11px;color:#84908a;display:flex;align-items:center;gap:12px;margin-top:28px;border-top:1px solid #e7e5e0;padding-top:18px}
.blog-more{color:#9e781e;font-weight:850;margin-left:auto}
.blog-note{padding:24px 0 90px}.blog-note-inner{border-top:1px solid var(--line);padding-top:23px;font-size:13px;color:#6b7271}
.article-hero{background:#15211e;color:white;padding:73px 0 62px;position:relative;overflow:hidden}
.article-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 3%,#f4bd3521,transparent 40%)}
.article-hero .wrap{position:relative}.crumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;margin-bottom:37px;color:#c0c9c3}
.crumb a:hover{color:var(--gold)}.article-hero .eyebrow{color:var(--gold)}
.article-hero h1{font-size:clamp(34px,4.7vw,61px);max-width:960px;margin:14px 0 20px;letter-spacing:-.035em}
.article-subtitle{font-size:16px;color:#c5d0c9;max-width:760px;line-height:1.9}
.article-meta{margin-top:28px;font-size:12px;color:#a8b8ad;display:flex;gap:18px;flex-wrap:wrap}
.article-main{background:#fff;padding:56px 0 96px}
.article-grid{display:grid;grid-template-columns:minmax(0,735px) minmax(220px,1fr);gap:76px;align-items:start}
.article-image{display:block;aspect-ratio:1.75;width:100%;object-fit:cover;border-radius:13px;margin:0 0 39px}
.article-content{font-size:16px;line-height:1.96;color:#3a4440}
.article-content p{font-size:15px;line-height:2;color:#4b5650;margin:0 0 24px}
.article-content h2{font-size:clamp(23px,2.5vw,29px);line-height:1.3;letter-spacing:-.02em;margin:43px 0 15px}
.article-content .intro{font-size:18px;line-height:1.95;color:#18241f;font-weight:600;margin-bottom:35px}
.article-summary{background:#f9f7f0;border-left:4px solid #e7b63c;padding:23px 25px;margin:41px 0;border-radius:0 10px 10px 0}
.article-summary h2{margin:0 0 9px;font-size:20px}.article-summary p{margin:0;font-size:14px}
.article-aside{position:sticky;top:105px;border:1px solid #e7e4da;border-radius:15px;padding:29px 24px;background:#fbfaf7}
.article-aside h3{font-size:21px;margin:9px 0 14px}.article-aside p{font-size:13px;line-height:1.8}
.article-aside .btn{width:100%;margin:19px 0 15px;text-align:center}
.article-aside .aside-small{font-size:11px;color:#6d786f}
.source-list{font-size:12px;color:#647168;margin-top:44px;border-top:1px solid #e3e3db;padding-top:22px}
.source-list h2{font-size:16px;color:#27352e;margin:0 0 9px}
.source-list a{display:block;color:#88651b;text-decoration:underline;text-underline-offset:3px;margin:5px 0;overflow-wrap:anywhere}
.related{background:#f4f2eb;padding:55px 0 72px}
.related .wrap{display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap}
.related h2{font-size:clamp(23px,2.6vw,32px);max-width:650px}.related a{font-size:13px;font-weight:800;color:#926e1e}
.footer{background:#111917;color:#fff}.blog-contact{background:#edc354;padding:50px 0}.blog-contact .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}
.blog-contact h2{font-size:clamp(24px,3vw,36px);color:#131c17}.blog-contact p{color:#4e5145;margin-top:7px}.blog-contact a{background:#131a18;color:#fff}
@media(max-width:1000px){.blog-cards{grid-template-columns:repeat(2,1fr)}.article-grid{gap:36px}}
@media(max-width:760px){.journal-hero{min-height:320px}.journal-hero .wrap{padding-top:64px;padding-bottom:64px}.journal-feature{padding:48px 0 68px}.blog-cards{grid-template-columns:1fr}.blog-card>img{aspect-ratio:1.9}.article-main{padding:32px 0 70px}.article-grid{grid-template-columns:1fr;gap:25px}.article-aside{position:static}.article-hero{padding:51px 0 46px}.article-hero h1{font-size:clamp(34px,9vw,49px)}.crumb{margin-bottom:28px}.blog-contact{padding:40px 0}}
