@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#203143;background:#fff;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}.container{max-width:1220px;margin:auto;padding:0 30px}.site-header{height:85px;position:sticky;top:0;z-index:30;background:#fff;border-bottom:4px solid #e8b631}.site-header .container{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:89px;height:75px;object-fit:contain}.header-right{display:flex;align-items:center;gap:18px}.header-phone{font-weight:800;font-size:.9rem}.menu-button{border:0;background:#123450;color:#fff;display:flex;align-items:center;gap:13px;padding:14px 19px;font-weight:800}.menu-button .bars{font-size:1.25rem;line-height:1}.menu-button:hover{background:#a51e29}.drawer-backdrop{display:none;position:fixed;inset:0;z-index:38;background:#061827a8}.drawer-backdrop.open{display:block}.drawer{position:fixed;z-index:40;top:0;right:0;bottom:0;width:min(400px,88vw);background:#fff;transform:translateX(105%);transition:transform .24s;box-shadow:-15px 0 40px #0002;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-head{padding:18px 24px;border-bottom:1px solid #e0e5e9;display:flex;justify-content:space-between;align-items:center}.drawer-head strong{font:800 1.08rem Manrope}.drawer-close{border:0;background:#edf1f4;color:#17344b;font-size:1.6rem;width:42px;height:42px}.drawer nav{padding:20px 24px;overflow:auto}.drawer nav a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8ecef;padding:17px 4px;font-weight:800}.drawer nav a:hover,.drawer nav a[aria-current=page]{color:#a51e29}.drawer nav a[aria-current=page]:before{content:'';width:8px;height:8px;background:#eab639;margin-right:12px}.drawer-footer{margin-top:auto;padding:22px 28px;background:#eef4f7;color:#476071;font-size:.9rem;line-height:1.7}.drawer-footer a{font-weight:800}.eyebrow{display:flex;align-items:center;gap:10px;color:#ac2630;letter-spacing:.17em;text-transform:uppercase;font-size:.77rem;font-weight:800}.eyebrow:before{content:'';width:24px;height:3px;background:#e8b631}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 23px;background:#aa202c;color:#fff;font-weight:800;border:0;font-size:.93rem}.btn:hover{background:#831822}.btn.gold{background:#e7b535;color:#172e43}.btn.gold:hover{background:#f4c952}.btn.outline{background:transparent;border:1px solid currentColor}.section{padding:90px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:34px}.section-head h2{font-size:clamp(2.1rem,4vw,3.4rem);letter-spacing:-.055em;line-height:1.15;color:#142f48;max-width:730px;margin:14px 0 0}.section-head p{max-width:350px;line-height:1.7;color:#647485;margin:0}.hero{min-height:600px;background:#153752 url('/assets/hero-site.webp') center/cover no-repeat;color:#fff;position:relative;isolation:isolate}.hero:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#082946ed 0%,#082946ba 48%,#08294613)}.hero .container{padding-top:108px;padding-bottom:110px}.hero h1{font-size:clamp(3rem,6vw,5.8rem);line-height:1.07;letter-spacing:-.065em;max-width:780px;margin:22px 0}.hero h1 em{font-style:normal;color:#ffd344}.hero p{font-size:1.14rem;line-height:1.65;max-width:580px;color:#fff}.hero .eyebrow{color:#ffda69}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-note{position:absolute;bottom:17px;right:28px;font-size:.72rem;background:#092840b0;padding:6px 9px}.stats{background:#a51e29;color:#fff}.stats .container{display:grid;grid-template-columns:repeat(3,1fr)}.stats div{padding:27px;border-right:1px solid #ffffff55}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{display:block;font:800 1.7rem Manrope}.stats span{color:#f9dfe2;font-size:.87rem}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:62px}.intro-image{position:relative}.intro-image img{width:100%;height:445px;object-fit:cover}.image-label{position:absolute;bottom:12px;left:12px;background:#123450df;color:#fff;font-size:.7rem;padding:7px 9px}.intro h2{font-size:clamp(2.1rem,3.7vw,3.3rem);letter-spacing:-.05em;line-height:1.17;color:#142f48;margin:16px 0 20px}.intro p{line-height:1.8;color:#617182;font-size:1.03rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.service-card{background:#f1f5f7;padding:30px;min-height:230px;border-top:4px solid #ad2531}.service-card:nth-child(3n+2){background:#fff5e2;border-color:#e2ab2e}.service-card:nth-child(3n){background:#f8eef0;border-color:#1f719e}.service-card small{font-weight:800;color:#a51e29;letter-spacing:.13em}.service-card h3{font-size:1.2rem;margin:40px 0 10px}.service-card p{color:#637283;line-height:1.65;font-size:.94rem;margin:0}.project-section{background:#113752;color:#fff}.project-section .section-head h2{color:#fff}.project-section .section-head p{color:#c7d7e3}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.project-card{background:#1d4c6e;padding:32px;min-height:215px}.project-card small{color:#ffd25c;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.project-card h3{font-size:1.3rem;margin:23px 0 11px}.project-card p{color:#d2e0e9;line-height:1.6;margin:0;font-size:.94rem}.project-card details{margin-top:22px;border-top:1px solid #ffffff55;padding-top:14px}.project-card summary{cursor:pointer;color:#ffd25c;font-weight:800}.project-card details p{padding-top:12px}.cta-band{background:#e9b530;color:#142e46;padding:55px 0}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.04em;margin:0}.cta-band .btn{background:#123450}.page-hero{background:#173b58;color:#fff;position:relative;overflow:hidden}.page-hero .container{padding-top:85px;padding-bottom:85px}.page-hero h1{font-size:clamp(2.8rem,5vw,4.8rem);letter-spacing:-.06em;line-height:1.12;margin:18px 0}.page-hero p{font-size:1.1rem;line-height:1.7;color:#dce8f0;max-width:670px}.page-hero .eyebrow{color:#ffd25c}.page-hero:after{content:'';position:absolute;width:300px;height:300px;border:55px solid #e6b13250;transform:rotate(25deg);right:-80px;top:-105px;pointer-events:none}.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-strip figure{margin:0;position:relative;height:250px}.photo-strip img{height:100%;width:100%;object-fit:cover}.photo-strip figcaption{position:absolute;bottom:0;left:0;right:0;color:white;background:linear-gradient(transparent,#06233cde);padding:30px 15px 14px;font-weight:800}.photo-strip small{display:block;font-weight:500;font-size:.7rem}.value-grid,.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.value-grid article,.equipment-grid article{background:#f1f5f7;padding:30px;border-top:4px solid #e7b535}.value-grid strong{font:800 1.35rem Manrope}.value-grid p,.equipment-grid p{color:#657484;line-height:1.7;margin:10px 0 0}.equipment-grid article{background:#fff;border:1px solid #e0e6ec;border-top:4px solid #a51e29}.equipment-grid h3{font-size:1.16rem}.gold-bg{background:#f7f3e9}.employee-panel{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.employee-visual{background:linear-gradient(145deg,#092f52,#246d92);color:#fff;min-height:360px;padding:45px;display:flex;flex-direction:column;justify-content:space-between}.employee-visual strong{font:800 clamp(3rem,6vw,5rem) Manrope;letter-spacing:-.07em}.employee-visual p{font-size:1.15rem;line-height:1.6}.employee-panel h2{font-size:clamp(2rem,3.6vw,3.3rem);letter-spacing:-.05em}.employee-panel p{color:#637384;line-height:1.7}.employee-panel .btn{margin-top:16px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.contact-details{background:#123b59;padding:35px;color:#fff}.contact-details div{margin-bottom:25px}.contact-details small{display:block;color:#ffd25c;letter-spacing:.12em;font-weight:800;text-transform:uppercase;margin-bottom:8px}.contact-details a{font-weight:800;line-height:1.65}.contact-details p{margin:0;line-height:1.6;color:#e0ebf2}.form-card{background:#f1f5f7;padding:34px}.form-card h2{font-size:1.7rem;margin-bottom:8px}.form-card>p{color:#637384;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:.88rem;font-weight:800}.form-grid .full{grid-column:span 2}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #bcc9d2;background:white;color:#203143;font-size:1rem}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{outline:2px solid #e7b535}.form-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.form-buttons .copy{background:#fff;color:#203143;border:1px solid #203143;padding:15px 18px;font-weight:800}.form-status{font-size:.88rem;color:#275d73;margin:12px 0 0}.footer{background:#101e2c;color:#b9c8d5;padding:38px 0}.footer .container{display:flex;justify-content:space-between;gap:20px}.footer strong{color:#fff}.footer a:hover{color:#fff}.mobile-actions{display:none}@media(max-width:850px){.intro,.employee-panel,.contact-layout{grid-template-columns:1fr;gap:36px}.service-grid,.value-grid,.equipment-grid{grid-template-columns:repeat(2,1fr)}.photo-strip{grid-template-columns:1fr 1fr}.photo-strip figure:last-child{display:none}}@media(max-width:580px){.container{padding:0 20px}.site-header{height:72px}.brand img{width:75px;height:65px}.header-phone{display:none}.menu-button{padding:11px 13px}.hero{min-height:560px}.hero .container{padding-top:80px;padding-bottom:90px}.hero h1{font-size:3.05rem}.hero:before{background:linear-gradient(90deg,#082946e8,#082946a6)}.hero-note{right:9px}.stats .container{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid #ffffff55;padding:18px 0}.stats div:last-child{border:0}.section{padding:65px 0}.section-head{display:block}.section-head p{margin-top:15px}.intro-image img{height:310px}.service-grid,.project-grid,.value-grid,.equipment-grid,.photo-strip{grid-template-columns:1fr}.photo-strip figure:last-child{display:block}.service-card{min-height:185px}.service-card h3{margin-top:25px}.page-hero .container{padding-top:63px;padding-bottom:65px}.cta-band .container{display:block}.cta-band .btn{margin-top:20px}.contact-layout{gap:24px}.form-card,.contact-details{padding:25px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.footer{padding-bottom:94px}.footer .container{display:block}.footer .container>*{display:block;margin-bottom:10px}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:27;bottom:0;left:0;right:0;padding:8px;background:#fff;box-shadow:0 -4px 20px #0002;gap:8px}.mobile-actions a{text-align:center;padding:13px 9px;background:#e8b631;color:#152d42;font-weight:800}.mobile-actions a:last-child{background:#a51e29;color:white}}.careers-preview{background:#e8f0f4}.careers-preview-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.careers-preview h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.05em;margin:12px 0}.careers-preview p{color:#607182;line-height:1.7;max-width:600px}.careers-hero{background:linear-gradient(90deg,#0a304eeb,#0a304e87),url('/assets/site-workers.webp') center/cover}.career-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.career-grid article{padding:30px;background:#fff;border-left:4px solid #ac2630;min-height:190px}.career-grid article:nth-child(even){border-color:#e3ad32}.career-grid span{font-size:.78rem;color:#ac2630;font-weight:800;letter-spacing:.12em}.career-grid h3{font-size:1.2rem;margin:20px 0 9px}.career-grid p{color:#617182;line-height:1.65;margin:0}.career-apply{background:#123751;color:white;padding:85px 0}.career-apply-inner{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.career-apply .eyebrow{color:#ffd260}.career-apply h2{font-size:clamp(2rem,3.5vw,3.2rem);letter-spacing:-.05em;margin:17px 0}.career-apply p{color:#d0e0e9;line-height:1.7}.career-apply small{display:block;color:#c9dce8;margin-top:13px}.career-steps div{display:flex;gap:20px;border-bottom:1px solid #ffffff44;padding:20px 0;line-height:1.6}.career-steps strong{color:#ffd260}@media(max-width:850px){.career-apply-inner{grid-template-columns:1fr;gap:30px}}@media(max-width:580px){.career-grid{grid-template-columns:1fr}.careers-preview-inner{display:block}.careers-preview .btn{margin-top:12px}.career-apply{padding:65px 0}}

