:root{--navy:#071c2e;--deep:#04121e;--blue:#0d3757;--gold:#caa461;--gold2:#e4c98f;--paper:#f7f4ee;--ink:#15232d;--muted:#66747e;--line:#dce0df;--white:#fff;--serif:"Noto Serif SC","Songti SC","STSong",serif;--sans:"Microsoft YaHei","PingFang SC",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);background:#fff;line-height:1.75}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:82px;background:rgba(255,255,255,.97);position:fixed;inset:0 0 auto;z-index:1000;border-bottom:1px solid rgba(7,28,46,.08);backdrop-filter:blur(12px)}.header-inner{max-width:1440px;height:100%;margin:auto;padding:0 42px;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{width:43px;height:43px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:700 15px Georgia;letter-spacing:-1px;position:relative}.brand-mark:after{content:"";position:absolute;inset:4px;border:1px solid rgba(202,164,97,.5);border-radius:50%}.brand strong{display:block;font:700 20px var(--serif);letter-spacing:.18em;color:var(--navy)}.brand small{font-size:8px;letter-spacing:.13em;color:#78828a;display:block}.main-nav{margin-left:auto;display:flex;align-items:center;gap:31px}.main-nav a{font-size:14px;color:#263640;position:relative;padding:28px 0}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:2px;background:var(--gold);transition:.25s}.main-nav a:hover:after{right:0}.hotline{padding-left:25px;border-left:1px solid var(--line);line-height:1.25}.hotline small{display:block;font-size:11px;color:#8a949a}.hotline b{font:700 17px Georgia;color:var(--navy)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px}.hero{height:min(780px,92vh);min-height:630px;margin-top:82px;background:var(--navy);position:relative;overflow:hidden;color:#fff}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(3,17,28,.92) 0%,rgba(5,25,41,.68) 47%,rgba(5,20,32,.14) 72%),var(--bg);background-position:center;background-size:cover}.hero-slide.active{opacity:1;visibility:visible}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,13,22,.42),transparent 40%);pointer-events:none}.hero-copy{width:min(1280px,calc(100% - 100px));margin:auto;padding-left:3%;position:relative;z-index:2;transform:translateY(22px);opacity:0;transition:.8s .2s}.active .hero-copy{transform:none;opacity:1}.eyebrow{font:600 12px var(--sans);letter-spacing:.32em;color:var(--gold2);margin:0 0 20px;display:flex;align-items:center;gap:14px}.eyebrow:before{content:"";width:38px;height:1px;background:currentColor}.eyebrow.dark{color:#a57e3e}.hero h1,.hero h2{font:400 clamp(45px,5.3vw,82px)/1.22 var(--serif);letter-spacing:.05em;margin:0 0 26px}.hero h1 em,.hero h2 em{font-style:normal;color:var(--gold2)}.hero-copy>p:not(.eyebrow){font-size:16px;max-width:610px;color:rgba(255,255,255,.78);letter-spacing:.06em}.hero-actions{display:flex;gap:15px;margin-top:40px}.btn{min-height:48px;padding:12px 28px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;letter-spacing:.06em;transition:.25s}.btn-gold{background:var(--gold);color:#0c2132}.btn-gold:hover{background:var(--gold2);transform:translateY(-2px)}.btn-ghost{border:1px solid rgba(255,255,255,.55);color:#fff}.btn-ghost:hover{background:#fff;color:var(--navy)}.btn-dark{background:var(--navy);color:#fff}.placeholder-slide{background-image:radial-gradient(circle at 76% 42%,rgba(202,164,97,.25),transparent 18%),linear-gradient(120deg,#071c2e,#0e3c5d 68%,#071b2d)}.placeholder-slide:before{content:"KH";position:absolute;right:8%;font:700 22vw Georgia;color:rgba(255,255,255,.025)}.hero-controls{position:absolute;z-index:5;bottom:42px;left:8%;display:flex;align-items:center;gap:16px}.hero-controls button{background:none;border:0;color:#fff;cursor:pointer}.dots{display:flex;gap:9px}.dots button{width:22px;height:2px;padding:0;background:rgba(255,255,255,.35);transition:.3s}.dots button.active{width:46px;background:var(--gold)}.hero-index{position:absolute;z-index:5;right:7%;bottom:42px;display:flex;align-items:center;gap:12px;font:14px Georgia}.hero-index span{font-size:22px;color:var(--gold2)}.hero-index i{width:56px;height:1px;background:rgba(255,255,255,.4)}.hero-index b{font-weight:400;color:#9aabb7}.quick-links{max-width:1180px;margin:-38px auto 0;position:relative;z-index:8;background:#fff;box-shadow:0 16px 45px rgba(6,28,45,.11);display:grid;grid-template-columns:repeat(3,1fr)}.quick-links a{min-height:112px;padding:25px 31px;display:flex;align-items:center;gap:18px;border-right:1px solid #e8e8e5;transition:.25s}.quick-links a:hover{background:var(--navy);color:#fff}.quick-links span{font:18px Georgia;color:var(--gold)}.quick-links div{display:flex;flex-direction:column}.quick-links b{font:600 17px var(--serif)}.quick-links small{color:#8c969b;font-size:12px}.quick-links i{margin-left:auto;font-style:normal;color:var(--gold)}.section{max-width:1240px;margin:auto;padding:120px 30px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:48px;gap:40px}.section-heading h2{font:500 42px var(--serif);margin:0;color:var(--navy);letter-spacing:.08em}.section-heading>p{max-width:500px;color:var(--muted);font-size:14px;margin:0}.filter-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:35px}.filter-tabs button{border:0;background:none;padding:12px 24px;cursor:pointer;color:#707d84;position:relative}.filter-tabs button:after{content:"";position:absolute;bottom:-1px;left:50%;right:50%;height:2px;background:var(--gold);transition:.3s}.filter-tabs button.active{color:var(--navy);font-weight:700}.filter-tabs button.active:after{left:14px;right:14px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{border:1px solid #e5e7e5;background:#fff;min-height:350px;overflow:hidden;transition:.35s}.project-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(8,31,48,.1);border-color:transparent}.project-card[hidden]{display:none}.project-card .card-content{padding:34px}.project-card span,.wide-copy>span{font:600 10px var(--sans);letter-spacing:.2em;color:#ad8749}.project-card h3{font:500 25px var(--serif);color:var(--navy);margin:13px 0}.project-card p{color:#69767e;font-size:14px}.project-card ul{padding-left:18px;color:#53636d;font-size:13px}.project-card .card-content>a,.overlay a{display:flex;margin-top:24px;color:var(--navy);font-size:13px;font-weight:700}.project-card .card-content>a b{margin-left:auto;color:var(--gold)}.featured{grid-column:span 2;display:grid;grid-template-columns:44% 56%;min-height:430px}.featured .card-image{overflow:hidden;background:#eee}.featured .card-image img{width:100%;height:100%;object-fit:cover;object-position:center 16%}.featured .card-content{padding:48px}.tags{display:flex;gap:8px;margin-top:22px}.tags i{font-style:normal;font-size:11px;color:#8a6d3d;background:#f6f0e5;padding:5px 11px}.image-card{position:relative}.image-card>img{width:100%;height:100%;object-fit:cover}.image-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,20,32,.93),rgba(4,20,32,.05) 70%)}.overlay{position:absolute;z-index:2;bottom:0;padding:30px;color:#fff}.overlay h3{color:#fff}.overlay p{color:#d5dce0}.overlay a{color:var(--gold2)}.wide{grid-column:span 3;display:grid;grid-template-columns:1.2fr .8fr;min-height:320px;background:var(--paper)}.wide-copy{padding:50px}.wide img{width:100%;height:320px;object-fit:cover;object-position:center 25%}.education{background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:660px}.education-copy{padding:95px max(6vw,40px) 80px max(8vw,40px)}.education h2,.advantages h2,.office h2{font:400 clamp(34px,3.2vw,52px)/1.35 var(--serif);margin:0 0 25px;letter-spacing:.06em}.education-copy>p:not(.eyebrow){color:#aebbc3;max-width:600px}.edu-points{margin:35px 0;display:grid;gap:17px}.edu-points>div{display:flex;align-items:center;gap:16px}.edu-points b{font:20px Georgia;color:var(--gold);width:42px}.edu-points span{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.15);padding-left:17px}.edu-points strong{font:500 15px var(--serif)}.edu-points small{color:#8798a3}.education-visual{position:relative;background:#fff;overflow:hidden}.education-visual img{width:100%;height:100%;object-fit:contain;padding:9%;filter:saturate(.85)}.education-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,30,48,.5),transparent 45%)}.education-visual>span{position:absolute;z-index:2;left:40px;bottom:35px;font:18px var(--serif);color:#fff}.education-visual>span b{font-size:30px}.about{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}.about-gallery{height:610px;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1.25fr .75fr;gap:15px;position:relative}.about-gallery img{width:100%;height:100%;object-fit:cover}.about-gallery .tall{grid-row:span 2;overflow:hidden}.experience{background:var(--gold);padding:25px;color:var(--navy);display:flex;align-items:center;gap:15px}.experience b{font:28px var(--serif)}.experience span{font-size:12px;border-left:1px solid rgba(7,28,46,.3);padding-left:15px}.about-copy h2{font:400 46px/1.4 var(--serif);color:var(--navy);margin:0 0 25px}.about-copy p{color:#6b7880}.about-copy .lead{font-size:16px;color:#354650}.about-copy blockquote{margin:30px 0;font:24px var(--serif);color:#a07838;border-left:2px solid var(--gold);padding-left:18px}.text-link{font-size:13px;font-weight:700;color:var(--navy);border-bottom:1px solid var(--navy);padding-bottom:6px}.advantages{padding:110px max(6vw,30px);background:linear-gradient(rgba(4,20,33,.94),rgba(4,20,33,.94)),url('assets/company6.jpg') center/cover fixed;color:#fff}.advantages .section-heading{max-width:1180px;margin:0 auto 55px}.section-heading.light h2{color:#fff}.section-heading.light>p{color:#a9b6bf}.adv-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.14)}.adv-grid article{padding:42px 30px;min-height:250px;border-right:1px solid rgba(255,255,255,.14);transition:.3s}.adv-grid article:last-child{border:0}.adv-grid article:hover{background:rgba(202,164,97,.16)}.adv-grid b{font:16px Georgia;color:var(--gold)}.adv-grid h3{font:500 21px var(--serif);margin:35px 0 12px}.adv-grid p{font-size:13px;color:#a9b6bf}.office{min-height:560px;display:grid;grid-template-columns:1fr 1fr;background:#f2efe8}.office>img{height:560px;width:100%;object-fit:cover;object-position:center 55%}.office>div{padding:90px 9%;align-self:center}.office h2{color:var(--navy)}.office>div>p:not(.eyebrow){color:#67757e;margin-bottom:35px}footer{background:var(--deep);color:#fff}.footer-main{max-width:1220px;margin:auto;padding:75px 30px 55px;display:grid;grid-template-columns:1.7fr .8fr .8fr 1.2fr;gap:70px}.footer-brand .brand strong{color:#fff}.footer-brand>p{font-size:13px;color:#84949f;max-width:360px;margin-top:24px}.footer-main h3{font:500 16px var(--serif);margin:0 0 22px;color:#e2c78e}.footer-main>div:not(.footer-brand){display:flex;flex-direction:column;gap:9px}.footer-main>div>a{font-size:13px;color:#a3afb7}.footer-main>div>a:hover{color:#fff}.footer-contact .phone{font:23px Georgia!important;color:#fff!important;margin-bottom:12px}.footer-contact p{margin:0;color:#84949f;font-size:12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);max-width:1220px;margin:auto;padding:22px 30px;display:flex;justify-content:space-between;color:#667681;font-size:11px}.mobile-call{display:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.revealed{opacity:1;transform:none}
@media(max-width:1100px){.header-inner{padding:0 24px}.main-nav{gap:18px}.main-nav a{font-size:13px}.hotline{display:none}.quick-links{margin-left:25px;margin-right:25px}.project-grid{grid-template-columns:repeat(2,1fr)}.featured,.wide{grid-column:span 2}.about{gap:45px}.footer-main{grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer-contact{grid-column:span 3}}
@media(max-width:800px){body{padding-bottom:60px}.site-header{height:68px}.header-inner{padding:0 18px}.brand-mark{width:38px;height:38px}.brand strong{font-size:17px}.menu-toggle{display:block;margin-left:auto}.main-nav{position:fixed;top:68px;left:0;right:0;background:#fff;display:block;max-height:0;overflow:hidden;transition:.35s;box-shadow:0 12px 24px rgba(0,0,0,.1)}.main-nav.open{max-height:430px;padding:10px 0}.main-nav a{display:block;padding:13px 25px;border-bottom:1px solid #eee}.hero{margin-top:68px;min-height:610px;height:calc(100vh - 68px)}.hero-slide{background-position:60% center}.hero-slide:before{content:"";position:absolute;inset:0;background:rgba(3,18,30,.32)}.hero-copy{width:100%;padding:0 27px;margin-top:-30px}.hero h1,.hero h2{font-size:43px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-actions{flex-wrap:wrap}.hero-controls{left:25px}.quick-links{margin:0;grid-template-columns:1fr;box-shadow:none}.quick-links a{min-height:92px;border-bottom:1px solid #e8e8e5}.section{padding:80px 20px}.section-heading{display:block}.section-heading>p{margin-top:17px}.section-heading h2{font-size:34px}.filter-tabs{overflow-x:auto}.filter-tabs button{white-space:nowrap;padding:11px 17px}.project-grid{grid-template-columns:1fr}.featured,.wide{grid-column:auto;display:block}.featured .card-image{height:310px}.featured .card-content{padding:30px}.wide img{height:280px}.education{grid-template-columns:1fr}.education-copy{padding:75px 24px}.education-visual{height:430px}.about{grid-template-columns:1fr;gap:50px}.about-gallery{height:500px}.about-copy h2{font-size:38px}.adv-grid{grid-template-columns:1fr 1fr}.adv-grid article:nth-child(2){border-right:0}.adv-grid article{border-bottom:1px solid rgba(255,255,255,.14)}.office{grid-template-columns:1fr}.office>img{height:380px}.office>div{padding:65px 25px}.footer-main{grid-template-columns:1fr 1fr;padding:60px 25px}.footer-brand{grid-column:span 2}.footer-contact{grid-column:span 2}.footer-bottom{display:block;padding:20px 25px}.footer-bottom span{display:block;margin:4px 0}.mobile-call{display:flex;position:fixed;z-index:1200;bottom:0;left:0;right:0;height:60px;background:var(--gold);color:var(--navy);align-items:center;justify-content:center;font-weight:700;gap:8px}.mobile-call span{font-size:20px}}
@media(max-width:500px){.hero h1,.hero h2{font-size:37px}.hero-index{display:none}.quick-links a{padding:20px}.project-card .card-content{padding:28px}.education-visual{height:340px}.about-gallery{height:410px;grid-template-columns:1.2fr .8fr}.experience{padding:14px;display:block}.experience span{display:block;border:0;padding:0}.adv-grid{grid-template-columns:1fr}.adv-grid article{border-right:0;min-height:210px}.footer-main{grid-template-columns:1fr}.footer-brand,.footer-contact{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* Service journey replaces the former company2 image panel. */
.office>.service-journey{position:relative;overflow:hidden;background:linear-gradient(145deg,#061827 0%,#0b3552 100%);color:#fff;padding:72px max(6vw,48px);align-self:stretch}
.service-journey:before{content:"KH";position:absolute;right:-4%;bottom:-15%;font:700 250px Georgia;color:rgba(255,255,255,.025);line-height:1}
.service-journey:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(202,164,97,.18);border-radius:50%;right:-120px;top:-110px}
.journey-brand{display:flex;align-items:center;gap:14px;margin-bottom:42px;color:var(--gold2)}
.journey-brand span{width:47px;height:47px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:700 15px Georgia}
.journey-brand small{font-size:9px;letter-spacing:.2em}
.service-journey h2{font:400 clamp(34px,3.2vw,52px)/1.35 var(--serif);margin:0 0 34px;letter-spacing:.06em}
.journey-steps{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.12);position:relative;z-index:1}
.journey-steps article{background:#0a2b43;padding:20px;display:flex;gap:15px;align-items:center;transition:.25s}
.journey-steps article:hover{background:#113c59}
.journey-steps b{font:17px Georgia;color:var(--gold)}
.journey-steps span{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.15);padding-left:14px}
.journey-steps strong{font:500 14px var(--serif)}
.journey-steps small{font-size:11px;color:#8fa2ae}
.office-contact{padding:90px 9%;align-self:center}
.office-contact .contact-note{margin:30px 0;padding:20px 22px;border-left:2px solid var(--gold);background:rgba(255,255,255,.55);display:flex;flex-direction:column}
.contact-note span{font-size:11px;color:#8a7a5d}
.contact-note strong{font:25px Georgia;color:var(--navy);line-height:1.5}
.contact-note small{font-size:11px;color:#839098}

@media(max-width:800px){.service-journey{padding:65px 25px}.office-contact{padding:65px 25px}.journey-brand{margin-bottom:30px}.service-journey:before{font-size:180px}}
@media(max-width:500px){.journey-steps{grid-template-columns:1fr}.journey-steps article{padding:17px}.contact-note strong{font-size:22px}}

/* Editorial hero and clickable project materials. */
.brand-hero{background-image:radial-gradient(circle at 78% 38%,rgba(216,181,111,.23),transparent 17%),radial-gradient(circle at 78% 38%,transparent 0 25%,rgba(202,164,97,.12) 25.2% 25.5%,transparent 25.7%),linear-gradient(118deg,#041523 0%,#0a2c45 58%,#0d3e5d 100%)}
.brand-hero:before{content:"港恒";position:absolute;inset:auto clamp(20px,6vw,90px) auto auto;top:50%;width:auto;height:auto;transform:translateY(-50%);background:none;font:700 clamp(82px,16vw,240px)/1 var(--serif);letter-spacing:.04em;color:rgba(255,255,255,.045);writing-mode:horizontal-tb;direction:ltr;white-space:nowrap;unicode-bidi:isolate}
.promo-materials{padding-top:95px;padding-bottom:40px}
.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.promo-card{border:1px solid #e2e5e3;background:#fff;padding:0;text-align:left;display:grid;grid-template-columns:42% 58%;min-height:330px;overflow:hidden;cursor:pointer;color:var(--ink);transition:transform .3s,box-shadow .3s,border-color .3s}
.promo-card:hover,.promo-card:focus-visible{transform:translateY(-5px);box-shadow:0 20px 46px rgba(7,28,46,.12);border-color:transparent;outline:none}
.promo-thumb{overflow:hidden;background:#eee;position:relative}
.promo-thumb:after{content:"查看详情";position:absolute;inset:auto 14px 14px auto;background:rgba(5,25,40,.88);color:#fff;padding:7px 12px;font-size:11px;letter-spacing:.08em}
.promo-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 14%;transition:transform .5s}
.promo-card:hover .promo-thumb img{transform:scale(1.035)}
.promo-copy{padding:40px 32px;display:flex;flex-direction:column;justify-content:center}
.promo-copy small{font-size:10px;letter-spacing:.18em;color:#a68040}
.promo-copy strong{font:500 25px/1.5 var(--serif);color:var(--navy);margin:14px 0 30px}
.promo-copy em{font-style:normal;font-size:12px;color:#65747d;border-top:1px solid #e3e5e3;padding-top:18px;display:flex;justify-content:space-between}
.promo-copy em b{color:var(--gold);font-size:16px}
.modal-open{overflow:hidden}
.detail-modal[hidden]{display:none}
.detail-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:28px}
.detail-backdrop{position:absolute;inset:0;background:rgba(1,10,17,.82);backdrop-filter:blur(8px)}
.detail-panel{position:relative;width:min(760px,100%);height:min(92vh,980px);background:#f6f4ef;display:flex;flex-direction:column;box-shadow:0 24px 80px rgba(0,0,0,.38)}
.detail-toolbar{min-height:66px;padding:13px 20px 13px 26px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;flex:none}
.detail-toolbar h2{font:500 17px var(--serif);letter-spacing:.06em;margin:0}
.detail-toolbar button{width:40px;height:40px;border:1px solid rgba(255,255,255,.25);background:none;color:#fff;font-size:27px;line-height:1;cursor:pointer}
.detail-toolbar button:hover,.detail-toolbar button:focus-visible{background:#fff;color:var(--navy);outline:none}
.detail-image-wrap{flex:1;min-height:0;overflow:auto;padding:24px;background:#dfdfdc}
.detail-image-wrap img{width:min(100%,610px);height:auto;margin:auto;box-shadow:0 8px 26px rgba(0,0,0,.18)}
.detail-footer{min-height:62px;padding:14px 25px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#718089;flex:none}
.detail-footer a{font:700 18px Georgia;color:var(--navy)}

@media(max-width:900px){.promo-card{grid-template-columns:38% 62%;min-height:300px}.promo-copy{padding:30px 24px}.promo-copy strong{font-size:21px}}
@media(max-width:700px){.promo-materials{padding-top:70px}.promo-grid{grid-template-columns:1fr}.promo-card{min-height:280px}.detail-modal{padding:0}.detail-panel{width:100%;height:100vh}.detail-image-wrap{padding:15px}.detail-footer{padding:12px 16px}.detail-footer span{display:none}.detail-footer a{margin:auto}}
@media(max-width:420px){.promo-card{grid-template-columns:44% 56%;min-height:250px}.promo-copy{padding:22px 17px}.promo-copy strong{font-size:18px;margin:10px 0 22px}.promo-copy em{font-size:11px}.promo-thumb:after{display:none}}

/* Image-led project introductions. */
.featured-material .card-image{background:#f1efe9;padding:18px}
.featured-material .card-image img{object-fit:contain;object-position:center}
.material-card{appearance:none;padding:0;text-align:left;color:var(--ink);font-family:inherit;cursor:pointer;display:flex;flex-direction:column;min-height:520px}
.material-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.material-image{height:390px;background:#f2f0eb;overflow:hidden;display:grid;place-items:center;padding:15px}
.material-image img{width:100%;height:100%;object-fit:contain;transition:transform .4s}
.material-card:hover .material-image img{transform:scale(1.025)}
.material-copy{padding:22px 25px;display:flex;flex-direction:column;flex:1}
.material-copy small{font-size:9px;letter-spacing:.18em;color:#a68040}
.material-copy strong{font:500 20px/1.5 var(--serif);color:var(--navy);margin:7px 0 15px}
.material-copy em{font-style:normal;font-size:11px;color:#697780;margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid #e7e8e5;padding-top:12px}
.material-copy em b{font-size:15px;color:var(--gold)}
@media(max-width:800px){.material-card{min-height:480px}.material-image{height:350px}}

.postgraduate-card{position:relative;background:linear-gradient(145deg,#f8f5ee,#fff);overflow:hidden}
.postgraduate-card:before{content:"M";position:absolute;right:-18px;top:-50px;font:700 190px Georgia;color:rgba(202,164,97,.09);line-height:1}
.postgraduate-card .card-content{position:relative;z-index:1}
.postgraduate-points{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}
.postgraduate-points i{font-style:normal;font-size:11px;color:#866b3e;border:1px solid #dfcfb0;padding:5px 10px;background:rgba(255,255,255,.65)}

/* Richer project-card surfaces. */
.projects{position:relative;isolation:isolate}
.projects:before{content:"";position:absolute;z-index:-1;left:50%;top:80px;width:92vw;height:calc(100% - 160px);transform:translateX(-50%);background:radial-gradient(circle at 12% 12%,rgba(202,164,97,.07),transparent 27%),radial-gradient(circle at 88% 70%,rgba(13,55,87,.055),transparent 25%)}
.project-card{position:relative;border-color:rgba(12,44,66,.11);box-shadow:0 8px 24px rgba(8,31,48,.045)}
.project-card:not(.featured):not(.material-card):not(.wide):not(.image-card):not(.postgraduate-card){background:linear-gradient(145deg,#fbfcfc 0%,#f0f5f6 100%)}
.project-card:not(.featured):not(.material-card):not(.wide):not(.image-card):not(.postgraduate-card):before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--gold),rgba(202,164,97,.15))}
.project-card:not(.featured):not(.material-card):not(.wide):not(.image-card):not(.postgraduate-card):after{content:"";position:absolute;right:-55px;bottom:-65px;width:170px;height:170px;border-radius:50%;border:1px solid rgba(10,49,75,.08);box-shadow:0 0 0 26px rgba(10,49,75,.025);pointer-events:none}
.project-card[data-category="education"]:not(.material-card):not(.wide):not(.image-card):not(.postgraduate-card){background:linear-gradient(145deg,#fffdf8 0%,#f5efe3 100%)}
.project-card[data-category="education"]:not(.material-card):not(.wide):not(.image-card):not(.postgraduate-card):after{border-color:rgba(202,164,97,.14);box-shadow:0 0 0 26px rgba(202,164,97,.035)}
.project-card .card-content{position:relative;z-index:1}
.featured-material .card-content{background:linear-gradient(145deg,#fff 0%,#f4f1ea 100%);position:relative}
.featured-material .card-content:after{content:"";position:absolute;right:-50px;top:-58px;width:170px;height:170px;border-radius:50%;border:1px solid rgba(202,164,97,.13);box-shadow:0 0 0 24px rgba(202,164,97,.035);pointer-events:none}
.material-card{background:#f5f2eb}
.material-copy{background:linear-gradient(145deg,#fff 0%,#f3efe6 100%);position:relative}
.material-copy:before{content:"";position:absolute;left:25px;top:0;width:46px;height:2px;background:var(--gold)}
.postgraduate-card{border-top:3px solid var(--gold);background:radial-gradient(circle at 90% 10%,rgba(202,164,97,.13),transparent 31%),linear-gradient(145deg,#faf7ef,#eef3f4)}
.wide{background:linear-gradient(120deg,#f3eee4 0%,#faf9f5 56%,#edf2f3 100%);border-top:3px solid var(--gold)}
.tags i{border:1px solid rgba(202,164,97,.2);background:rgba(255,255,255,.58)}

/* New project photography, single-office presentation and QR contact. */
.featured-material .card-image{padding:0;background:#dfe7e9}
.featured-material .card-image img{object-fit:cover;object-position:center}
.visual-project{display:flex;flex-direction:column;min-height:500px}
.visual-project:after,.study-pathways:after{display:none}
.project-visual{height:205px;overflow:hidden;background:#e8edef;flex:none}
.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.visual-project:hover .project-visual img{transform:scale(1.035)}
.visual-project .card-content{display:flex;flex-direction:column;flex:1;padding:28px 30px}
.visual-project .card-content>a{margin-top:auto;padding-top:18px}
.study-pathways{grid-column:span 2;display:grid;grid-template-columns:42% 58%;min-height:485px;background:linear-gradient(135deg,#edf3f3,#f8f3e9)}
.study-pathways:before{content:"";position:absolute;left:42%;top:0;bottom:0;width:1px;background:rgba(10,45,68,.1)}
.study-image{position:relative;overflow:hidden;min-height:100%}
.study-image img{width:100%;height:100%;object-fit:cover}
.study-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,27,43,.65),transparent 60%)}
.study-image>span{position:absolute;z-index:1;left:25px;bottom:22px;color:#fff;font-size:12px;letter-spacing:.12em}
.study-options{display:grid;grid-template-rows:1fr 1fr}
.study-options>div{padding:34px 38px;position:relative}
.study-options>div+div{border-top:1px solid rgba(10,45,68,.12)}
.study-options span{font:600 9px var(--sans);letter-spacing:.2em;color:#ad8749}
.study-options h3{font:500 23px var(--serif);color:var(--navy);margin:8px 0}
.study-options p{font-size:13px;color:#69767e;margin:0 0 12px}
.study-options a{font-size:12px;font-weight:700;color:var(--navy)}
.about-office{margin:0;height:530px;display:block;position:relative;overflow:hidden;background:#e8eceb}
.about-office img{width:100%;height:100%;object-fit:cover;object-position:center}
.about-office:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,24,39,.55),transparent 48%);pointer-events:none}
.about-office figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:25px;color:#fff;display:flex;align-items:end;justify-content:space-between;border-top:1px solid rgba(255,255,255,.42);padding-top:17px}
.about-office figcaption b{font:500 20px var(--serif);letter-spacing:.08em}
.about-office figcaption span{font-size:11px;color:#d4dde2;letter-spacing:.12em}
.contact-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.btn-wechat{border:1px solid var(--navy);background:transparent;color:var(--navy);cursor:pointer}
.btn-wechat:hover,.btn-wechat:focus-visible{background:var(--navy);color:#fff;outline:none}
.qr-action{position:relative}
.qr-popover{position:absolute;z-index:20;left:50%;bottom:calc(100% + 15px);width:210px;padding:15px;background:#fff;box-shadow:0 18px 55px rgba(4,22,35,.24);border:1px solid rgba(7,28,46,.1);transform:translate(-50%,10px);opacity:0;visibility:hidden;pointer-events:none;transition:.25s;text-align:center}
.qr-popover:after{content:"";position:absolute;left:50%;top:100%;margin-left:-8px;border:8px solid transparent;border-top-color:#fff}
.qr-popover img{width:160px;height:160px;margin:0 auto 8px}
.qr-popover b,.qr-popover span{display:block}
.qr-popover b{font:500 15px var(--serif);color:var(--navy)}
.qr-popover span{font-size:10px;color:#829099}
.qr-action:hover .qr-popover,.qr-action:focus-within .qr-popover{opacity:1;visibility:visible;transform:translate(-50%,0)}
.qr-modal[hidden]{display:none}
.qr-modal{position:fixed;inset:0;z-index:2300;display:grid;place-items:center;padding:22px}
.qr-modal-backdrop{position:absolute;inset:0;background:rgba(1,10,17,.78);backdrop-filter:blur(7px)}
.qr-modal-panel{position:relative;width:min(390px,100%);background:#fff;padding:35px 34px 30px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.qr-modal-panel>p{font-size:9px;letter-spacing:.23em;color:#a58145;margin:0}
.qr-modal-panel h2{font:500 25px var(--serif);color:var(--navy);margin:7px 0 19px}
.qr-modal-panel img{width:min(260px,90%);margin:auto}
.qr-modal-panel span,.qr-modal-panel small{display:block}
.qr-modal-panel span{font-size:12px;color:#5d6c75;margin-top:15px}
.qr-modal-panel small{font-size:11px;color:#9a7a43;margin-top:7px}
.qr-modal-close{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;background:#f0eee8;color:var(--navy);font-size:24px;cursor:pointer}
.mobile-contact-bar{display:none}

@media(max-width:1100px){.study-pathways{grid-column:span 2}}
@media(max-width:800px){.visual-project{min-height:0}.project-visual{height:230px}.study-pathways{grid-column:auto;grid-template-columns:1fr;min-height:0}.study-pathways:before{display:none}.study-image{height:250px;min-height:0}.study-options>div{padding:27px 28px}.about-office{height:420px}.about-office figcaption{left:20px;right:20px}.qr-popover{display:none}.mobile-contact-bar{position:fixed;z-index:1200;left:0;right:0;bottom:0;height:60px;display:grid;grid-template-columns:1fr 1fr;background:var(--gold)}.mobile-contact-bar a,.mobile-contact-bar button{border:0;background:transparent;color:var(--navy);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px}.mobile-contact-bar button{border-left:1px solid rgba(7,28,46,.2);cursor:pointer}.mobile-contact-bar span{font-size:18px}.contact-actions{align-items:stretch}.contact-actions>.btn,.qr-action,.qr-action>.btn{width:100%}.qr-modal-panel{padding:32px 24px 25px}.qr-modal-panel img{width:min(250px,82vw)}}
@media(max-width:500px){.about-office{height:330px}.about-office figcaption{display:block}.about-office figcaption span{display:block;margin-top:3px}.study-image{height:215px}.study-options>div{padding:24px}.project-visual{height:205px}}

/* Seven-item project consultation grid. */
.overview-card .card-image{background:#f1efe9;padding:16px}
.overview-card .card-image img{object-fit:contain;object-position:center}
.overview-card .card-content{display:flex;flex-direction:column;background:linear-gradient(145deg,#fff,#f4f0e7)}
.project-consult{position:relative;margin-top:auto;padding-top:22px;align-self:stretch}
.project-consult-btn{width:100%;min-height:44px;border:1px solid rgba(7,28,46,.25);background:rgba(255,255,255,.58);color:var(--navy);padding:10px 15px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:.25s}
.project-consult-btn b{font-size:17px;color:var(--gold)}
.project-consult-btn:hover,.project-consult-btn:focus-visible{background:var(--navy);border-color:var(--navy);color:#fff;outline:none}
.project-consult-btn:hover b,.project-consult-btn:focus-visible b{color:var(--gold2)}
.project-qr-popover{position:absolute;z-index:30;left:50%;bottom:calc(100% + 10px);width:184px;padding:13px;background:#fff;border:1px solid rgba(7,28,46,.1);box-shadow:0 18px 48px rgba(4,22,35,.24);text-align:center;transform:translate(-50%,10px);opacity:0;visibility:hidden;pointer-events:none;transition:.23s}
.project-qr-popover:after{content:"";position:absolute;left:50%;top:100%;margin-left:-7px;border:7px solid transparent;border-top-color:#fff}
.project-qr-popover img{width:145px;height:145px;margin:0 auto 7px}
.project-qr-popover strong{display:block;font:500 13px var(--serif);color:var(--navy);letter-spacing:.05em}
.project-consult:hover .project-qr-popover,.project-consult:focus-within .project-qr-popover{opacity:1;visibility:visible;transform:translate(-50%,0)}
.study-card-topup .project-visual img{object-position:center 36%}
.study-card-postgraduate .project-visual img{object-position:center 65%;filter:saturate(.88) contrast(1.04)}
.no-image-project{min-height:500px;display:flex;background:radial-gradient(circle at 84% 18%,rgba(202,164,97,.16),transparent 28%),linear-gradient(145deg,#fffdf8,#eef3f4)}
.no-image-project .card-content{display:flex;flex-direction:column;flex:1;padding:42px 34px;position:relative}
.no-image-project .card-content:before{content:"升";position:absolute;right:22px;top:18px;font:700 88px var(--serif);color:rgba(7,28,46,.045);pointer-events:none}
.no-image-project .card-content>span,.no-image-project .card-content>h3,.no-image-project .card-content>p,.no-image-project .tags{position:relative;z-index:1}
.about-office:after{background:linear-gradient(0deg,rgba(4,24,39,.16),transparent 45%)}
@media(max-width:800px){.project-qr-popover{display:none}.overview-card .card-image{height:300px}.overview-card .card-image img{object-fit:cover}.project-consult-btn{min-height:48px}.study-card-topup .project-visual img,.study-card-postgraduate .project-visual img{object-position:center}}

.project-action-row{position:relative;margin-top:auto;padding-top:22px}
.project-action-row .project-consult{margin:0;padding:0}
.project-call{display:none}
.qr-modal-call{display:block;margin-top:10px;color:var(--navy);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.project-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.project-call{min-height:48px;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--gold);color:var(--navy);font-size:12px;font-weight:700;letter-spacing:.04em}.project-call span{font-size:16px}.project-consult-btn{height:100%}}
@media(max-width:800px){.no-image-project{min-height:390px}.no-image-project .card-content{padding:38px 28px}}

/* Word-sourced six-project detail experience. */
.detail-project-card{appearance:none;text-align:left;cursor:pointer;color:var(--ink)}
.detail-project-card:focus-visible{outline:3px solid rgba(202,164,97,.75);outline-offset:4px}
.detail-project-card .card-content{display:flex;flex-direction:column}
.detail-entry{font-style:normal;font-size:12px;font-weight:700;color:var(--navy);display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;border-top:1px solid rgba(7,28,46,.12)}
.detail-entry b{font-size:17px;color:var(--gold)}
.detail-project-card:hover .detail-entry{color:#a57835}
.cies-card .card-content:before{content:"资"}
.renewal-card .card-content:before{content:"续"}
.cies-card{background:radial-gradient(circle at 84% 18%,rgba(202,164,97,.18),transparent 30%),linear-gradient(145deg,#fffaf0,#edf2f3)}
.renewal-card{background:radial-gradient(circle at 84% 18%,rgba(13,55,87,.13),transparent 30%),linear-gradient(145deg,#f7fbfc,#f3eee4)}
.project-detail-panel{width:min(900px,100%);height:min(90vh,900px)}
.project-detail-scroll{flex:1;min-height:0;overflow:auto;padding:35px 46px 42px;background:linear-gradient(145deg,#fbfaf7,#f2f4f3)}
.project-detail-kicker{font-size:9px;letter-spacing:.24em;color:#a57e3e;margin:0 0 17px}
.project-detail-body{color:#4f5f69;font-size:14px;line-height:1.85}
.project-detail-body>p:first-child{font-size:16px;line-height:1.9;color:#263b49;margin-top:0;padding-bottom:21px;border-bottom:1px solid rgba(7,28,46,.12)}
.project-detail-body h3{font:500 21px var(--serif);color:var(--navy);margin:28px 0 12px;padding-left:14px;border-left:3px solid var(--gold)}
.project-detail-body ul,.project-detail-body ol{margin:10px 0;padding-left:23px}
.project-detail-body li{padding:4px 0 4px 5px}
.project-detail-body li::marker{color:#a57e3e;font-weight:700}
.condition-block{display:grid;grid-template-columns:54px 1fr;gap:15px;padding:15px 18px;margin:10px 0;background:rgba(255,255,255,.72);border:1px solid rgba(7,28,46,.1)}
.condition-block>b{color:#a57e3e;font:600 15px var(--serif)}
.condition-block p{margin:0}
.detail-note{margin-top:25px;padding:18px 20px;background:#f3ead8;border-left:3px solid var(--gold)}
.detail-note>b{font:600 15px var(--serif);color:var(--navy)}
.detail-note p{margin:5px 0 0}
.project-detail-actions{display:flex;align-items:center;gap:12px;margin-top:35px;padding-top:25px;border-top:1px solid rgba(7,28,46,.14)}
.project-detail-actions .qr-action>.btn{min-width:180px}
.project-detail-call{border:1px solid var(--navy);color:var(--navy)}
.project-detail-call:hover{background:var(--navy);color:#fff}
@media(max-width:700px){.project-detail-modal{padding:0}.project-detail-panel{width:100%;height:100vh}.project-detail-scroll{padding:27px 20px 35px}.project-detail-body{font-size:13px}.project-detail-body>p:first-child{font-size:14px}.project-detail-body h3{font-size:19px}.condition-block{grid-template-columns:1fr;gap:5px}.project-detail-actions{display:grid;grid-template-columns:1fr 1fr}.project-detail-actions .qr-action,.project-detail-actions .qr-action>.btn,.project-detail-call{width:100%;min-width:0}.project-detail-actions .btn{padding:10px 8px;font-size:12px}}

/* Midnight blue and champagne theme. */
:root{
  --navy:#111b31;
  --deep:#070b16;
  --blue:#24395e;
  --gold:#c5a46a;
  --gold2:#ead7ad;
  --paper:#f4f1ea;
  --ink:#1b2433;
  --muted:#687284;
  --line:#d9d6cf;
}
body{overflow-x:hidden;background:linear-gradient(135deg,#f8f6f1 0%,#eef1f5 52%,#f5f1e8 100%);background-attachment:fixed}
.site-header{background:linear-gradient(105deg,rgba(255,255,255,.96),rgba(242,239,232,.93));border-bottom-color:rgba(17,27,49,.1);box-shadow:0 8px 30px rgba(7,11,22,.05)}
.hero{background:linear-gradient(135deg,var(--deep),var(--blue))}
.hero-slide{background-image:linear-gradient(90deg,rgba(5,9,20,.94) 0%,rgba(13,23,43,.72) 45%,rgba(9,14,28,.18) 76%),var(--bg)}
.brand-hero{background-image:radial-gradient(circle at 78% 38%,rgba(197,164,106,.24),transparent 17%),radial-gradient(circle at 78% 38%,transparent 0 25%,rgba(234,215,173,.1) 25.2% 25.5%,transparent 25.7%),linear-gradient(125deg,#070b16 0%,#15233e 58%,#2b4166 100%)}
.placeholder-slide{background-image:radial-gradient(circle at 76% 42%,rgba(197,164,106,.24),transparent 18%),linear-gradient(120deg,#080d1a,#213657 68%,#0a1020)}
.quick-links{background:linear-gradient(120deg,rgba(255,255,255,.98),rgba(246,242,233,.97));box-shadow:0 22px 60px rgba(7,11,22,.13)}
.quick-links a:hover{background:linear-gradient(135deg,#111b31,#293e62)}
.projects:before{background:radial-gradient(circle at 12% 12%,rgba(197,164,106,.12),transparent 29%),radial-gradient(circle at 88% 70%,rgba(36,57,94,.1),transparent 27%)}
.project-card:not(.featured):not(.material-card):not(.wide):not(.image-card):not(.postgraduate-card){background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,239,243,.98))}
.project-card[data-category="education"]:not(.material-card):not(.wide):not(.image-card):not(.postgraduate-card){background:linear-gradient(145deg,#fffcf5,#eee7d9)}
.cies-card{background:radial-gradient(circle at 84% 18%,rgba(197,164,106,.2),transparent 30%),linear-gradient(145deg,#fffaf0,#edf0f4)}
.renewal-card{background:radial-gradient(circle at 84% 18%,rgba(36,57,94,.16),transparent 30%),linear-gradient(145deg,#f8fafc,#eee9df)}
.education{background:radial-gradient(circle at 8% 12%,rgba(197,164,106,.14),transparent 27%),linear-gradient(128deg,#080d1a 0%,#15233e 56%,#263b5e 100%)}
.education-visual{background:linear-gradient(145deg,#faf8f3,#e8e9ed)}
.education-visual img{filter:saturate(.78) contrast(1.03)}
.about{position:relative}
.about:before{content:"";position:absolute;z-index:-1;inset:45px -5vw;background:linear-gradient(120deg,rgba(255,255,255,.54),rgba(231,234,240,.5));border:1px solid rgba(17,27,49,.055)}
.advantages{background:linear-gradient(125deg,rgba(7,11,22,.96),rgba(24,38,65,.93)),url('assets/company6.jpg') center/cover fixed}
.adv-grid article:hover{background:linear-gradient(145deg,rgba(197,164,106,.22),rgba(255,255,255,.04))}
.office{background:linear-gradient(130deg,#eee8dd,#f7f5f0 50%,#e7eaf0)}
.office>.service-journey{background:radial-gradient(circle at 92% 8%,rgba(197,164,106,.14),transparent 26%),linear-gradient(145deg,#080d1a 0%,#1b2d4c 100%)}
.journey-steps article{background:linear-gradient(145deg,#14233c,#1d3150)}
.journey-steps article:hover{background:linear-gradient(145deg,#273e62,#354e73)}
.office-contact .contact-note{background:linear-gradient(120deg,rgba(255,255,255,.72),rgba(235,229,217,.75))}
footer{background:linear-gradient(135deg,#050812,#10192d 62%,#1b2c48)}
.detail-toolbar{background:linear-gradient(110deg,#0a1020,#263b5e)}
.project-detail-scroll{background:linear-gradient(145deg,#fbfaf6,#eceff3)}

@media(min-width:801px){
  .education{align-items:center;padding:54px max(4vw,48px);gap:max(3vw,36px);min-height:660px}
  .education-copy{width:100%;max-width:650px;justify-self:end;padding:34px clamp(38px,4vw,66px);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));border:1px solid rgba(234,215,173,.2);box-shadow:0 24px 70px rgba(2,5,12,.22)}
  .education-visual{width:100%;max-width:650px;height:550px;justify-self:start;box-shadow:0 24px 70px rgba(2,5,12,.24)}
  .education h2{font-size:clamp(32px,2.7vw,45px)}
  .education-copy>p:not(.eyebrow){font-size:14px}
  .edu-points{margin:28px 0;gap:14px}
}

@media(max-width:800px){
  body{background:linear-gradient(150deg,#faf8f3,#eef1f5)}
  .main-nav{background:linear-gradient(135deg,#fff,#f3efe7)}
  .about:before{inset:20px -10px}
}

/* Deeper graphite-navy surfaces. */
body{color:#dfe5ee;background:radial-gradient(circle at 12% 18%,rgba(49,72,112,.34),transparent 30%),radial-gradient(circle at 88% 58%,rgba(197,164,106,.11),transparent 24%),linear-gradient(145deg,#070b14 0%,#0d1526 48%,#111b2d 100%)}
.site-header{background:linear-gradient(105deg,rgba(7,11,20,.97),rgba(18,28,48,.95));border-bottom-color:rgba(234,215,173,.14);box-shadow:0 10px 38px rgba(0,0,0,.28)}
.site-header .brand strong,.site-header .main-nav a,.site-header .hotline b{color:#eef1f6}
.site-header .brand small,.site-header .hotline small{color:#8894a8}
.site-header .menu-toggle span{background:var(--gold2)}
.quick-links{background:linear-gradient(125deg,rgba(16,25,43,.98),rgba(27,41,66,.98));border:1px solid rgba(234,215,173,.12);box-shadow:0 24px 65px rgba(0,0,0,.35)}
.quick-links a{border-right-color:rgba(234,215,173,.11)}
.quick-links b{color:#eef1f6}
.quick-links small{color:#8d98aa}
.projects{color:#dce2eb}
.section-heading h2,.projects .filter-tabs button.active{color:#f0f2f6}
.section-heading>p,.projects .filter-tabs button{color:#919bad}
.filter-tabs{border-bottom-color:rgba(234,215,173,.16)}
.projects:before{background:radial-gradient(circle at 12% 12%,rgba(197,164,106,.14),transparent 29%),radial-gradient(circle at 88% 70%,rgba(62,89,135,.2),transparent 29%)}
.projects .project-card:not(.featured):not(.material-card):not(.wide):not(.image-card):not(.postgraduate-card){background:linear-gradient(145deg,rgba(23,34,55,.98),rgba(12,20,35,.99));border-color:rgba(234,215,173,.12);box-shadow:0 14px 38px rgba(0,0,0,.22)}
.projects .project-card[data-category="education"]:not(.material-card):not(.wide):not(.image-card):not(.postgraduate-card){background:radial-gradient(circle at 85% 14%,rgba(197,164,106,.12),transparent 30%),linear-gradient(145deg,#1c2a43,#101827)}
.projects .cies-card{background:radial-gradient(circle at 84% 18%,rgba(197,164,106,.18),transparent 30%),linear-gradient(145deg,#202b3e,#111827)}
.projects .renewal-card{background:radial-gradient(circle at 84% 18%,rgba(66,92,137,.2),transparent 30%),linear-gradient(145deg,#1a2942,#101722)}
.projects .project-card h3,.projects .detail-entry{color:#edf0f5}
.projects .project-card p{color:#a4adbc}
.projects .detail-entry{border-top-color:rgba(234,215,173,.14)}
.projects .tags i{color:#dbc495;background:rgba(197,164,106,.1);border-color:rgba(234,215,173,.2)}
.about{color:#dce2eb}
.about:before{background:radial-gradient(circle at 12% 20%,rgba(197,164,106,.09),transparent 26%),linear-gradient(120deg,rgba(21,32,52,.9),rgba(10,17,30,.94));border-color:rgba(234,215,173,.09);box-shadow:0 24px 70px rgba(0,0,0,.18)}
.about-copy h2{color:#f0f2f6}
.about-copy p,.about-copy .lead{color:#a8b1bf}
.about-copy blockquote{color:var(--gold2)}
.text-link{color:#e6d4aa;border-bottom-color:rgba(234,215,173,.55)}
.office{background:linear-gradient(132deg,#090f1c 0%,#121d31 52%,#18253b 100%)}
.office h2{color:#f0f2f6}
.office>div>p:not(.eyebrow){color:#a5afbd}
.office-contact .contact-note{background:linear-gradient(120deg,rgba(255,255,255,.055),rgba(197,164,106,.07));border-top:1px solid rgba(234,215,173,.1);border-right:1px solid rgba(234,215,173,.1);border-bottom:1px solid rgba(234,215,173,.1)}
.contact-note span,.contact-note small{color:#929daf}
.contact-note strong{color:var(--gold2)}
.btn-wechat{border-color:rgba(234,215,173,.55);color:#ead7ad}
.btn-wechat:hover,.btn-wechat:focus-visible{background:var(--gold);border-color:var(--gold);color:#101827}

@media(max-width:800px){
  body{background:radial-gradient(circle at 15% 12%,rgba(49,72,112,.3),transparent 28%),linear-gradient(150deg,#070b14,#111b2d)}
  .main-nav{background:linear-gradient(145deg,#0b1220,#17243a)}
  .main-nav a{border-bottom-color:rgba(234,215,173,.12)}
  .quick-links{border-width:0 0 1px}
  .quick-links a{border-bottom-color:rgba(234,215,173,.11)}
  .about:before{inset:20px -10px}
}

/* Balanced mid-tone blue gradient. */
body{background:radial-gradient(circle at 12% 16%,rgba(111,139,181,.28),transparent 32%),radial-gradient(circle at 88% 62%,rgba(197,164,106,.14),transparent 27%),linear-gradient(140deg,#182840 0%,#2b4262 48%,#1d304d 100%)}
.site-header{background:linear-gradient(105deg,rgba(20,33,54,.96),rgba(35,53,81,.94));border-bottom-color:rgba(234,215,173,.18);box-shadow:0 10px 34px rgba(7,13,24,.2)}
.quick-links{background:linear-gradient(125deg,rgba(35,53,81,.98),rgba(49,72,105,.98));border-color:rgba(234,215,173,.17);box-shadow:0 22px 55px rgba(7,13,24,.25)}
.quick-links a{border-right-color:rgba(234,215,173,.15)}
.projects:before{background:radial-gradient(circle at 12% 12%,rgba(234,215,173,.13),transparent 30%),radial-gradient(circle at 88% 70%,rgba(115,148,194,.22),transparent 30%)}
.projects .project-card:not(.featured):not(.material-card):not(.wide):not(.image-card):not(.postgraduate-card){background:linear-gradient(145deg,rgba(46,66,96,.98),rgba(30,47,74,.99));border-color:rgba(234,215,173,.17);box-shadow:0 14px 34px rgba(8,15,28,.18)}
.projects .project-card[data-category="education"]:not(.material-card):not(.wide):not(.image-card):not(.postgraduate-card){background:radial-gradient(circle at 85% 14%,rgba(234,215,173,.15),transparent 30%),linear-gradient(145deg,#354b6b,#223752)}
.projects .cies-card{background:radial-gradient(circle at 84% 18%,rgba(234,215,173,.2),transparent 31%),linear-gradient(145deg,#3b4d68,#273b57)}
.projects .renewal-card{background:radial-gradient(circle at 84% 18%,rgba(124,157,202,.22),transparent 31%),linear-gradient(145deg,#354d70,#223650)}
.about:before{background:radial-gradient(circle at 12% 20%,rgba(234,215,173,.11),transparent 28%),linear-gradient(120deg,rgba(42,62,91,.94),rgba(27,44,69,.96));border-color:rgba(234,215,173,.14);box-shadow:0 22px 60px rgba(8,15,28,.16)}
.office{background:linear-gradient(132deg,#182942 0%,#2c4464 52%,#354e6d 100%)}
.office>.service-journey{background:radial-gradient(circle at 92% 8%,rgba(234,215,173,.16),transparent 27%),linear-gradient(145deg,#172943 0%,#345173 100%)}
.journey-steps article{background:linear-gradient(145deg,#294363,#355577)}
.journey-steps article:hover{background:linear-gradient(145deg,#3c5c7f,#4b6b8d)}
.office-contact .contact-note{background:linear-gradient(120deg,rgba(255,255,255,.09),rgba(234,215,173,.1));border-color:rgba(234,215,173,.16)}
footer{background:linear-gradient(135deg,#111f35,#223957 62%,#304b6b)}

@media(max-width:800px){
  body{background:radial-gradient(circle at 15% 12%,rgba(111,139,181,.25),transparent 30%),linear-gradient(150deg,#192a44,#2d4667)}
  .main-nav{background:linear-gradient(145deg,#1c304d,#345171)}
  .main-nav a{border-bottom-color:rgba(234,215,173,.16)}
}

/* Bright pearl, warm greige and champagne palette. */
body{color:#3d3a35;background:radial-gradient(circle at 10% 18%,rgba(221,196,148,.24),transparent 31%),radial-gradient(circle at 88% 64%,rgba(190,176,151,.2),transparent 28%),linear-gradient(140deg,#fbfaf6 0%,#f1ede5 48%,#f7f4ed 100%)}
.site-header{background:linear-gradient(105deg,rgba(255,255,255,.97),rgba(245,240,231,.95));border-bottom-color:rgba(122,101,65,.13);box-shadow:0 9px 30px rgba(66,54,36,.08)}
.site-header .brand strong,.site-header .main-nav a,.site-header .hotline b{color:#303238}
.site-header .brand small,.site-header .hotline small{color:#8c877e}
.site-header .menu-toggle span{background:#756344}
.hero-slide{background-image:linear-gradient(90deg,rgba(35,31,27,.88) 0%,rgba(67,57,46,.57) 46%,rgba(59,48,38,.08) 78%),var(--bg)}
.brand-hero{background-image:radial-gradient(circle at 78% 38%,rgba(241,218,169,.34),transparent 18%),radial-gradient(circle at 78% 38%,transparent 0 25%,rgba(255,246,225,.2) 25.2% 25.5%,transparent 25.7%),linear-gradient(125deg,#51483e 0%,#8d7657 58%,#b99a69 100%)}
.placeholder-slide{background-image:radial-gradient(circle at 76% 42%,rgba(245,220,169,.34),transparent 19%),linear-gradient(120deg,#50483e,#927b5d 68%,#675746)}
.quick-links{background:linear-gradient(125deg,rgba(255,255,255,.99),rgba(244,238,227,.98));border-color:rgba(122,101,65,.12);box-shadow:0 20px 48px rgba(66,54,36,.12)}
.quick-links a{border-right-color:rgba(122,101,65,.12)}
.quick-links b{color:#373532}
.quick-links small{color:#918b80}
.quick-links a:hover{background:linear-gradient(135deg,#8b7555,#b09265)}
.projects{color:#48443d}
.section-heading h2,.projects .filter-tabs button.active{color:#383733}
.section-heading>p,.projects .filter-tabs button{color:#817c73}
.filter-tabs{border-bottom-color:rgba(122,101,65,.17)}
.projects:before{background:radial-gradient(circle at 12% 12%,rgba(210,180,124,.16),transparent 30%),radial-gradient(circle at 88% 70%,rgba(180,169,148,.16),transparent 30%)}
.projects .project-card:not(.featured):not(.material-card):not(.wide):not(.image-card):not(.postgraduate-card){background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(239,234,224,.98));border-color:rgba(122,101,65,.13);box-shadow:0 13px 32px rgba(66,54,36,.08)}
.projects .project-card[data-category="education"]:not(.material-card):not(.wide):not(.image-card):not(.postgraduate-card){background:radial-gradient(circle at 85% 14%,rgba(210,180,124,.16),transparent 30%),linear-gradient(145deg,#fffdf8,#eee7da)}
.projects .cies-card{background:radial-gradient(circle at 84% 18%,rgba(210,180,124,.2),transparent 31%),linear-gradient(145deg,#fffaf0,#ece5d8)}
.projects .renewal-card{background:radial-gradient(circle at 84% 18%,rgba(173,163,143,.16),transparent 31%),linear-gradient(145deg,#fbfaf7,#ece8df)}
.projects .project-card h3,.projects .detail-entry{color:#3b3935}
.projects .project-card p{color:#77736c}
.projects .detail-entry{border-top-color:rgba(122,101,65,.14)}
.projects .tags i{color:#806a45;background:rgba(210,180,124,.12);border-color:rgba(154,126,78,.2)}
.about{color:#48443d}
.about:before{background:radial-gradient(circle at 12% 20%,rgba(210,180,124,.14),transparent 28%),linear-gradient(120deg,rgba(255,255,255,.82),rgba(235,229,217,.88));border-color:rgba(122,101,65,.1);box-shadow:0 20px 52px rgba(66,54,36,.08)}
.about-copy h2{color:#393733}
.about-copy p,.about-copy .lead{color:#726e67}
.about-copy blockquote{color:#9b7a42}
.text-link{color:#705d3d;border-bottom-color:rgba(112,93,61,.5)}
.education{background:radial-gradient(circle at 8% 12%,rgba(240,215,164,.2),transparent 28%),linear-gradient(128deg,#494239 0%,#71614e 56%,#9b805d 100%)}
.education-copy{color:#fff}
.education-copy>p:not(.eyebrow),.edu-points small{color:rgba(255,255,255,.72)}
.advantages{background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.72),transparent 27%),radial-gradient(circle at 88% 76%,rgba(188,145,76,.2),transparent 28%),linear-gradient(128deg,#e5d4b5 0%,#f8f2e7 48%,#dcc7a2 100%)}
.office{background:linear-gradient(132deg,#eee8dc 0%,#faf8f3 52%,#e9e1d4 100%)}
.office>.service-journey{background:radial-gradient(circle at 92% 8%,rgba(240,215,164,.19),transparent 27%),linear-gradient(145deg,#585047 0%,#8d7558 100%)}
.office>.service-journey h2{color:#fff}
.journey-steps article{background:linear-gradient(145deg,#6d604f,#867258)}
.journey-steps article:hover{background:linear-gradient(145deg,#8b7659,#a58b64)}
.office h2{color:#393733}
.office>div>p:not(.eyebrow){color:#746f67}
.office-contact .contact-note{background:linear-gradient(120deg,rgba(255,255,255,.72),rgba(226,211,183,.42));border-color:rgba(122,101,65,.14)}
.contact-note span,.contact-note small{color:#817a6e}
.contact-note strong{color:#6c5838}
.btn-wechat{border-color:#7b6746;color:#6c5838}
.btn-wechat:hover,.btn-wechat:focus-visible{background:#806a45;border-color:#806a45;color:#fff}
footer{background:linear-gradient(135deg,#37332d,#51483d 62%,#6c5a46)}

@media(max-width:800px){
  body{background:radial-gradient(circle at 15% 12%,rgba(221,196,148,.22),transparent 30%),linear-gradient(150deg,#fbfaf6,#eee8dc)}
  .main-nav{background:linear-gradient(145deg,#fff,#f1eadf)}
  .main-nav a{border-bottom-color:rgba(122,101,65,.13)}
}

/* Airier highlights and layered champagne details. */
body{background:radial-gradient(circle at 8% 14%,rgba(231,198,137,.2),transparent 27%),radial-gradient(circle at 92% 45%,rgba(214,198,168,.22),transparent 26%),radial-gradient(circle at 48% 82%,rgba(255,255,255,.8),transparent 32%),linear-gradient(138deg,#fffefa 0%,#f7f1e7 48%,#fcfaf5 100%)}
.site-header{background:linear-gradient(105deg,rgba(255,255,255,.985),rgba(249,245,237,.965));box-shadow:0 8px 26px rgba(89,70,40,.07)}
.quick-links{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 0%,rgba(225,194,137,.16),transparent 28%),linear-gradient(125deg,#fff,#f7f0e4);box-shadow:0 18px 44px rgba(89,70,40,.1)}
.quick-links:before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#c5a46a 22%,#ead7ad 50%,#c5a46a 78%,transparent)}
.projects:before{background:radial-gradient(circle at 8% 12%,rgba(223,188,124,.18),transparent 28%),radial-gradient(circle at 90% 67%,rgba(205,190,163,.2),transparent 29%),linear-gradient(135deg,rgba(255,255,255,.28),rgba(238,229,213,.2))}
.projects .project-card:not(.featured):not(.material-card):not(.wide):not(.image-card):not(.postgraduate-card){background:radial-gradient(circle at 100% 0%,rgba(225,194,137,.11),transparent 27%),linear-gradient(145deg,#fff,#f3ede3);box-shadow:0 15px 36px rgba(89,70,40,.085)}
.projects .project-card:hover{box-shadow:0 22px 48px rgba(89,70,40,.14)}
.about:before{background:radial-gradient(circle at 10% 16%,rgba(229,196,137,.17),transparent 26%),radial-gradient(circle at 90% 82%,rgba(255,255,255,.9),transparent 30%),linear-gradient(120deg,rgba(255,255,255,.92),rgba(241,233,218,.9));box-shadow:0 18px 46px rgba(89,70,40,.07)}
.education{background:radial-gradient(circle at 8% 12%,rgba(255,255,255,.5),transparent 27%),radial-gradient(circle at 90% 85%,rgba(175,130,62,.15),transparent 26%),linear-gradient(128deg,#dbc49d 0%,#f0e1c7 52%,#cdb184 100%);color:#403a32}
.education-copy{color:#403a32;background:linear-gradient(145deg,rgba(255,255,255,.32),rgba(255,255,255,.1));border-color:rgba(113,88,49,.18);box-shadow:0 22px 58px rgba(92,69,34,.12)}
.education .eyebrow{color:#80663e}
.education-copy>p:not(.eyebrow),.edu-points small{color:#6e6252}
.edu-points span{border-left-color:rgba(92,69,34,.2)}
.education-visual{box-shadow:0 22px 58px rgba(92,69,34,.14)}
.advantages{position:relative;overflow:hidden;color:#443d33;background:radial-gradient(circle at 10% 12%,rgba(255,255,255,.78),transparent 27%),radial-gradient(circle at 90% 82%,rgba(181,137,67,.2),transparent 28%),linear-gradient(128deg,#e8d8bb 0%,#fbf7ef 48%,#dec8a4 100%)}
.advantages:before,.advantages:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.advantages:before{width:360px;height:360px;right:-140px;top:-150px;border:1px solid rgba(139,105,55,.16);box-shadow:0 0 0 38px rgba(255,255,255,.13)}
.advantages:after{width:190px;height:190px;left:4%;bottom:-105px;background:radial-gradient(circle,rgba(255,255,255,.52),rgba(255,255,255,0) 68%)}
.advantages .section-heading,.advantages .adv-grid{position:relative;z-index:1}
.advantages .section-heading.light h2{color:#403a32}
.advantages .section-heading.light>p,.advantages .adv-grid p{color:#746858}
.advantages .eyebrow{color:#8b6e3c}
.advantages .adv-grid{border-color:rgba(104,78,39,.18);box-shadow:0 20px 52px rgba(92,69,34,.09)}
.advantages .adv-grid article{border-right-color:rgba(104,78,39,.16);background:rgba(255,255,255,.2)}
.advantages .adv-grid article:hover{background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(229,202,155,.35))}
.advantages .adv-grid h3{color:#443d33}
.advantages .adv-grid b{color:#92713d}
.office{background:radial-gradient(circle at 90% 15%,rgba(255,255,255,.72),transparent 27%),linear-gradient(132deg,#f3ecdf 0%,#fffdf8 52%,#eadfcd 100%)}
.office-contact .contact-note{box-shadow:0 13px 34px rgba(89,70,40,.07)}

@media(max-width:800px){
  body{background:radial-gradient(circle at 15% 12%,rgba(225,194,137,.19),transparent 28%),linear-gradient(150deg,#fffefa,#f3ecdf)}
  .advantages .adv-grid article{border-right-color:rgba(104,78,39,.14);border-bottom-color:rgba(104,78,39,.14)}
}

/* Luminous champagne with soft sage and blush accents. */
body{background:radial-gradient(circle at 7% 13%,rgba(221,235,222,.7),transparent 27%),radial-gradient(circle at 92% 38%,rgba(246,220,213,.6),transparent 25%),radial-gradient(circle at 50% 82%,rgba(235,204,145,.2),transparent 29%),linear-gradient(138deg,#fff 0%,#fffaf2 47%,#fdfcf8 100%)}
.site-header{background:linear-gradient(108deg,rgba(255,255,255,.99),rgba(250,247,238,.975) 54%,rgba(246,238,235,.965));border-bottom-color:rgba(154,126,78,.11)}
.quick-links{background:linear-gradient(120deg,#fff 0%,#f8f3e8 48%,#f4f8f3 100%);box-shadow:0 17px 40px rgba(93,73,42,.085)}
.quick-links a:nth-child(1){background:linear-gradient(135deg,rgba(255,255,255,.48),rgba(246,222,214,.2))}
.quick-links a:nth-child(2){background:linear-gradient(135deg,rgba(255,255,255,.48),rgba(217,233,219,.3))}
.quick-links a:nth-child(3){background:linear-gradient(135deg,rgba(255,255,255,.48),rgba(239,217,173,.24))}
.quick-links a:hover{background:linear-gradient(135deg,#b99a69,#d0b47d);color:#fff}
.projects:before{background:radial-gradient(circle at 8% 10%,rgba(218,234,219,.52),transparent 28%),radial-gradient(circle at 91% 38%,rgba(245,218,211,.48),transparent 27%),radial-gradient(circle at 70% 88%,rgba(235,204,145,.18),transparent 25%)}
.projects .project-card:not(.featured):not(.material-card):not(.wide):not(.image-card):not(.postgraduate-card){background:linear-gradient(145deg,#fff 0%,#faf6ee 100%);border-color:rgba(145,117,69,.11);box-shadow:0 14px 34px rgba(93,73,42,.07)}
.projects .project-card:nth-child(3n+1):not(.no-image-project){background:radial-gradient(circle at 100% 0%,rgba(246,220,213,.35),transparent 31%),linear-gradient(145deg,#fff,#fbf7f0)}
.projects .project-card:nth-child(3n+2):not(.no-image-project){background:radial-gradient(circle at 100% 0%,rgba(218,234,219,.42),transparent 31%),linear-gradient(145deg,#fff,#f7f5ed)}
.projects .project-card:nth-child(3n):not(.no-image-project){background:radial-gradient(circle at 100% 0%,rgba(236,211,164,.32),transparent 31%),linear-gradient(145deg,#fff,#faf5eb)}
.projects .cies-card{background:radial-gradient(circle at 85% 15%,rgba(245,217,209,.38),transparent 31%),linear-gradient(145deg,#fff,#f7eee7)}
.projects .renewal-card{background:radial-gradient(circle at 85% 15%,rgba(214,232,216,.48),transparent 31%),linear-gradient(145deg,#fff,#eef5ee)}
.about:before{background:radial-gradient(circle at 8% 15%,rgba(218,234,219,.5),transparent 27%),radial-gradient(circle at 92% 78%,rgba(245,218,211,.4),transparent 29%),linear-gradient(120deg,rgba(255,255,255,.96),rgba(249,243,233,.92));box-shadow:0 17px 42px rgba(93,73,42,.06)}
.education{background:radial-gradient(circle at 6% 10%,rgba(255,255,255,.68),transparent 28%),radial-gradient(circle at 92% 82%,rgba(217,234,219,.55),transparent 28%),linear-gradient(128deg,#ead8b7 0%,#fbf5e9 50%,#d8e4d7 100%)}
.education-copy{background:linear-gradient(145deg,rgba(255,255,255,.52),rgba(255,255,255,.2));border-color:rgba(117,93,54,.14);box-shadow:0 20px 48px rgba(93,73,42,.09)}
.education-visual{background:linear-gradient(145deg,#fff,#f6f1e8);box-shadow:0 20px 48px rgba(93,73,42,.1)}
.advantages{background:radial-gradient(circle at 9% 12%,rgba(255,255,255,.88),transparent 27%),radial-gradient(circle at 88% 18%,rgba(245,216,209,.52),transparent 26%),radial-gradient(circle at 86% 88%,rgba(213,231,215,.62),transparent 29%),linear-gradient(128deg,#efdfc2 0%,#fffaf2 48%,#e6eee4 100%)}
.advantages .adv-grid article:nth-child(1){background:linear-gradient(145deg,rgba(255,255,255,.45),rgba(244,220,213,.22))}
.advantages .adv-grid article:nth-child(2){background:linear-gradient(145deg,rgba(255,255,255,.45),rgba(215,232,217,.28))}
.advantages .adv-grid article:nth-child(3){background:linear-gradient(145deg,rgba(255,255,255,.45),rgba(237,213,170,.2))}
.advantages .adv-grid article:nth-child(4){background:linear-gradient(145deg,rgba(255,255,255,.45),rgba(235,222,232,.2))}
.office{background:radial-gradient(circle at 92% 14%,rgba(245,218,211,.5),transparent 27%),radial-gradient(circle at 56% 86%,rgba(215,232,217,.44),transparent 26%),linear-gradient(132deg,#f8f1e5 0%,#fff 52%,#f2f5ee 100%)}
.office-contact .contact-note{background:linear-gradient(120deg,rgba(255,255,255,.84),rgba(221,234,219,.38));box-shadow:0 12px 30px rgba(93,73,42,.055)}

@media(max-width:800px){
  body{background:radial-gradient(circle at 12% 10%,rgba(218,234,219,.55),transparent 27%),radial-gradient(circle at 88% 40%,rgba(245,218,211,.42),transparent 25%),linear-gradient(150deg,#fff,#fff8ee)}
}

/* Section-led pearl, champagne, blush and mist-lilac layers. */
body{background:radial-gradient(circle at 8% 14%,rgba(246,220,213,.5),transparent 27%),radial-gradient(circle at 92% 54%,rgba(226,219,235,.48),transparent 28%),linear-gradient(138deg,#fff 0%,#fff9f1 50%,#fdfaf7 100%)}
.quick-links{background:radial-gradient(circle at 8% 10%,rgba(245,218,211,.38),transparent 28%),linear-gradient(120deg,#fff 0%,#faf3e7 52%,#f7f0eb 100%)}
.quick-links a:nth-child(1){background:linear-gradient(135deg,rgba(255,255,255,.56),rgba(247,222,215,.24))}
.quick-links a:nth-child(2){background:linear-gradient(135deg,rgba(255,255,255,.56),rgba(232,221,239,.3))}
.quick-links a:nth-child(3){background:linear-gradient(135deg,rgba(255,255,255,.56),rgba(239,213,166,.26))}
.projects{background:radial-gradient(circle at 7% 12%,rgba(247,221,214,.42),transparent 27%),radial-gradient(circle at 94% 58%,rgba(228,220,237,.42),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.7),rgba(252,246,237,.72));box-shadow:0 0 0 1px rgba(139,108,62,.045),0 24px 70px rgba(105,77,39,.045)}
.projects:before{background:radial-gradient(circle at 8% 10%,rgba(247,221,214,.44),transparent 28%),radial-gradient(circle at 91% 40%,rgba(227,219,236,.42),transparent 27%),radial-gradient(circle at 70% 88%,rgba(235,204,145,.18),transparent 25%)}
.projects .project-card:nth-child(3n+2):not(.no-image-project){background:radial-gradient(circle at 100% 0%,rgba(229,220,238,.4),transparent 31%),linear-gradient(145deg,#fff,#f8f3f4)}
.projects .renewal-card{background:radial-gradient(circle at 85% 15%,rgba(229,219,238,.46),transparent 31%),linear-gradient(145deg,#fff,#f4eff6)}
.about:before{background:radial-gradient(circle at 8% 15%,rgba(228,219,237,.48),transparent 27%),radial-gradient(circle at 92% 78%,rgba(246,219,212,.42),transparent 29%),linear-gradient(120deg,rgba(255,255,255,.97),rgba(248,242,236,.94));border-top:1px solid rgba(156,126,82,.08);border-bottom:1px solid rgba(156,126,82,.08)}
.education{border-top:1px solid rgba(142,105,52,.11);border-bottom:1px solid rgba(142,105,52,.13);background:radial-gradient(circle at 7% 12%,rgba(255,255,255,.72),transparent 27%),radial-gradient(circle at 92% 82%,rgba(243,209,202,.5),transparent 29%),linear-gradient(128deg,#ead5af 0%,#fff7e9 50%,#e8d9d8 100%)}
.education-copy{background:radial-gradient(circle at 100% 0%,rgba(228,219,237,.25),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.2))}
.advantages{border-top:1px solid rgba(142,105,52,.1);border-bottom:1px solid rgba(142,105,52,.12);background:radial-gradient(circle at 9% 12%,rgba(255,255,255,.9),transparent 27%),radial-gradient(circle at 88% 18%,rgba(245,216,209,.56),transparent 26%),radial-gradient(circle at 86% 88%,rgba(228,218,237,.52),transparent 29%),linear-gradient(128deg,#efddbd 0%,#fff9ef 48%,#eee3e8 100%)}
.advantages .adv-grid article:nth-child(2){background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(229,220,238,.3))}
.advantages .adv-grid article:nth-child(4){background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(245,218,211,.26))}
.office{border-top:1px solid rgba(142,105,52,.09);background:radial-gradient(circle at 92% 14%,rgba(245,218,211,.5),transparent 27%),radial-gradient(circle at 58% 88%,rgba(228,219,237,.4),transparent 27%),linear-gradient(132deg,#f8efe1 0%,#fff 52%,#f5eef1 100%)}
.office-contact .contact-note{background:linear-gradient(120deg,rgba(255,255,255,.86),rgba(231,220,238,.34))}

@media(max-width:800px){
  body{background:radial-gradient(circle at 12% 10%,rgba(246,220,213,.48),transparent 27%),radial-gradient(circle at 88% 42%,rgba(228,219,237,.4),transparent 26%),linear-gradient(150deg,#fff,#fff8ef)}
  .projects{box-shadow:none}
}

/* Military-navy carousel, coordinated with the Hong Kong night scene. */
.hero{background:linear-gradient(135deg,#071426 0%,#142b4b 58%,#28496e 100%)}
.hero-slide{background-image:linear-gradient(90deg,rgba(5,15,31,.94) 0%,rgba(13,36,66,.7) 47%,rgba(13,31,55,.14) 78%),var(--bg)}
.hero-slide:after{background:linear-gradient(0deg,rgba(4,13,27,.5),transparent 43%)}
.brand-hero{background-image:radial-gradient(circle at 78% 38%,rgba(126,157,197,.25),transparent 18%),radial-gradient(circle at 78% 38%,transparent 0 25%,rgba(197,215,236,.12) 25.2% 25.5%,transparent 25.7%),linear-gradient(125deg,#071426 0%,#17345a 58%,#31577d 100%)}
.placeholder-slide{background-image:radial-gradient(circle at 76% 42%,rgba(197,164,106,.22),transparent 18%),radial-gradient(circle at 78% 44%,rgba(114,151,197,.18),transparent 32%),linear-gradient(120deg,#08162a,#1b3a63 68%,#2c5076)}
.hero h1 em,.hero h2 em{color:#ead7ad}
.hero .eyebrow{color:#d9c28f}
.hero-controls button{color:#edf3f9}
.dots button{background:rgba(218,229,240,.34)}
.dots button.active{background:#d2b374}