@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#141735;background:#fff;font-family:var(--font,'Manrope'),Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible{outline:3px solid #32b2d0;outline-offset:5px}p{line-height:1.8;margin:0;color:#626473;font-size:1rem;white-space:pre-line}h1,h2,h3{margin:0;letter-spacing:-.055em;line-height:1.06}h1{font-size:clamp(3.2rem,6.1vw,6.5rem);font-weight:800;white-space:pre-line}h2{font-size:clamp(2.3rem,4vw,4.5rem);white-space:pre-line}h3{font-size:1.5rem}.shell{max-width:1440px;margin:auto;padding:0 6%}.colorline{height:4px;background:linear-gradient(90deg,#ee176a 0 33.33%,#36b0cc 33.33% 66.66%,#ffd037 66.66%)}header{position:relative;z-index:10;background:white}.nav{display:flex;align-items:center;gap:30px;height:112px}.brand{margin-right:auto;display:flex;align-items:center}.brand img{width:209px;height:75px;object-fit:contain}.navlinks{display:flex;gap:24px;align-items:center;font-size:.875rem;font-weight:700}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--accent,#ec1768)}.languages{display:flex;gap:12px;font-size:.75rem;font-weight:800}.languages a{color:#757582}.languages a.selected{color:#141735}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 25px;background:var(--accent,#ec1768);color:white;border:0;border-radius:3px;font-weight:800;font-size:.875rem;min-height:50px}.button:hover{filter:brightness(.92)}.button.dark{background:#151733}.button.outline{color:#171934;background:transparent;border:1px solid #d9d9e0}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.18em;color:var(--accent,#ec1768);margin-bottom:26px;text-transform:uppercase}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:590px;align-items:center;position:relative;padding-top:28px;padding-bottom:58px;gap:4%}.hero-copy{padding:38px 0}.hero h1 span{color:var(--accent,#ec1768)}.hero p{max-width:440px;margin:28px 0 33px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-media{position:relative;height:520px;background:#151733;overflow:hidden;border-radius:4px 4px 90px 4px}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-label{position:absolute;bottom:0;left:0;right:0;padding:70px 28px 26px;background:linear-gradient(transparent,#101126d9);color:white;font-size:.75rem;letter-spacing:.1em;display:flex;align-items:end;justify-content:space-between;gap:20px}.hero-label b{font-size:2rem;letter-spacing:-.07em}.ticker{padding:24px 0;border-top:1px solid #e4e4e9;border-bottom:1px solid #e4e4e9;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.8rem;font-weight:800;letter-spacing:.09em}.ticker i{color:var(--accent);font-size:1.1rem;font-style:normal}.section{padding-top:100px;padding-bottom:100px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:45px}.section-head p{max-width:385px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{border:1px solid #e7e7ec;padding:30px;min-height:230px;display:flex;flex-direction:column;gap:25px;transition:background .2s,transform .2s}.service-card:hover{background:#f7f7fb;transform:translateY(-4px)}.service-card .num{color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.1em}.service-card p{font-size:.9rem}.service-card h3{letter-spacing:-.035em;line-height:1.2}.center{margin-top:35px;text-align:center}.about-section{background:#14162f;color:white}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-section p{color:#b9bacb}.about-section .button{margin-top:28px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:3px}.project small{display:block;margin:22px 0 12px;font-size:.75rem;letter-spacing:.15em;color:var(--accent);font-weight:800}.project p{font-size:.9rem;margin-top:12px}.caption,.project .caption{font-size:.75rem;color:#777987}.process{background:#f5f6f9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:55px}.steps strong{font-size:3.5rem;color:#757a91;letter-spacing:-.07em;display:block;margin-bottom:25px}.steps p{margin-top:20px}.contact-banner{background:var(--accent);color:white;padding:70px 6%;display:flex;justify-content:space-between;align-items:center;gap:35px}.contact-banner h2{font-size:clamp(2rem,3vw,3.3rem)}footer{padding:55px 6% 25px;background:#11132b;color:#b5b5c6}footer .footer-top{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap}footer strong{font-size:2rem;color:white;letter-spacing:-.06em}footer nav{display:flex;gap:20px;font-size:.85rem;flex-wrap:wrap}.copyright{margin-top:45px;padding-top:23px;border-top:1px solid #2e3045;display:flex;justify-content:space-between;font-size:.75rem}.page-title{padding:65px 0 55px;background:#f6f6fa}.breadcrumb{font-size:.8rem;color:#77798a;margin-bottom:26px}.detail-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.detail-layout img{width:100%;border-radius:4px}.detail-layout p{margin-bottom:28px}.detail-copy h2{font-size:2rem;margin-bottom:20px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-item{padding:25px 0;border-bottom:1px solid #e1e2ea}.contact-item small{display:block;color:var(--accent);margin-bottom:10px;font-weight:800}.contact-item a{font-size:1.2rem}.mobile-menu{display:none}.whatsapp{position:fixed;right:22px;bottom:22px;background:#141735;color:white;padding:15px 20px;border-radius:30px;z-index:20;box-shadow:0 5px 20px #0002}.maintenance{min-height:80vh;display:grid;place-content:center;text-align:center;padding:40px}.maintenance img{width:240px;margin:0 auto 50px}.maintenance h1{font-size:3rem;max-width:700px}.notice{padding:18px 22px;background:#fff2d1;color:#61450d;border-radius:5px;font-size:.9rem;line-height:1.7}.admin{background:#f3f4f8;min-height:100vh;display:grid;grid-template-columns:245px 1fr}.admin-side{background:#141630;color:#fff;padding:32px 24px;position:sticky;top:0;height:100vh;overflow:auto}.admin-side strong{font-size:1.7rem;letter-spacing:-.05em}.admin-side p{font-size:.75rem;color:#999ab3;margin:5px 0 35px}.admin-side button{display:block;width:100%;text-align:left;padding:13px 15px;border:0;background:none;color:#c5c6d8;border-radius:6px;margin:4px 0;font-size:.875rem}.admin-side button.active{background:#ec1768;color:white}.admin-side a{display:block;padding:14px 0;font-size:.8rem}.admin-main{padding:35px 4%;min-width:0}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;background:#f3f4f8ed;backdrop-filter:blur(10px);z-index:5;padding:15px 0 25px}.admin-header h1{font-size:2rem}.admin-header p{font-size:.8rem;margin-top:8px}.admin-panel{background:white;border:1px solid #e4e5ec;border-radius:9px;padding:28px;margin-bottom:22px}.admin-panel h2{font-size:1.4rem;letter-spacing:-.03em;margin-bottom:25px}.editor-field{display:block;margin:18px 0}.editor-field>span{display:block;font-size:.875rem;font-weight:700;margin-bottom:9px;color:#43465c}.editor-field input:not([type=checkbox]),.editor-field textarea,.editor-field select{display:block;width:100%;border:1px solid #dcdde5;padding:11px 13px;border-radius:5px;background:#fff;color:#181a32;font-size:.9rem}.editor-field textarea{min-height:105px;resize:vertical;line-height:1.6}.toggle{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:.875rem}.toggle input{width:19px;height:19px;accent-color:#ec1768}.editor-group{border:1px solid #e7e7ee;border-radius:6px;padding:0 20px;margin:16px 0}.editor-group summary{cursor:pointer;font-weight:700;font-size:.9rem;padding:17px 0}.editor-array{padding:16px 0}.item-actions{display:flex;gap:12px;flex-wrap:wrap}.small-btn{font-size:.8rem;padding:9px 13px;background:#f0f1f7;border:1px solid #dadce8;border-radius:4px}.admin-tabs{display:flex;gap:8px}.admin-tabs button{border:1px solid #ddd;padding:10px 17px;background:white;border-radius:5px;font-weight:700}.admin-tabs button.active{background:#141630;color:white}.save-state{font-size:.85rem;color:#43465c;max-width:360px}.status-error{color:#b11246}.status-ok{color:#17654b}.field-image{width:160px;height:90px;object-fit:cover;background:#f4f4f7;margin:10px 0;border-radius:4px}.admin-login{max-width:620px;margin:90px auto;padding:30px}.admin-login h1{font-size:2.8rem;margin-bottom:25px}.admin-login .button{margin-top:25px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.admin-stats div{padding:23px;background:#fff;border:1px solid #e4e5ec;border-radius:8px;font-size:.8rem;color:#616479}.admin-stats b{display:block;font-size:2.2rem;color:#141630;margin-bottom:5px}.error-box{padding:100px 6%;text-align:center}.error-box h1{font-size:3rem;margin-bottom:25px}
@media(max-width:1050px){.nav{gap:20px}.navlinks{gap:16px}.nav .button{display:none}.hero{min-height:520px}.hero-media{height:440px}.about-grid{gap:45px}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{padding-left:6%;padding-right:6%}.nav{height:85px;flex-wrap:wrap;gap:15px}.brand img{width:166px;height:58px}.mobile-menu{display:block;border:1px solid #ddd;background:white;padding:9px;border-radius:4px}.navlinks{display:none;position:absolute;left:0;right:0;top:89px;padding:25px 6%;background:white;border-bottom:1px solid #ddd;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.hero{grid-template-columns:1fr;gap:0;padding-top:0;padding-bottom:35px}.hero-copy{padding:36px 0}.hero h1{font-size:clamp(2.6rem,12vw,3.9rem);overflow-wrap:anywhere}.hero p{margin:23px 0}.hero-media{height:340px;border-radius:4px 4px 55px 4px}.eyebrow{margin-bottom:20px}.ticker{font-size:.75rem;gap:13px;padding:20px 0}.section{padding-top:60px;padding-bottom:60px}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:24px}.cards,.projects-grid,.steps,.about-grid,.detail-layout,.contact-grid{grid-template-columns:1fr}.cards{gap:12px}.service-card{min-height:190px;padding:25px}.about-grid{gap:30px}.projects-grid{gap:38px}.steps{gap:35px;margin-top:35px}.steps strong{font-size:2.4rem;margin-bottom:12px}.contact-banner{display:block;padding:48px 6%}.contact-banner .button{margin-top:28px}.page-title{padding:40px 0}.page-title h1{font-size:3rem;overflow-wrap:anywhere}.copyright{gap:20px;flex-wrap:wrap}.admin{grid-template-columns:1fr}.admin-side{position:relative;height:auto;padding:20px;display:flex;gap:6px;overflow:auto;align-items:center}.admin-side strong,.admin-side p{display:none}.admin-side button{white-space:nowrap;width:auto;flex-shrink:0;padding:10px}.admin-side a{white-space:nowrap}.admin-main{padding:10px 4%}.admin-header{flex-wrap:wrap;gap:15px}.admin-header h1{font-size:1.6rem}.admin-panel{padding:18px}.admin-stats{gap:8px}.admin-stats div{padding:14px}.admin-stats b{font-size:1.8rem}.editor-group{padding:0 12px}.save-state{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.regional-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}.regional-intro figure{margin:0;position:sticky;top:25px}.regional-intro img{width:100%;border-radius:6px}.regional-intro figcaption{font-size:.75rem;color:#747689;line-height:1.6;margin-top:12px}.region-search{display:block;max-width:650px;margin-bottom:30px}.region-search span{display:block;font-size:.9rem;font-weight:700;margin-bottom:10px}.region-search input{width:100%;border:1px solid #d9dce6;padding:16px 20px;border-radius:5px;font:inherit}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.region-card{display:flex;justify-content:space-between;align-items:center;padding:22px;border:1px solid #e1e3ea;gap:15px}.region-card:hover{border-color:var(--accent);background:#faf7fa}.region-card strong{font-size:1.1rem}.region-card span{font-size:.8rem;color:#717487}.region-section{margin-top:65px}.region-section h2{font-size:2.5rem;margin-bottom:30px}.district-links{display:flex;gap:10px;flex-wrap:wrap}.district-links a{padding:12px 18px;border:1px solid #dfe1e8;border-radius:4px;font-size:.9rem}.district-links a:hover,.district-links a[aria-current=page]{background:#141735;color:white}.text-link{display:inline-block;margin-top:23px;font-weight:700;color:var(--accent)}.regional-services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.regional-services a{border:1px solid #e1e3e9;padding:24px}.regional-services h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.03em}.regional-services p{font-size:.875rem;margin-top:15px}.region-enquiry{padding:40px;margin-top:60px;background:#f5f6fa}.region-enquiry h2{font-size:2.4rem;margin-bottom:22px}.region-enquiry label{display:block;font-size:.875rem;font-weight:700;margin:25px 0}.region-enquiry select,.region-enquiry textarea{width:100%;display:block;margin-top:10px;background:white;border:1px solid #d7dae4;padding:13px;font:inherit}.region-enquiry textarea{min-height:100px}.gallery-main{padding:0;border:0;background:#f2f3f7;position:relative;width:100%;display:block}.gallery-main img{width:100%;display:block;aspect-ratio:1.3;object-fit:cover}.gallery-main span{position:absolute;right:15px;bottom:15px;background:#141735;color:white;padding:8px 12px;border-radius:3px}.gallery-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.gallery-thumbs button{padding:3px;border:2px solid transparent;background:white;width:84px;height:65px}.gallery-thumbs button.active{border-color:var(--accent)}.gallery-thumbs img{height:100%;width:100%;object-fit:cover}.gallery-dialog{padding:40px 20px 20px;max-width:min(1100px,95vw);max-height:95vh;border:0;border-radius:6px;background:#141735}.gallery-dialog::backdrop{background:#080914d9}.gallery-dialog img{max-height:78vh;max-width:100%;object-fit:contain}.gallery-dialog button{position:absolute;right:8px;top:3px;color:white;background:none;border:0;font-size:2rem}.gallery-dialog p{color:white}.region-edit-select{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.region-edit-select select{padding:12px;min-width:0;width:100%;border:1px solid #ddd}.gallery-upload{display:block;border:1px dashed #afb2c5;background:#f7f8fc;padding:20px;margin-bottom:20px;border-radius:6px}.gallery-upload input{display:block;margin-top:12px;max-width:100%}.editor-field>label>span{display:block;font-size:.875rem;font-weight:700;margin-bottom:9px;color:#43465c}
@media(min-width:1051px){.navlinks{gap:18px;font-size:.8rem}.nav{gap:22px}.brand img{width:190px}.nav>.button{padding:15px;font-size:.8rem}}
@media(max-width:1200px){.nav>.button{display:none}}
@media(max-width:760px){.regional-intro{grid-template-columns:1fr;gap:30px}.regional-intro figure{position:static}.region-grid{grid-template-columns:1fr 1fr}.region-card{padding:15px;display:block}.region-card span{display:block;margin-top:8px}.regional-services{grid-template-columns:1fr}.region-enquiry{padding:25px}.region-section h2,.region-enquiry h2{font-size:2rem}.region-edit-select{grid-template-columns:1fr}}
.hero-slider{position:relative;isolation:isolate;background:#11152e;color:white;overflow:hidden}.slider-images,.slider-shade{position:absolute;inset:0;z-index:-1}.slider-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .75s ease}.slider-images img.active{opacity:1}.slider-shade{background:linear-gradient(90deg,rgba(12,17,41,.87),rgba(12,17,41,.5) 42%,transparent 78%)}.slider-content{min-height:650px;display:flex;flex-direction:column;justify-content:space-between;padding-top:35px;padding-bottom:28px}.slider-content .hero-copy{max-width:560px;padding:38px 0}.slider-content h1{font-size:clamp(3.2rem,6vw,6rem);text-shadow:0 3px 25px #0c1129}.slider-content p{max-width:420px;color:#e3e6f0;margin:27px 0 30px;line-height:1.75}.slider-content .eyebrow{color:#50d0e5}.slider-content .outline{border-color:#ffffff8a;color:white;background:#11152e40}.slider-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px}.slider-caption strong{display:block;font-size:1.1rem}.slider-caption small{display:block;font-size:.68rem;color:#d1d5e3;margin-top:9px}.slider-controls{display:flex;align-items:center;gap:9px}.slider-controls button{min-width:40px;min-height:42px;border:1px solid #ffffff40;color:white;background:#10142b9e;border-radius:3px}.slider-dots{display:flex;gap:5px}.slider-dots button{font-size:.75rem;font-weight:800}.slider-dots button[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}
@media(max-width:760px){.slider-content{min-height:680px;padding-top:5px;padding-bottom:25px}.slider-content .hero-copy{padding:35px 0;max-width:100%}.slider-content h1{font-size:clamp(2.8rem,11vw,4rem)}.slider-content p{font-size:.9rem;max-width:92%;margin:24px 0}.slider-images img{object-position:65% center}.slider-shade{background:linear-gradient(180deg,#10142bee 0%,#10142b9e 50%,#10142b5e 68%,#10142bee 100%)}.slider-bottom{flex-direction:column;align-items:start;gap:20px}.slider-controls{gap:6px;flex-wrap:wrap}.slider-controls button{min-width:35px;min-height:40px}.slider-caption strong{font-size:1rem}}

.slider-image-link{position:absolute;inset:0;z-index:0}.slider-content{position:relative;pointer-events:none}.slider-content a,.slider-content button{pointer-events:auto}.slider-content h1{font-size:clamp(2.7rem,5vw,5.2rem)}.slider-dots{max-width: min(45vw,420px);overflow:auto}.slider-dots button{flex-shrink:0}@media(max-width:760px){.slider-content h1{font-size:clamp(2.2rem,9vw,3.5rem)}.slider-dots{max-width:55vw}}

header{position:sticky;top:0;z-index:50;box-shadow:0 3px 16px #1417350d}html{scroll-padding-top:130px}@media(max-width:760px){html{scroll-padding-top:100px}.navlinks.open{max-height:calc(100dvh - 89px);overflow-y:auto}}

.footer-brand{display:block;max-width:100%;width:290px;line-height:0}.footer-brand img{display:block;width:100%;height:auto}footer .footer-top{align-items:center}@media(max-width:760px){.footer-brand{width:240px}}

.service-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.service-icon{width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e4e6ef;border-radius:12px;background:#f5f6fa;color:#202742;transition:color .2s,background .2s}.service-card:hover .service-icon{color:var(--accent);background:#fff}.service-card .num{color:#818697;font-size:.75rem}.service-card{min-height:280px;gap:22px}.service-card h3{font-size:1.35rem}@media(max-width:760px){.service-card{min-height:250px}.service-icon{width:54px;height:54px}}

/* PHP service catalogue and region views */.site-header{position:sticky;top:0}.site-footer .footer-brand img{width:190px;height:64px;object-fit:contain}.hero-slider{min-height:650px;position:relative;overflow:hidden;background:#141735}.slider-images,.slider-images img,.slider-shade,.slider-image-link{position:absolute;inset:0}.slider-images img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s}.slider-images img.active{opacity:1}.slider-shade{background:linear-gradient(90deg,#10122add 0%,#10122a99 38%,#10122a18 72%)}.slider-image-link{z-index:1}.slider-content{position:relative;z-index:2;min-height:650px;display:flex;flex-direction:column;justify-content:space-between;padding-top:105px;padding-bottom:38px}.hero-copy-slide{display:none;max-width:540px}.hero-copy-slide.active{display:block}.hero-copy-slide h1{color:#fff}.hero-copy-slide p{color:#e5e6ee;margin:28px 0 32px}.slider-bottom{display:flex;align-items:end;justify-content:space-between;gap:25px;color:#fff}.slider-caption strong{display:block;font-size:1.5rem}.slider-caption small{color:#d4d5e3}.slider-controls{display:flex;gap:8px;align-items:center}.slider-controls button{border:1px solid #ffffff77;background:#11142a99;color:white;min-width:40px;height:40px}.slider-dots{display:flex;gap:5px}.slider-dots button{font-size:.72rem}.services-shell{max-width:1440px;margin:auto;padding-left:6%;padding-right:6%}.services-page-title{padding:78px 0 55px;background:#f5f6f9}.services-page-title__copy{max-width:720px}.services-page-title__text{margin-top:24px;max-width:600px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:70px 0}.service-list-card{border:1px solid #e2e4eb;padding:28px;min-height:255px;display:flex;flex-direction:column;gap:19px;background:#fff;transition:.2s}.service-list-card:hover{transform:translateY(-4px);background:#f8f8fb}.service-list-card__top{display:flex;justify-content:space-between;align-items:center}.service-list-card__icon,.home-service-card__icon{color:var(--accent,#ec1768)}.service-list-card__number{color:var(--accent,#ec1768);font-size:.8rem;font-weight:800}.service-list-card__body p{margin-top:12px;font-size:.9rem}.service-list-card__arrow{margin-top:auto;color:var(--accent,#ec1768);font-weight:800}.service-hero{background:#f5f6f9;padding:75px 0}.service-hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.service-hero__lead{font-size:1.3rem;margin-top:24px}.service-cover{position:relative;min-height:420px}.service-cover>img{width:100%;height:420px;object-fit:cover;border-radius:4px}.service-cover__thumbs{display:flex;gap:8px;margin-top:10px}.service-cover__thumbs button{border:0;background:#ddd;padding:5px}.service-story{display:grid;grid-template-columns:1fr .65fr;gap:80px;padding-top:80px;padding-bottom:80px}.service-story__copy p{margin:0 0 22px}.service-brief{background:#141735;color:white;padding:34px}.service-brief p{color:#d2d4df;margin-top:15px}.service-related{background:#f5f6f9;padding:75px 0}.service-related__head{display:flex;justify-content:space-between;gap:20px}.service-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.service-related-card{background:white}.service-related-card__image{width:100%;aspect-ratio:1.5;object-fit:cover}.service-related-card__meta{padding:20px}.region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:35px}.region-card,.district-links a{border:1px solid #e2e4eb;padding:15px;background:white}.region-intro{display:grid;grid-template-columns:1fr 1fr;gap:55px}.region-section{margin-top:58px}.district-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.region-enquiry{margin-top:60px;padding:35px;background:#f5f6f9}.contact-details{display:grid;gap:15px}.contact-item{padding:14px 0;border-bottom:1px solid #e2e4eb}.contact-item small{display:block;color:var(--accent,#ec1768);font-weight:800}@media(max-width:760px){.hero-slider,.slider-content{min-height:560px}.slider-content{padding-top:70px}.slider-bottom{align-items:start;flex-direction:column}.services-grid,.service-related__grid,.region-grid,.service-hero__inner,.service-story,.region-intro{grid-template-columns:1fr}.services-grid{padding:45px 0}.service-hero,.service-related{padding:55px 0}.service-story{gap:35px;padding-top:55px;padding-bottom:55px}.site-footer .footer-brand img{width:165px}}

/* Slider: only the active slide caption and its service link are visible/clickable. */.slider-caption>[data-slider-caption]{display:none}.slider-caption>[data-slider-caption].active{display:block}.slider-image-link{display:none}.slider-image-link.active{display:block}.slider-dots button[aria-selected=true]{background:var(--accent);border-color:var(--accent)}

/* Home service cards: clear hierarchy, spacing, and framed layout */
.home-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.home-service-card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:272px;
  padding:30px;
  gap:15px;
  border:1px solid #e1e4ec;
  background:#fff;
  color:#141735;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.home-service-card::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:0;
  height:3px;
  background:var(--accent,#ec1768);
  transition:width .2s ease;
}
.home-service-card:hover{
  transform:translateY(-4px);
  border-color:#d2d6e2;
  box-shadow:0 16px 32px rgba(20,23,53,.08);
}
.home-service-card:hover::after{width:100%;}
.home-service-card__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  color:var(--accent,#ec1768);
  border:1px solid #f0d5e1;
  background:#fff7fa;
  border-radius:10px;
  line-height:1;
}
.home-service-card small{
  position:absolute;
  top:35px;
  right:30px;
  color:var(--accent,#ec1768);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.12em;
}
.home-service-card h3{
  margin:8px 0 0;
  color:#141735;
  font-size:1.42rem;
  line-height:1.24;
  letter-spacing:-.018em;
  word-spacing:.08em;
  font-weight:800;
}
.home-service-card p{
  margin:0;
  color:#626473;
  font-size:.94rem;
  line-height:1.72;
  white-space:normal;
}
.home-service-card b{
  margin-top:auto;
  color:var(--accent,#ec1768);
  font-size:1.05rem;
  line-height:1;
}
@media(max-width:900px){
  .home-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .home-cards{grid-template-columns:1fr;gap:14px;}
  .home-service-card{min-height:235px;padding:25px;}
  .home-service-card small{top:30px;right:25px;}
  .home-service-card h3{font-size:1.3rem;}
}

/* Stable motion slider: one frame size, continuous autoplay, and alternating movement. */
.hero-slider{
  position:relative!important;
  height:clamp(580px,43.75vw,700px)!important;
  min-height:0!important;
  max-height:700px;
  isolation:isolate;
  overflow:hidden;
}
.hero-slider .slider-images{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden;
}
.hero-slider .slider-shade{z-index:1!important;pointer-events:none;}
.hero-slider .slider-images img{
  position:absolute!important;
  inset:0!important;
  display:block;
  width:100%!important;
  height:100%!important;
  min-width:100%;
  min-height:100%;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:0;
  transform:scale(1.08);
  transition:opacity .82s ease;
  will-change:opacity,transform;
}
.hero-slider .slider-images img.active{opacity:1;}
.hero-slider .slider-images img.active.motion-pan-right{animation:sliderPanRight 6.1s ease-out both;}
.hero-slider .slider-images img.active.motion-pan-left{animation:sliderPanLeft 6.1s ease-out both;}
.hero-slider .slider-images img.active.motion-rise{animation:sliderRise 6.1s ease-out both;}
.hero-slider .slider-content{
  position:relative;
  z-index:3;
  height:100%!important;
  min-height:0!important;
  padding-top:clamp(58px,6vw,88px);
  padding-bottom:32px;
}
.hero-slider .slider-image-link{z-index:2!important;}
.hero-slider .slider-controls,.hero-slider .slider-controls button{position:relative;z-index:5;}
.hero-slider .hero-copy-slide.active{animation:sliderCopyIn .46s cubic-bezier(.2,.8,.2,1) both;}
.hero-slider .slider-caption>[data-slider-caption].active{animation:sliderCaptionIn .38s ease both;}
.hero-slider .slider-dots button[aria-selected=true]{background:var(--accent,#ec1768);border-color:var(--accent,#ec1768);}
@keyframes sliderPanRight{
  from{transform:scale(1.08) translate3d(-1%,.25%,0)}
  to{transform:scale(1.15) translate3d(1%,-.45%,0)}
}
@keyframes sliderPanLeft{
  from{transform:scale(1.14) translate3d(1%,.4%,0)}
  to{transform:scale(1.07) translate3d(-1%,-.45%,0)}
}
@keyframes sliderRise{
  from{transform:scale(1.08) translate3d(0,1%,0)}
  to{transform:scale(1.15) translate3d(.35%,-1%,0)}
}
@keyframes sliderCopyIn{
  from{opacity:0;transform:translateY(15px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes sliderCaptionIn{
  from{opacity:0;transform:translateX(-10px)}
  to{opacity:1;transform:translateX(0)}
}
@media(max-width:760px){
  .hero-slider{height:610px!important;max-height:none;}
  .hero-slider .slider-content{padding-top:62px;padding-bottom:23px;}
  .hero-slider .slider-images img{object-position:60% center!important;}
}
@media(prefers-reduced-motion:reduce){
  .hero-slider .slider-images img.active,.hero-slider .hero-copy-slide.active,.hero-slider .slider-caption>[data-slider-caption].active{animation:none;}
}



/* Slider titles use HTML line breaks, so text nodes must not add a second line break. */
.hero-slider .hero-copy-slide h1{
  white-space:normal!important;
  line-height:1.04!important;
  letter-spacing:-.055em;
}

/* Slider controls remain clickable even if a full-slide link is present. */
.hero-slider .slider-image-link{pointer-events:none!important;}
.hero-slider .slider-content{pointer-events:auto!important;z-index:30!important;}
.hero-slider .slider-controls{position:relative!important;z-index:40!important;pointer-events:auto!important;}
.hero-slider .slider-controls a,.hero-slider .slider-controls button{position:relative!important;z-index:41!important;pointer-events:auto!important;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border:1px solid #ffffff77;color:#fff;background:#11142a99;border-radius:3px;font-size:.72rem;font-weight:800;text-decoration:none;cursor:pointer;}
.hero-slider .slider-controls a[aria-selected=true]{background:var(--accent,#ec1768);border-color:var(--accent,#ec1768);}
@media(max-width:760px){.hero-slider .slider-controls a,.hero-slider .slider-controls button{min-width:35px;height:40px;}}

/* Slider v12: controls are isolated from all slide layers and never clipped. */
.hero-slider .slider-image-link{display:none!important;}
.hero-slider .slider-bottom{position:relative!important;z-index:200!important;}
.hero-slider .slider-controls{isolation:isolate;position:relative!important;z-index:201!important;display:flex!important;pointer-events:auto!important;}
.hero-slider .slider-controls .slider-dots{display:flex!important;max-width:none!important;overflow:visible!important;flex-wrap:nowrap!important;}
.hero-slider .slider-controls a,.hero-slider .slider-controls button{position:relative!important;z-index:202!important;flex:0 0 40px;box-sizing:border-box;pointer-events:auto!important;}
.hero-slider .slider-controls [data-slider-dot]{visibility:visible!important;opacity:1!important;}
@media(max-width:760px){.hero-slider .slider-controls{gap:5px!important;}.hero-slider .slider-controls a,.hero-slider .slider-controls button{flex-basis:35px;min-width:35px!important;}}

/* Region-specific service content */
.region-services{margin-top:64px;padding-top:62px;border-top:1px solid #e1e4ec;}
.region-services__head{display:flex;align-items:end;justify-content:space-between;gap:38px;margin-bottom:30px;}
.region-services__head h2{max-width:650px;margin:12px 0 0;color:#111a41;font-size:clamp(2rem,3.8vw,3.6rem);letter-spacing:-.06em;line-height:1.04;}
.region-services__head p{max-width:420px;margin:0;color:#5d6884;line-height:1.8;}
.region-services__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e1e4ec;border-left:1px solid #e1e4ec;}
.region-service-card{position:relative;display:flex;min-height:230px;padding:25px 27px 25px;flex-direction:column;overflow:hidden;border-right:1px solid #e1e4ec;border-bottom:1px solid #e1e4ec;background:#fff;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;}
.region-service-card::before{position:absolute;top:0;left:0;width:3px;height:100%;content:"";background:var(--accent,#ec1768);transform:scaleY(0);transform-origin:top;transition:transform .2s ease;}
.region-service-card:hover{z-index:1;background:#fbfbfe;box-shadow:0 14px 30px #101a4412;transform:translateY(-3px);}
.region-service-card:hover::before{transform:scaleY(1);}
.region-service-card small{color:var(--accent,#ec1768);font-size:.74rem;font-weight:800;letter-spacing:.13em;}
.region-service-card h3{margin:21px 28px 0 0;color:#111a41;font-size:1.28rem;letter-spacing:-.045em;line-height:1.16;}
.region-service-card p{margin:12px 0 0;color:#66708a;font-size:.89rem;line-height:1.7;}
.region-service-card b{position:absolute;right:25px;bottom:22px;color:var(--accent,#ec1768);font-size:1.25rem;}
@media(max-width:760px){.region-services{margin-top:48px;padding-top:47px;}.region-services__head{display:block;margin-bottom:24px;}.region-services__head p{margin-top:18px;}.region-services__grid{grid-template-columns:1fr;}.region-service-card{min-height:190px;padding:22px 21px;}.region-service-card h3{margin-top:16px;}.region-service-card b{right:21px;bottom:18px;}}

/* Homepage confidence cards: factual, editable project guidance without unverified claims. */
.home-trust{position:relative;overflow:hidden;padding:92px 0 96px;border-top:1px solid #e2e7ef;border-bottom:1px solid #e2e7ef;background:#f5f7fb;isolation:isolate}
.home-trust::before,.home-trust::after{position:absolute;z-index:0;width:520px;height:520px;border-radius:50%;content:"";filter:blur(2px);pointer-events:none}
.home-trust::before{top:-360px;right:-190px;background:#e7197012}
.home-trust::after{bottom:-410px;left:-210px;background:#37b3d016}
.home-trust__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(40px,6vw,98px);align-items:start}
.home-trust__lead{max-width:570px;padding:8px 0}
.home-trust__lead .eyebrow{margin-bottom:17px}
.home-trust__lead h2{max-width:560px;color:#121a3e;font-size:clamp(2.3rem,4vw,4.15rem);letter-spacing:-.065em;line-height:1.04}
.home-trust__lead p{max-width:520px;margin:22px 0 0;color:#596681;font-size:1rem;line-height:1.82}
.home-trust__cta{display:inline-flex;align-items:center;gap:18px;margin-top:30px;padding:13px 14px 13px 18px;border:1px solid #ccd4e4;border-radius:4px;background:#fff;color:#141a3b;font-size:.82rem;font-weight:850;letter-spacing:.01em;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.home-trust__cta b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent,#ec1768);color:#fff;font-size:1rem;line-height:1;transition:transform .2s ease}
.home-trust__cta:hover{border-color:var(--accent,#ec1768);box-shadow:0 12px 26px #101a4414;transform:translateY(-2px)}
.home-trust__cta:hover b{transform:translate(2px,-2px)}
.home-trust__cards{display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.home-trust-card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;min-height:178px;padding:24px 22px;border:1px solid #dfe5ef;border-radius:10px;background:#fff;box-shadow:0 1px 1px #101a4405;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.home-trust-card::after{position:absolute;right:0;bottom:0;left:0;height:3px;content:"";background:linear-gradient(90deg,var(--accent,#ec1768),#35b4d0);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.home-trust-card:hover{z-index:1;border-color:#c8d3e4;box-shadow:0 16px 32px #101a4410;transform:translateY(-4px)}
.home-trust-card:hover::after{transform:scaleX(1)}
.home-trust-card__number{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#fff1f7,#f3f7ff);color:var(--accent,#ec1768);font-size:.78rem;font-weight:900;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.home-trust-card h3{margin:2px 0 9px;color:#151d43;font-size:1.07rem;font-weight:850;letter-spacing:-.035em;line-height:1.22}
.home-trust-card p{margin:0;color:#66728a;font-size:.86rem;line-height:1.68}
@media(max-width:980px){.home-trust{padding:76px 0 80px}.home-trust__inner{grid-template-columns:1fr;gap:34px}.home-trust__lead{max-width:690px}.home-trust__lead h2{max-width:680px}}
@media(max-width:560px){.home-trust{padding:58px 0 62px}.home-trust__cards{grid-template-columns:1fr;gap:11px}.home-trust-card{min-height:0;padding:20px 18px;grid-template-columns:41px minmax(0,1fr);gap:14px}.home-trust-card__number{width:41px;height:41px;border-radius:11px}.home-trust__cta{margin-top:24px}.home-trust__lead h2{font-size:clamp(2.05rem,10vw,3.1rem)}}
@media(prefers-reduced-motion:reduce){.home-trust__cta,.home-trust__cta b,.home-trust-card,.home-trust-card::after{transition:none}.home-trust__cta:hover,.home-trust-card:hover{transform:none}}

/* Sign-design entry point stays visible without crowding the public header. */
.navlinks .sign-design-nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 12px;border-radius:999px;background:var(--accent,#ec1768);color:#fff;font-size:.74rem;font-weight:800;letter-spacing:-.01em;line-height:1.2;white-space:nowrap;box-shadow:0 5px 14px #ec176828}
.navlinks .sign-design-nav-cta:hover,.navlinks .sign-design-nav-cta:focus-visible{color:#fff;filter:brightness(.92)}
.site-footer .footer-sign-design-link{color:#fff;font-weight:800}
@media(min-width:761px) and (max-width:1250px){.nav{gap:14px}.navlinks{gap:12px;font-size:.76rem}.brand img{width:176px}.languages{gap:8px}.navlinks .sign-design-nav-cta{min-height:34px;padding:8px 9px;font-size:.69rem}}
@media(max-width:760px){.navlinks .sign-design-nav-cta{align-self:stretch;width:100%;min-height:44px;margin-top:2px;padding:12px 16px}.site-footer .footer-sign-design-link{margin-top:4px}}

/* Compact, factual reasons to choose Webrenk; every line is editable in the home editor. */
.home-reassurance{padding:0 0 clamp(64px,8vw,112px)}
.home-reassurance__inner{position:relative;overflow:hidden;padding:clamp(30px,5vw,64px);border-radius:18px;background:#111a3e;color:#fff;isolation:isolate}
.home-reassurance__inner::before,.home-reassurance__inner::after{position:absolute;z-index:-1;border-radius:50%;content:"";pointer-events:none}
.home-reassurance__inner::before{top:-170px;right:-90px;width:360px;height:360px;background:var(--accent,#ec1768);opacity:.2;filter:blur(10px)}
.home-reassurance__inner::after{bottom:-220px;left:28%;width:420px;height:260px;background:#2fb5d0;opacity:.16;filter:blur(18px)}
.home-reassurance__intro{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(26px,6vw,92px);align-items:end;padding-bottom:clamp(28px,4vw,48px);border-bottom:1px solid #ffffff2b}
.home-reassurance__intro .eyebrow{margin-bottom:15px;color:#fff;font-size:.72rem;letter-spacing:.16em}
.home-reassurance__intro h2{max-width:620px;margin:0;color:#fff;font-size:clamp(2rem,4.1vw,4rem);letter-spacing:-.065em;line-height:1.02}
.home-reassurance__intro p{max-width:510px;margin:0;color:#d9def0;font-size:1rem;line-height:1.78}
.home-reassurance__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(25px,4vw,42px)}
.home-reassurance-card{position:relative;min-height:174px;padding:20px 18px 18px;border:1px solid #ffffff2d;border-radius:10px;background:#ffffff0d;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.home-reassurance-card:hover{border-color:#ffffff80;background:#ffffff17;transform:translateY(-3px)}
.home-reassurance-card__mark{display:inline-grid;place-items:center;min-width:35px;height:28px;margin-bottom:23px;border-radius:999px;background:#fff;color:#141a3d;font-size:.72rem;font-weight:900;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.home-reassurance-card h3{margin:0;color:#fff;font-size:1rem;font-weight:850;letter-spacing:-.035em;line-height:1.24}
.home-reassurance-card p{margin:10px 0 0;color:#dce1f0;font-size:.84rem;line-height:1.65}
@media(max-width:980px){.home-reassurance__intro{grid-template-columns:1fr;gap:18px}.home-reassurance__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.home-reassurance-card{min-height:152px}}
@media(max-width:560px){.home-reassurance__inner{padding:28px 21px;border-radius:12px}.home-reassurance__intro{padding-bottom:25px}.home-reassurance__intro h2{font-size:clamp(1.9rem,9.5vw,2.8rem)}.home-reassurance__cards{grid-template-columns:1fr;gap:9px;margin-top:24px}.home-reassurance-card{min-height:0;padding:18px 16px}.home-reassurance-card__mark{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.home-reassurance-card{transition:none}.home-reassurance-card:hover{transform:none}}

/* Local service introduction: provides a clear, crawlable path from the
   homepage to the primary Ereğli service area without interrupting the
   portfolio flow. */
.slider-content h1,.slider-content h2,.hero-copy-slide h1,.hero-copy-slide h2{color:#fff;font-size:clamp(3.2rem,6vw,6rem);font-weight:800;letter-spacing:-.06em;line-height:1.02;text-shadow:0 3px 25px #0c1129}
.home-local-intro{padding:clamp(42px,6vw,78px) 0;border-bottom:1px solid #e2e7ef;background:#fff}
.home-local-intro__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,7vw,100px);align-items:end}
.home-local-intro .eyebrow{margin-bottom:14px}
.home-local-intro h2{max-width:610px;color:#111a41;font-size:clamp(2rem,4.1vw,4.1rem);letter-spacing:-.065em;line-height:1.04}
.home-local-intro__content{max-width:600px}
.home-local-intro__content p{color:#5d6982;font-size:1rem;line-height:1.82}
.home-local-intro__link{display:inline-flex;align-items:center;gap:14px;margin-top:23px;color:#141a3d;font-size:.88rem;font-weight:850}
.home-local-intro__link b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent,#ec1768);color:#fff;font-size:1rem;transition:transform .2s ease}
.home-local-intro__link:hover b{transform:translate(2px,-2px)}
@media(max-width:760px){.slider-content h1,.slider-content h2,.hero-copy-slide h1,.hero-copy-slide h2{font-size:clamp(2.8rem,11vw,4rem)}.home-local-intro{padding:52px 0}.home-local-intro__inner{grid-template-columns:1fr;gap:20px}.home-local-intro h2{font-size:clamp(2rem,9vw,3rem)}}
@media(prefers-reduced-motion:reduce){.home-local-intro__link b{transition:none}.home-local-intro__link:hover b{transform:none}}