/* Brand and interaction refinement */
.site-header{height:94px;box-shadow:0 2px 16px #102e4610}.brand{display:flex;align-items:center;background:#fff}.brand img{width:110px;height:88px;object-fit:contain}.menu-button{background:#174a6b;border-radius:3px;transition:background .2s,transform .2s}.menu-button:hover{background:#ab2531;transform:translateY(-1px)}.drawer{border-left:5px solid #e6b22f}.drawer nav a{transition:padding-left .2s,background .2s}.drawer nav a:hover{padding-left:13px;background:#f1f6f8}.btn{border-radius:3px;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.service-card,.project-card,.value-grid article,.equipment-grid article,.career-grid article{transition:transform .2s,box-shadow .2s}.service-card:hover,.project-card:hover,.value-grid article:hover,.equipment-grid article:hover,.career-grid article:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0929441c}.hero{background-position:center 45%}.stats{background:#b42732}.project-section{background:#123d60}.project-card{background:#205478}.cta-band{background:#f0bd3e}.gold-bg{background:#f8f4e9}.form-buttons .email-enquiry{background:#fff;color:#203143;border:1px solid #203143;padding:15px 18px;font-weight:800}.form-buttons .email-enquiry:hover,.form-buttons .copy:hover{background:#e1ebf1}.form-buttons .share-enquiry{background:#b42732}.career-copy{display:block;margin-top:15px;background:transparent;border:1px solid #d7e6ee;color:#fff;font-weight:800;padding:10px 15px}.career-copy:hover{background:#ffffff1d}.career-copy-status{display:block;margin-top:8px;color:#f6d464;font-size:.85rem}@media(max-width:580px){.site-header{height:76px}.brand img{width:87px;height:70px}.form-buttons .share-enquiry,.form-buttons .email-enquiry,.form-buttons .copy{width:100%}}

.site-header{height:96px}.brand img{width:100px;height:90px;object-fit:contain}@media(max-width:580px){.site-header{height:82px}.brand img{width:82px;height:76px}}

/* Refined company presentation */
.site-header{height:104px;border-bottom:1px solid #e4eaf0;box-shadow:0 8px 28px rgba(17,46,70,.06)}
.site-header .container{gap:28px}
.brand{flex:0 0 auto;display:flex;align-items:center}
.brand img{width:102px;height:94px;object-fit:contain}
.header-right{margin-left:auto;gap:24px}
.desktop-nav{display:flex;align-items:center;gap:24px;white-space:nowrap}
.desktop-nav a{font-size:.88rem;font-weight:750;color:#24415a;position:relative;padding:12px 0}
.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#a51e29}
.desktop-nav a[aria-current=page]:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:2px;background:#bd2632}
.header-phone{color:#173650;font-size:.85rem;white-space:nowrap}
.menu-button{background:#123b59;border-radius:4px;min-height:46px}
.section{padding-top:84px;padding-bottom:84px}
.page-hero{background:linear-gradient(110deg,rgba(9,37,58,.96),rgba(19,63,91,.91)),url('/assets/industrial.jpg') center/cover}
.page-hero .container{padding-top:72px;padding-bottom:78px}
.page-hero h1{max-width:830px;letter-spacing:-.045em}
.contact-layout{gap:30px;align-items:start}
.contact-details{background:#123b59;padding:42px;border-radius:6px;box-shadow:0 18px 38px rgba(10,38,59,.12)}
.contact-details div+div{border-top:1px solid rgba(255,255,255,.18);padding-top:23px}
.contact-details div:last-child{margin-bottom:0}
.form-card{background:#fff;border:1px solid #e0e7ec;border-radius:6px;padding:40px;box-shadow:0 18px 40px rgba(16,46,67,.07)}
.form-card h2{color:#123b59;font-size:2rem;letter-spacing:-.035em}
.form-grid input,.form-grid select,.form-grid textarea{background:#f7f9fa;border:1px solid #d9e2e8;border-radius:4px}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:2px solid #b62a34;outline-offset:1px}
.service-card,.service-card:nth-child(3n+2),.service-card:nth-child(3n){background:#fff;border:1px solid #e1e8ed;border-top:3px solid #b42631;box-shadow:0 12px 30px rgba(20,52,73,.05)}
.project-card{background:#163d59;border-top:3px solid #e5b23f}
.btn,.menu-button,.form-buttons button{transition:background-color .18s ease,transform .18s ease}
.btn:hover,.menu-button:hover,.form-buttons button:hover{transform:translateY(-2px)}
@media(max-width:1050px){.desktop-nav{gap:13px}.desktop-nav a{font-size:.8rem}.header-phone{display:none}}
@media(max-width:760px){.desktop-nav{display:none}.site-header{height:82px}.brand img{width:84px;height:76px}.header-right{gap:8px}.contact-layout{gap:20px}.form-card,.contact-details{padding:26px}}

/* Vickey identity: crisp cobalt, charcoal and the red in the supplied mark */
:root{color:#1b2938;background:#fff}
.site-header{border-bottom:3px solid #da2335}
.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#da2335}
.desktop-nav a[aria-current=page]:after{background:#da2335}
.menu-button{background:#103e78}
.menu-button:hover{background:#d62438}
.hero{min-height:620px;background:#183653 url('/assets/vickey-industrial-project.png') center 48%/cover no-repeat}
.hero:before{background:linear-gradient(90deg,rgba(8,28,53,.92) 0%,rgba(9,35,65,.79) 42%,rgba(9,35,65,.18) 78%)}
.hero .container{padding-top:112px;padding-bottom:116px}
.hero h1 em{color:#ff6770}
.hero .eyebrow{color:#ffb6ba}
.page-hero{background:linear-gradient(105deg,rgba(8,33,65,.96),rgba(18,65,123,.83)),url('/assets/vickey-industrial-project.png') center 48%/cover}
.page-hero:before{opacity:.15}
.eyebrow{color:#b91d30}
.eyebrow:before{background:#dc2639}
.btn{background:#d32338}
.btn:hover{background:#ad172b}
.btn.gold{background:#fff;color:#103e78}
.btn.gold:hover{background:#e9f1fb}
.section-head h2,.form-card h2{color:#103e78}
.contact-details,.project-section{background:#0d315c}
.contact-details small,.project-card small{color:#ffb9be}
.project-card{background:#164779;border-top-color:#e94b58}
.service-card,.service-card:nth-child(3n+2),.service-card:nth-child(3n){border-top-color:#d52338}
.cta-band{background:#e6f0fb;color:#103e78;border-top:1px solid #cfdeee;border-bottom:1px solid #cfdeee}
.cta-band .btn{background:#d32338;color:#fff}
.footer{background:#0b2340}
@media(max-width:760px){.hero{min-height:570px;background-position:57% center}.hero:before{background:linear-gradient(90deg,rgba(8,28,53,.9),rgba(8,28,53,.58))}.hero .container{padding-top:85px;padding-bottom:95px}}

/* Corporate landing page */
.home-main{color:#26374a;font-family:Inter,'DM Sans',Arial,sans-serif}
.home-main h1,.home-main h2,.home-main h3{font-family:Inter,Manrope,Arial,sans-serif}
.home-label{display:inline-block;color:#23735a;font-size:.76rem;font-weight:850;letter-spacing:.18em}
.home-hero{min-height:690px;position:relative;isolation:isolate;overflow:hidden;background:#002d62;color:#fff}
.home-hero-photo{position:absolute;inset:0;z-index:-2;background:url('/assets/vickey-industrial-project.png') center 51%/cover no-repeat}
.home-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,28,65,.96) 0%,rgba(0,38,83,.88) 36%,rgba(0,45,98,.46) 73%,rgba(0,35,69,.13) 100%)}
.home-hero-layout{min-height:690px;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:78px;padding-bottom:110px}
.home-hero-copy{max-width:820px}.home-kicker{color:#bfe5d3;letter-spacing:.19em;font-size:.83rem;font-weight:800}
.home-hero h1{font-size:clamp(3rem,5.7vw,6rem);font-weight:800;line-height:1.05;letter-spacing:-.065em;margin:27px 0 23px}
.home-hero p{font-size:1.16rem;line-height:1.7;max-width:630px;color:#e0eaf4}
.home-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.home-primary,.home-secondary{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 24px;font-size:.92rem;font-weight:800;min-height:56px;transition:transform .2s,background .2s}
.home-primary{background:#c9a647;color:#092f59}.home-primary:hover{background:#e6c567;transform:translateY(-3px)}
.home-secondary{color:#fff;border:1px solid rgba(255,255,255,.8)}.home-secondary:hover{background:#ffffff25;transform:translateY(-3px)}
.home-hero-index{position:absolute;bottom:31px;left:30px;right:30px;display:flex;justify-content:space-between;gap:18px;border-top:1px solid #ffffff73;padding-top:16px;font-size:.73rem;letter-spacing:.14em;font-weight:800;color:#e1eaf3}
.home-hero-caption{position:absolute;right:10px;bottom:7px;color:#e8f1fa;font-size:.7rem}
.home-facts{background:#002d62;color:#fff}.home-facts-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;align-items:center}
.home-facts-grid>div,.home-facts-link{min-height:116px;padding:24px 25px;border-right:1px solid #ffffff34;display:flex;flex-direction:column;justify-content:center}
.home-facts-grid>div:first-child{padding-left:0}.home-facts strong{font-size:2.4rem;line-height:1;font-weight:800}.home-facts span{color:#b7cde1;font-size:.83rem;margin-top:8px}
.home-facts-link{color:#fff;font-weight:800;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;border-right:0}.home-facts-link:hover{color:#bfe5d3}
.home-section{padding:100px 0}.home-section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:38px}
.home-section-heading h2,.home-green h2,.home-callout h2{font-size:clamp(2.2rem,3.6vw,3.9rem);line-height:1.12;letter-spacing:-.055em;color:#002d62;margin:14px 0 0;max-width:730px}
.home-section-heading p{max-width:350px;line-height:1.7;color:#536679;font-size:1rem;margin:0}
.home-expertise{background:#f4f7fa}.home-sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.home-sector{position:relative;background:#fff;border:1px solid #dce5ed;border-bottom:3px solid transparent;min-height:295px;padding:30px 24px;transition:transform .25s,box-shadow .25s,border-color .25s}
.home-sector:hover{transform:translateY(-6px);box-shadow:0 18px 40px #002d621c;border-bottom-color:#23735a}
.home-sector>span,.home-project-info>span{font-size:.72rem;letter-spacing:.12em;font-weight:850;color:#23735a}
.home-sector h3{font-size:1.36rem;letter-spacing:-.04em;line-height:1.2;color:#002d62;margin:37px 0 14px}.home-sector p{font-size:.91rem;line-height:1.6;color:#647587}.home-sector b,.home-project-info b{position:absolute;right:24px;bottom:18px;font-size:1.4rem;color:#002d62}
.home-green{display:grid;grid-template-columns:1fr 1fr;background:#eaf1f0}.home-green-photo{position:relative;min-height:680px;background:#5b795d}
.home-green-photo img{height:100%;width:100%;object-fit:cover}.home-green-photo>span{position:absolute;bottom:18px;left:22px;color:#fff;background:#002d62b3;padding:7px 10px;font-size:.72rem}
.home-green-content{padding:clamp(48px,6vw,100px);align-self:center}.home-green h2{max-width:680px}.home-green-content>p{line-height:1.75;color:#4c6371;max-width:570px;margin:24px 0 30px}
.home-green-points{border-top:1px solid #c3d5d3;margin-bottom:28px}.home-green-points div{display:grid;grid-template-columns:42px 1fr;column-gap:12px;padding:15px 0;border-bottom:1px solid #c3d5d3}
.home-green-points div span{grid-row:span 2;color:#23735a;font-weight:800}.home-green-points strong{color:#002d62}.home-green-points p{grid-column:2;margin:5px 0 0;color:#556a73;font-size:.87rem;line-height:1.5}
.home-text-link{font-size:.9rem;font-weight:850;color:#005791;display:inline-flex;gap:15px;align-items:center}.home-text-link:hover{color:#23735a}
.home-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.home-project{display:block;background:#fff;border:1px solid #dce5ed;overflow:hidden;transition:transform .2s,box-shadow .2s}
.home-project:hover{transform:translateY(-5px);box-shadow:0 18px 38px #002d621c}.home-project-image{height:232px;background:#dbe5ee;overflow:hidden}.home-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.home-project:hover img{transform:scale(1.04)}
.home-project-info{position:relative;padding:26px 26px 48px;min-height:210px}.home-project-info h3{font-size:1.38rem;line-height:1.22;color:#002d62;margin:13px 0}.home-project-info p{font-size:.91rem;color:#586b7c;line-height:1.55;margin:0}.home-project-info b{bottom:13px}.home-image-note{font-size:.77rem;color:#728294;margin:18px 0 0}
.home-callout{background:#002d62;padding:65px 0;color:#fff}.home-callout .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.home-callout .home-label{color:#bfe5d3}.home-callout h2{color:#fff;margin:9px 0 12px}.home-callout p{color:#bed0e1;margin:0}
.home-footer{background:#061f3d;color:#c6d4e3;padding-top:67px}.home-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.6fr;gap:38px;padding-bottom:54px}.home-footer-brand img{width:105px;height:105px;object-fit:contain;background:#fff}.home-footer-brand p{max-width:310px;line-height:1.65;margin:15px 0}.home-footer a{display:block;color:#d7e2ee;margin:0 0 13px;font-size:.9rem}.home-footer a:hover{color:#a9dcc4}.home-footer h2{font-size:1rem;color:#fff;margin:11px 0 26px}.home-footer-grid>div>p{line-height:1.7;font-size:.9rem}.home-footer-small{font-size:.76rem!important;color:#8fa6be}.home-footer-contact{color:#a9dcc4!important;font-weight:800}.home-footer-bottom{border-top:1px solid #ffffff2d;display:flex;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:27px;font-size:.79rem;color:#90a9be}
.language-button{background:#fff;border:1px solid #cfdae7;padding:11px 10px;color:#002d62;cursor:pointer;font-size:.8rem;font-weight:800;white-space:nowrap}.header-quote{background:#c4a14c;color:#062849;padding:13px 16px;font-size:.83rem;font-weight:850;white-space:nowrap}.header-quote:hover{background:#ddbd6d}
@media(max-width:1180px){.home-main~.home-footer{}.site-header .header-quote{display:none}.home-sector-grid{grid-template-columns:repeat(2,1fr)}.home-sector{min-height:235px}.home-sector h3{margin-top:20px}}
@media(max-width:950px){.home-green{grid-template-columns:1fr}.home-green-photo{min-height:420px}.home-project-grid{grid-template-columns:repeat(2,1fr)}.home-footer-grid{grid-template-columns:repeat(2,1fr)}.home-facts-grid{grid-template-columns:repeat(2,1fr)}.home-facts-grid>div,.home-facts-link{border-bottom:1px solid #ffffff34}.home-section-heading{align-items:start;flex-direction:column;gap:15px}}
@media(max-width:760px){.site-header .header-quote{display:inline-flex;padding:11px;font-size:.74rem}.language-button{display:none}.home-hero,.home-hero-layout{min-height:625px}.home-hero-photo{background-position:59% center}.home-hero:before{background:linear-gradient(90deg,rgba(0,28,65,.95),rgba(0,38,83,.72))}.home-hero h1{font-size:clamp(2.55rem,9vw,4rem)}.home-hero-index{font-size:.61rem}.home-section{padding:70px 0}.home-green-content{padding:55px 28px}}
@media(max-width:580px){.site-header .header-quote{display:none}.home-hero-actions>a{width:100%}.home-hero-index span:last-child{display:none}.home-facts-grid,.home-sector-grid,.home-project-grid,.home-footer-grid{grid-template-columns:1fr}.home-facts-grid>div,.home-facts-link{min-height:92px;padding-left:0}.home-sector{min-height:210px}.home-green-photo{min-height:320px}.home-callout .container{align-items:start;flex-direction:column}.home-footer-bottom{flex-direction:column}}
@media(max-width:760px){.language-button{display:inline-flex;font-size:.7rem;padding:9px 7px}.site-header .header-right{gap:7px}.site-header .menu-button{padding:10px 11px}}

/* Clear hero photography and consistent project presentation */
.home-hero{background:#002d62 url('/assets/vickey-industrial-project.png') center 51%/cover no-repeat}
.home-hero-photo{display:none}
.home-hero:before{z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,25,55,.93) 0%,rgba(0,35,74,.81) 36%,rgba(0,40,82,.3) 76%,rgba(0,35,69,.08) 100%)}
.home-hero-layout{z-index:1}
.home-hero-caption{z-index:1}
.home-hero h1{max-width:760px;font-size:clamp(3rem,5.1vw,5.1rem)}
.site-header .menu-button{display:none}
.project-list-page .page-hero{background:linear-gradient(90deg,rgba(0,31,65,.95),rgba(0,45,98,.45)),url('/assets/vickey-industrial-project.png') center 58%/cover}
.project-list-page .page-hero:before{display:none}
.project-list-page .page-hero:after{display:none}
.project-list-page .page-hero .container{padding-top:70px;padding-bottom:70px}
.project-list-page .page-hero h1{font-size:clamp(2.7rem,4.3vw,4.7rem)}
.project-list-page .project-section{background:#f3f7fa;color:#26374a}
.project-list-page .project-section .section-head h2{color:#002d62}
.project-list-page .project-section .section-head .eyebrow{color:#23735a}
.project-list-page .project-grid{gap:24px}
.project-list-page .project-card{background:#fff;border:1px solid #dce5ec;padding:0;color:#26374a;box-shadow:0 14px 34px #002d6210}
.project-list-page .project-card-photo{height:260px;overflow:hidden;background:#dce6ee}
.project-list-page .project-card-photo img{width:100%;height:100%;object-fit:cover}
.project-list-page .project-card-body{padding:28px 32px 30px}
.project-list-page .project-card small{color:#23735a}
.project-list-page .project-card h3{color:#002d62;font-size:1.5rem;margin:18px 0 12px}
.project-list-page .project-card p{color:#506679}
.project-list-page .project-card details{border-top:1px solid #e0e8ef;padding-top:13px}
.project-list-page .project-card summary{color:#005a8c;cursor:pointer;font-weight:800}
@media(max-width:760px){.site-header .menu-button{display:flex}.home-hero{background-position:62% center}.home-hero:before{background:linear-gradient(90deg,rgba(0,25,55,.93),rgba(0,35,74,.72))}.project-list-page .project-card-photo{height:220px}}

/* Employee portal: legible VCON identity and direct sign-in */
.employee-access-page{background:#f4f7fb}
.employee-access-page .page-hero{background:linear-gradient(100deg,rgba(0,36,78,.96),rgba(0,45,98,.74)),url('/assets/vickey-industrial-project.png') center 54%/cover}
.employee-access-page .page-hero:before,.employee-access-page .page-hero:after{display:none}
.employee-access-page .page-hero .container{padding-top:63px;padding-bottom:66px}
.employee-access-page .page-hero h1{font-size:clamp(2.6rem,4.5vw,4.6rem)}
.employee-access-page .section{padding-top:66px;padding-bottom:80px}
.employee-access-page .employee-panel{grid-template-columns:minmax(340px,.95fr) minmax(350px,1.05fr);gap:50px;align-items:stretch}
.employee-access-page .employee-visual{background:#002d62;min-height:405px;padding:30px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;border-top:5px solid #cfad5a;box-shadow:0 16px 34px #002d621c}
.employee-access-page .employee-visual strong{color:#fff;font-size:clamp(3rem,5vw,4.4rem);line-height:1;letter-spacing:-.055em}
.employee-access-page .employee-logo{background:#fff;padding:8px;display:flex;align-items:center;justify-content:center;width:142px;height:142px}
.employee-access-page .employee-logo img{width:100%;height:100%;object-fit:contain}
.employee-access-page .employee-visual p{color:#fff!important;font-size:1rem;font-weight:700;line-height:1.6;margin:0}
.employee-access-page .employee-visual p span{color:#c9ad64;padding:0 3px}
.employee-access-page .employee-copy{align-self:center;padding:15px 0}
.employee-access-page .employee-copy h2{color:#002d62;margin:14px 0 16px;font-size:clamp(2.2rem,3.6vw,3.6rem);line-height:1.12}
.employee-access-page .employee-copy>p{color:#43566b;font-size:1.05rem;line-height:1.65;max-width:460px}
.employee-access-page .employee-copy .btn{background:#002d62;margin-top:22px;padding:18px 24px}
.employee-access-page .employee-copy .btn:hover{background:#0f4c81}
.employee-access-page .employee-copy .employee-help{font-size:.86rem;color:#576b7f;border-left:3px solid #cfad5a;padding-left:15px;margin-top:22px}
@media(max-width:800px){.employee-access-page .employee-panel{grid-template-columns:1fr;gap:24px}.employee-access-page .employee-visual{min-height:0;align-items:center;text-align:center;padding:38px 22px}.employee-access-page .employee-copy{padding:14px 0 0}}

/* Real project gallery and small screen refinements */
.real-site-gallery{background:#fff}.real-site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.real-site-grid figure{margin:0;background:#f2f5f7;border:1px solid #dce5ec}.real-site-grid img{width:100%;height:340px;object-fit:cover;object-position:center 42%}.real-site-grid figcaption{padding:16px 19px;color:#123b59;font-weight:800}.contact-details a{overflow-wrap:anywhere}@media(max-width:760px){.real-site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.real-site-grid figure:last-child{grid-column:1/-1}.real-site-grid img{height:275px}.site-header .header-right{min-width:0}.form-card h2{font-size:1.6rem}}@media(max-width:580px){.real-site-grid{grid-template-columns:1fr}.real-site-grid figure:last-child{grid-column:auto}.real-site-grid img{height:310px}.home-hero h1{font-size:clamp(2.35rem,10vw,3.25rem);overflow-wrap:break-word}.home-hero-layout{padding-top:64px;padding-bottom:105px}.home-hero-index{left:20px;right:20px}.contact-details,.form-card{min-width:0}.form-buttons{display:grid;grid-template-columns:1fr}.form-buttons button{min-height:48px}}

.profile-download-wrap{padding-top:25px;padding-bottom:55px}.profile-download{display:inline-flex;align-items:center;background:#002d62;color:#fff;padding:16px 22px;font-weight:800}.profile-download:hover{background:#174a6b}

.project-list-page .project-card .coal-credit{font-size:.75rem;line-height:1.5;color:#65768a;margin:0 0 16px}.coal-credit a{text-decoration:underline;text-underline-offset:2px}

.project-card-photo .coal-photo{filter:grayscale(1);object-position:center 60%}

/* Consistent corporate blue across company pages */
.site-header{background:#fff;border-bottom:1px solid #dce4ec}.btn,.menu-button{background:#0064b4;border-radius:0}.btn:hover,.menu-button:hover{background:#004f91}.page-hero{background:linear-gradient(100deg,#06365bed,#0064b488),url(/assets/vickey-industrial-project.png) center/cover}.page-hero:before,.page-hero:after{display:none}.service-card,.project-card,.form-card,.contact-details{border-radius:0}.eyebrow{color:#0064b4}.section-head h2,.intro h2{color:#084770}.footer{background:#082e4d}