/* Source: approved Yuen Fung mood board. Existing logo geometry and real site photography. */
:root{--navy:#003366;--ink:#283440;--muted:#526573;--orange:#d98b32;--line:#cbd5dd;--pale:#e7ecef;--steel:#7893a6;--paper:#f7f8f6}
body{background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",Arial,sans-serif}
h1,h2,h3{font-weight:650;letter-spacing:-.025em}h2{line-height:1.35}.wrap{width:90%;max-width:1320px}.section{padding-block:90px}.header{background:var(--paper);min-height:105px}.header nav a[aria-current=page]:after{background:var(--navy);height:3px}.brand{color:var(--navy)}.language-switch{border-color:#b5c3ce}.language-switch button[aria-pressed=true]{background:var(--navy)}.eyebrow,.eyebrow.dark{color:var(--navy);font-size:12px;font-weight:650;letter-spacing:.16em}.navy{background:var(--navy)}.navy .eyebrow,.hero .eyebrow,.inner-hero .eyebrow{color:#cad8e3}.button{background:var(--navy);color:#fff;border:1px solid var(--navy);border-radius:0;box-shadow:none;transition:background .2s,color .2s}.button:hover{background:#184c77;color:#fff}.button-outline{background:transparent;color:var(--navy);border-color:var(--navy)}.button-outline:hover{background:var(--navy);color:white}.button-ghost{border-color:#9bb0c2;background:transparent;color:#fff}.hero .button:not(.button-ghost),.contact-section .button{background:var(--paper);color:var(--navy);border-color:var(--paper)}.hero .button:hover,.contact-section .button:hover{background:#d9e4eb;color:var(--navy)}.text-link,.card-link{color:var(--navy)}.brand-lines{display:block;width:38px;height:128px;object-fit:contain}
/* A photographic opening, with a calm, solid blue editorial panel. */
.hero{grid-template-columns:46% 54%;background:var(--navy);min-height:660px}.hero-copy{padding:48px 4vw 58px 5vw;display:flex;flex-direction:column;align-items:flex-start}.hero-copy>.brand-lines{width:22px;height:72px;filter:brightness(0) invert(1);margin-bottom:32px}.hero h1{font-size:clamp(38px,4vw,62px);line-height:1.22;max-width:680px}.hero .lead{font-size:17px;line-height:1.8;color:#d5e0e9;max-width:550px}.hero .eyebrow{margin-bottom:22px}.hero-actions{margin-top:auto;flex-wrap:wrap;gap:12px}.hero-actions .button{gap:20px;padding:13px 18px;font-size:14px}.hero-visual{margin:0;border:0;background:none;position:relative;min-width:0;min-height:660px}.hero-photo{position:absolute;inset:0;min-height:0;border:0}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:48% center}.hero-photo figcaption{display:none}.plate-label{position:absolute;top:26px;left:26px;z-index:1;background:var(--paper);color:var(--navy);padding:10px 16px;font-size:11px;letter-spacing:.13em}.drawing-meta{position:absolute;bottom:0;left:0;right:0;background:var(--ink);border:0;color:#fff;padding:18px 26px;font-size:10px}.facts{background:var(--pale);margin:0;padding:40px 5vw;border:0;gap:40px}.facts>div+div{border-color:#afbdc8;padding-left:40px}.facts strong{font-size:54px;color:var(--navy);font-weight:500}.facts p{color:#425564;max-width:280px;font-size:14px}.intro-grid{grid-template-columns:1fr 1fr;gap:8vw}.intro-grid h2{font-size:clamp(27px,3vw,42px)}.intro-grid p{color:var(--muted);line-height:1.9}.pale{background:var(--pale)}.section-heading{margin-bottom:40px}.section-heading h2{font-size:clamp(28px,3vw,40px)}.service-grid{gap:0;border-color:#a5b5c2}.service-card{padding:32px 25px!important;border-color:#b5c3cc}.service-card:first-child{padding-left:0!important}.service-card h3{color:var(--navy);font-size:23px;line-height:1.4}.service-card:hover{background:#dbe3e9}.service-card p{font-size:15px}.project-grid{gap:0;border-top:1px solid #a5b5c2;border-left:1px solid var(--line)}.project-card,.project-card:not(:has(.project-photo)){border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);transform:none}.project-card:hover{background:var(--pale);transform:none}.project-card-body{padding:30px}.project-card:not(:has(.project-photo)) .project-card-body{min-height:240px}.project-card h3{color:var(--navy);font-size:23px}.project-meta{font-size:12px}.section-description{color:var(--muted);margin-bottom:32px}
/* Each inner page has its own composition. */
.inner-hero{display:grid;grid-template-columns:48% 52%;background:var(--navy);color:#fff;min-height:520px}.inner-hero-copy{padding:64px 4vw 64px 5vw;align-self:center}.inner-hero h1{font-size:clamp(36px,3.7vw,58px);line-height:1.3;margin:0 0 26px;letter-spacing:-.025em;font-weight:650}.inner-hero .page-intro{color:#d5e0e9;font-size:16px;line-height:1.85;max-width:650px}.inner-hero-image{position:relative;min-height:520px;min-width:0}.inner-hero-image .photo-block{position:absolute;inset:0;border:0;margin:0;min-height:0}.inner-hero-image img{width:100%;height:100%;object-fit:cover}.inner-hero-image figcaption{position:absolute;bottom:20px;left:24px;background:var(--paper);color:var(--navy);font-size:10px;letter-spacing:.14em;padding:8px 12px}.inner-hero-about .inner-hero-image img{object-position:58% center}.story-grid{grid-template-columns:.85fr 1.15fr;gap:8vw}.story-grid .about-photo{height:480px;min-height:0;background:var(--pale)}.story-grid .about-photo img{object-fit:cover;object-position:50% 40%}.story-grid h2{font-size:clamp(28px,3vw,40px)}.photo-block{border:0;background:var(--pale)}.photo-block figcaption{background:var(--ink);color:#fff;border:0;padding:12px 18px;font-size:11px;letter-spacing:.1em}.timeline{gap:40px}.timeline-year{color:#c3d5e3;font-size:64px;margin:0 0 22px;font-weight:400}.timeline article{border-color:#7391ac}.timeline h3{font-size:21px}.timeline p{font-size:15px;color:#d4e0e9}.values-grid{gap:40px}.values-grid article{border-top:3px solid var(--navy)}.values-grid h3{color:var(--navy)}
.inner-hero-services{display:flex;flex-direction:column;background:var(--paper);color:var(--navy)}.inner-hero-services .inner-hero-copy{width:90%;max-width:1320px;padding:56px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 7vw}.inner-hero-services .eyebrow{grid-column:1/-1;color:var(--navy)}.inner-hero-services h1{margin:0;font-size:clamp(36px,3.7vw,54px)}.inner-hero-services .page-intro{color:var(--muted);align-self:center}.inner-hero-services .inner-hero-image{height:440px;min-height:0}.inner-hero-services .inner-hero-image img{object-position:center 43%}.service-details{padding-block:28px 70px}.service-detail{gap:7vw;padding-block:48px;grid-template-columns:1fr 1fr;border-color:#afbec9}.service-detail:first-child{border-top:0}.service-detail h2{font-size:29px;color:var(--navy)}.service-wordmark{font-size:12px;letter-spacing:.15em;color:var(--muted);margin:0 0 16px}.check-list li{padding-left:0}.check-list li:before{content:none}.service-detail-body{font-size:17px}.process-grid article{border-top:2px solid var(--navy);padding-top:24px}.process-grid h3{color:var(--navy);font-size:23px}.service-photo-gallery{gap:24px}.service-photo-row{grid-template-columns:1fr 1fr;gap:6vw}.service-photo-gallery{grid-template-columns:1fr}.service-photo-gallery>.photo-block:first-child{display:none}.service-photo-gallery .service-connection-photo{height:480px;background:var(--pale)}.service-photo-gallery .service-connection-photo img{object-fit:cover}.service-photo-row>div:last-child{max-width:none}
.inner-hero-projects{grid-template-columns:1fr 300px;min-height:340px;gap:50px;padding:0 5vw}.inner-hero-projects .inner-hero-copy{padding:54px 0}.inner-hero-projects h1{font-size:clamp(42px,4.5vw,64px)}.hero-index-label{margin:28px 0 0;border-top:1px solid #7893a6;padding-top:15px;letter-spacing:.13em;font-size:11px;color:#c3d5e3}.project-brand-panel{align-self:stretch;background:var(--pale);padding:44px 36px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;color:var(--navy)}.project-brand-panel .brand-lines{height:235px;width:70px}.project-brand-panel>span{font-size:11px;letter-spacing:.17em;line-height:1.8;writing-mode:vertical-rl}.project-library{padding-top:32px}.filters{background:var(--pale);padding:25px;gap:16px;margin-bottom:30px}.filters label{font-size:12px;color:var(--navy);font-weight:650}.filters input,.filters select{background:var(--paper);border-color:#a5b5c2;font-size:14px}.result-bar{border-top:2px solid var(--navy)}.project-table th{background:var(--pale);font-size:12px;color:#425564}.project-table td{padding-block:25px}.project-table tr:nth-child(even){background:#eef2f3}.project-table tr:hover td{background:#dfe7ed}.project-open{color:var(--navy)}.project-open:hover{color:#32638a}.record-id{font-size:10px}.record-year{color:var(--navy)}.load-more-wrap{padding-top:32px}.detail-scope{color:var(--navy)}
.contact-section{background:var(--ink);padding-block:75px}.contact-section h2{font-size:clamp(30px,3vw,43px)}.contact-section .eyebrow{color:#b2c8d8}.contact-grid{gap:7vw}.enquiry input,.enquiry textarea{background:#354856;border-color:#8398a6}.contact-prep li{border-color:#536674}.footer{padding-block:36px;color:var(--navy)}.footer-brand img{width:64px;height:68px}
html[data-lang=en] .hero h1{font-size:clamp(38px,4vw,60px);line-height:1.1}html[data-lang=en] .inner-hero h1{line-height:1.12}html[data-lang=both] .inner-hero-copy{padding-block:40px}html[data-lang=both] .hero h1{font-size:42px}html[data-lang=both] .inner-hero h1{font-size:38px}
@media(min-width:1600px){.hero-copy{padding-left:5vw}.hero-visual{margin:0}}
@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .button{margin-top:10px}.hero h1{font-size:42px}.hero-copy{padding-right:4vw}.inner-hero{grid-template-columns:1fr 1fr}.inner-hero-projects{grid-template-columns:1fr 220px}.project-brand-panel{padding:36px 25px}.service-card:first-child{padding-left:25px!important}.inner-hero h1{font-size:40px}.filters{grid-template-columns:2fr 1fr 1fr}.filters .reset-button{grid-column:3;grid-row:3}.filters>div:nth-child(4){grid-column:1;grid-row:3}}
@media(max-width:850px){.section{padding-block:60px}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 6vw}.hero-copy>.brand-lines{height:55px;width:17px;margin-bottom:26px}.hero-actions{flex-direction:row;margin-top:12px}.hero-visual{min-height:440px;margin:0}.hero h1,html[data-lang=en] .hero h1{font-size:46px}.hero .lead{max-width:630px}.inner-hero{grid-template-columns:1fr}.inner-hero-copy{padding:42px 6vw}.inner-hero-image{min-height:360px}.inner-hero-services .inner-hero-copy{width:88%;grid-template-columns:1fr;gap:0;padding:42px 0}.inner-hero-services .page-intro{margin-top:22px}.inner-hero-services .inner-hero-image{height:330px}.inner-hero-projects{grid-template-columns:1fr 160px;gap:30px;padding:0 6vw;min-height:0}.inner-hero-projects .inner-hero-copy{padding:42px 0}.project-brand-panel{padding:35px 22px}.project-brand-panel .brand-lines{height:180px;width:54px}.project-brand-panel>span{display:none}.facts{gap:22px;padding:30px 6vw}.facts>div+div{padding-left:22px}.facts strong{font-size:43px}.story-grid{grid-template-columns:1fr 1fr;gap:35px}.story-grid .about-photo{height:420px}.timeline-year{font-size:48px}.service-photo-row{gap:35px}.service-photo-gallery .service-connection-photo{height:430px}.project-card h3{font-size:21px}.project-card-body{padding:25px}.project-library{padding-top:25px}}
@media(max-width:600px){.wrap{width:88%}.header{padding:16px 6vw}.hero h1,html[data-lang=en] .hero h1{font-size:38px}.hero .lead{font-size:16px}.hero-copy{padding:35px 6vw}.hero-visual{min-height:370px}.hero-actions{gap:10px}.hero-actions .button{font-size:13px;padding:12px 14px;gap:14px}.plate-label{top:18px;left:18px;font-size:10px}.drawing-meta{padding:15px 18px;font-size:9px}.facts{margin:0;display:block;padding:6px 6vw}.facts>div{grid-template-columns:88px 1fr;padding:23px 0;gap:20px}.facts>div+div{padding:23px 0;border-left:0;border-top:1px solid #b9c7d0}.facts p{font-size:13px;max-width:none}.section{padding-block:48px}.intro-grid{grid-template-columns:1fr;gap:12px}.intro-grid h2{font-size:29px}.service-card,.service-card:first-child{padding:26px 0!important}.project-grid{border-left:0}.project-card{border-right:0}.project-card:not(:has(.project-photo)) .project-card-body{min-height:0;padding:25px 0}.project-card .card-link{margin-top:18px}.inner-hero h1,.inner-hero-services h1{font-size:35px}.inner-hero-copy{padding:36px 6vw}.inner-hero .page-intro{font-size:15px}.inner-hero-image{min-height:310px}.inner-hero-services .inner-hero-copy{padding:35px 0}.inner-hero-services .inner-hero-image{height:270px}.inner-hero-projects{grid-template-columns:1fr 42px;gap:22px}.inner-hero-projects .inner-hero-copy{padding:36px 0}.inner-hero-projects h1{font-size:36px}.project-brand-panel{padding:36px 8px;align-items:flex-start}.project-brand-panel .brand-lines{width:26px;height:87px}.hero-index-label{font-size:10px;letter-spacing:.08em}.story-grid{grid-template-columns:1fr;gap:32px}.story-grid .about-photo{height:340px}.story-grid h2{font-size:29px}.timeline-year{font-size:54px}.service-detail{grid-template-columns:1fr;gap:8px;padding-block:32px}.service-detail h2{font-size:26px}.service-wordmark{font-size:10px}.service-details{padding-bottom:40px}.service-photo-row{grid-template-columns:1fr;gap:32px}.service-photo-gallery .service-connection-photo{height:370px;aspect-ratio:auto}.process-grid h3{font-size:20px}.filters{grid-template-columns:1fr 1fr;padding:20px 16px;gap:16px 12px;margin-bottom:22px}.filters .reset-button{grid-column:2;grid-row:3}.filters input,.filters select{min-width:0;width:100%;font-size:13px}.project-table tr{padding:22px 12px}.project-table td{padding:0}.project-table tr:hover td{background:none}.result-bar strong{font-size:25px}.contact-section{padding-block:48px}.footer{gap:25px}.footer-brand img{width:43px;height:46px}.footer-brand p{font-size:13px}.footer-brand{gap:14px}.footer>a{margin-left:57px}html[data-lang=both] .hero h1,html[data-lang=both] .inner-hero h1{font-size:32px}html[data-lang=both] .hero-actions{flex-direction:row}html[data-lang=both] .inner-hero-copy{padding-block:35px}}
@media print{.hero,.inner-hero,.contact-section{background:white;color:#003366}.inner-hero .page-intro{color:#283440}.project-brand-panel,.brand-lines{display:none}.inner-hero{display:block}.inner-hero-copy{padding:20px 0}.inner-hero-image{display:none}}
.inner-hero-image .photo-block figcaption{top:auto;bottom:20px;left:24px;width:max-content;max-width:calc(100% - 48px);background:var(--paper);color:var(--navy)}