/* Reference-led redesign: Creative Zone (V1), Commitbiz (V2/V3). */
.reference-design{--ink:#202630;--muted:#555d67;--paper:#fff;--soft:#f5f6f8;--line:#dedfe3;--accent:#991216;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#202630}.reference-design .wrap{max-width:1140px}.reference-design h1,.reference-design h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:0;font-weight:700}.reference-design h2{font-size:34px}.reference-design h3{letter-spacing:0}.reference-design em{font-style:normal}.reference-design .eyebrow{color:var(--accent)}.reference-design .button{background:var(--accent);color:#fff;border-radius:5px;font-family:Arial,sans-serif;font-weight:500;font-size:14px}.reference-design .topbar{background:#102037}.reference-design .topbar .wrap{min-height:38px}.reference-design .header{background:#15233b;color:white;border:0}.reference-design .navwrap{max-width:1170px;min-height:100px}.reference-design .brand{height:85px;width:160px;background:#fff;border-radius:4px}.reference-design .desktop{font-weight:400;gap:35px;font-size:15px}.reference-design .header-cta{background:#fff;color:#8e0a12;font-weight:700}.reference-design .desktop [aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:8px}.reference-design .mega{color:#202630;background:#fff}.reference-design .mobile-nav{background:#15233b;color:#fff}.reference-design .mega .eyebrow{color:#991216}.reference-design .hamburger{border-color:#ffffff70}.reference-design.is-home .header{position:absolute;top:38px;left:0;right:0;background:linear-gradient(#101b30c9,#101b3010)}.reference-hero{position:relative;color:#fff;min-height:760px;display:flex;align-items:center;padding:145px 0 80px;isolation:isolate}.reference-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#12304d}.reference-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;animation:hero-drift 24s ease-in-out infinite alternate}.reference-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101c32e8 0%,#1728409c 48%,#11233935 100%)}.reference-hero-copy{max-width:680px}.reference-hero-copy h1{font-size:46px;line-height:1.7;color:#fff}.reference-hero-copy>p{font-size:23px;line-height:1.5;color:#fff;margin:20px 0 30px}.reference-hero-copy>.button{padding:18px 33px;min-height:54px}.reference-hero .eyebrow{color:#fff}.hero-service-strip{background:#fff;color:#202630;display:inline-flex;align-items:center;gap:15px;padding:16px 22px;margin-top:60px;font-size:14px;box-shadow:0 5px 20px #0002}.hero-service-strip span{color:#991216}.center-heading{text-align:center;margin:0 auto 40px;max-width:850px}.center-heading h2{font-size:31px;line-height:1.3;margin-bottom:18px}.center-heading p{font-size:16px}.route-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.route-card{position:relative;overflow:hidden;min-height:380px;border-radius:17px;box-shadow:0 5px 15px #0002;color:#fff}.route-card>img{position:absolute;inset:0;height:100%;object-fit:cover;transition:transform .6s}.route-card:after{content:'';position:absolute;inset:0;background:linear-gradient(#082742b3,transparent 45%,#07172af5)}.route-card>div{position:relative;z-index:1;height:100%;min-height:380px;padding:25px 23px;display:flex;flex-direction:column}.route-card h3{font:700 26px/1.3 Georgia,serif}.route-card p{color:#fff;font-size:13px;line-height:1.6;margin-top:auto;padding-top:30px}.route-card span{font-size:13px;font-weight:bold;margin-top:18px}.route-card:hover>img{transform:scale(1.05)}.route-promo{border-radius:17px;background:#8d1114;padding:28px 22px;color:white;display:flex;flex-direction:column}.route-promo .eyebrow,.route-promo p{color:white}.route-promo h3{font:700 29px/1.3 Georgia,serif;margin-bottom:20px}.route-promo p{font-size:14px}.route-promo .button{background:#fff;color:#8d1114;margin-top:auto;font-size:13px;padding-inline:12px}.reference-design .services-section{background:#f6f6f6}.reference-design .service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.reference-design .service-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:block}.reference-design .card-body{padding:22px}.reference-design .card-body h3{font:700 23px/1.25 Georgia,serif;min-height:60px}.reference-design .card-body p{font-size:13px;color:#535b65}.reference-design .card-body .eyebrow{font-size:9px;color:#8d1114;min-height:0}.reference-design .card-photo{aspect-ratio:1.4;height:auto}.reference-design .card-arrow{background:#991216;color:white}.reference-design .about-block{background:#fff}.reference-design .about-photo>img{border-radius:5px;aspect-ratio:1.15}.reference-design .photo-caption{background:#991216;color:#fff;border-radius:0}.reference-design .category{background:#fff;border:1px solid #e0e0e0;border-radius:6px;min-height:230px;padding:25px}.reference-design .category h3{font:700 25px/1.25 Georgia,serif}.reference-design .category p{font-size:14px}.reference-design .category .round-arrow{margin-left:0}.reference-design .finder-section{background:#f0f2f5}.reference-design .finder-controls{background:white;padding:25px;border-radius:8px;border:1px solid #dedfe3}.reference-design .finder-controls select{color:#202630;background:white}.reference-design .finder h2{font-size:31px}.reference-design .cta-section{background:#991216;color:#fff}.reference-design .cta-inner .eyebrow,.reference-design .cta-inner p{color:#fff}.reference-design .cta-inner .button{background:white;color:#991216}.reference-design .footer{background:#152033;color:white}.reference-design .footer-brand .text-link{color:#fff}.reference-design .footer p,.reference-design .footer-bottom{color:#d1d6df}.reference-design .footer-grid{grid-template-columns:1.3fr .8fr 1fr 1.3fr}.reference-design .footer h3{font:700 16px Arial,sans-serif}.reference-design .footer a:hover{color:#fff;text-decoration:underline}.reference-design .contact-form,.reference-design .service-aside{background:#f6f6f6;border-radius:6px;color:#202630}.reference-design input,.reference-design select,.reference-design textarea{background:white;color:#202630;border-color:#d0d4d9}.reference-design input::placeholder,.reference-design textarea::placeholder{color:#606977}.reference-design .contact-form .eyebrow{color:var(--accent)}.reference-design .page-intro{border-bottom:1px solid #ececec}.reference-design .intro-content h1{font-size:48px}.reference-design .detail-photo{border-radius:5px;overflow:hidden}.reference-design .process{background:#f3f4f6;color:#202630}.reference-design .process p{color:#555d67}.reference-design .process .eyebrow,.reference-design .step-number{color:#991216}.reference-design .steps article{background:transparent;border-radius:0;border-top:1px solid #ddd;padding:25px 0}.reference-design .steps h3{font-family:Georgia,serif}.reference-process{background:#f6f6f6}.reference-process h2{text-align:center;margin-bottom:45px;line-height:1.4}.process-tabs{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.process-list{display:flex;flex-direction:column;border-left:2px solid #d6d6d6}.process-list button{min-height:60px;text-align:left;padding:16px 20px;border:0;background:none;display:flex;gap:18px;font-size:15px;color:inherit}.process-list button[aria-selected=true]{background:#fff;border-left:3px solid #991216;margin-left:-2px;color:#991216}.process-list button span{font-weight:bold}.process-panels{border:1px solid #d7d9dc;border-radius:20px;padding:34px;background:#fff;min-height:330px}.process-panels article{position:relative}.big-step{display:block;float:left;font-size:65px;line-height:1;color:#991216;margin:0 25px 25px 0;font-weight:bold}.process-panels h3{font-size:25px;line-height:1.4;padding-top:4px;min-height:85px}.process-panels p{clear:both;font-size:16px;margin-bottom:20px}.reference-contact{background:#f6f6f6}.reference-contact .contact-section{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;padding:0}.reference-contact .contact-form{background:white}.reference-design .floating{background:#087b43}.reference-design .back-top{background:#fff;color:#202630}
/* Creative Zone composition */
.v1.reference-design{--accent:#5b134b;--ink:#082347}.v1.reference-design h1,.v1.reference-design h2,.v1.reference-design h3{font-family:Arial,Helvetica,sans-serif;font-weight:600}.v1.reference-design .topbar{background:linear-gradient(110deg,#5e153d,#062143 45%)}.v1.reference-design .button{background:linear-gradient(135deg,#122240,#5c1546);border:1px solid #b1a3b8;border-radius:3px;font-weight:bold}.v1.reference-design .header-cta{color:#fff}.cz-hero{min-height:600px;padding-top:130px;padding-bottom:45px}.cz-hero .reference-hero-copy{max-width:650px}.cz-hero h1{font-size:43px;line-height:1.25}.hero-route-links{display:flex;flex-wrap:wrap;gap:0;margin:26px 0 30px;font-size:19px}.hero-route-links a{padding:0 15px;border-right:1px solid #ffffff70}.hero-route-links a:first-child{padding-left:0}.hero-route-links a:last-child{border:0}.cz-opening{position:relative;background:#061c37}.cz-opening .reference-process{background:linear-gradient(#061c37c9,#021329ee),url('hero2-1536.webp') center bottom/cover;color:white;padding-top:35px}.cz-opening .reference-process h2{font-size:38px;line-height:1.25}.cz-opening .process-list{border-color:#a0104b}.cz-opening .process-list button[aria-selected=true]{background:#ffffff08;color:#ff96c3;border-color:#dc286b}.cz-opening .process-panels{background:#03080ca6;border:1px solid #c2c7d0;border-radius:24px}.cz-opening .process-panels p{color:#e5e8ed}.cz-opening .big-step{color:#ee296d}.v1 .reference-routes{background:#062246;color:white}.v1 .reference-routes .center-heading p{color:#cbd7e7}.v1 .route-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.v1 .route-card{border-radius:0;min-height:380px;box-shadow:none}.v1 .route-card>div{min-height:380px;padding:35px}.v1 .route-card h3{font:600 29px/1.2 Arial,sans-serif}.v1 .route-promo{grid-column:1/-1;border-radius:0;display:flex;flex-direction:row;align-items:center;gap:30px;padding:30px;background:#0f998b}.v1 .route-promo .eyebrow{display:none}.v1 .route-promo h3{margin:0;font:600 26px/1.2 Arial,sans-serif}.v1 .route-promo p{max-width:310px}.v1 .route-promo .button{margin:0 0 0 auto;color:white;min-width:175px}.v1 .ecosystem h2{font-size:40px;line-height:1.1}.v1 .card-body h3{font-family:Arial,sans-serif;font-size:22px}.v1 .card-body .eyebrow{color:#5b134b}.v1 .photo-caption{background:#062246}.v1 .reference-contact{background:#062246;color:#fff}.v1 .reference-contact .center-heading p,.v1 .reference-contact .contact-info p{color:#d6deeb}.v1 .reference-contact .contact-info .eyebrow{color:#c5d4ef}.v1.reference-design .footer{background:#041b37}.v1.reference-design .cta-section{background:#062246}
/* Second Commitbiz treatment: enquiry-led, warm red with broader image panels. */
.v3.reference-design{--accent:#951c23}.commit-alt-hero{min-height:690px}.alt-hero-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center}.commit-alt-hero .reference-backdrop:after{background:linear-gradient(90deg,#15223ce8,#15223c6b)}.commit-alt-hero h1{font-size:47px;line-height:1.3}.commit-alt-hero .reference-hero-copy p{font-size:20px}.hero-enquiry{background:#fff;color:#222;border-radius:8px;border-top:5px solid #991216;padding:30px;box-shadow:0 12px 50px #0003}.hero-enquiry .eyebrow{color:#991216}.hero-enquiry h2{font-size:29px;line-height:1.25;margin-bottom:15px}.hero-enquiry p{font-size:14px;margin-bottom:20px}.hero-enquiry label{display:block;font-size:12px;margin-bottom:8px}.hero-enquiry select{font-size:13px;margin-bottom:18px}.hero-enquiry .button{width:100%}.hero-enquiry .text-link{font-size:12px;margin-top:14px}.v3.reference-design .reference-wide-cards{grid-template-columns:1fr 1fr}.v3.reference-design .reference-wide-cards .service-card{display:grid;grid-template-columns:.85fr 1.15fr}.v3.reference-design .reference-wide-cards .card-photo{height:100%;aspect-ratio:auto}.v3 .reference-routes{background:#f4f0ef}.v3 .reference-process{background:#18263b;color:#fff}.v3 .reference-process .process-list button[aria-selected=true]{background:#991216;color:#fff;border-color:#fff}.v3 .reference-process .process-panels{background:#fff;color:#202630}.v3 .reference-contact{background:#f2f3f5}.v3.reference-design .category:nth-child(n){background:#fff}.v3.reference-design .round-arrow{background:#f4f4f4}
@media(max-width:1100px){.reference-design .desktop{gap:22px}.route-cards{gap:16px}.route-card>div{padding:22px 18px}.route-card h3{font-size:23px}.route-promo{padding:24px 18px}.reference-design .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.alt-hero-layout{gap:35px}.commit-alt-hero h1{font-size:43px}}
@media(max-width:900px){.reference-design .navwrap{min-height:86px}.reference-design .brand{width:140px;height:75px}.reference-hero{min-height:650px;padding-top:125px}.reference-hero-copy h1{font-size:43px}.route-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.route-card,.route-card>div{min-height:350px}.reference-design .service-grid{grid-template-columns:1fr 1fr}.process-tabs{gap:30px}.process-panels{padding:25px}.process-panels h3{font-size:23px}.v1 .route-card>div{padding:25px}.v1 .route-card h3{font-size:24px}.v1 .route-promo{gap:20px}.alt-hero-layout{grid-template-columns:1fr 1fr;gap:25px}.commit-alt-hero h1{font-size:39px}.hero-enquiry{padding:24px}.hero-enquiry h2{font-size:26px}.v3.reference-design .reference-wide-cards .service-card{display:block}.v3.reference-design .reference-wide-cards .card-photo{height:auto;aspect-ratio:1.5}.reference-design .footer-grid{grid-template-columns:1.2fr 1fr}.reference-contact .contact-section{gap:30px}.v1 .route-promo p{display:none}}
@media(max-width:650px){.reference-design .topbar .wrap{min-height:28px}.reference-design.is-home .header{top:28px}.reference-design .navwrap{min-height:77px}.reference-design .brand{width:120px;height:69px}.reference-design .header-cta{font-size:12px}.reference-hero{min-height:600px;padding:120px 0 60px}.reference-hero-copy h1{font-size:34px;line-height:1.5}.reference-hero-copy>p{font-size:18px;margin:22px 0 25px}.reference-hero-copy>.button{font-size:13px;padding:15px 22px}.hero-service-strip{display:flex;flex-wrap:wrap;gap:7px 10px;font-size:11px;padding:14px 16px;margin-top:35px}.reference-backdrop:after{background:linear-gradient(90deg,#101c32dc,#17284088)}.center-heading{margin-bottom:28px}.center-heading h2,.reference-design h2{font-size:29px}.center-heading p{font-size:14px}.route-cards{gap:14px}.route-card,.route-card>div{min-height:330px}.route-card>div{padding:20px 16px}.route-card h3{font-size:22px}.route-card p{font-size:12px}.route-card span{font-size:12px}.route-promo{padding:22px 17px}.route-promo h3{font-size:24px}.route-promo p{font-size:13px}.route-promo .eyebrow{font-size:9px}.route-promo .button{font-size:11px;padding:12px 10px}.reference-design .service-grid{gap:14px}.reference-design .card-body{padding:18px 14px}.reference-design .card-body h3{font-size:20px;min-height:68px}.reference-design .card-body p{font-size:12px}.reference-design .card-photo{aspect-ratio:1.2}.reference-design .card-body .eyebrow{font-size:8px;min-height:26px}.reference-design .category{min-height:0;padding:23px}.reference-design .category h3{font-size:23px}.reference-design .finder h2{font-size:29px}.reference-design .intro-content h1{font-size:38px}.reference-design .footer-grid{grid-template-columns:1fr 1fr}.process-tabs{grid-template-columns:1fr;gap:22px}.reference-process h2{margin-bottom:28px}.process-list{display:grid;grid-template-columns:1fr 1fr;border-left:0;gap:8px}.process-list button{padding:13px 12px;min-height:62px;font-size:12px;line-height:1.4;border:1px solid #ffffff30;background:#ffffff0a;gap:9px}.process-list button[aria-selected=true]{margin:0;border-left:3px solid #991216}.process-panels{padding:25px;border-radius:14px;min-height:280px}.process-panels h3{font-size:23px;min-height:70px}.process-panels p{font-size:14px}.big-step{font-size:55px;margin-right:20px}.reference-contact .contact-section{grid-template-columns:1fr;gap:30px}.cz-hero{min-height:540px;padding-bottom:35px}.cz-hero h1{font-size:35px;line-height:1.25}.hero-route-links{font-size:14px;gap:10px 0;margin:25px 0}.hero-route-links a{padding:0 10px}.cz-opening .reference-process h2{font-size:30px}.cz-opening .reference-process{padding-top:20px}.v1 .route-cards{grid-template-columns:1fr}.v1 .route-card,.v1 .route-card>div{min-height:300px}.v1 .route-card>div{padding:30px}.v1 .route-card h3{font-size:28px;max-width:270px}.v1 .route-card p{max-width:320px;font-size:14px}.v1 .route-promo{display:block;padding:28px}.v1 .route-promo h3{font-size:27px}.v1 .route-promo .button{margin:22px 0 0}.v1 .ecosystem h2{font-size:34px}.alt-hero-layout{grid-template-columns:1fr;gap:35px}.commit-alt-hero{padding-bottom:40px}.commit-alt-hero h1{font-size:38px;line-height:1.25}.commit-alt-hero .reference-hero-copy p{font-size:17px}.hero-enquiry{padding:26px}.hero-enquiry h2{font-size:28px}.v3.reference-design .reference-wide-cards{grid-template-columns:1fr}.v3.reference-design .reference-wide-cards .service-card{display:grid;grid-template-columns:.85fr 1.15fr}.v3.reference-design .reference-wide-cards .card-photo{height:100%;aspect-ratio:auto}.v3.reference-design .reference-wide-cards .card-body h3{min-height:0;font-size:23px}.v3.reference-design .reference-wide-cards .card-body .eyebrow{min-height:0}.reference-design .cta-inner h2{font-size:38px}}
/* Restore uploaded reference design; scoped contrast, logo and motion repairs. */
body.reference-design{--ink:#202630;--muted:#555d67;color:#202630}
body.reference-design .topbar,body.reference-design .topbar a,body.reference-design .topbar span{color:#f4f7ff}
body.reference-design .brand{background:#fff!important;width:170px;height:112px;padding:6px;border-radius:4px;flex-shrink:0}
body.reference-design .brand img{height:100%;width:100%;object-fit:contain;filter:none}
body.reference-design .navwrap{min-height:126px}
body.reference-design .footer-brand>a:first-child{background:#fff!important;width:190px;height:148px;padding:8px;border-radius:4px}
body.reference-design .footer-brand img{filter:none;object-fit:contain}
body.reference-design .footer{color:#f4f7ff}
body.reference-design .footer h3,body.reference-design .footer a,body.reference-design .footer p,body.reference-design .footer-bottom,body.reference-design .footer span{background:transparent;color:#e5edf8}
body.reference-design .footer h3{color:#fff}
body.reference-design .footer a:hover{color:#fff}
body.reference-design .footer .footer-brand>a:first-child{background:#fff}
body.reference-design .reference-backdrop{inset:0;width:100%;height:100%}
body.reference-design .reference-backdrop img{width:100%;height:100%;object-fit:cover;object-position:66% top;animation:reference-pan 18s ease-in-out infinite alternate}
body.reference-design .reference-backdrop:after{background:linear-gradient(90deg,rgba(5,20,39,.85),rgba(7,27,47,.5) 55%,rgba(7,27,47,.18))}
body.reference-design .reference-hero{padding-top:175px;padding-bottom:65px;min-height:720px}
body.reference-design .reference-hero-copy{position:relative;z-index:1;background:transparent}
body.reference-design .reference-hero-copy h1,body.reference-design .reference-hero-copy p,body.reference-design .reference-hero-copy .eyebrow,body.reference-design .hero-route-links{color:#fff;background:transparent}
body.reference-design .hero-service-strip{color:#fff;background:transparent;box-shadow:none;padding-inline:0}
body.reference-design .hero-service-strip span{color:#fff}
body.reference-design .cz-opening .reference-process{background:#071e39;color:#fff}
body.reference-design .cz-opening .process-panels{color:#fff}
body.reference-design .cz-opening .process-panels p{color:#e0e9f5}
body.reference-design .process-panels h3{min-height:0;margin-bottom:24px}
body.reference-design .steps article{display:block}
body.reference-design .steps p{margin-top:16px}
body.reference-design .reference-contact .contact-form,body.reference-design .hero-enquiry{color:#202630}
body.reference-design .reference-contact .contact-form h2,body.reference-design .reference-contact .contact-form label,body.reference-design .reference-contact .contact-form p,body.reference-design .hero-enquiry h2,body.reference-design .hero-enquiry p{color:#202630;background:transparent}
.social-icons{display:flex;gap:18px;margin-top:20px;align-items:center}.social-icons>span{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.social-icons svg{width:22px;height:22px}
body.reference-design .reveal{animation:none;opacity:1;transform:none}
body.reference-design .motion-ready{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}
body.reference-design .motion-ready.is-visible{opacity:1;transform:translateY(0)}
body.reference-design .reference-hero-copy{animation:hero-copy-in .7s ease both}
body.reference-design .button,body.reference-design button,body.reference-design .text-link{transition:transform .22s,box-shadow .22s,background .22s,color .22s}
body.reference-design .button:hover,body.reference-design button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0002}
body.reference-design .button:active,body.reference-design button:active{transform:translateY(0) scale(.98)}
@keyframes reference-pan{from{transform:scale(1);filter:brightness(1)}to{transform:scale(1.025);filter:brightness(1.08)}}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){body.reference-design .brand{width:150px;height:105px}body.reference-design .navwrap{min-height:117px}}
@media(max-width:650px){body.reference-design .brand{width:128px;height:92px}body.reference-design .navwrap{min-height:104px;gap:10px}body.reference-design .header-cta{padding-inline:12px}body.reference-design .reference-hero{display:flex;padding:155px 0 50px;min-height:640px}body.reference-design .reference-backdrop{position:absolute;inset:0;margin:0}body.reference-design .reference-backdrop img{object-fit:cover;object-position:66% top}body.reference-design .reference-backdrop:after{background:linear-gradient(90deg,#06172bc9,#06172b50),linear-gradient(0deg,#06172bd9,transparent 75%)}body.reference-design .reference-hero-copy h1{font-size:34px;line-height:1.25}body.reference-design .footer-brand{display:block}body.reference-design .footer-brand>a:first-child{width:180px;height:140px;margin-bottom:20px}body.reference-design .hero-service-strip{margin-top:28px}body.reference-design .commit-alt-hero{min-height:900px}}
@media(prefers-reduced-motion:reduce){body.reference-design *,body.reference-design *:before,body.reference-design *:after{animation:none!important;transition:none!important}body.reference-design .motion-ready{opacity:1;transform:none}}
/* Screenshot-matched header: contact band, white navigation, then hero. */
body.reference-design .topbar{background:linear-gradient(110deg,#061333,#083653);border-bottom:2px solid #9b252b;color:#fff}
body.reference-design .topbar .wrap{min-height:62px;width:min(1170px,calc(100% - 64px));gap:24px;font-size:14px;letter-spacing:0}
.top-contacts{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.top-contacts a{display:inline-flex;align-items:center;gap:11px;min-height:44px;font-weight:600;white-space:nowrap}
.top-contacts svg{width:21px;height:21px}
body.reference-design .topbar .top-location{font-size:13px;color:#e3edf7}
body.reference-design .header,body.reference-design.is-home .header{position:relative;top:auto;left:auto;right:auto;background:#fff;color:#17314d;border-bottom:1px solid #e7ebef;z-index:50}
body.reference-design .navwrap{min-height:132px;width:min(1170px,calc(100% - 64px));padding-block:10px;gap:30px}
body.reference-design .brand{width:172px;height:112px;padding:0;background:#fff!important;border-radius:0}
body.reference-design .desktop,body.reference-design .desktop [aria-current=page],body.reference-design .menu-trigger{color:#17314d}
body.reference-design .desktop>a:hover,body.reference-design .menu-trigger:hover{color:var(--accent)}
body.reference-design .header-cta{background:var(--accent);color:#fff;border-color:var(--accent)}
body.reference-design .hamburger{color:#17314d;border-color:#c7d2de;background:#fff}
body.reference-design .mobile-nav{background:#fff;color:#17314d;border-color:#e1e7ee}
body.reference-design .mobile-nav a,body.reference-design .mobile-services{color:#17314d;border-color:#e1e7ee}
body.reference-design .reference-hero{padding:80px 0;min-height:590px}
body.reference-design .commit-alt-hero{min-height:620px}
@media(max-width:900px){body.reference-design .navwrap{min-height:116px;gap:18px}body.reference-design .brand{width:150px;height:96px}}
@media(max-width:650px){body.reference-design .topbar .wrap{min-height:48px;width:calc(100% - 32px);gap:8px;font-size:11px}.top-contacts{gap:18px}.top-contacts a{gap:7px;min-height:44px}.top-contacts svg{width:17px;height:17px}body.reference-design .topbar .top-location{display:none}body.reference-design .navwrap{width:calc(100% - 28px);min-height:106px;padding-block:8px;gap:10px}body.reference-design .brand{width:126px;height:90px}body.reference-design .header-cta{padding:10px 12px;min-height:44px}body.reference-design .reference-hero{padding:55px 0;min-height:520px}body.reference-design .commit-alt-hero{min-height:0;padding-block:50px}}
/* Panorama proportions: complete skyline, no tower-hiding enquiry overlay. */
body.reference-design .reference-hero,body.reference-design .commit-alt-hero{min-height:540px;padding:65px 0;aspect-ratio:2.7/1}
body.reference-design .reference-backdrop img{object-fit:cover;object-position:65% center;animation:skyline-glow 14s ease-in-out infinite alternate;transform:none}
body.reference-design .reference-hero-copy{max-width:560px}
body.reference-design .reference-hero-copy h1{font-size:42px;line-height:1.2}
body.reference-design .reference-hero-copy>p{font-size:19px;max-width:510px}
body.reference-design .alt-hero-layout{display:block}
body.reference-design .hero-service-strip{display:flex;width:100%;margin-top:26px;flex-wrap:wrap;font-size:13px;gap:12px}
.hero-enquiry-section{padding-block:30px}
body.reference-design .hero-enquiry-section .hero-enquiry{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;padding:28px 32px;box-shadow:0 8px 24px #10203812}
.hero-enquiry-section .hero-enquiry>.eyebrow,.hero-enquiry-section .hero-enquiry>h2,.hero-enquiry-section .hero-enquiry>p{grid-column:1}
.hero-enquiry-section .hero-enquiry>label{grid-column:2;grid-row:1}
.hero-enquiry-section .hero-enquiry>select{grid-column:2;grid-row:2}
.hero-enquiry-section .hero-enquiry>.button{grid-column:2;grid-row:3}
.hero-enquiry-section .hero-enquiry>.text-link{grid-column:2;grid-row:4}
@keyframes skyline-glow{from{filter:brightness(1)}to{filter:brightness(1.12)}}
@media(min-width:1600px){body.reference-design .reference-hero,body.reference-design .commit-alt-hero{min-height:0}}
@media(max-width:900px){body.reference-design .reference-hero,body.reference-design .commit-alt-hero{aspect-ratio:auto;min-height:520px}body.reference-design .reference-hero-copy{max-width:490px}}
@media(max-width:650px){body.reference-design .reference-hero,body.reference-design .commit-alt-hero{min-height:600px;padding:40px 0;align-items:flex-start}body.reference-design .reference-backdrop img{object-position:65% center}body.reference-design .reference-hero-copy h1{font-size:32px}body.reference-design .reference-hero-copy>p{font-size:16px}body.reference-design .hero-enquiry-section .hero-enquiry{display:block;padding:25px}.hero-enquiry-section{padding-block:24px}body.reference-design .hero-route-links{font-size:13px}body.reference-design .reference-backdrop:after{background:linear-gradient(180deg,#06172bcf, #06172b70 60%,#06172b20)}}
body.reference-design .reference-backdrop picture{display:block;width:100%;height:100%}
@media(max-width:650px){body.reference-design .reference-backdrop img{object-position:center}}
/* Intrinsic photo height is authoritative. No cover crop or imposed hero height. */
body.reference-design .reference-hero,body.reference-design .commit-alt-hero{display:block;position:relative;padding:0;min-height:0;height:auto;aspect-ratio:auto;overflow:hidden}
body.reference-design .reference-backdrop{position:relative;inset:auto;z-index:0;width:100%;height:auto;overflow:hidden}
body.reference-design .reference-backdrop picture{display:block;width:100%;height:auto}
body.reference-design .reference-backdrop img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;transform:none;aspect-ratio:3/1}
body.reference-design .reference-hero>.wrap{position:absolute;inset:0;z-index:2;display:flex;align-items:center;margin-inline:auto;padding-block:20px}
body.reference-design .reference-hero-copy{max-width:49%;width:560px}
body.reference-design .reference-hero-copy h1{font-size:clamp(28px,2.6vw,42px);line-height:1.16}
body.reference-design .reference-hero-copy .eyebrow{font-size:10px;margin-bottom:14px}
body.reference-design .reference-hero-copy>p{font-size:clamp(14px,1.25vw,19px);line-height:1.45;margin:16px 0 20px}
body.reference-design .reference-hero-copy>.button{min-height:46px;padding:13px 22px;font-size:13px}
body.reference-design .hero-route-links{font-size:16px;margin:20px 0;line-height:1.4}
body.reference-design .hero-service-strip{font-size:12px;line-height:1.4;margin-top:18px;padding:0;gap:8px}
@media(max-width:1100px) and (min-width:651px){body.reference-design .reference-hero-copy{max-width:58%}body.reference-design .reference-hero-copy h1{font-size:28px}body.reference-design .reference-hero-copy>p{font-size:14px;margin:12px 0 14px}body.reference-design .hero-route-links{font-size:13px;margin:14px 0}body.reference-design .hero-service-strip{font-size:10px;margin-top:12px}}
@media(max-width:900px) and (min-width:651px){body.reference-design .reference-hero-copy h1{font-size:24px}body.reference-design .reference-hero-copy .eyebrow{font-size:8px;margin-bottom:8px}body.reference-design .reference-hero-copy>p{font-size:12px;margin:9px 0}body.reference-design .reference-hero-copy>.button{min-height:44px;padding:10px 14px;font-size:11px}body.reference-design .hero-service-strip{margin-top:9px}}
@media(max-width:650px){body.reference-design .reference-backdrop img{aspect-ratio:640/724}body.reference-design .reference-hero>.wrap{align-items:flex-start;padding-top:22px;padding-bottom:20px}body.reference-design .reference-hero-copy{max-width:100%;width:100%}body.reference-design .reference-hero-copy h1{font-size:clamp(26px,7.2vw,34px)}body.reference-design .reference-hero-copy>p{font-size:14px;margin:12px 0 16px;max-width:340px}body.reference-design .hero-route-links{font-size:12px;margin:16px 0;gap:8px 0}body.reference-design .hero-service-strip{font-size:10px;margin-top:14px}body.reference-design .reference-hero-copy>.button{font-size:12px;padding:12px 18px}}
/* Deeper hero and photographic process section, all versions. */
body.reference-design .reference-backdrop img{aspect-ratio:2.55/1;width:100%;height:auto;object-fit:cover;object-position:62% center}
body.reference-design .reference-process,body.reference-design .cz-opening .reference-process{padding-top:90px;padding-bottom:90px;background:linear-gradient(90deg,rgba(5,23,43,.89),rgba(5,23,43,.69)),url('office-bg-1536.webp') center/cover no-repeat;color:#fff}
body.reference-design .reference-process h2{color:#fff}
body.reference-design .reference-process .process-list{background:#06182b66;border-color:#ffffff55;border-radius:4px}
body.reference-design .reference-process .process-list button{color:#fff}
body.reference-design .reference-process .process-list button[aria-selected=true]{background:var(--accent);color:#fff;border-color:#fff}
body.reference-design .reference-process .process-panels{background:#061727e6;color:#fff;border-color:#ffffff66;backdrop-filter:blur(5px)}
body.reference-design .reference-process .process-panels h3,body.reference-design .reference-process .process-panels a{color:#fff}
body.reference-design .reference-process .process-panels p{color:#e0e9f3}
@media(max-width:650px){body.reference-design .reference-backdrop img{aspect-ratio:640/820;object-fit:cover;object-position:center}body.reference-design .reference-process,body.reference-design .cz-opening .reference-process{padding-block:60px;background-image:linear-gradient(90deg,rgba(5,23,43,.89),rgba(5,23,43,.69)),url('office-bg-640.webp')}}
/* Animated separation between the complete hero and following content. */
.service-ribbon{position:relative;overflow:hidden;width:100%;background:#0b263f;color:#fff;border-top:1px solid #ffffff2b;border-bottom:1px solid #ffffff2b;padding-block:37px}
.v1 .service-ribbon{background:linear-gradient(110deg,#092843,#541547)}
.v2 .service-ribbon{background:#991216}
.v3 .service-ribbon{background:linear-gradient(110deg,#162c44,#72202a)}
.ribbon-track{display:flex;width:max-content;animation:service-ribbon-scroll 45s linear infinite}
.ribbon-group{display:flex;flex-shrink:0;align-items:center}
.ribbon-group a{display:flex;gap:36px;align-items:center;white-space:nowrap;padding:8px 18px;font-size:18px;line-height:1.5;font-weight:600;min-height:44px;color:#fff}
.ribbon-group a span{font-size:17px;color:#f1bc77}
.service-ribbon:hover .ribbon-track,.service-ribbon:focus-within .ribbon-track{animation-play-state:paused}
.ribbon-group a:hover{text-decoration:underline;text-underline-offset:5px}
body.reference-design .hero-enquiry-section{padding-top:64px}
@keyframes service-ribbon-scroll{to{transform:translateX(-50%)}}
@media(max-width:650px){.service-ribbon{padding-block:23px}.ribbon-group a{font-size:15px;gap:24px;padding-inline:14px}body.reference-design .hero-enquiry-section{padding-top:42px}}
@media(prefers-reduced-motion:reduce){.service-ribbon{padding-block:20px}.ribbon-track{animation:none;width:100%}.ribbon-group{flex-wrap:wrap;justify-content:center;width:100%}.ribbon-group[aria-hidden=true]{display:none}.ribbon-group a{font-size:13px;white-space:normal}}