/*
Theme Name: Heavytec Electricals
Theme URI: https://heavytecelectrical.co.ke/
Author: Heavytec Electricals Ltd
Description: Card-led electrical and solar services theme with Elementor support.
 Version: 1.5.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: heavytec-electricals
*/

:root{--ink:#17242f;--muted:#63707a;--paper:#fff;--wash:#f5f7f6;--line:#e3e8e5;--gold:#c8a316;--gold-dark:#a98608;--blue:#0787ca;--blue-dark:#066fa8;--green:#617b59;--radius:22px;--shadow:0 18px 55px rgba(21,40,48,.09)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"Aptos",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--blue-dark)}button{font:inherit}p{color:var(--muted);margin:0 0 18px}h1,h2,h3{color:var(--ink);line-height:1.1;letter-spacing:-.035em;margin:0 0 18px}h1{font-size:clamp(46px,6vw,76px);font-weight:650}h2{font-size:clamp(34px,4vw,52px);font-weight:630}h3{font-size:22px;font-weight:650;letter-spacing:-.02em}em{font-family:Georgia,serif;font-weight:500;color:var(--blue);letter-spacing:-.05em}
.wrap{width:min(1160px,calc(100% - 56px));margin-inline:auto}.topbar{background:#182630;color:#eaf0ee;font-size:11px;letter-spacing:.105em;text-transform:uppercase}.topbar .wrap{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar a{color:#fff}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(227,232,229,.85);backdrop-filter:blur(12px)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:block;line-height:0}.brand img,.custom-logo{width:205px;max-height:65px;object-fit:contain}.custom-logo-link{display:block;line-height:0}.nav{display:flex;align-items:center;gap:30px}.nav a{font-size:13px;font-weight:600;color:#36434b}.nav a:hover{color:var(--blue)}.nav ul{display:flex;gap:30px;padding:0;margin:0;list-style:none}.nav li{list-style:none}.nav-cta{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:12px 18px;font-size:11px;letter-spacing:.07em;font-weight:700}.nav-cta:hover{background:var(--ink);border-color:var(--ink);color:#fff}.menu-toggle{display:none;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);padding:7px 11px;font-size:20px}
.hero{overflow:hidden;padding:82px 0 95px;background:radial-gradient(ellipse at 85% 50%,#e9f5f6 0,rgba(244,248,247,.56) 30%,transparent 62%),linear-gradient(115deg,#fff 0%,#fbfcfa 63%,#f1f7f6 100%)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:55px}.hero-copy{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#7f6a18;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:750;margin-bottom:18px}.eyebrow:before{content:"";width:23px;height:2px;background:var(--gold)}.hero h1{max-width:650px;margin-bottom:23px}.hero-copy>p{font-size:18px;max-width:540px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:14px 21px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s}.btn:hover{transform:translateY(-2px);background:#263c49;color:#fff;box-shadow:0 9px 20px #17242f22}.btn-gold{background:var(--gold);color:#17242f}.btn-gold:hover{background:#d5b42a;color:#17242f}.btn-outline{border:1px solid #d6dfdc;background:rgba(255,255,255,.65);color:var(--ink)}.btn-outline:hover{background:white;color:var(--ink)}.trust-note{margin-top:29px;font-size:12px;color:#637078}.trust-note b{color:var(--green);font-size:14px}.trust-note span{padding:0 7px;color:#bdc5c0}
.preview-wrap{position:relative;padding:18px}.glow{position:absolute;inset:4% -3% 0 10%;border-radius:42px;background:linear-gradient(140deg,#f5dfa0,#bfdbdc 70%);filter:blur(2px);transform:rotate(3deg)}.preview{position:relative;padding:24px;border:1px solid rgba(255,255,255,.75);border-radius:28px;background:#fff;box-shadow:0 25px 70px rgba(19,43,50,.16)}.preview-head,.preview-title,.project-top,.preview-foot{display:flex;align-items:center}.preview-head{justify-content:space-between;gap:12px;margin-bottom:22px}.preview-title{gap:10px;font-weight:700;font-size:14px}.shield{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff4ca;color:var(--gold-dark);font-size:21px}.status{padding:7px 10px;border-radius:99px;background:#eff7f0;color:#557253;font-size:10px;font-weight:650}.project{padding:20px;border-radius:19px;background:#f5f7f5}.project-top{justify-content:space-between;gap:10px}.project-top strong{font-size:14px}.project-top>span{font-size:9px;letter-spacing:.1em;color:#78837f}.system{position:relative;height:205px;overflow:hidden;margin:19px 0 14px;border-radius:14px;background:linear-gradient(155deg,#d8eff1,#eaf1e9 62%,#d5e2d8)}.system:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-44%;height:74%;border-radius:50% 50% 0 0;background:#94ad8e}.sun{position:absolute;top:19px;right:25px;color:#e0b62c;font-size:40px}.house{position:absolute;z-index:1;left:22%;bottom:24%;width:33%;height:36%;border-radius:4px 4px 0 0;background:#fff;box-shadow:inset 0 -28px #c7d4cb}.house:before{content:"";position:absolute;left:-10%;top:-32%;width:120%;height:54%;background:#3c5660;clip-path:polygon(50% 0,100% 100%,0 100%)}.house:after{content:"";position:absolute;right:18%;bottom:0;width:20%;height:52%;background:#d1b45c}.panel{position:absolute;z-index:2;left:52%;bottom:26%;width:25%;height:26%;transform:skew(-18deg);border:3px solid #fff;border-radius:3px;background:repeating-linear-gradient(90deg,#1678a4 0 17%,#76bdd0 18% 20%),repeating-linear-gradient(0deg,transparent 0 32%,#c0e3e6 33% 36%)}.flow{position:absolute;z-index:3;left:39%;bottom:11%;width:25%;height:25%;border-left:2px dashed #fff;border-bottom:2px dashed #fff;border-radius:0 0 0 25px}.project-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.meta{padding:11px 12px;border:1px solid #e5e9e5;border-radius:12px;background:white}.meta small,.meta strong{display:block}.meta small{font-size:8px;letter-spacing:.1em;color:#84908b}.meta strong{font-size:12px;margin-top:2px}.preview-foot{gap:9px;margin-top:17px;color:#68756f;font-size:11px}.preview-foot i{color:var(--gold);font-size:17px;font-style:normal}
.section{padding:92px 0}.section-head{max-width:680px;margin-bottom:35px}.section-head h2{margin-bottom:15px}.section-head p{max-width:590px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{position:relative;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 5px 20px rgba(22,43,48,.035);transition:transform .22s,border-color .22s,box-shadow .22s}.card:hover{transform:translateY(-5px);border-color:#cbdcd8;box-shadow:var(--shadow)}.card .number{display:block;color:#9aa49f;font-size:9px;letter-spacing:.12em;font-weight:700}.card-icon{display:grid;place-items:center;width:49px;height:49px;margin:22px 0 20px;border-radius:15px;background:#fff4cb;color:#94780d;font-size:22px;font-weight:700}.card-icon.blue{background:#e1f3fa;color:var(--blue-dark)}.card-icon.green{background:#edf3e9;color:#587450}.card-icon.gold{background:#fff3c4;color:#97790c}.card h3{margin-bottom:10px}.card p{font-size:14px;min-height:68px}.card-link{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:#344955}.card-link:hover{color:var(--blue)}.section .cards+.section-head{margin-top:50px}.split{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}.split h2{margin-bottom:18px}.split-visual{position:relative;min-height:400px;overflow:hidden;border-radius:30px;background:linear-gradient(155deg,#c7e6e6,#edf1e4 57%,#c6d8c1)}.split-visual:before{content:"";position:absolute;left:10%;right:10%;bottom:-29%;height:72%;border-radius:50% 50% 0 0;background:#788f72}.split-visual:after{content:"";position:absolute;left:21%;bottom:25%;width:49%;height:38%;background:#f9faf5;clip-path:polygon(50% 0,100% 36%,100% 100%,0 100%,0 36%);filter:drop-shadow(0 12px 10px #20332d20)}.split-note{position:absolute;z-index:2;left:22px;right:22px;bottom:21px;display:grid;gap:3px;padding:17px 19px;border:1px solid #ffffffa8;border-radius:15px;background:#ffffffdb;backdrop-filter:blur(10px)}.split-note strong{font-size:14px}.split-note span{font-size:12px;color:#64716b}.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 29px}.check{display:flex;gap:10px;align-items:start;font-size:13px;color:#45544f}.check b{display:grid;place-items:center;flex:none;width:21px;height:21px;border-radius:50%;background:#e9f1e5;color:#597a51;font-size:12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.step{min-height:190px;padding:21px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#fff,#fafbf9)}.step .n{font-size:9px;letter-spacing:.12em;font-weight:750;color:#9c8217}.step h3{font-size:18px;margin:25px 0 9px}.step p{font-size:13px;margin-bottom:0}.cta{padding:66px 0;background:#172832;color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta .eyebrow{color:#d9bd4d}.cta h2{color:white;font-size:clamp(32px,4vw,46px);margin-bottom:11px}.cta p{color:#bdc8c8;margin:0}.cta .btn{flex:none}
.page-hero{padding:75px 0 58px;background:radial-gradient(ellipse at 82% 36%,#e8f3f2,transparent 54%),#f8faf8}.page-hero .wrap{max-width:1160px}.page-hero h1{max-width:900px;font-size:clamp(43px,5.8vw,68px);margin-bottom:19px}.page-hero p{max-width:740px;font-size:17px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.contact-card{display:flex;flex-direction:column;align-items:flex-start;min-height:190px;padding:23px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 5px 20px rgba(22,43,48,.035)}.contact-card .card-icon{margin:0 0 19px}.contact-card strong{margin-bottom:7px;font-size:16px}.contact-card>a,.contact-card>span:last-child{font-size:14px;color:var(--muted)}.contact-card>a:hover{color:var(--blue)}
.footer{padding:55px 0 20px;background:#172832;color:#f1f4f2}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr .8fr;gap:30px;padding-bottom:38px}.footer .brand img,.footer .custom-logo{max-height:56px}.footer p,.footer a{color:#bdc8c8;font-size:13px}.footer h3{color:white;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-grid>div:first-child{gap:13px}.bottom{display:flex;justify-content:space-between;gap:15px;padding-top:18px;border-top:1px solid #ffffff1c;color:#93a3a4;font-size:11px}.bottom span{display:inline-block}.content-area{padding:55px 0 85px}.entry-card,.post-content{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.entry-card h2{font-size:25px}.entry-meta{color:#78847f;font-size:12px}.search-form{display:flex;gap:10px}.search-form input{flex:1;padding:13px 15px;border:1px solid var(--line);border-radius:12px;font:inherit}.search-form button{padding:12px 19px;border:0;border-radius:12px;background:var(--ink);color:white;font-weight:700}
@media(max-width:900px){.header-inner{gap:17px}.nav,.nav ul{gap:16px}.hero-grid{gap:27px}.preview{padding:19px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,1fr)}.split{gap:34px}.nav-cta{font-size:10px;padding:11px 13px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.topbar .wrap{min-height:34px;font-size:8px;letter-spacing:.07em}.topbar .wrap span:last-child{white-space:nowrap}.header-inner{position:relative;height:72px}.brand img,.custom-logo{width:155px;max-height:52px}.nav{display:none;position:absolute;left:-18px;right:-18px;top:100%;padding:18px 22px 22px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 22px #13223512;align-items:stretch}.nav.open{display:flex;flex-direction:column;gap:17px}.nav ul{flex-direction:column;gap:15px}.nav-cta{display:none}.menu-toggle{display:block}.hero{padding:48px 0 56px}.hero-grid{grid-template-columns:1fr;gap:24px}.hero h1{font-size:clamp(43px,12vw,60px)}.hero-copy>p{font-size:16px}.actions{margin-top:23px}.trust-note{margin-top:20px}.preview-wrap{padding:10px 2px}.preview{padding:17px;border-radius:22px}.system{height:165px}.project-meta{gap:6px}.meta{padding:8px}.meta strong{font-size:10px}.meta small{font-size:8px}.section{padding:65px 0}.section-head h2,.split h2{font-size:35px}.cards,.contact-grid,.post-grid{grid-template-columns:1fr}.card{padding:21px}.card p{min-height:0}.split{grid-template-columns:1fr;gap:28px}.split-visual{min-height:280px}.steps{grid-template-columns:1fr 1fr;gap:9px}.step{padding:15px;min-height:150px}.step h3{margin-top:16px;font-size:16px}.cta-inner{display:block}.cta .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:span 2}.bottom{display:block}.bottom span{display:block;margin-top:5px}.checks{grid-template-columns:1fr}.page-hero{padding:52px 0 40px}.page-hero h1{font-size:43px}.contact-card{min-height:0}.search-form{flex-direction:column}.search-form button{padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.icon-svg{display:block;width:24px;height:24px;flex:none}
.hero{background:radial-gradient(ellipse at 83% 44%,#dceff0,transparent 52%),radial-gradient(ellipse at 5% 100%,#fbf4db,transparent 35%),linear-gradient(128deg,#fff,#f8faf8 58%,#edf6f4)}
.hero-visual{position:relative;min-width:0;padding:14px 10px 14px 0}
.photo-placeholder{position:relative;isolation:isolate;overflow:hidden;min-height:290px;border:1px solid #ffffffd4;border-radius:28px;background:radial-gradient(ellipse at 78% 15%,#ffffffd6,transparent 19%),linear-gradient(145deg,#d7eaf0 0%,#c2d8d7 45%,#667d72 46%,#93a982 73%,#465d55 100%);box-shadow:0 25px 68px #1e343426}
.photo-placeholder:before{content:"";position:absolute;z-index:-1;left:-10%;right:-10%;bottom:24%;height:20%;transform:rotate(-8deg);background:linear-gradient(180deg,#344954 0 16%,#d6d9d2 18% 27%,#415761 29%);box-shadow:0 12px 20px #20343b30}
.photo-placeholder:after{content:"";position:absolute;z-index:-1;left:4%;right:4%;bottom:-33%;height:68%;border-radius:50% 50% 0 0;background:linear-gradient(160deg,#9eaf83,#526c59)}
.photo-orbit{position:absolute;z-index:-1;top:13%;right:14%;width:70px;height:70px;border-radius:50%;background:linear-gradient(140deg,#fff5be,#efc950);box-shadow:0 0 0 15px #fff3bf40,0 0 50px #f1d97680}
.photo-shape{position:absolute;z-index:-1;left:23%;bottom:21%;width:38%;height:38%;border-radius:4px 4px 0 0;background:linear-gradient(90deg,#273c48 0 46%,#a4bac0 47% 50%,#314955 51%);box-shadow:0 12px 35px #243b3e40}
.photo-shape:before{content:"";position:absolute;left:-12%;top:-35%;width:124%;height:43%;background:#334c57;clip-path:polygon(50% 0,100% 100%,0 100%)}
.photo-shape:after{content:"";position:absolute;left:12%;right:12%;top:12%;height:35%;border:3px solid #e8f2ed;background:repeating-linear-gradient(90deg,#197ba4 0 20%,#a2d0d3 22% 24%);transform:skew(-15deg)}
.photo-site{background:radial-gradient(ellipse at 82% 15%,#fff8d4 0 7%,transparent 8%),linear-gradient(150deg,#d8edf2,#c8d9d5 39%,#6e8874 40%,#a7b786 73%,#536c59)}.photo-site .photo-shape{left:36%;width:30%;height:42%;background:linear-gradient(90deg,#f8f5e9 0 44%,#c5d0c8 45% 52%,#faf8ed 53%)}
.photo-electrical{background:linear-gradient(135deg,#c5dfe2,#718b8b 58%,#30444b 59%,#566872)}.photo-electrical:before{bottom:27%;height:9%;transform:none;background:repeating-linear-gradient(90deg,#1d2930 0 5%,#d7bc56 5.3% 5.8%,#313f46 6.2% 10%);box-shadow:0 25px #1b2c33}.photo-electrical .photo-shape{left:49%;bottom:18%;width:21%;height:35%;border:9px solid #d3ded7;border-radius:8px}
.photo-label{position:absolute;left:20px;right:20px;bottom:20px;display:grid;gap:4px;padding:14px 16px;border:1px solid #ffffffa3;border-radius:15px;background:#ffffffe0;backdrop-filter:blur(10px)}.photo-label b{font-size:13px}.photo-label small{color:#627069;font-size:10px}.photo-corner{position:absolute;top:17px;left:18px;padding:7px 10px;border-radius:99px;background:#172832b0;color:#fff;font-size:8px;letter-spacing:.14em}
.hero-visual .photo-placeholder{min-height:440px}.hero-float{position:absolute;z-index:2;left:-30px;bottom:45px;display:flex;align-items:center;gap:11px;padding:13px 16px;border-radius:15px;background:#ffffffed;box-shadow:var(--shadow)}.float-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#fff3c7;color:#987c0a}.hero-float b,.hero-float small{display:block}.hero-float b{font-size:11px}.hero-float small{color:var(--muted);font-size:9px}.hero-stamp{position:absolute;right:-7px;top:39px;display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:13px;background:#172832;color:white}.hero-stamp b{font:italic 26px Georgia;color:#e2c344}.hero-stamp span{font-size:9px;line-height:1.35;color:#d8e0dc}
.proof-strip{background:linear-gradient(90deg,#162933,#233b42 55%,#172b33);color:white}.proof-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:108px}.proof-inner div{display:grid;gap:2px}.proof-inner b{font-size:23px;color:#e1c448}.proof-inner span{font-size:10px;color:#c5d0cc}.proof-inner i{height:35px;border-left:1px solid #ffffff32}
.intro-section,.story-section,.value-gallery{background:linear-gradient(115deg,#fff,#f5f8f5 58%,#eaf3f1)}.intro-section .photo-placeholder,.story-section .photo-placeholder,.value-gallery .photo-placeholder,.services-feature .photo-placeholder,.contact-details .photo-placeholder{min-height:360px}
.service-section{background:radial-gradient(ellipse at 96% 1%,#e7f3f1,transparent 31%),linear-gradient(#fbfcfa,#f1f5f2)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service-card{display:flex;flex-direction:column;min-width:0;padding:21px;border:1px solid #e0e7e3;border-radius:22px;background:linear-gradient(155deg,#fff 61%,#f9fbf7);box-shadow:0 8px 26px #18332d08;transition:transform .22s,border-color .22s,box-shadow .22s}.service-card:hover{transform:translateY(-5px);border-color:#cadbd4;box-shadow:0 20px 44px #15352b16}.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.service-icon{display:grid;place-items:center;width:51px;height:51px;border:1px solid #f0e2a8;border-radius:16px;background:linear-gradient(145deg,#fff7d8,#f5edcf);color:#95790e}.service-index{color:#9ba7a1;font-size:9px;letter-spacing:.13em;font-weight:750}.service-card h3{font-size:20px;margin-bottom:10px}.service-card p{font-size:12px;line-height:1.65;min-height:76px;margin:0 0 16px}
.service-art{position:relative;isolation:isolate;overflow:hidden;height:119px;margin:0 -3px 15px;border-radius:14px;background:linear-gradient(145deg,#dff0ef,#b6d1ca 57%,#82997e 58%,#b1bd8b)}.service-art:before{content:"";position:absolute;z-index:-1;left:-10%;right:-10%;bottom:15%;height:28%;transform:rotate(-7deg);background:linear-gradient(180deg,#51666a 0 15%,#cdd7ce 16% 26%,#53686b 27%)}.art-sun{position:absolute;top:14px;right:20px;width:28px;height:28px;border-radius:50%;background:#f2d26b;box-shadow:0 0 0 8px #ffeaa640}.art-line{position:absolute;bottom:28%;height:2px;background:#f9f1d6;transform:rotate(-12deg)}.art-line-one{left:13%;width:26%}.art-line-two{right:14%;width:26%}.art-block{position:absolute;left:40%;bottom:18%;width:19%;height:34%;border:3px solid #f5f5e8;border-bottom:0;border-radius:4px 4px 0 0;background:linear-gradient(90deg,#40575d,#81999a)}.art-caption{position:absolute;bottom:9px;left:12px;color:#fff;font-size:7px;letter-spacing:.15em}.art-electrical,.art-inspection{background:linear-gradient(140deg,#dae9e9,#8ba5a2 55%,#3d545d 56%,#71847d)}.art-electrical .art-block{left:61%;height:55%;width:16%;background:repeating-linear-gradient(90deg,#334953 0 22%,#d6b944 23% 27%)}.art-backup{background:linear-gradient(140deg,#e8efec,#b7c9bb 51%,#586d62 52%)}.art-backup .art-block{left:35%;width:30%;height:44%;border:4px solid #e7eeea;border-radius:7px;background:linear-gradient(90deg,#3f5b62 0 44%,#97b1ab 45% 50%,#3f5b62 51%)}.art-mechanical{background:linear-gradient(140deg,#e9e4d4,#c4baa1 55%,#72766b 56%)}.art-mechanical .art-block{left:43%;border-radius:50%;width:48px;height:48px;background:radial-gradient(circle,#cfb240 0 20%,#455960 22% 48%,#d8e0d9 50% 56%,#536469 58%)}.art-security{background:linear-gradient(140deg,#dcebee,#849da1 52%,#384d57 53%)}.art-security .art-block{left:43%;width:42px;height:32px;border:0;border-radius:7px;background:#344a52}.art-wiring{background:linear-gradient(140deg,#edead9,#cfc8aa 55%,#78836f 56%)}.art-wiring .art-line-one{left:24%;bottom:35%;width:52%;height:38%;border:2px solid #e5c84e;border-bottom:0;border-radius:50% 50% 0 0;background:none}.art-lighting{background:linear-gradient(145deg,#dae8e8,#879a9c 52%,#263943 53%)}.art-lighting .art-sun{top:19px;left:48%;width:4px;height:74px;border-radius:4px;background:#1c3038;box-shadow:none}.service-card .card-link{margin-top:auto;padding-top:2px}
.values-band{background:radial-gradient(ellipse at 0 10%,#e4efed,transparent 42%),linear-gradient(125deg,#f1f5f1,#fff7df)}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.value-card{padding:21px;border:1px solid #fff;border-radius:20px;background:#ffffffc7;box-shadow:0 7px 25px #213d3509}.value-card>.icon-svg{width:30px;height:30px;margin-bottom:22px;color:#9c8219}.value-card h3{font-size:17px;margin-bottom:9px}.value-card p{font-size:12px;margin:0}
.centered{text-align:center;margin-left:auto;margin-right:auto}.centered .eyebrow{justify-content:center}.client-section{overflow:hidden;background:linear-gradient(120deg,#fff,#f5f7f1 55%,#eaf2f0)}.client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.client-card{position:relative;display:flex;align-items:center;gap:12px;min-height:95px;padding:15px;border:1px solid #e4e9e4;border-radius:17px;background:linear-gradient(135deg,#fff,#f9faf7);box-shadow:0 8px 24px #162e2a08}.client-monogram{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #ebdfb1;border-radius:13px;background:linear-gradient(145deg,#fff6d8,#e8f2f1);color:#2d5964;font-size:13px;font-weight:800}.client-name{max-width:125px;font-size:13px;font-weight:750;line-height:1.15}.client-card small{position:absolute;left:71px;bottom:17px;color:#84918b;font-size:8px}
.team-section{background:radial-gradient(ellipse at 88% 20%,#dcebe9,transparent 34%),linear-gradient(135deg,#f4f6f2,#fdf9eb)}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.team-card{overflow:hidden;border:1px solid #e0e7e1;border-radius:21px;background:white;box-shadow:0 12px 34px #1e38320d;transition:transform .2s,box-shadow .2s}.team-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px #1e38321c}.team-portrait{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;height:204px;background:radial-gradient(circle at 70% 25%,#fff3bf 0 6%,transparent 7%),linear-gradient(145deg,#dcecef 0%,#c2dad6 49%,#879b83 50%,#526d61)}.team-portrait:before{content:"";position:absolute;z-index:-1;left:16%;right:16%;bottom:-43%;height:80%;border-radius:50% 50% 0 0;background:linear-gradient(135deg,#9ab187,#435c51)}.team-portrait:after{content:"";position:absolute;z-index:-1;left:36%;bottom:14%;width:29%;height:39%;border-radius:45% 45% 8% 8%;background:linear-gradient(90deg,#243a41,#526b68 50%,#1f353d);box-shadow:0 -54px 0 -12px #4d5550}.team-tone-2{background:linear-gradient(145deg,#e8e4d5,#a9c7c5 50%,#718774 51%,#405b57)}.team-tone-3{background:linear-gradient(145deg,#e6eff1,#bed4d0 48%,#988b67 49%,#526a5d)}.team-tone-4{background:linear-gradient(145deg,#dcebe7,#b5cbca 49%,#839477 50%,#425d56)}.team-initials{position:relative;z-index:2;display:grid;place-items:center;width:78px;height:78px;border:1px solid #ffffffb5;border-radius:50%;background:#ffffffcb;color:#25444b;font-size:23px;font-weight:750;box-shadow:0 8px 24px #162b2b22}.team-orbit{position:absolute;top:22px;right:24px;width:49px;height:49px;border:1px solid #ffffff95;border-radius:50%;box-shadow:0 0 0 8px #ffffff20}.team-badge{position:absolute;right:14px;bottom:13px;display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#ffffffe5;color:#557761}.team-badge .icon-svg{width:19px;height:19px}.team-portrait small{position:absolute;left:13px;bottom:16px;color:#ffffffdf;font-size:7px;letter-spacing:.14em}.team-details{padding:17px 18px 19px}.team-role{display:block;margin-bottom:6px;color:#987d12;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.team-details h3{font-size:17px;margin:0 0 5px}.team-details p{font-size:11px;margin:0}.photo-note{text-align:center;margin:18px 0 0;color:#75837d;font-size:10px}
.page-hero{background:radial-gradient(ellipse at 90% 7%,#e2f0ef,transparent 33%),radial-gradient(ellipse at 8% 100%,#fff1c9,transparent 32%),linear-gradient(120deg,#f8faf7,#f3f7f4)}.mission-section{background:radial-gradient(ellipse at 50% 0,#f6edc9,transparent 57%),#f6f7f2}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.mission-card{position:relative;overflow:hidden;min-height:260px;padding:30px;border-radius:25px}.mission-card .eyebrow{color:#e3c74c}.mission-card h2{position:relative;z-index:1;max-width:440px;margin:27px 0 0;font-size:clamp(25px,3vw,36px);line-height:1.18}.mission-dark{background:radial-gradient(ellipse at 100% 100%,#34545a,#142832 70%)}.mission-dark h2{color:white}.mission-gold{background:radial-gradient(ellipse at 100% 100%,#f5dc83,#dbbd53 68%,#c6a22a)}.mission-gold .eyebrow{color:#655311}.mission-gold h2{color:#192a2f}.mission-mark{position:absolute;right:24px;bottom:17px;color:#ffffff40;font-size:12px;letter-spacing:.15em}
.quality-section{background:linear-gradient(130deg,#fff,#f5f7f2)}.quality-panel{display:grid;grid-template-columns:105px 1fr auto;align-items:center;gap:25px;padding:25px;border:1px solid #e4e9e2;border-radius:22px;background:linear-gradient(120deg,#fff,#eef5f1)}.quality-seal{display:grid;place-items:center;gap:5px;width:92px;height:92px;border:1px solid #e4d28b;border-radius:50%;background:#fff8d9;color:#9b8116;text-align:center}.quality-seal .icon-svg{width:31px;height:31px}.quality-seal span{font-size:7px;letter-spacing:.1em;font-weight:800}.quality-panel h3{font-size:18px;margin-bottom:8px}.quality-panel p{font-size:12px;margin:0}.quality-points{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quality-points span{padding:8px 10px;border-radius:9px;background:#fff;color:#50635b;font-size:9px;font-weight:700;white-space:nowrap}
.process-section{background:radial-gradient(ellipse at 0 80%,#edf3dc,transparent 35%),linear-gradient(120deg,#f4f8f7,#fff)}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.process-grid article{position:relative;min-height:224px;padding:18px 16px;border:1px solid #e3e9e4;border-radius:18px;background:#ffffffc9}.process-grid article>b{position:absolute;top:14px;right:14px;color:#b29b3e;font-size:10px;letter-spacing:.1em}.process-grid .icon-svg{width:28px;height:28px;margin:15px 0 24px;color:#137ca2}.process-grid h3{font-size:15px;margin-bottom:8px}.process-grid p{font-size:10px;line-height:1.6;margin:0}.services-feature{background:linear-gradient(120deg,#eff5f3,#fff 72%,#fbf3d9)}.sector-chips{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 25px}.sector-chips span{padding:7px 10px;border:1px solid #dfe7e2;border-radius:99px;background:#ffffffc9;color:#425b58;font-size:10px;font-weight:650}.service-steps{background:radial-gradient(ellipse at 100% 15%,#e4efeb,transparent 36%),#f9faf7}
.contact-section{background:linear-gradient(130deg,#f4f7f3,#fff 55%,#edf5f2)}.contact-card{position:relative;min-height:220px;padding:23px 25px;border-color:#e3e9e4;border-radius:22px;background:linear-gradient(145deg,#fff,#f7faf6);transition:transform .2s,box-shadow .2s}.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.contact-card>.icon-svg{width:26px;height:26px;margin-bottom:20px;color:#a18512}.contact-card .contact-label{color:#798780;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:750}.contact-card strong{font-size:16px;color:var(--ink)}.contact-card small{color:#77847e;font-size:10px}.contact-arrow{position:absolute;right:21px;top:19px;color:#97a39d;font-size:17px}.contact-details{background:radial-gradient(ellipse at 7% 30%,#fbf0cc,transparent 42%),linear-gradient(120deg,#f7f8f4,#eaf2ef)}.contact-info{display:grid;gap:12px;margin:22px 0}.contact-info span{display:flex;align-items:center;gap:10px;font-size:12px;color:#50605a}.contact-info .icon-svg{width:20px;height:20px;color:#9b8116}.enquiry-section{padding-top:20px;background:linear-gradient(130deg,#f1f5f1,#fff)}.enquiry-box{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:30px;border:1px solid #e2e9e3;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#e1efed,transparent 48%),#fff}.enquiry-box h2{font-size:34px}.enquiry-box p{font-size:13px}.enquiry-list{display:grid;gap:8px}.enquiry-list span{display:flex;align-items:center;gap:12px;padding:11px;border-radius:11px;background:#f5f8f5;color:#44574f;font-size:11px}.enquiry-list b{color:#a18618;font-size:10px;letter-spacing:.08em}
.footer{background:radial-gradient(ellipse at 90% 0,#27434a,#172832 48%)}.cta{background:radial-gradient(ellipse at 90% 10%,#34545a,#172832 58%)}.entry-card,.post-content{background:linear-gradient(145deg,#fff,#f7faf7)}
@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.value-grid{grid-template-columns:repeat(2,1fr)}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(3,1fr)}.quality-panel{grid-template-columns:90px 1fr}.quality-points{grid-column:2;grid-template-columns:repeat(4,auto);justify-content:start}.hero-visual .photo-placeholder{min-height:380px}}
.reasons-section{background:radial-gradient(ellipse at 100% 0,#e2efeb,transparent 39%),linear-gradient(130deg,#f8f9f5,#fff4d7)}.reasons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.reason-card{position:relative;min-height:190px;padding:20px;border:1px solid #ffffffd9;border-radius:19px;background:#ffffffd1;box-shadow:0 10px 26px #1b38310b}.reason-card>span:first-child{position:absolute;top:15px;right:16px;color:#a99a62;font-size:9px;letter-spacing:.1em}.reason-card>.icon-svg{width:30px;height:30px;margin:9px 0 21px;color:#a18512}.reason-card h3{font-size:16px;margin-bottom:8px}.reason-card p{font-size:11px;margin:0}.published-scores{display:grid;grid-template-columns:1.3fr repeat(4,1fr);align-items:center;gap:10px;margin-top:16px;padding:16px 18px;border-radius:16px;background:#172c34;color:#fff}.scores-label{max-width:130px;color:#d9bf54;font-size:8px;line-height:1.5;letter-spacing:.12em;font-weight:750}.published-scores div{display:grid;gap:1px;padding-left:13px;border-left:1px solid #ffffff2c}.published-scores b{font-size:20px;line-height:1.1;color:#fff}.published-scores small{color:#c5d0cc;font-size:9px}
@media(max-width:900px){.reasons-grid{grid-template-columns:repeat(2,1fr)}.published-scores{grid-template-columns:repeat(4,1fr)}.scores-label{grid-column:span 4;max-width:none}.published-scores div:first-of-type{border-left:0;padding-left:0}}
@media(max-width:700px){.hero-visual{padding:4px 0 8px}.hero-visual .photo-placeholder{min-height:310px}.hero-float{left:-7px;bottom:25px;padding:10px 12px}.hero-stamp{right:-5px;top:17px}.proof-inner{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 0}.proof-inner i{display:none}.proof-inner b{font-size:20px}.photo-placeholder{min-height:260px;border-radius:22px}.intro-section .photo-placeholder,.story-section .photo-placeholder,.value-gallery .photo-placeholder,.services-feature .photo-placeholder,.contact-details .photo-placeholder{min-height:280px}.service-grid{grid-template-columns:1fr}.service-card{padding:19px}.service-card p{min-height:0}.service-art{height:145px}.value-grid{grid-template-columns:1fr 1fr;gap:9px}.value-card{padding:16px}.value-card h3{font-size:15px}.value-card p{font-size:11px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.client-card{min-height:82px;padding:11px;gap:8px}.client-monogram{width:38px;height:38px}.client-name{font-size:11px}.client-card small{left:57px;bottom:12px;font-size:7px}.team-grid{grid-template-columns:1fr 1fr;gap:9px}.team-portrait{height:155px}.team-details{padding:13px}.team-details h3{font-size:14px}.team-details p{font-size:10px}.team-role{font-size:8px}.mission-grid{grid-template-columns:1fr}.mission-card{min-height:220px;padding:24px}.mission-card h2{font-size:28px}.quality-panel{grid-template-columns:1fr;gap:17px;padding:20px}.quality-seal{width:78px;height:78px}.quality-points{grid-column:auto;grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:1fr 1fr;gap:8px}.process-grid article{min-height:195px;padding:15px 12px}.process-grid h3{font-size:14px}.process-grid p{font-size:10px}.story-facts{gap:8px}.story-facts div{min-width:0;flex:1;padding:12px}.enquiry-box{grid-template-columns:1fr;gap:12px;padding:21px}.enquiry-box h2{font-size:30px}.contact-card{min-height:190px;padding:19px}.photo-label{left:12px;right:12px;bottom:12px}.photo-corner{top:12px;left:12px}.section-head.centered{margin-bottom:27px}.reasons-grid{gap:8px}.reason-card{padding:14px;min-height:174px}.reason-card h3{font-size:14px}.reason-card p{font-size:10px}.published-scores{gap:7px;padding:13px 10px}.scores-label{font-size:7px}.published-scores div{padding-left:7px}.published-scores b{font-size:16px}.published-scores small{font-size:7px}}
@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
/* Refinements: concise credentials, restrained mission/vision cards, animated process and metric details. */
.story-facts{display:flex;gap:10px;margin-top:21px}
.story-facts div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 10px;min-width:170px;padding:11px 14px;border:1px solid #e1e8e2;border-radius:13px;background:linear-gradient(140deg,#fff,#f5f8f5);box-shadow:0 6px 18px #18332d08}
.story-facts b{grid-row:span 2;color:#147ca1;font-size:20px;line-height:1}
.story-facts span{color:#344c4b;font-size:10px;font-weight:700}
.mission-section{background:linear-gradient(125deg,#f3f6f2,#fbf8ed)}
.mission-grid{align-items:stretch;gap:13px}
.mission-card{min-height:0;padding:21px 23px;border:1px solid #e0e8e3;border-radius:18px;background:#fff;box-shadow:0 9px 26px #18332d0a}
.mission-card:after{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:3px;background:linear-gradient(#c9a92e,#1684ad)}
.mission-card .eyebrow{color:#8b7416;font-size:9px}
.mission-card h2{max-width:520px;margin:12px 0 0;color:#1d3439;font-size:clamp(19px,2.1vw,25px);line-height:1.32}
.mission-dark,.mission-gold{background:linear-gradient(135deg,#fff,#f7faf7)}
.mission-dark h2,.mission-gold h2{color:#1d3439}
.mission-mark{right:17px;top:18px;bottom:auto;color:#9ba9a1;font-size:9px}
.quality-panel{grid-template-columns:64px minmax(0,1fr) auto;gap:18px;padding:18px 21px;border-radius:18px}
.quality-seal{width:58px;height:58px;gap:0;background:#f7f5e9}
.quality-seal .icon-svg{width:22px;height:22px}
.quality-seal span{font-size:5px}
.quality-panel h3{font-size:16px;margin-bottom:5px}
.quality-panel p{max-width:620px;font-size:11px;line-height:1.6}
.quality-points{gap:5px}
.quality-points span{padding:7px 8px;font-size:8px}
.process-grid article{overflow:hidden;min-height:220px;transition:transform .25s,box-shadow .25s,border-color .25s;animation:heavytec-step-in .62s both;animation-delay:calc(var(--step) * 100ms)}
.process-step:nth-child(1){--step:0}.process-step:nth-child(2){--step:1}.process-step:nth-child(3){--step:2}.process-step:nth-child(4){--step:3}.process-step:nth-child(5){--step:4}
.process-grid article:hover{transform:translateY(-5px);border-color:#d4c16d;box-shadow:0 16px 32px #1b383112}
.process-grid .icon-svg{display:grid;box-sizing:content-box;width:26px;height:26px;padding:10px;margin:17px 0 17px;border:1px solid #dce9e5;border-radius:14px;background:linear-gradient(145deg,#f2f8f6,#fff7d9);color:#157da3}
@keyframes heavytec-step-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.published-scores b{font-variant-numeric:tabular-nums}
.client-section{background:radial-gradient(ellipse at 80% 0,#e3efed,transparent 42%),linear-gradient(135deg,#f4f7f3,#fff9e9)}
.client-grid{align-items:stretch;gap:15px}
.client-card{display:grid;grid-template-rows:1fr auto auto;justify-items:center;align-items:center;gap:5px;min-height:174px;padding:18px 12px 15px;text-align:center;transition:transform .22s,box-shadow .22s,border-color .22s}
.client-card:hover{transform:translateY(-4px);border-color:#d7c46c;box-shadow:0 16px 32px #162e2a13}
.client-monogram{width:76px;height:76px;border:0;border-radius:23px;background:radial-gradient(circle at 32% 25%,#fff 0 9%,transparent 10%),linear-gradient(145deg,#eef5f3,#fff8dd);color:#176b83;font-size:23px;letter-spacing:-.06em;box-shadow:inset 0 0 0 1px #e4e9dc,0 8px 17px #19352b0b}
.client-tone-2 .client-monogram{border-radius:50%;background:linear-gradient(145deg,#edf5f2,#fff);color:#a48416;box-shadow:inset 0 0 0 1px #e3e8dd,0 8px 17px #19352b0b}
.client-tone-3 .client-monogram{border-radius:24px 24px 24px 8px;background:linear-gradient(145deg,#fff8df,#f2f6f2);color:#355b5b}
.client-tone-4 .client-monogram{border-radius:50% 50% 12px 50%;background:linear-gradient(145deg,#eaf3ef,#fdf8e7);color:#137ba0}
.client-name{max-width:none;font-size:12px;line-height:1.25}
.client-card small{position:static;color:#84918b;font-size:8px;line-height:1.2}
.cta{margin-bottom:44px}
@media(max-width:900px){.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mission-card h2{font-size:22px}.quality-panel{grid-template-columns:58px 1fr}.quality-points{grid-column:2;grid-template-columns:repeat(4,auto);justify-content:start}}
@media(max-width:700px){.story-facts div{min-width:0;flex:1;padding:10px}.story-facts b{font-size:17px}.mission-grid{grid-template-columns:1fr}.mission-card{padding:19px 20px}.mission-card h2{font-size:20px}.quality-panel{grid-template-columns:1fr;gap:12px}.quality-points{grid-column:auto;grid-template-columns:repeat(2,1fr)}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.client-card{min-height:150px;padding:13px 9px}.client-monogram{width:66px;height:66px;font-size:20px}.client-name{font-size:11px}.client-card small{font-size:7px}.cta{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.process-grid article{animation:none}.process-grid article,.client-card{transition:none}}
/* Improve readability in the quality policy and make the shared CTA a floating card. */
.quality-panel{grid-template-columns:82px minmax(0,1fr) auto;gap:24px;padding:25px 27px;border-radius:22px}
.quality-seal{width:76px;height:76px;gap:4px}
.quality-seal .icon-svg{width:29px;height:29px}
.quality-seal span{font-size:7px;line-height:1.35}
.quality-panel h3{font-size:23px;line-height:1.2;margin-bottom:9px}
.quality-panel p{max-width:660px;color:#465752;font-size:15px;line-height:1.7}
.quality-points{gap:8px}
.quality-points span{padding:10px 12px;border:1px solid #e8eee9;border-radius:11px;background:#fff;color:#40544d;font-size:11px;line-height:1.25}
.cta{position:relative;z-index:2;margin:0 0 44px;padding:26px 0 0;background:transparent;color:var(--ink)}
.cta-inner{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 38px;border:1px solid #29434a;border-radius:26px;background:radial-gradient(ellipse at 94% 0,#34545a,#172832 62%);box-shadow:0 18px 48px #1728321c}
.cta .eyebrow{color:#e5cb61}
.cta h2{color:#fff;font-size:clamp(30px,3.5vw,42px);margin-bottom:10px}
.cta p{max-width:620px;color:#d0d9d6;margin:0}
.cta .btn{flex:none}
@media(max-width:900px){.quality-panel{grid-template-columns:72px minmax(0,1fr);gap:17px;padding:22px}.quality-seal{width:68px;height:68px}.quality-panel h3{font-size:21px}.quality-points{grid-column:2;grid-template-columns:repeat(2,minmax(110px,1fr));justify-content:start}.quality-points span{font-size:11px}}
@media(max-width:700px){.quality-panel{grid-template-columns:1fr;gap:13px;padding:20px}.quality-seal{width:64px;height:64px}.quality-panel h3{font-size:20px}.quality-panel p{font-size:14px;line-height:1.65}.quality-points{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.quality-points span{white-space:normal;padding:10px}.cta{margin:0 0 30px;padding:20px 0 0}.cta-inner{display:block;padding:24px 22px;border-radius:22px}.cta h2{font-size:30px}.cta p{font-size:14px}.cta .btn{margin-top:18px}}

/* Larger, centered text for milestone and information cards. */
.story-facts div{grid-template-columns:1fr;justify-items:center;align-content:center;gap:6px;min-width:190px;min-height:76px;padding:12px 18px;text-align:center}
.story-facts b{grid-row:auto;font-size:23px}
.story-facts span{font-size:13px;line-height:1.25;text-align:center}
.process-grid article{padding:20px 18px}
.process-grid .icon-svg{width:30px;height:30px}
.process-grid h3{font-size:18px;line-height:1.25}
.process-grid p{font-size:13px;line-height:1.65}
.reason-card{padding:22px;min-height:205px}
.reason-card>.icon-svg{width:32px;height:32px}
.reason-card h3{font-size:19px;line-height:1.25}
.reason-card p{font-size:13px;line-height:1.65}
.client-card{min-height:190px;gap:8px;padding:19px 14px 17px}
.client-monogram{width:82px;height:82px;font-size:25px}
.client-name{font-size:15px;line-height:1.3}
.client-card small{font-size:11px;line-height:1.35}
@media(max-width:900px){.story-facts div{min-width:175px}.process-grid h3{font-size:17px}.process-grid p,.reason-card p{font-size:12px}.reason-card h3{font-size:18px}.client-name{font-size:14px}.client-card small{font-size:10px}}
@media(max-width:700px){.story-facts div{min-width:0;min-height:72px;flex:1;padding:10px}.story-facts b{font-size:20px}.story-facts span{font-size:11px}.process-grid article{min-height:205px;padding:16px 13px}.process-grid h3{font-size:16px}.process-grid p{font-size:12px;line-height:1.6}.reason-card{padding:16px;min-height:190px}.reason-card h3{font-size:16px}.reason-card p{font-size:12px;line-height:1.6}.client-card{min-height:164px;padding:14px 9px}.client-monogram{width:68px;height:68px;font-size:21px}.client-name{font-size:13px;line-height:1.25}.client-card small{font-size:9px}}
/* Keep the quality seal centered and all panel columns inside the card on phones. */
.quality-panel,.quality-panel>*{min-width:0}
@media(max-width:700px){.quality-panel{width:100%;grid-template-columns:minmax(0,1fr);justify-items:stretch;padding:20px 18px}.quality-seal{justify-self:center;margin:0 0 2px}.quality-panel h3,.quality-panel p{overflow-wrap:anywhere}.quality-points{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.quality-points span{white-space:normal;overflow-wrap:anywhere;text-align:center}}
/* Use a contained rounded icon box instead of a circular seal. */
.quality-panel{grid-template-columns:120px minmax(0,1fr) auto}
.quality-seal{box-sizing:border-box;width:100%;max-width:120px;height:auto;min-height:100px;padding:13px 10px;border-radius:18px;gap:8px;background:linear-gradient(145deg,#fff9df,#fff);box-shadow:0 8px 18px #19352b0b}
.quality-seal .icon-svg{width:32px;height:32px}
.quality-seal span{font-size:9px;line-height:1.35;letter-spacing:.08em}
@media(max-width:900px){.quality-panel{grid-template-columns:110px minmax(0,1fr)}.quality-seal{width:100%;height:auto;max-width:110px;min-height:92px}}
@media(max-width:700px){.quality-panel{grid-template-columns:minmax(0,1fr);justify-items:stretch}.quality-seal{justify-self:center;display:flex;flex-direction:row;justify-content:center;gap:12px;width:min(100%,260px);max-width:260px;min-height:0;padding:13px 16px;border-radius:16px}.quality-seal .icon-svg{flex:none;width:30px;height:30px}.quality-seal span{font-size:10px;text-align:left}}
/* Image-led service cards use real project and service photos from Heavytec's library. */
.service-art{height:178px;margin:0 0 18px;border-radius:16px;background:#dce9e5}
.service-art:before{display:none}
.service-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.service-art .art-caption{bottom:11px;left:11px;padding:6px 9px;border:1px solid #ffffff55;border-radius:99px;background:#172832bd;color:#fff;font-size:8px;letter-spacing:.1em;backdrop-filter:blur(5px)}
.service-card-top{margin-bottom:13px}
.service-card p{font-size:14px;line-height:1.7;min-height:0}
.service-section-page .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.service-section-page .service-card{padding:16px 16px 20px;border-radius:24px}
.service-section-page .service-art{height:clamp(190px,24vw,280px);margin:-2px -2px 18px;border-radius:18px}
.service-section-page .service-card h3{font-size:23px;line-height:1.25}
.service-section-page .service-card p{font-size:15px;line-height:1.75;margin-bottom:19px}
@media(max-width:700px){.service-art{height:190px}.service-section-page .service-grid{grid-template-columns:minmax(0,1fr);gap:16px}.service-section-page .service-card{padding:13px 13px 18px;border-radius:21px}.service-section-page .service-art{height:clamp(180px,58vw,245px);margin:-1px -1px 15px}.service-section-page .service-card h3{font-size:21px}.service-section-page .service-card p{font-size:14px;line-height:1.7}}
/* Warm, restrained glow for service sector chips and the four-step workflow. */
.sector-chips span{transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease}
.sector-chips span:hover{transform:translateY(-2px);border-color:#d9bd50;background:linear-gradient(135deg,#fff9dd,#fff);color:#253f45;box-shadow:0 0 0 3px #d9bd5028,0 8px 20px #197fa51c}
.steps .step{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.steps .step:hover,.steps .step:focus-within{transform:translateY(-4px);border-color:#d7c15d;background:linear-gradient(145deg,#fff,#f4fbf8);box-shadow:0 0 0 4px #d9c04a21,0 16px 38px #087da522}
@media(prefers-reduced-motion:reduce){.sector-chips span,.steps .step{transition:none}.sector-chips span:hover,.steps .step:hover{transform:none}}
/* Consistent gold-and-blue glow across every content card and information panel. */
.card,.service-card,.value-card,.client-card,.team-card,.mission-card,.contact-card,.reason-card,.story-facts>div,.step,.process-grid article,.photo-placeholder,.quality-panel,.published-scores,.enquiry-box{transition-property:box-shadow,border-color,transform;transition-duration:.22s;transition-timing-function:ease}
.card:hover,.card:focus-within,.service-card:hover,.service-card:focus-within,.value-card:hover,.value-card:focus-within,.client-card:hover,.client-card:focus-within,.team-card:hover,.team-card:focus-within,.mission-card:hover,.mission-card:focus-within,.contact-card:hover,.contact-card:focus-visible,.contact-card:focus-within,.reason-card:hover,.reason-card:focus-within,.story-facts>div:hover,.step:hover,.step:focus-within,.process-grid article:hover,.process-grid article:focus-within,.photo-placeholder:hover,.quality-panel:hover,.published-scores:hover,.enquiry-box:hover{border-color:#d9bd50;box-shadow:0 0 0 4px #d9bd5024,0 16px 38px #087da51b}
@media(prefers-reduced-motion:reduce){.card,.service-card,.value-card,.client-card,.team-card,.mission-card,.contact-card,.reason-card,.story-facts>div,.step,.process-grid article,.photo-placeholder,.quality-panel,.published-scores,.enquiry-box{transition:none}}
/* Improve contrast and readability in the process cards. */
.steps .step .n{font-size:11px;letter-spacing:.13em}
.steps .step p{font-size:15px;line-height:1.7}
/* Optional editorial services layout preview: /services/?layout=editorial */
.layout-services-editorial .service-section-page{background:radial-gradient(ellipse at 90% 6%,#e7f3f1,transparent 33%),linear-gradient(135deg,#f7f9f6,#eef4f2 55%,#fff8e7)}
.layout-services-editorial .service-section-page .service-grid{grid-template-columns:minmax(0,1fr);gap:22px;max-width:1050px;margin-inline:auto}
.layout-services-editorial .service-section-page .service-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"photo meta" "photo title" "photo copy" "photo link";align-content:center;align-items:center;column-gap:32px;min-height:310px;padding:20px;border-color:#dce5e1;border-radius:25px;background:linear-gradient(110deg,#fff 0%,#fff 52%,#f6faf8 100%);box-shadow:0 10px 30px #193a3210}
.layout-services-editorial .service-section-page .service-card:nth-child(even){grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"meta photo" "title photo" "copy photo" "link photo"}
.layout-services-editorial .service-section-page .service-art{grid-area:photo;height:100%;min-height:270px;margin:0;border-radius:18px}
.layout-services-editorial .service-section-page .service-card-top{grid-area:meta;align-self:end;margin:0}
.layout-services-editorial .service-section-page .service-card h3{grid-area:title;align-self:end;margin:15px 0 0;font-size:27px}
.layout-services-editorial .service-section-page .service-card p{grid-area:copy;align-self:start;margin:10px 0 0;font-size:16px;line-height:1.75}
.layout-services-editorial .service-section-page .service-card .card-link{grid-area:link;justify-self:start;align-self:start;margin:14px 0 4px;padding:11px 15px;border:1px solid #dce6e2;border-radius:999px;background:#fff;font-size:13px}
.layout-services-editorial .service-section-page .service-card:hover{transform:translateY(-3px);border-color:#d9bd50;box-shadow:0 0 0 4px #d9bd5024,0 18px 42px #087da51f}
@media(max-width:700px){.layout-services-editorial .service-section-page .service-grid{gap:16px}.layout-services-editorial .service-section-page .service-card,.layout-services-editorial .service-section-page .service-card:nth-child(even){grid-template-columns:minmax(0,1fr);grid-template-areas:"photo" "meta" "title" "copy" "link";gap:0;min-height:0;padding:13px;border-radius:21px}.layout-services-editorial .service-section-page .service-art{height:clamp(190px,60vw,260px);min-height:0;margin:0 0 16px}.layout-services-editorial .service-section-page .service-card h3{font-size:23px;margin-top:12px}.layout-services-editorial .service-section-page .service-card p{font-size:15px}}