/* WORLDCLASS_V4_20261004
   High-impact visual refinement for Home + flagship PEB service.
   Uses only existing company-owned project photography and anonymised drawing assets. */

.home.worldclass-home{--wc-deep:#071a27;--wc-navy:#0d2c3e;--wc-mid:#173f56;--wc-paper:#f6f8f8;--wc-orange:#f0a23a;background:#fff}
.home.worldclass-home .home-hero{min-height:calc(100svh - var(--header-height,68px));isolation:isolate}
.home.worldclass-home .home-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,#000 0 52%,transparent 85%)}
.home.worldclass-home .home-hero .hero-inner{position:relative;z-index:2;width:min(1460px,calc(100% - 72px));grid-template-columns:minmax(0,1.08fr) minmax(360px,430px);gap:clamp(46px,6vw,90px);padding:clamp(58px,8vh,104px) 0}
.home.worldclass-home .home-hero .hero-overlay{background:linear-gradient(90deg,rgba(5,19,29,.96),rgba(8,29,42,.89) 46%,rgba(9,33,47,.55) 72%,rgba(9,33,47,.34))}
.home.worldclass-home .home-hero h1{max-width:930px;font-size:clamp(50px,5.75vw,86px);line-height:.96;letter-spacing:-.055em;text-wrap:balance}
.home.worldclass-home .home-hero h1 span{display:block;margin-top:16px;color:#ffc16a;font-size:.58em;line-height:1.12;letter-spacing:-.035em}
.home.worldclass-home .hero-lead{max-width:690px!important;font-size:clamp(16px,1.25vw,19px)!important;line-height:1.72!important}
.home.worldclass-home .hero-assurance{margin-top:24px}
.home.worldclass-home .hero-brief{border-radius:18px;border-top:0;background:rgba(255,255,255,.96);box-shadow:0 32px 90px rgba(0,0,0,.3);backdrop-filter:blur(14px)}
.home.worldclass-home .hero-brief::before{content:"PROJECT BRIEF";display:block;margin:-26px -24px 20px;padding:11px 24px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#f0a23a,#d97e0d);color:#17242d;font-size:10px;font-weight:950;letter-spacing:.14em}
.home.worldclass-home .hero-brief .brief-kicker{display:none}
.home-proof-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:760px;margin-top:26px}
.home-proof-rail a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:11px 13px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none;font-size:12px;font-weight:850;backdrop-filter:blur(10px)}
.home-proof-rail a span{color:#ffc16a;font-size:10px;letter-spacing:.09em}
.home-proof-rail a:hover{background:rgba(255,255,255,.11)}

.home.worldclass-home .project-proof{padding-top:clamp(82px,9vw,128px);padding-bottom:clamp(82px,9vw,128px);background:radial-gradient(circle at 82% 18%,rgba(66,121,148,.22),transparent 28%),linear-gradient(145deg,#071a27,#0d2c3e)}
.home.worldclass-home .project-proof .section-intro{margin-bottom:48px}
.home.worldclass-home .project-proof .section-intro h2{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.045em}
.home.worldclass-home .project-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(6,92px);gap:14px}
.home.worldclass-home .project-shot{position:relative;min-height:0;margin:0;border-radius:20px;overflow:hidden;box-shadow:0 22px 58px rgba(0,0,0,.18)}
.home.worldclass-home .project-shot:nth-child(1){grid-column:span 7;grid-row:span 4}
.home.worldclass-home .project-shot:nth-child(2){grid-column:span 5;grid-row:span 3}
.home.worldclass-home .project-shot:nth-child(3){grid-column:span 5;grid-row:span 3}
.home.worldclass-home .project-shot:nth-child(4){grid-column:span 7;grid-row:span 2}
.home.worldclass-home .project-shot.project-shot-drawing{grid-column:span 5;grid-row:span 2;background:#f5f8f9}
.home.worldclass-home .project-shot.project-shot-drawing img{object-fit:contain;padding:16px;background:#f8fafb;filter:none}
.home.worldclass-home .project-shot img{transition:transform .5s ease,filter .5s ease}
.home.worldclass-home .project-shot:hover img{transform:scale(1.035);filter:saturate(1.06)}
.home.worldclass-home .project-shot.project-shot-drawing:hover img{transform:scale(1.015)}
.home.worldclass-home .project-shot div{padding:26px}
.home.worldclass-home .project-shot h3{font-size:clamp(20px,2vw,28px)}
.home-case-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:22px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.15)}
.home-case-rail a{display:block;min-height:130px;padding:22px;background:#0b2535;color:#fff;text-decoration:none}
.home-case-rail a:hover{background:#12394e}
.home-case-rail b{display:block;margin-bottom:20px;color:#ffc16a;font-size:10px;letter-spacing:.12em}
.home-case-rail strong{display:block;font-size:17px;line-height:1.25}
.home-case-rail span{display:block;margin-top:8px;color:#bfd0d8;font-size:12px}

.home.worldclass-home .expertise-grid{gap:14px}
.home.worldclass-home .expertise-card{border-radius:18px;overflow:hidden;transition:transform .25s ease,border-color .25s ease}
.home.worldclass-home .expertise-card:hover{transform:translateY(-4px);border-color:#bdcbd2}
.home.worldclass-home .expertise-card.featured{border-top:1px solid #dfe5e8}
.home.worldclass-home .expertise-card.featured::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#f0a23a}
.home.worldclass-home .expertise-no{font-size:58px!important;opacity:.28}

.configuration-visual{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:0;margin-bottom:28px;border:1px solid #d8e2e6;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 22px 60px rgba(11,39,54,.08)}
.configuration-visual figure{margin:0;min-height:430px;background:#f8fafb}
.configuration-visual img{width:100%;height:100%;object-fit:contain;padding:22px}
.configuration-visual-copy{padding:clamp(30px,4.5vw,58px);background:linear-gradient(145deg,#0d2c3e,#133e55);color:#fff}
.configuration-visual-copy .eyebrow{color:#ffc16a}
.configuration-visual-copy h3{margin:8px 0 16px;color:#fff;font-size:clamp(30px,3.6vw,48px);line-height:1.03;letter-spacing:-.04em}
.configuration-visual-copy p{color:#d6e2e7;line-height:1.72}
.configuration-visual-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.configuration-visual-tags span{padding:8px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);font-size:11px;font-weight:800}

.home.worldclass-home .journey-track{gap:1px;border:1px solid #d6e0e4;background:#d6e0e4}
.home.worldclass-home .journey-track li{min-height:210px;padding:60px 18px 22px;border:0;background:#fff}
.home.worldclass-home .journey-track li::before{width:100%;height:4px;left:0;top:0;border-radius:0;background:linear-gradient(90deg,#f0a23a,#173f56)}
.home.worldclass-home .journey-track b{font-size:28px;letter-spacing:-.04em;color:#d8e1e5}
.home.worldclass-home .journey-track h3{margin-top:18px}

.peb-visual-page{--peb-deep:#071a27;--peb-navy:#0d2c3e;--peb-accent:#f0a23a;background:#fff}
.peb-visual-page .peb-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:calc(92svh - var(--header-height,68px));background:radial-gradient(circle at 16% 20%,rgba(77,139,166,.28),transparent 32%),linear-gradient(135deg,#071a27,#0e3144 56%,#17445b);color:#fff;overflow:hidden}
.peb-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(58px,7vw,100px) clamp(26px,5vw,76px)}
.peb-hero-copy .eyebrow{color:#ffc16a}
.peb-hero-copy h1{max-width:800px;margin:10px 0 20px;color:#fff;font-size:clamp(48px,5.8vw,82px);line-height:.95;letter-spacing:-.05em;text-wrap:balance}
.peb-hero-copy>p{max-width:700px;color:#d5e4ea;font-size:clamp(16px,1.35vw,20px);line-height:1.72}
.peb-hero-copy .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.peb-hero-copy .btn{border-radius:999px}
.peb-hero-visuals{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:8px;padding:14px 14px 14px 0}
.peb-hero-visuals figure{position:relative;margin:0;overflow:hidden;background:#0b2535}
.peb-hero-visuals figure:first-child{grid-row:1/3}
.peb-hero-visuals button{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:zoom-in}
.peb-hero-visuals img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.peb-hero-visuals .is-drawing img{object-fit:contain;padding:18px;background:#f8fafb}
.peb-hero-visuals figure:hover img{transform:scale(1.035)}
.peb-hero-visuals .is-drawing:hover img{transform:scale(1.012)}
.peb-hero-visuals figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(6,24,34,.78);color:#fff;font-size:10px;font-weight:850;letter-spacing:.04em;pointer-events:none}
.peb-evidence-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce5e9;border-bottom:1px solid #dce5e9}
.peb-evidence-strip article{padding:22px;background:#fff}
.peb-evidence-strip b{display:block;color:#9a5b13;font-size:10px;letter-spacing:.11em;margin-bottom:6px}
.peb-evidence-strip span{font-size:13px;color:#506572;line-height:1.5}
.peb-visual-page .capability-family{border-top:0;border-radius:16px;box-shadow:0 12px 34px rgba(11,39,54,.05)}
.peb-visual-page .capability-family:nth-child(even){background:#f8fafb}
.peb-configuration-proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:0;margin-bottom:28px;border:1px solid #d9e3e7;border-radius:22px;overflow:hidden;background:#fff}
.peb-configuration-proof figure{margin:0;min-height:420px;background:#f8fafb}
.peb-configuration-proof img{width:100%;height:100%;object-fit:contain;padding:22px}
.peb-configuration-copy{padding:clamp(30px,4vw,54px);background:#0d2c3e;color:#fff}
.peb-configuration-copy .eyebrow{color:#ffc16a}
.peb-configuration-copy h3{margin:8px 0 14px;color:#fff;font-size:clamp(30px,3.6vw,48px);line-height:1.04;letter-spacing:-.04em}
.peb-configuration-copy p{color:#d4e0e6;line-height:1.72}
.peb-visual-page .config-grid{gap:1px;border:1px solid #d4dfe4;background:#d4dfe4}
.peb-visual-page .config-grid article{border:0;transition:transform .2s ease,background .2s ease}
.peb-visual-page .config-grid article:hover{transform:translateY(-3px);background:#f8fafb}
.peb-visual-page .delivery-grid{gap:1px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.14)}
.peb-visual-page .delivery-grid article{min-height:205px;border:0;background:#102f42}
.peb-visual-note{padding:16px max(20px,calc((100vw - 1240px)/2));background:#f5f7f8;color:#566b77;font-size:12px;line-height:1.6;border-bottom:1px solid #dde5e8}

@media(max-width:1050px){
 .home.worldclass-home .home-hero .hero-inner{width:calc(100% - 44px);grid-template-columns:1fr;gap:38px}
 .home-proof-rail{max-width:none}
 .home.worldclass-home .project-mosaic{grid-template-rows:repeat(7,86px)}
 .home.worldclass-home .project-shot:nth-child(1){grid-column:span 12;grid-row:span 4}
 .home.worldclass-home .project-shot:nth-child(n+2){grid-column:span 6;grid-row:span 3}
 .home-case-rail{grid-template-columns:1fr 1fr}
 .configuration-visual{grid-template-columns:1fr}
 .configuration-visual figure{min-height:340px}
 .peb-visual-page .peb-hero{grid-template-columns:1fr;min-height:auto}
 .peb-hero-visuals{min-height:520px;padding:0 18px 18px}
 .peb-evidence-strip{grid-template-columns:1fr 1fr}
 .peb-configuration-proof{grid-template-columns:1fr}
}
@media(max-width:700px){
 .home.worldclass-home .home-hero .hero-inner{width:calc(100% - 30px);padding:38px 0 30px}
 .home.worldclass-home .home-hero h1{font-size:clamp(40px,12vw,56px)}
 .home-proof-rail{grid-template-columns:1fr}
 .home.worldclass-home .project-mosaic{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:14px}
 .home.worldclass-home .project-shot:nth-child(n){grid-column:1;grid-row:auto;min-height:290px}
 .home.worldclass-home .project-shot:nth-child(1){min-height:390px}
 .home.worldclass-home .project-shot.project-shot-drawing{min-height:240px}
 .home-case-rail{grid-template-columns:1fr}
 .home-case-rail a{min-height:0}
 .configuration-visual figure{min-height:260px}
 .home.worldclass-home .journey-track{grid-template-columns:1fr}
 .home.worldclass-home .journey-track li{min-height:0;padding:50px 20px 22px}
 .peb-hero-copy{padding:54px 22px 36px}
 .peb-hero-copy h1{font-size:clamp(40px,11.8vw,58px)}
 .peb-hero-visuals{grid-template-columns:1fr;grid-template-rows:260px 180px 180px;min-height:0;padding:0 14px 14px}
 .peb-hero-visuals figure:first-child{grid-row:auto}
 .peb-evidence-strip{grid-template-columns:1fr}
 .peb-configuration-proof figure{min-height:260px}
}
@media(prefers-reduced-motion:reduce){
 .home.worldclass-home .project-shot img,.home.worldclass-home .expertise-card,.peb-hero-visuals img,.peb-visual-page .config-grid article{transition:none!important;transform:none!important}
}


/* SERVICE_VISUAL_ROLLOUT_20261004
   Shared premium visual system for commercial service pages.
   Reuses approved company project/reference photography and anonymised engineering proof. */
.service-visual-page{--svc-deep:#071a27;--svc-navy:#0d2c3e;--svc-mid:#173f56;--svc-accent:#f0a23a;background:#fff}
.service-visual-page .page-hero{position:relative;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:min(650px,76svh);background:radial-gradient(circle at 12% 18%,rgba(73,137,164,.26),transparent 30%),linear-gradient(135deg,#071a27,#0d3044 58%,#17455c);overflow:hidden}
.service-visual-page .page-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000 0 48%,transparent 84%)}
.service-visual-page .page-hero>div{position:relative;z-index:2;padding-top:clamp(70px,8vw,112px);padding-bottom:clamp(70px,8vw,112px)}
.service-visual-page .page-hero .eyebrow{color:#ffc16a}
.service-visual-page .page-hero h1{max-width:860px;color:#fff;font-size:clamp(44px,4.8vw,68px);line-height:.98;letter-spacing:-.048em;text-wrap:balance}
.service-visual-page .page-hero>div>p:last-child{max-width:720px;color:#d6e4ea;font-size:clamp(16px,1.35vw,20px);line-height:1.75}
.service-visual-page .page-hero>img{position:relative;z-index:1;min-height:100%;filter:saturate(.96) contrast(1.04);transform:scale(1.005)}
.service-visual-page .page-hero::before{content:"COMPANY PROJECT / REFERENCE PHOTOGRAPHY";position:absolute;right:18px;bottom:16px;z-index:3;padding:8px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(6,24,34,.76);color:#fff;font-size:9px;font-weight:900;letter-spacing:.1em}
.service-evidence-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#d7e1e5;border-bottom:1px solid #d7e1e5}
.service-evidence-band article{min-height:138px;padding:24px clamp(18px,2.2vw,34px);background:#fff}
.service-evidence-band b{display:block;margin-bottom:9px;color:#9a5b13;font-size:10px;letter-spacing:.12em}
.service-evidence-band strong{display:block;color:#183243;font-size:16px;line-height:1.25}
.service-evidence-band span{display:block;margin-top:7px;color:#61737e;font-size:12px;line-height:1.55}
.service-drawing-proof{padding:clamp(54px,6vw,86px) max(24px,calc((100vw - var(--max))/2));background:#f4f7f8}
.service-drawing-proof-inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:0;border:1px solid #d8e2e6;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 24px 62px rgba(11,39,54,.08)}
.service-drawing-proof figure{margin:0;min-height:410px;background:#f8fafb}
.service-drawing-proof figure img{display:block;width:100%;height:100%;object-fit:contain;padding:24px}
.service-drawing-proof-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4vw,56px);background:linear-gradient(145deg,#0d2c3e,#153f56);color:#fff}
.service-drawing-proof-copy .eyebrow{color:#ffc16a}
.service-drawing-proof-copy h2{margin:8px 0 16px;color:#fff;font-size:clamp(32px,3.8vw,50px);line-height:1.03;letter-spacing:-.04em}
.service-drawing-proof-copy p{color:#d5e2e8;line-height:1.72}
.service-drawing-proof-copy .service-proof-note{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);color:#aebfc8;font-size:12px}
.service-visual-page .section{position:relative}
.service-visual-page .section-intro h2{letter-spacing:-.045em}
.service-visual-page .decision-grid article,
.service-visual-page .shed-proof-card,
.service-visual-page .warehouse-proof-card,
.service-visual-page .factory-proof-card{border-radius:14px;box-shadow:0 10px 30px rgba(11,39,54,.055);transition:transform .22s ease,box-shadow .22s ease}
.service-visual-page .decision-grid article:hover,
.service-visual-page .shed-proof-card:hover,
.service-visual-page .warehouse-proof-card:hover,
.service-visual-page .factory-proof-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(11,39,54,.09)}
.service-visual-page .proof-split{border-radius:22px;overflow:hidden;box-shadow:0 22px 58px rgba(11,39,54,.08)}
.service-visual-page .proof-split img{border-radius:0}
.service-visual-page .proof-copy{background:linear-gradient(145deg,#f7f9fa,#edf2f4)}
.service-visual-page .section.charcoal{background:radial-gradient(circle at 82% 18%,rgba(73,137,164,.16),transparent 28%),linear-gradient(145deg,#071a27,#0d2c3e)}
.service-visual-page .cta{background:linear-gradient(135deg,#0b2738,#123e55);color:#fff}
.service-visual-page .cta h2{color:#fff}
.service-visual-page .cta p{color:#d3e0e6}

@media(max-width:980px){
 .service-visual-page .page-hero{grid-template-columns:1fr;min-height:auto}
 .service-visual-page .page-hero>img{min-height:420px;max-height:520px}
 .service-evidence-band{grid-template-columns:1fr 1fr}
 .service-drawing-proof-inner{grid-template-columns:1fr}
 .service-drawing-proof figure{min-height:320px}
}
@media(max-width:620px){
 .service-visual-page .page-hero h1{font-size:clamp(40px,11.6vw,56px)}
 .service-visual-page .page-hero::before{right:12px;bottom:10px;font-size:8px}
 .service-evidence-band{grid-template-columns:1fr}
 .service-evidence-band article{min-height:0;padding:20px}
 .service-drawing-proof{padding:44px 16px}
 .service-drawing-proof figure{min-height:250px}
 .service-drawing-proof figure img{padding:14px}
}
@media(prefers-reduced-motion:reduce){
 .service-visual-page .decision-grid article,
 .service-visual-page .shed-proof-card,
 .service-visual-page .warehouse-proof-card,
 .service-visual-page .factory-proof-card{transition:none!important;transform:none!important}
}