:root{--green:#353535;--black:#000;--ink:#010101;--white:#fff;--light:#f4f4f4;--line:rgba(255,255,255,.13);--max:1260px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#010101;color:#fff;font-family:'Nunito Sans',sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{position:absolute;top:0;left:0;width:100%;z-index:50;background:transparent;border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{width:min(1480px,calc(100% - 40px));margin:auto;min-height:106px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:200px;height:auto;max-height:82px;object-fit:contain}.nav{display:flex;align-items:center;gap:23px;margin-left:auto}.nav>a,.services-menu>button{font:800 14px/1 'Nunito Sans',sans-serif;letter-spacing:.065em;text-transform:uppercase;color:#fff;background:none;border:0;padding:18px 0;cursor:pointer;position:relative}.nav>a:after,.services-menu>button:after{content:'';position:absolute;left:0;right:100%;bottom:8px;height:2px;background:var(--green);transition:.25s}.nav>a:hover:after,.nav>a.active:after,.services-menu:hover>button:after{right:0}.services-menu{position:relative}.services-menu>button{display:flex;gap:6px;align-items:center}.services-drop{position:absolute;top:100%;left:50%;transform:translate(-50%,12px);width:360px;background:#101010;border:1px solid rgba(255,255,255,.1);padding:10px;opacity:0;visibility:hidden;transition:.25s;box-shadow:0 24px 50px rgba(0,0,0,.35)}.services-menu:hover .services-drop{opacity:1;visibility:visible;transform:translate(-50%,0)}.services-drop a{display:flex;gap:13px;padding:13px 12px;border-radius:8px;align-items:center}.services-drop a:hover{background:rgba(0,102,64,.25)}.services-drop i{width:24px;color:var(--green)}.services-drop b{font-size:13px;display:block;text-transform:uppercase}.services-drop small{display:block;font:600 11px Montserrat,sans-serif;color:#aeaeae;margin-top:3px}.nav-actions{display:flex;align-items:center;gap:12px}.lang-switch{display:flex;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:4px;background:rgba(0,0,0,.18);backdrop-filter:blur(10px)}.lang-switch button{border:0;background:transparent;color:#fff;padding:9px 11px;border-radius:999px;font:700 11px Montserrat,sans-serif;cursor:pointer;display:flex;gap:6px;align-items:center}.lang-switch button.active{background:var(--green)}.menu-toggle{display:none;color:#fff;background:transparent;border:0;font-size:23px}.hero{position:relative;min-height:820px;display:grid;place-items:center;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.06) 0%,rgba(0,0,0,.15) 32%,rgba(13,14,13,.56) 70%,#010101 100%)}.hero-content{position:relative;z-index:2;text-align:center;max-width:1180px;padding-top:90px}.eyebrow{font:900 12px/1.3 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.22em;color:var(--green);margin-bottom:12px}.kicker-desc{font:600 13px/1.65 Montserrat,sans-serif;color:#aeaeae;margin:0 0 20px}.hero .eyebrow{color:#fff}.hero h1,.title-banner h1{font-size:clamp(52px,6.8vw,108px);line-height:.95;letter-spacing:-.045em;margin:0 auto 24px;font-weight:900;text-transform:uppercase}.hero h1 em,.section h2 em,.coming-card h2 em{font-style:normal;color:var(--green)}.hero p{max-width:880px;margin:0 auto 30px;font:500 18px/1.75 Montserrat,sans-serif;color:#f1f1f1}.btn-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border-radius:4px;border:1px solid rgba(255,255,255,.3);font:800 12px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.09em;transition:.25s;position:relative;overflow:hidden}.btn:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(0,0,0,.25)}.btn.green{background:var(--green);border-color:var(--green);color:#fff}.btn.outline{background:rgba(0,0,0,.18);backdrop-filter:blur(8px)}.section{padding:100px 0;background:#010101}.section.light,.why{background:#f4f4f4;color:#111}.section.dark{background:#080908}.intro{padding-top:70px}.intro-grid,.area-grid,.contact-grid,.service-landing,.cta-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.media-parallax,.landing-photo{height:620px;border-radius:4px;background-size:cover;background-position:center;background-attachment:fixed}.section-copy h2,.section-head h2,.mission-card h2,.coming-card h2{font-size:clamp(38px,4.5vw,70px);line-height:1.02;letter-spacing:-.04em;margin:0 0 24px;font-weight:900;text-transform:uppercase}.section-copy p,.mission-card p,.why-item p,.service-card p,.process-step p,.faq-answer p,.coming-card p{font:500 15px/1.8 Montserrat,sans-serif;color:#aeaeae}.light .section-copy p,.why .section-copy p,.why-item p{color:#5f5f5f}.icon-points{display:grid;gap:12px;margin:26px 0}.icon-points div,.feature-list div,.contact-bullets span{display:flex;gap:12px;align-items:center;font:700 13px Montserrat,sans-serif}.icon-points i,.feature-list i,.contact-bullets i{color:var(--green);width:22px}.section-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:end;margin-bottom:42px}.section-head.center{display:block;text-align:center;max-width:900px;margin:0 auto 50px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.service-card{min-height:390px;border:1px solid rgba(255,255,255,.12);padding:26px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));transition:.3s}.service-card:hover{transform:translateY(-8px);background:#111111;border-color:var(--green)}.svc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto}.svc-top i{font-size:27px;color:var(--green)}.svc-top span{font:800 11px Montserrat,sans-serif;color:#aeaeae}.service-card h3{font-size:22px;line-height:1.1;text-transform:uppercase;margin:22px 0 10px}.service-card b{font:800 12px Montserrat,sans-serif;text-transform:uppercase;color:var(--green);margin-top:16px}.mission-section{background:#111111}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mission-card{padding:50px;min-height:470px;background:#171717;border:1px solid rgba(255,255,255,.1)}.mission-card.vision{background:var(--green)}.mission-card.vision .eyebrow,.mission-card.vision .kicker-desc,.mission-card.vision p{color:#fff}.mission-card>i{font-size:36px;color:var(--green);margin-bottom:36px}.mission-card.vision>i{color:#fff}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.why-item{padding:30px;background:#fff;border:1px solid #dddddd;min-height:250px}.why-item i{font-size:28px;color:var(--green);margin-bottom:38px}.why-item h3{font-size:19px;text-transform:uppercase}.two-col{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px}.faq{display:grid;gap:10px}.faq-item{border-bottom:1px solid rgba(255,255,255,.12)}.faq-item button{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;color:#fff;padding:22px 0;text-align:left;font:800 16px Montserrat,sans-serif;cursor:pointer}.faq-item button i{color:var(--green);transition:.25s}.faq-answer{max-height:0;overflow:hidden;transition:.3s}.faq-item.open .faq-answer{max-height:180px}.faq-item.open button i{transform:rotate(45deg)}.map-card{height:480px;border:1px solid rgba(255,255,255,.13);overflow:hidden}.map-card.large{height:560px}.map-card iframe,.map-full iframe{width:100%;height:100%;border:0}.cta-form{padding:90px 0;background:var(--green)}.cta-form-grid{grid-template-columns:.75fr 1.25fr;gap:48px}.cta-copy{padding-left:0}.cta-form .eyebrow,.cta-form .kicker-desc,.cta-form .cta-copy p{color:#fff}.cta-form h2{font-size:clamp(38px,4.2vw,68px);line-height:1.02;text-transform:uppercase;margin:0 0 24px}.form-wrap,.form-shell{background:transparent!important}.form-shell{height:748px}.en-form{display:block}.city-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.city-chip{padding:22px;border:1px solid rgba(255,255,255,.12);font:700 13px Montserrat,sans-serif}.city-chip i{color:var(--green);margin-right:9px}.title-banner{min-height:520px;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:160px 0 80px;position:relative}.title-banner:after{content:'';position:absolute;inset:0;background:transparent;pointer-events:none}.banner-copy{position:relative;z-index:2;max-width:900px;background:rgba(13,14,13,.74);padding:34px 38px;backdrop-filter:blur(5px)}.title-banner h1{font-size:clamp(42px,5.5vw,82px);margin:0 0 16px}.title-banner p{font:500 15px/1.7 Montserrat,sans-serif;color:#e7e7e7;max-width:760px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-step{padding:30px;border:1px solid rgba(255,255,255,.12)}.process-step span{font:900 50px/1 Nunito Sans,sans-serif;color:var(--green)}.process-step h3{text-transform:uppercase}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.portfolio-grid img{width:100%;height:430px;object-fit:cover}.portfolio-grid img:nth-child(2),.portfolio-grid img:nth-child(5){height:520px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-card{background:#151515;border:1px solid rgba(255,255,255,.1);padding:28px;min-height:170px;display:flex;flex-direction:column;gap:12px}.info-card i{color:var(--green);font-size:23px}.info-card small{font:800 11px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#9c9c9c}.info-card strong{white-space:pre-line}.contact-bullets{display:grid;gap:14px;margin-top:25px}.estimate-note{margin-top:24px;padding:18px;border-left:3px solid var(--green);background:rgba(255,255,255,.04)}.map-full{height:520px}.coming{min-height:620px;display:grid;place-items:center}.coming-card{text-align:center;max-width:820px;margin:auto;border:1px solid rgba(255,255,255,.12);padding:60px}.coming-card>i{font-size:54px;color:var(--green);margin-bottom:22px}.service-copy .feature-list{display:grid;gap:14px;margin-top:28px}.landing-photo{background-attachment:scroll}.service-landing{align-items:stretch}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1.2fr 1fr;gap:45px;padding:65px 0 45px}footer{background:#f4f4f4;color:#0d0e0d}.footer-brand img{width:200px;margin-bottom:18px}.footer-brand p{font:500 13px/1.8 Montserrat,sans-serif;color:#626262;max-width:330px}footer h3{font-size:16px;text-transform:uppercase;margin:10px 0 18px}.footer-links{display:grid;gap:11px}.footer-links a,.footer-links span{font:600 12px/1.5 Montserrat,sans-serif;color:#484848;display:flex;gap:9px;align-items:flex-start}.footer-links i{color:var(--green);width:15px;margin-top:2px}.copyright{border-top:1px solid #d9d9d9;padding:20px max(24px,calc((100% - var(--max))/2));display:flex;justify-content:space-between;gap:20px;font:700 11px Montserrat,sans-serif;color:#5f5f5f}.float-tools{position:fixed;right:22px;bottom:22px;z-index:60;display:grid;gap:10px}.float-tools a,.float-tools button{width:50px;height:50px;border-radius:50%;border:0;display:grid;place-items:center;font-size:20px;cursor:pointer;box-shadow:0 12px 25px rgba(0,0,0,.25)}.whatsapp{background:var(--green);color:#fff}.to-top{background:#fff;color:#000;opacity:0;pointer-events:none;transition:.25s}.to-top.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:none}.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%)}.cursor-dot{width:7px;height:7px;background:var(--green)}.cursor-ring{width:34px;height:34px;border:1px solid var(--green);transition:width .2s,height .2s,background .2s}.cursor-ring.hover{width:52px;height:52px;background:rgba(0,102,64,.12)}
@media(max-width:1180px){.nav{gap:14px}.nav>a,.services-menu>button{font-size:12px}.lang-switch span{display:none}.service-grid{grid-template-columns:repeat(3,1fr)}.city-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.container{width:min(100% - 30px,var(--max))}.site-header{position:absolute}.nav-wrap{min-height:92px;width:calc(100% - 24px)}.brand img{width:170px}.menu-toggle{display:block}.nav{position:fixed;inset:92px 12px auto 12px;background:#010101;border:1px solid rgba(255,255,255,.12);padding:22px;display:none;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 110px);overflow:auto}.nav.open{display:flex}.nav>a,.services-menu>button{width:100%;padding:15px 2px;text-align:left}.services-drop{position:static;transform:none!important;width:100%;opacity:1;visibility:visible;display:none;box-shadow:none;background:#121212}.services-menu.open .services-drop{display:block}.hero{min-height:760px}.hero h1{font-size:clamp(48px,12vw,76px)}.intro-grid,.area-grid,.contact-grid,.service-landing,.cta-form-grid,.two-col,.section-head{grid-template-columns:1fr;gap:34px}.media-parallax{height:500px;background-attachment:scroll}.service-grid{grid-template-columns:repeat(2,1fr)}.mission-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.city-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.cursor-dot,.cursor-ring{display:none}}
@media(max-width:560px){.nav-wrap{min-height:82px}.brand img{width:145px}.nav{inset:82px 10px auto 10px}.hero{min-height:710px}.hero-content{padding-top:95px}.hero h1{font-size:45px}.hero p{font-size:15px}.section{padding:72px 0}.section-copy h2,.section-head h2,.mission-card h2,.coming-card h2{font-size:38px}.service-grid,.why-grid,.process-grid,.city-grid,.portfolio-grid,.info-grid,.footer-grid{grid-template-columns:1fr}.service-card{min-height:300px}.mission-card{padding:34px;min-height:auto}.title-banner{min-height:430px;padding:130px 0 55px}.banner-copy{padding:24px}.title-banner h1{font-size:42px}.portfolio-grid img,.portfolio-grid img:nth-child(2),.portfolio-grid img:nth-child(5){height:320px}.copyright{flex-direction:column}.form-shell{height:748px}.coming-card{padding:38px 24px}.map-card,.map-card.large{height:420px}.lang-switch button{padding:8px}.cta-form{padding:72px 0}}

/* 2026-10-01 refinement pass */
.topbar{height:38px;background:#353535;color:#fff;position:relative;z-index:70;font-family:Montserrat,sans-serif}
.topbar-inner{width:min(1480px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;justify-content:center;gap:26px;font-size:11px;font-weight:700;letter-spacing:.025em}
.topbar-inner a,.topbar-inner>span{display:flex;align-items:center;gap:7px;white-space:nowrap;transition:.25s}
.topbar-inner a:hover{opacity:.72}.topbar-inner i{font-size:11px}
.site-header{top:38px;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.11)}
.brand img{width:200px!important;max-width:200px!important;height:auto!important}

/* Uiverse-inspired directional fill hover, adapted for a formal tax-services niche */
.btn{isolation:isolate;z-index:0;border-radius:2px;transition:transform .28s ease,border-color .28s ease,color .28s ease,box-shadow .28s ease}
.btn:before{content:"";position:absolute;z-index:-1;inset:0;background:#fff;transform:scaleX(0);transform-origin:right center;transition:transform .36s cubic-bezier(.76,0,.24,1)}
.btn:hover:before{transform:scaleX(1);transform-origin:left center}
.btn.green:hover{color:#000;border-color:#fff}.btn.outline:hover{color:#000;border-color:#fff}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.25)}

/* Large editorial collage */
.intro-collage{height:650px;position:relative;min-width:0}
.intro-collage img{position:absolute;object-fit:cover;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.intro-collage img:first-child{left:0;top:0;width:72%;height:82%;z-index:1}
.intro-collage img:last-child{right:0;bottom:0;width:58%;height:58%;z-index:2;border:10px solid #010101}

/* Mission / vision visual panel */
.mission-visual{position:relative;background-image:linear-gradient(rgba(0,0,0,.52),rgba(0,0,0,.7)),url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png');background-size:cover;background-position:center;background-attachment:fixed;padding-top:95px}
.mission-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.16));pointer-events:none}
.mission-visual>.container{position:relative;z-index:1}.mission-heading{margin-bottom:35px}.mission-heading h2{font-size:clamp(40px,4.8vw,74px);max-width:850px;line-height:1;letter-spacing:-.04em;text-transform:uppercase;margin:0}.mission-heading h2 em{font-style:normal;color:#353535}.mission-heading .kicker-desc{max-width:720px;color:#ddd}
.mission-visual .mission-card{background:rgba(10,11,10,.84);backdrop-filter:blur(4px)}.mission-visual .mission-card.vision{background:rgba(0,102,64,.9)}

/* Flip cards */
.why-grid{align-items:stretch}.why-item.flip-card{padding:0;background:transparent;border:0;perspective:1100px;min-height:300px}.flip-inner{position:relative;width:100%;height:100%;min-height:300px;transition:transform .7s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}.flip-card:hover .flip-inner,.flip-card:focus-within .flip-inner{transform:rotateY(180deg)}
.flip-front,.flip-back{position:absolute;inset:0;backface-visibility:hidden;border:1px solid #ddd;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#fff}.flip-front h3{font-size:clamp(24px,2vw,32px);line-height:1.03;margin:18px 0;text-transform:uppercase}.flip-front>i{font-size:34px;color:#353535;margin:0}.flip-cue{font:800 11px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#353535;margin-top:20px}.flip-cue i{font-size:12px;margin:0}.flip-back{transform:rotateY(180deg);background:#353535;border-color:#353535}.flip-back p{color:#fff!important;font-size:15px;max-width:240px;margin:0}

/* FAQ visual / parallax */
.faq-section{position:relative;background-image:url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png')!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;overflow:hidden}
.faq-section:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.76);z-index:0}.faq-section>.container{position:relative;z-index:1}

/* Full-width editorial sections */
.full-bleed-section{padding-left:0!important;padding-right:0!important}.full-bleed-section>.container{width:100%!important;max-width:none!important;margin:0!important}
.service-area-home .area-grid,.about-story-full .intro-grid,.about-area-full .area-grid{gap:0}
.service-area-home .section-copy,.about-story-full .section-copy,.about-area-full .section-copy{padding:80px clamp(28px,7vw,120px)}
.service-area-home .map-card,.about-area-full .map-card{height:620px;border:0}
.about-story-full .media-parallax{border-radius:0;height:680px}

/* Title banners: background video, clean typography, no content box */
.title-banner{overflow:hidden;min-height:540px;padding-top:190px;background:none!important;isolation:isolate}
.title-banner-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.title-banner:after{display:none!important}.banner-copy{background:transparent!important;padding:0!important;backdrop-filter:none!important;max-width:1050px;text-shadow:0 3px 18px rgba(0,0,0,.34)}
.banner-copy .eyebrow{color:#fff}.title-banner p{font-size:16px;color:#fff;max-width:800px}.title-banner h1{max-width:1000px}

/* Portfolio */
.portfolio-grid{grid-template-columns:repeat(4,1fr);gap:10px;align-items:start}.portfolio-grid img,.portfolio-grid img:nth-child(2),.portfolio-grid img:nth-child(5){height:360px!important;width:100%;object-fit:cover;cursor:zoom-in;transition:transform .35s ease,filter .35s ease}.portfolio-grid img:nth-child(5n+2),.portfolio-grid img:nth-child(5n+4){height:470px!important}.portfolio-grid img:hover{transform:scale(.985);filter:brightness(.8)}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.93);z-index:9998;display:grid;place-items:center;padding:50px;opacity:0;visibility:hidden;transition:.25s}.lightbox.open{opacity:1;visibility:visible}.lightbox img{max-width:min(1200px,92vw);max-height:88vh;object-fit:contain}.lightbox-close{position:absolute;top:24px;right:28px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#000;color:#fff;font-size:20px;cursor:pointer}

/* Contact hover */
.contact-info .info-card{transition:background .28s,border-color .28s,color .28s,transform .28s}.contact-info a.info-card:hover{background:#353535;border-color:#353535;color:#fff;transform:translateY(-5px)}.contact-info a.info-card:hover i,.contact-info a.info-card:hover small{color:#fff}
.footer-links a{transition:color .22s}.footer-links a:hover{color:#353535}

/* Entry animation polish */
.reveal{opacity:0;transform:translateY(28px);filter:blur(3px);transition:opacity .78s ease,transform .78s cubic-bezier(.22,1,.36,1),filter .78s ease}.reveal.visible{opacity:1;transform:none;filter:blur(0)}

@media(max-width:900px){
 .topbar{height:36px}.topbar-inner{width:calc(100% - 24px);gap:18px;justify-content:space-between}.topbar-address,.topbar-hours{display:none!important}.site-header{top:36px}.brand img{width:200px!important}.nav{inset:128px 12px auto 12px}.intro-collage{height:520px}.mission-visual{background-attachment:scroll}.faq-section{background-attachment:scroll!important}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.service-area-home .section-copy,.about-story-full .section-copy,.about-area-full .section-copy{padding:65px 28px}.about-story-full .media-parallax{height:520px}.lightbox{padding:24px}
}
@media(max-width:560px){
 .topbar-inner{font-size:10px}.topbar-inner a:nth-child(2){display:none}.brand img{width:180px!important;max-width:180px!important}.nav{inset:118px 10px auto 10px}.intro-collage{height:430px}.intro-collage img:first-child{width:82%;height:75%}.intro-collage img:last-child{width:66%;height:54%;border-width:7px}.mission-heading h2{font-size:38px}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:7px}.portfolio-grid img,.portfolio-grid img:nth-child(2),.portfolio-grid img:nth-child(5),.portfolio-grid img:nth-child(5n+2),.portfolio-grid img:nth-child(5n+4){height:230px!important}.title-banner{min-height:470px;padding-top:160px}.title-banner h1{font-size:40px}.flip-inner,.why-item.flip-card{min-height:270px}
}

/* ===== CABE CORP refinement v3 ===== */
/* Title banners: new MP4 + top-dark / bottom-clear gradient */
.title-banner{isolation:isolate}
.title-banner-video{z-index:-3!important}
.title-banner::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.48) 24%,rgba(0,0,0,.16) 58%,rgba(0,0,0,.04) 100%)}
.title-banner::after{display:none!important}

/* Header / footer logo parity */
.brand img,.footer-brand img{width:200px!important;max-width:200px!important;height:auto!important;object-fit:contain}

/* Full footer navigation + mobile alignment */
.footer-links a{width:max-content;max-width:100%}
@media(max-width:900px){
 footer,.footer-grid,.footer-brand,.footer-grid>div,.copyright{text-align:center}
 .footer-brand img{margin-left:auto!important;margin-right:auto!important}
 .footer-brand p{margin-left:auto;margin-right:auto}
 .footer-links{justify-items:center}
 .footer-links a,.footer-links span{justify-content:center;text-align:center;width:auto}
 .copyright{justify-content:center!important;align-items:center!important;gap:10px!important}
}

/* Animated large icons */
@keyframes cabeIconFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes cabeIconPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(0,102,64,0))}50%{filter:drop-shadow(0 8px 18px rgba(0,102,64,.28))}}
.why-item>i,.flip-front>i,.mission-card>i,.coming-card>i,.info-card>i,.process-step>i,.svc-top>i{animation:cabeIconFloat 3.2s ease-in-out infinite,cabeIconPulse 3.2s ease-in-out infinite;transform-origin:center}

/* Contact form image background */
.contact-form-visual{position:relative;background-image:url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png')!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;overflow:hidden}
.contact-form-visual::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.74);z-index:0}
.contact-form-visual>.container{position:relative;z-index:1}

/* About story: no vertical outer gap, fixed image requested, no parallax */
.about-story-tight{padding-top:0!important;padding-bottom:0!important}
.about-story-tight .media-parallax{background-image:url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png')!important;background-attachment:scroll!important}

/* About coverage: no vertical outer gap */
.about-area-tight{padding-top:0!important;padding-bottom:0!important}

/* Process visual */
.process-visual{position:relative;background-image:url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png')!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;overflow:hidden}
.process-visual::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.78);z-index:0}
.process-visual>.container{position:relative;z-index:1}
.process-visual .process-step{background:rgba(8,9,8,.7);backdrop-filter:blur(6px)}

/* Locations coverage: true full bleed, green background */
.locations-coverage-full{padding:0!important;background:#353535!important}
.locations-coverage-full>.container{width:100%!important;max-width:none!important;margin:0!important}
.locations-coverage-full .area-grid{gap:0!important}
.locations-coverage-full .section-copy{padding:80px clamp(28px,7vw,120px)}
.locations-coverage-full .section-copy p,.locations-coverage-full .eyebrow,.locations-coverage-full .kicker-desc{color:#fff!important}
.locations-coverage-full .map-card{height:620px!important;border:0!important}

/* Home nearby section: eliminate top/bottom breathing gap while preserving internal layout */
.close-area-tight{padding-top:0!important;padding-bottom:0!important}

/* Home CTA: more editorial / striking */
.home-cta-visual{position:relative;overflow:hidden;background:#353535!important;padding:0!important}
.home-cta-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 25%,rgba(255,255,255,.14),transparent 34%),linear-gradient(120deg,rgba(0,0,0,.2),transparent 45%);pointer-events:none}
.home-cta-visual .cta-form-grid{position:relative;z-index:1;grid-template-columns:.68fr 1.32fr;gap:0;align-items:stretch}
.home-cta-visual .cta-copy{padding:90px clamp(28px,6vw,90px);display:flex;flex-direction:column;justify-content:center;position:relative}
.home-cta-visual .cta-copy::after{content:"";position:absolute;right:0;top:12%;bottom:12%;width:1px;background:rgba(255,255,255,.28)}
.home-cta-visual .form-wrap{padding:42px clamp(18px,4vw,62px);background:rgba(0,0,0,.14)!important}
.home-cta-visual h2{font-size:clamp(48px,5vw,78px);letter-spacing:-.045em}

/* Portfolio: balanced masonry with reliable click zoom */
.portfolio-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:dense;gap:10px!important;align-items:stretch!important}
.portfolio-grid .portfolio-img{height:340px!important;min-height:0!important;object-fit:cover!important;cursor:zoom-in!important;border-radius:2px;transition:transform .32s ease,filter .32s ease,box-shadow .32s ease}
.portfolio-grid .portfolio-img:nth-child(6n+2),.portfolio-grid .portfolio-img:nth-child(6n+5){grid-row:span 2;height:690px!important}
.portfolio-grid .portfolio-img:nth-child(9n+4){grid-column:span 2}
.portfolio-grid .portfolio-img:hover{transform:scale(.985);filter:brightness(.78);box-shadow:0 14px 35px rgba(0,0,0,.26)}

@media(max-width:900px){
 .contact-form-visual,.process-visual{background-attachment:scroll!important}
 .home-cta-visual .cta-form-grid{grid-template-columns:1fr}
 .home-cta-visual .cta-copy{padding:70px 28px;text-align:center}
 .home-cta-visual .cta-copy::after{display:none}
 .home-cta-visual .form-wrap{padding:20px 15px 45px}
 .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .portfolio-grid .portfolio-img,.portfolio-grid .portfolio-img:nth-child(6n+2),.portfolio-grid .portfolio-img:nth-child(6n+5){height:300px!important;grid-row:auto!important}
 .portfolio-grid .portfolio-img:nth-child(9n+4){grid-column:auto!important}
 .locations-coverage-full .section-copy{padding:65px 28px;text-align:center}
 .locations-coverage-full .map-card{height:500px!important}
}
@media(max-width:560px){
 .portfolio-grid{gap:7px!important}
 .portfolio-grid .portfolio-img,.portfolio-grid .portfolio-img:nth-child(6n+2),.portfolio-grid .portfolio-img:nth-child(6n+5){height:230px!important}
}


/* ===== CABE CORP refinement v4 ===== */
.site-header{border-bottom:0!important;box-shadow:none!important}
.brand img,.footer-brand img{width:200px!important;max-width:200px!important}
.footer-links a:hover,.footer-links a:focus{color:#353535!important}
.footer-lang-block{display:flex;flex-direction:column;gap:14px}
.footer-lang-block .lang-switch{width:max-content}
.float-tools{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.floating-lang-switch{background:rgba(13,14,13,.92)!important;border-color:rgba(255,255,255,.2)!important;box-shadow:0 14px 30px rgba(0,0,0,.28)}
.floating-lang-switch button{padding:8px 10px!important;font-size:10px!important;min-width:58px;justify-content:center}
@media(max-width:900px){.floating-lang-switch{transform:scale(.96);transform-origin:right bottom}.footer-lang-block,.footer-lang-block .lang-switch{margin-left:auto;margin-right:auto}}
.home-cta-visual h2 em{color:#000!important}
.flip-cue{margin-top:18px}.flip-cue i{font-size:16px;color:#353535}.flip-back{gap:18px}.flip-back .back-icon{font-size:34px;color:#fff;animation:cabeIconFloat 3.2s ease-in-out infinite,cabeIconPulse 3.2s ease-in-out infinite}.flip-back p{max-width:260px}.flip-back .flip-cue{display:none}
.service-marquee{background:#353535;overflow:hidden;padding:22px 0}.marquee-track{display:flex;align-items:center;gap:48px;white-space:nowrap;min-width:max-content;animation:serviceMarquee 24s linear infinite}.marquee-track span{font:900 clamp(22px,2.2vw,34px)/1 'Nunito Sans',sans-serif;text-transform:uppercase;color:#fff;letter-spacing:.04em}@keyframes serviceMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Portfolio masonry cleanup */
.portfolio-grid{columns:4 260px!important;column-gap:10px!important;display:block!important}
.portfolio-grid .portfolio-img{display:block;width:100%!important;height:auto!important;margin:0 0 10px!important;break-inside:avoid;cursor:zoom-in!important;box-shadow:none!important;border-radius:2px}
.portfolio-grid .portfolio-img:nth-child(6n+2),.portfolio-grid .portfolio-img:nth-child(6n+5),.portfolio-grid .portfolio-img:nth-child(9n+4){grid-column:auto!important;grid-row:auto!important;height:auto!important}
.portfolio-grid .portfolio-img:hover{transform:scale(.985);filter:brightness(.82)}
@media(max-width:900px){.portfolio-grid{columns:2 220px!important;column-gap:8px!important}.portfolio-grid .portfolio-img{margin-bottom:8px!important}}
@media(max-width:560px){.portfolio-grid{columns:2 150px!important;column-gap:7px!important}.portfolio-grid .portfolio-img{margin-bottom:7px!important}}
/* Full-width landing sections */
.landing-band,.landing-contact{padding:0!important}.landing-band.light{background:#f4f4f4;color:#111}.landing-band.dark{background:#010101;color:#fff}.landing-band.green{background:#353535;color:#fff}.landing-band .band-grid,.landing-contact .band-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;width:100%}.landing-band .band-media{min-height:640px;background-size:cover;background-position:center}.landing-band .band-copy,.landing-contact .band-copy{padding:72px clamp(26px,6vw,88px);display:flex;flex-direction:column;justify-content:center}.landing-band.light .kicker-desc,.landing-band.light .band-copy p{color:#595959}.landing-band.dark .kicker-desc,.landing-band.dark .band-copy p,.landing-band.green .kicker-desc,.landing-band.green .band-copy p,.landing-band.green .band-copy .eyebrow,.landing-band.green .feature-list span{color:#fff}.landing-band.dark .eyebrow{color:#fff}.landing-band.light .feature-list span{color:#333}.landing-band.green h2 em{color:#000}.landing-feature-list{display:grid;gap:14px;margin-top:22px}.landing-feature-list div{align-items:flex-start}.landing-feature-list i{margin-top:2px}
.landing-contact{background:#080908;color:#fff}.landing-contact .landing-form-wrap{padding:30px clamp(18px,4vw,42px);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.02)}.landing-contact .form-shell{width:100%;max-width:900px;height:748px;background:transparent!important}
.quick-links-grid{grid-template-columns:repeat(5,1fr)!important}
@media(max-width:1150px){.quick-links-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:900px){.landing-band .band-grid,.landing-contact .band-grid{grid-template-columns:1fr}.landing-band .band-media{min-height:420px;order:0}.landing-band .band-copy,.landing-contact .band-copy{padding:58px 28px}.landing-contact .landing-form-wrap{padding:18px 14px 38px}.service-marquee{padding:16px 0}.marquee-track span{font-size:20px}.quick-links-grid{grid-template-columns:1fr!important}}


/* ===== CABE CORP targeted fixes v5 ===== */
/* Header logo: preserve requested 200px without height clamping */
.site-header .brand{width:200px;min-width:200px;overflow:visible}
.site-header .brand img{width:200px!important;max-width:200px!important;max-height:none!important;height:auto!important;transform:none!important}
.footer-brand img{width:200px!important;max-width:200px!important}
.site-header{border-bottom:0!important;box-shadow:none!important}

/* Meta-title language controls share the same language state */
/* Section titles: stronger entrance animation */
main h1.reveal,main h2.reveal{transform:translateY(42px) scale(.985);opacity:0;filter:blur(3px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.75,.2,1),filter .85s ease}
main h1.reveal.visible,main h2.reveal.visible{transform:none;opacity:1;filter:blur(0)}
.mission-heading h2,.mission-heading h2 em{font-weight:900!important}

/* Footer language selector directly below Information */
.footer-lang-block{margin-top:24px}
.footer-lang-block h3{margin-top:0}

/* Desktop floating translator: left side, vertical */
.float-tools{right:22px!important;left:auto!important}
.floating-lang-switch{position:fixed!important;left:18px!important;right:auto!important;bottom:28px!important;display:flex!important;flex-direction:column!important;border-radius:16px!important;padding:5px!important;gap:3px!important;align-items:stretch!important;z-index:90}
.floating-lang-switch button{width:54px!important;min-width:54px!important;height:38px!important;padding:0 7px!important;border-radius:11px!important;justify-content:center!important}

/* Locations: only the emphasized service-area phrase is black */
.locations-coverage-full .service-area-title em{color:#000!important;font-weight:900!important}

/* Mobile translator moves into topbar */
.topbar-mobile-lang{display:none}
@media(max-width:900px){
  .nav-actions>.lang-switch{display:none!important}
  .floating-lang-switch{display:none!important}
  .topbar-mobile-lang{display:flex!important;align-items:center!important;gap:3px!important;padding:2px!important;border:0!important;background:transparent!important;backdrop-filter:none!important;margin-left:auto}
  .topbar-mobile-lang button{padding:4px 6px!important;font-size:10px!important;border-radius:5px!important;min-width:auto!important;height:auto!important}
  .topbar-mobile-lang>span{color:#fff;opacity:.75;font:700 10px Montserrat,sans-serif}
  .topbar-inner{justify-content:flex-start!important}
  .topbar-inner>a:first-child{margin-right:auto}
  .site-header .brand{width:200px!important;min-width:200px!important}
  .site-header .brand img{width:200px!important;max-width:200px!important}
}
@media(max-width:560px){
  .site-header .brand{width:190px!important;min-width:190px!important}
  .site-header .brand img{width:190px!important;max-width:190px!important}
  /* requested two-by-two mobile layouts */
  .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .city-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .why-item.flip-card,.flip-inner{min-height:240px!important}
  .flip-front,.flip-back{padding:18px 12px!important}
  .flip-front h3{font-size:18px!important}
  .city-chip{padding:16px 12px!important;font-size:11px!important}
  .info-card{padding:18px 12px!important;min-height:150px!important;word-break:break-word}
  .topbar-inner{width:calc(100% - 18px)!important;gap:8px!important}
  .topbar-inner>a:first-child span{display:none}
}


/* ===== CABE CORP targeted fixes v6 ===== */
/* Landing titles match the main section title scale */
.landing-band .band-copy h2,.landing-contact .band-copy h2{
  font-size:clamp(38px,4.5vw,70px)!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  font-weight:900!important;
  text-transform:uppercase;
  margin:0 0 24px;
}

/* Landing contact: centered copy with form below */
.landing-contact .band-grid{
  grid-template-columns:1fr!important;
  text-align:center;
}
.landing-contact .band-copy{
  width:min(980px,calc(100% - 48px));
  margin:0 auto;
  padding:78px 24px 34px!important;
  align-items:center;
}
.landing-contact .band-copy>p{max-width:780px;margin-left:auto;margin-right:auto}
.landing-contact .contact-bullets{
  width:min(760px,100%);
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:28px auto 0;
  text-align:left;
}
.landing-contact .estimate-note{max-width:760px;width:100%;text-align:left}
.landing-contact .landing-form-wrap{
  width:min(980px,100%);
  margin:0 auto;
  padding:0 24px 52px!important;
  background:transparent!important;
}
.landing-contact .form-shell{margin:0 auto}

/* Full-width map directly above footer on service landings */
.landing-map-full{width:100%;height:520px;margin:0;padding:0;overflow:hidden;background:#010101}
.landing-map-full iframe{display:block;width:100%;height:100%;border:0;margin:0;padding:0}

@media(max-width:900px){
  /* More breathing room above hero content */
  .hero{align-items:start!important;padding-top:0}
  .hero-content{padding-top:220px!important;padding-bottom:70px!important}

  /* Move hamburger/menu control to the far right */
  .nav-wrap{gap:12px!important}
  .nav-actions{margin-left:auto!important;justify-content:flex-end!important}
  .menu-toggle{margin-left:auto!important;padding:10px 4px 10px 18px!important}
  .nav{left:64px!important;right:10px!important;inset-block-start:128px!important}

  /* More space above internal banner copy */
  .title-banner{padding-top:215px!important;padding-bottom:70px!important;align-items:flex-end!important}
  .banner-copy{padding-top:12px!important}

  /* Prevent home CTA overflow */
  .home-cta-visual,.home-cta-visual .cta-form-grid,.home-cta-visual .cta-copy,.home-cta-visual .form-wrap{min-width:0!important;max-width:100%!important;width:100%!important}
  .home-cta-visual .cta-copy{padding:64px 22px!important;overflow:hidden}
  .home-cta-visual h2{font-size:clamp(34px,10vw,48px)!important;line-height:1.02!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;max-width:100%!important}
  .home-cta-visual .cta-copy p{max-width:100%!important;overflow-wrap:break-word}
  .home-cta-visual .form-wrap{padding:16px 8px 38px!important;overflow:hidden}
  .home-cta-visual .form-shell,.home-cta-visual iframe{max-width:100%!important;width:100%!important}

  /* Landing contact remains stacked and centered on mobile */
  .landing-contact .band-copy{width:100%;padding:58px 22px 26px!important}
  .landing-contact .landing-form-wrap{width:100%;padding:0 8px 36px!important}
  .landing-contact .contact-bullets{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
  .landing-map-full{height:430px}
}

@media(max-width:560px){
  /* Slightly smaller logo on phones */
  .site-header .brand{width:150px!important;min-width:150px!important}
  .site-header .brand img{width:150px!important;max-width:150px!important}
  .nav-wrap{width:calc(100% - 18px)!important}
  .menu-toggle{font-size:24px!important;padding-right:2px!important}
  .nav{left:56px!important;right:8px!important;inset-block-start:116px!important}

  .hero-content{padding-top:205px!important;padding-left:4px!important;padding-right:4px!important}
  .title-banner{padding-top:205px!important;padding-bottom:58px!important}
  .title-banner .container{width:calc(100% - 30px)!important}

  .landing-band .band-copy h2,.landing-contact .band-copy h2{font-size:clamp(36px,10.5vw,46px)!important}
  .landing-contact .contact-bullets{grid-template-columns:1fr!important;text-align:center}
  .landing-contact .contact-bullets span{justify-content:center}
  .landing-contact .estimate-note{text-align:center}
  .landing-map-full{height:380px}
}


/* ===== CABE CORP responsive refinement v7 ===== */
/* Requested hover states */
.landing-contact .contact-bullets a{
  display:flex;gap:12px;align-items:center;
  font:700 13px Montserrat,sans-serif;
  color:#fff;transition:color .25s ease,transform .25s ease;
}
.landing-contact .contact-bullets a i{color:#353535;transition:color .25s ease}
.landing-contact .contact-bullets a:hover,.landing-contact .contact-bullets a:focus{color:#353535;transform:translateY(-1px)}
.landing-contact .contact-bullets a:hover i,.landing-contact .contact-bullets a:focus i{color:#fff}
footer .footer-links a{transition:color .24s ease,transform .24s ease}
footer .footer-links a:hover,footer .footer-links a:focus{color:#353535!important;transform:translateX(3px)}

/* About services ticker: clear separators, continuous loop preserved */
.service-marquee .marquee-track{gap:0!important}
.service-marquee .marquee-track span{display:inline-flex;align-items:center;gap:34px;margin-right:34px}
.service-marquee .marquee-track span::after{content:'•';display:inline-block;color:#fff;font-size:.75em;line-height:1;opacity:.9}

/* More breathing room above hero and inner-title content */
.hero-content{padding-top:clamp(150px,12vh,210px)!important}
.title-banner{padding-top:clamp(245px,20vh,320px)!important;padding-bottom:72px!important;align-items:flex-end!important}

/* Structural safeguards required by responsive brief */
html,body{max-width:100%}
img,video,iframe,svg{max-width:100%}
iframe{display:block}
.container,.nav-wrap,.band-grid,.cta-form-grid,.intro-grid,.area-grid,.contact-grid,.service-landing{min-width:0}
.section-copy,.band-copy,.cta-copy,.form-wrap,.landing-form-wrap,.service-copy{min-width:0}
.hero h1,.title-banner h1,.section-copy h2,.section-head h2,.mission-card h2,.coming-card h2,.landing-band h2,.landing-contact h2{
  overflow-wrap:normal;word-break:normal;hyphens:none;
}
.btn{max-width:100%;white-space:normal;text-align:center}
.form-shell,.form-shell iframe,.map-card,.map-card iframe,.map-full,.map-full iframe,.landing-map-full,.landing-map-full iframe{max-width:100%;width:100%}

/* Laptop / desktop fluidity */
@media (max-width:1440px){
  .nav-wrap{width:min(1380px,calc(100% - 28px));gap:18px}
  .nav{gap:16px}
  .nav>a,.services-menu>button{font-size:13px}
  .hero h1{font-size:clamp(54px,6.2vw,88px)}
  .section{padding-block:clamp(78px,7vw,100px)}
}

/* Activate responsive navigation before collisions on small laptops / zoom */
@media (max-width:1120px){
  .site-header{position:absolute}
  .nav-wrap{min-height:96px;width:calc(100% - 28px)}
  .menu-toggle{display:block}
  .nav-actions{margin-left:auto}
  .nav{
    position:fixed!important;
    top:132px!important;right:14px!important;left:auto!important;bottom:auto!important;
    width:min(390px,calc(100vw - 28px));
    max-height:calc(100dvh - 148px);
    overflow:auto;
    background:#010101;
    border:1px solid rgba(255,255,255,.12);
    padding:22px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    box-shadow:0 22px 55px rgba(0,0,0,.32);
  }
  .nav.open{display:flex}
  .nav>a,.services-menu>button{width:100%;padding:15px 2px;text-align:left;font-size:13px}
  .services-drop{position:static;transform:none!important;width:100%;opacity:1;visibility:visible;display:none;box-shadow:none;background:#121212}
  .services-menu.open .services-drop{display:block}
  .nav-actions>.lang-switch{display:flex}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
  .section-head{gap:34px}
}

/* Tablet landscape / intermediate widths */
@media (max-width:1024px){
  .container{width:min(var(--max),calc(100% - 36px))}
  .hero{min-height:min(820px,100svh)}
  .hero-content{padding-top:clamp(190px,24vh,245px)!important;padding-bottom:70px}
  .hero h1{font-size:clamp(48px,8vw,72px);line-height:.98}
  .hero p{font-size:16px;max-width:760px}
  .title-banner{min-height:560px;padding-top:clamp(250px,28vh,310px)!important}
  .title-banner h1{font-size:clamp(42px,7vw,66px)}
  .intro-grid,.area-grid,.contact-grid,.service-landing,.two-col{gap:44px}
  .section-copy h2,.section-head h2,.mission-card h2,.coming-card h2,.landing-band .band-copy h2,.landing-contact .band-copy h2{font-size:clamp(38px,5.6vw,58px)!important}
  .why-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .landing-band .band-media{min-height:540px}
  .map-card,.map-card.large{height:500px}
}

/* Tablet portrait: do not behave like desktop squeezed */
@media (max-width:900px){
  .container{width:min(var(--max),calc(100% - 30px))}
  .topbar{height:36px}
  .site-header{top:36px}
  .nav{top:128px!important;right:10px!important;width:min(380px,calc(100vw - 20px));max-height:calc(100dvh - 140px)}
  .hero{min-height:max(720px,100svh)}
  .hero-content{padding-top:230px!important;padding-bottom:72px!important}
  .title-banner{min-height:570px;padding-top:260px!important;padding-bottom:64px!important}
  .title-banner .container{width:calc(100% - 34px)}
  .intro-grid,.area-grid,.contact-grid,.service-landing,.cta-form-grid,.two-col,.section-head{grid-template-columns:1fr;gap:34px}
  .section-head{align-items:start}
  .media-parallax{height:480px;background-attachment:scroll}
  .mission-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .map-card,.map-card.large{height:440px}
  .form-shell{height:748px}

  /* Service landing image is ALWAYS above its copy on tablet/mobile */
  .landing-band .band-grid{grid-template-columns:1fr!important}
  .landing-band .band-media{order:0!important;min-height:440px}
  .landing-band .band-copy{order:1!important}
  .landing-band .band-copy{padding:58px 28px!important}
  .landing-contact .band-copy{padding-inline:28px!important}
}

/* Small tablet / large mobile */
@media (max-width:767px){
  .section{padding-block:72px}
  .hero h1{font-size:clamp(44px,10.5vw,62px)}
  .hero p{font-size:15px;line-height:1.65}
  .btn{min-height:50px;padding-inline:20px}
  .service-grid{grid-template-columns:1fr}
  .city-grid,.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:1fr;text-align:center}
  .footer-brand img{margin-inline:auto}
  .footer-brand p{margin-inline:auto}
  .footer-links{justify-items:center}
  .footer-links a,.footer-links span{justify-content:center;text-align:center}
  .copyright{justify-content:center;text-align:center;flex-direction:column}
  .landing-contact .contact-bullets{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .landing-contact .contact-bullets a,.landing-contact .contact-bullets>span{justify-content:center;text-align:center;min-width:0;overflow-wrap:anywhere}
  .service-marquee .marquee-track span{font-size:19px;gap:25px;margin-right:25px}
}

/* Mobile */
@media (max-width:599px){
  .container{width:calc(100% - 24px)}
  .topbar-inner{width:calc(100% - 18px)!important}
  .nav-wrap{width:calc(100% - 18px)!important;min-height:82px}
  .nav{top:118px!important;right:8px!important;width:calc(100vw - 16px);max-height:calc(100dvh - 126px);padding:18px}
  .site-header .brand{width:148px!important;min-width:148px!important}
  .site-header .brand img{width:148px!important;max-width:148px!important}
  .menu-toggle{font-size:24px}
  .hero{min-height:max(730px,100svh)}
  .hero-content{padding-top:235px!important;padding-inline:2px!important;padding-bottom:66px!important}
  .hero h1{font-size:clamp(40px,12vw,52px);line-height:.98;letter-spacing:-.035em}
  .hero p{font-size:14px}
  .title-banner{min-height:540px;padding-top:250px!important;padding-bottom:54px!important}
  .title-banner h1{font-size:clamp(38px,11vw,48px);line-height:1}
  .title-banner p{font-size:14px}
  .section-copy h2,.section-head h2,.mission-card h2,.coming-card h2,.landing-band .band-copy h2,.landing-contact .band-copy h2{font-size:clamp(34px,10vw,44px)!important;line-height:1.03!important}
  .section-copy p,.mission-card p,.why-item p,.service-card p,.process-step p,.faq-answer p,.coming-card p,.landing-band .band-copy p{font-size:14px}
  .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .city-grid,.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .why-item.flip-card,.flip-inner{min-height:235px!important}
  .flip-front,.flip-back{padding:16px 10px!important}
  .flip-front h3{font-size:17px!important}
  .city-chip{padding:15px 10px;font-size:11px}
  .info-card{padding:17px 11px;min-height:145px;overflow-wrap:anywhere}
  .landing-band .band-media{min-height:330px!important}
  .landing-band .band-copy{padding:48px 20px!important}
  .landing-contact .band-copy{padding:52px 18px 24px!important}
  .landing-contact .landing-form-wrap{padding:0 4px 32px!important}
  .landing-contact .contact-bullets{grid-template-columns:1fr!important}
  .landing-contact .form-shell{height:748px}
  .landing-map-full{height:360px}
  .map-card,.map-card.large,.map-full{height:360px}
  .portfolio-grid{columns:2 145px!important;column-gap:7px!important}
  .portfolio-grid .portfolio-img{margin-bottom:7px!important}
}

/* Small phones */
@media (max-width:430px){
  .site-header .brand{width:136px!important;min-width:136px!important}
  .site-header .brand img{width:136px!important;max-width:136px!important}
  .hero-content{padding-top:225px!important}
  .hero h1{font-size:clamp(37px,11.5vw,47px)}
  .title-banner{padding-top:240px!important}
  .section{padding-block:64px}
  .btn-row{gap:10px}.btn-row .btn{width:100%}
  .service-marquee .marquee-track span{font-size:17px;gap:20px;margin-right:20px}
}

@media (max-width:360px){
  .site-header .brand{width:126px!important;min-width:126px!important}
  .site-header .brand img{width:126px!important;max-width:126px!important}
  .hero-content{padding-top:218px!important}
  .hero h1{font-size:36px}
  .title-banner h1{font-size:36px}
  .why-grid,.city-grid,.info-grid{grid-template-columns:1fr!important}
  .portfolio-grid{columns:1 100%!important}
}

/* Landscape with limited vertical room: preserve design without clipping */
@media (orientation:landscape) and (max-height:620px){
  .hero{min-height:700px}
  .hero-content{padding-top:190px!important;padding-bottom:54px!important}
  .title-banner{min-height:510px;padding-top:220px!important;padding-bottom:48px!important}
  .nav{max-height:calc(100dvh - 115px)}
}

/* ===== CABE CORP refinement v8: wider home CTA ===== */
.home-cta-visual .cta-form-grid{
  width:min(1660px,calc(100% - 56px))!important;
  max-width:none!important;
  grid-template-columns:minmax(520px,.92fr) minmax(620px,1.08fr)!important;
  gap:0!important;
}
.home-cta-visual .cta-copy{
  padding:88px clamp(34px,4.2vw,72px)!important;
}
.home-cta-visual .cta-copy h2{
  max-width:720px!important;
  font-size:clamp(48px,4.45vw,74px)!important;
  line-height:1.02!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.home-cta-visual .cta-copy>p:not(.kicker-desc){max-width:560px!important}
.home-cta-visual .form-wrap{
  padding:42px clamp(30px,4vw,64px)!important;
}
.home-cta-visual .form-shell{width:100%!important;max-width:none!important}

@media (max-width:1240px){
  .home-cta-visual .cta-form-grid{
    width:calc(100% - 36px)!important;
    grid-template-columns:minmax(430px,.9fr) minmax(0,1.1fr)!important;
  }
  .home-cta-visual .cta-copy{padding:76px 36px!important}
  .home-cta-visual .cta-copy h2{font-size:clamp(44px,4.8vw,64px)!important}
  .home-cta-visual .form-wrap{padding:34px 26px!important}
}

@media (max-width:900px){
  .home-cta-visual .cta-form-grid{
    width:100%!important;
    grid-template-columns:1fr!important;
  }
  .home-cta-visual .cta-copy{
    padding:64px 28px 36px!important;
    text-align:center!important;
  }
  .home-cta-visual .cta-copy h2,
  .home-cta-visual .cta-copy>p:not(.kicker-desc){
    max-width:760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .home-cta-visual .form-wrap{padding:10px 18px 42px!important}
}

@media (max-width:599px){
  .home-cta-visual .cta-copy{padding:56px 18px 28px!important}
  .home-cta-visual .cta-copy h2{font-size:clamp(36px,10.5vw,48px)!important}
  .home-cta-visual .form-wrap{padding:4px 8px 34px!important}
}


/* ===== CABE CORP refinement v9: mobile spacing + faq update ===== */

@media (max-width: 900px){
  .site-header{top:48px!important}
  .nav-wrap{padding-top:10px!important;min-height:102px!important}
  .nav{top:138px!important}
}

@media (max-width: 599px){
  .site-header{top:48px!important}
  .nav-wrap{padding-top:10px!important;min-height:88px!important}
  .nav{top:132px!important;right:8px!important;width:calc(100vw - 16px)!important}
  .topbar{height:42px!important}
  .topbar-inner{min-height:42px!important}
}


/* Demo Home Improvement overrides */
:root{--green:#FECD2B;--black:#010101;--ink:#010101;--white:#fff;--light:#f4f6f8;--line:rgba(255,255,255,.14)}
body{background:#010101}
.topbar{background:#010101!important;color:#fff!important}
.site-header .brand img{width:230px!important;max-width:230px!important;max-height:none!important;height:auto!important}
.footer-brand img{width:230px!important;max-width:230px!important;height:auto!important;object-fit:contain}
footer{background:#010101!important;color:#fff!important}
footer h3,.footer-brand p,.footer-links a,.footer-links span,.copyright{color:#fff!important}
.footer-links i{color:#FECD2B!important}.copyright{border-top-color:rgba(255,255,255,.18)!important}
.hero-gradient{background:linear-gradient(to bottom,rgba(1,1,1,.05) 0%,rgba(1,1,1,.18) 35%,rgba(17,24,32,.62) 72%,#010101 100%)!important}
.hero + .intro{background:linear-gradient(to bottom,#010101 0%,#010101 22%,#f4f6f8 68%,#f4f6f8 100%)!important;padding-top:70px!important;color:#111!important}
.hero + .intro .section-copy p{color:#5f6670!important}.hero + .intro .kicker-desc{color:#777!important}
.btn.green{background:#FECD2B!important;border-color:#FECD2B!important}.mission-card.vision,.cta-form{background:#010101!important}
.services-drop a:hover{background:rgba(254,205,43,.18)!important}
.service-card:hover{border-color:#FECD2B!important}.cursor-dot{background:#FECD2B!important}.cursor-ring{border-color:#FECD2B!important}
.demo-room-card,.demo-map-placeholder,.demo-service-visual,.demo-contact-panel,.demo-about-visual{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:16px;background:linear-gradient(135deg,#010101,#010101);color:#fff;border:1px solid rgba(255,255,255,.14);padding:34px}
.demo-room-card i,.demo-map-placeholder i,.demo-service-visual i,.demo-contact-panel i,.demo-about-visual i{font-size:54px;color:#FECD2B}
.demo-room-card span,.demo-service-visual span{font:900 16px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.08em}.demo-room-primary{position:absolute!important;left:0;top:0;width:72%;height:82%;z-index:1}.demo-room-secondary{position:absolute!important;right:0;bottom:0;width:58%;height:58%;z-index:2;border:10px solid #010101}
.demo-map-placeholder{min-height:420px}.map-full-placeholder{min-height:520px;width:100%}.demo-contact-panel{min-height:360px}.demo-service-visual{min-height:100%;height:100%;border-radius:4px}.demo-about-visual{min-height:520px}
.landing-photo.demo-service-visual{background:linear-gradient(135deg,#010101,#010101)!important}
.title-banner .eyebrow,.eyebrow,.svc-top i,.service-card b,.icon-points i,.feature-list i,.contact-bullets i,.why-item i,.process-step span,.city-chip i,.coming-card>i{color:#FECD2B}
@media(max-width:900px){.site-header .brand img{width:200px!important;max-width:200px!important}.footer-brand img{width:230px!important;max-width:230px!important}}
@media(max-width:560px){.site-header .brand img{width:180px!important;max-width:180px!important}.footer-brand img{width:230px!important;max-width:230px!important}.hero + .intro{background:linear-gradient(to bottom,#010101 0%,#010101 13%,#f4f6f8 48%,#f4f6f8 100%)!important}}


/* --- Demo Home Improvement custom refinements --- */
:root{--demo-blue:#010101;--demo-blue-2:#010101;--demo-blue-3:#010101;--demo-orange:#FECD2B;}
.topbar{position:absolute!important;top:0;left:0;width:100%;background:transparent!important;color:#fff!important;z-index:70;backdrop-filter:none!important;border-bottom:0!important}
.topbar-inner{min-height:36px;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.site-header{top:36px!important}
.hero-gradient{background:linear-gradient(to bottom,rgba(1,1,1,.14) 0%,rgba(1,1,1,.36) 28%,rgba(1,1,1,.68) 70%,#010101 100%)!important}
.title-banner::before{background:linear-gradient(180deg,rgba(1,1,1,.82) 0%,rgba(1,1,1,.56) 24%,rgba(1,1,1,.28) 58%,rgba(1,1,1,.08) 100%)!important}
.services-drop{background:linear-gradient(135deg,#353535,#353535)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 26px 55px rgba(2,13,27,.48)!important}
.services-drop a:hover{background:rgba(254,205,43,.14)!important}
.services-drop small{display:none!important}
.btn.outline{background:rgba(1,1,1,.3)!important;border-color:rgba(255,255,255,.45)!important}
.service-card:hover,.mission-section,.mission-card,.info-card,.coming-card,.home-cta-visual .form-wrap,.nav.open,.demo-contact-panel,.estimate-note{background:linear-gradient(135deg,#010101,#010101)!important}
.mission-card.vision,.cta-form{background:#010101!important}
.intro{background:linear-gradient(to bottom,#353535 0%,#010101 17%,#010101 100%)!important;padding-top:78px!important}
.intro .section-copy p,.intro .kicker-desc,.intro .icon-points span{color:rgba(255,255,255,.86)!important}
.intro .section-copy h2,.intro .section-copy .eyebrow,.intro .icon-points i{color:#fff!important}
.intro .icon-points i{color:var(--demo-orange)!important}
.intro-collage{height:720px!important}
.intro-collage img{border-radius:2px;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.intro-collage img:first-child{left:0!important;top:0!important;width:76%!important;height:84%!important}
.intro-collage img:last-child{right:0!important;bottom:0!important;width:62%!important;height:60%!important;border:10px solid #010101!important}
.btn{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)!important;border-radius:0!important;padding:0 26px!important;min-height:54px!important}
.btn i{font-size:13px;line-height:1;flex:0 0 auto}
.btn:after{content:"";position:absolute;inset:0;border:1px solid currentColor;opacity:.08;pointer-events:none;clip-path:inherit}
.btn.green{background:#FECD2B!important;border-color:#FECD2B!important;color:#fff!important}
.btn.outline:hover,.btn.green:hover{color:#fff!important;border-color:#FECD2B!important}
.btn.green:hover{background:#FECD2B!important}.btn.outline:hover{background:rgba(254,205,43,.18)!important}
.footer-links i,.services-drop i,.svc-top i,.why-item i,.process-step span,.coming-card>i,.icon-points i,.feature-list i,.contact-bullets i,.city-chip i,.eyebrow,.section h2 em,.hero h1 em,.coming-card h2 em{color:#FECD2B!important}
.footer-brand img{width:230px!important;max-width:230px!important}
.topbar,.nav>a,.services-menu>button,.topbar-inner span,.topbar-inner a{color:#fff!important}
@media(max-width:900px){.nav{background:linear-gradient(135deg,#353535,#353535)!important}.site-header{top:36px!important}.nav{inset:128px 12px auto 12px!important}.services-drop{background:rgba(1,1,1,.92)!important}.intro-collage{height:580px!important}}
@media(max-width:560px){.site-header{top:36px!important}.nav{inset:118px 10px auto 10px!important}.intro{padding-top:64px!important}.intro-collage{height:440px!important}.intro-collage img:first-child{width:82%!important;height:76%!important}.intro-collage img:last-child{width:68%!important;height:56%!important;border-width:8px!important}.topbar-inner{justify-content:center!important}}

/* --- Request round refinements --- */
.intro{background:#010101!important}
.topbar-inner{justify-content:flex-start!important;text-align:left!important;padding-left:6px!important;gap:22px!important}
.topbar-inner>*{justify-content:flex-start!important;text-align:left!important}

/* Button hover states on white */
.btn:before{background:#fff!important}
.btn.green:hover{color:#010101!important;border-color:#fff!important;background:#FECD2B!important}
.btn.outline:hover{color:#FECD2B!important;border-color:#fff!important;background:rgba(254,205,43,.08)!important}
.btn.green:hover i,.btn.green:hover span{color:#010101!important}
.btn.outline:hover i,.btn.outline:hover span{color:#FECD2B!important}

/* Services section background image with blue parallax filter */
#services{position:relative;overflow:hidden;background:none!important}
#services::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(1,1,1,.84),rgba(1,1,1,.84)),url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png') center/cover fixed no-repeat;z-index:0}
#services>.container{position:relative;z-index:1}
#services .section-head .eyebrow,#services .section-head h2,#services .section-head p{color:#fff!important}
#services .section-head h2 em{color:#FECD2B!important}
#services .service-card{background:rgba(1,1,1,.82)!important;backdrop-filter:blur(2px);border-color:rgba(255,255,255,.18)!important}
#services .service-card:hover{background:rgba(255,255,255,.12)!important}
#services .service-card p{color:rgba(255,255,255,.82)!important}

/* Mission section blue overlay image */
.mission-section{position:relative;overflow:hidden;background:none!important}
.mission-section::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(1,1,1,.86),rgba(1,1,1,.88)),url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png') center/cover no-repeat;z-index:0}
.mission-section>.container{position:relative;z-index:1}
.mission-section .mission-heading .eyebrow,.mission-section .mission-heading p,.mission-section .mission-heading h2{color:#fff!important}
.mission-section .mission-heading h2 em{color:#FECD2B!important}
.mission-card{background:rgba(1,1,1,.62)!important;border-color:rgba(255,255,255,.18)!important;backdrop-filter:blur(5px)}
.mission-card.vision{background:rgba(254,205,43,.85)!important}
.mission-card p,.mission-card .kicker-desc{color:rgba(255,255,255,.88)!important}

/* Service area section */
.service-area-home{background:#010101!important}
.service-area-home .section-copy h2,.service-area-home .section-copy p,.service-area-home .section-copy .eyebrow,.service-area-home .section-copy .kicker-desc{color:#fff!important}
.service-area-home .section-copy h2 em{color:#FECD2B!important}
.service-area-home .map-card{background:#fff;border-color:rgba(255,255,255,.22)!important;border-radius:4px;box-shadow:0 24px 55px rgba(0,0,0,.22)}

/* CTA demo form */
.demo-form-shell{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);padding:30px;border-radius:4px;backdrop-filter:blur(8px);height:100%}
.demo-form-heading h3{margin:8px 0 12px;font:900 clamp(24px,2.2vw,34px)/1.05 'Nunito Sans',sans-serif;text-transform:uppercase;color:#fff}
.demo-form-heading p{margin:0 0 22px;color:rgba(255,255,255,.84)!important;font:500 14px/1.75 Montserrat,sans-serif}
.demo-contact-form{display:grid;gap:16px}
.demo-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.demo-contact-form label{display:grid;gap:8px}
.demo-contact-form label span{font:800 11px/1.2 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.demo-contact-form input,.demo-contact-form select,.demo-contact-form textarea{width:100%;background:#fff;border:1px solid rgba(255,255,255,.25);padding:14px 14px;color:#010101;font:600 13px/1.4 Montserrat,sans-serif;outline:none;border-radius:2px}
.demo-contact-form textarea{min-height:150px;resize:vertical}
.demo-contact-form input:focus,.demo-contact-form select:focus,.demo-contact-form textarea:focus{border-color:#FECD2B;box-shadow:0 0 0 3px rgba(254,205,43,.18)}
.demo-contact-form .btn{justify-self:start}

/* Footer orange with blue details and white icons */
footer{position:relative;background:#FECD2B!important;color:#fff!important;overflow:hidden}
footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(1,1,1,.32),transparent 28%),radial-gradient(circle at 86% 22%,rgba(1,1,1,.28),transparent 22%),linear-gradient(135deg,rgba(1,1,1,.08),rgba(1,1,1,.18));pointer-events:none}
footer>.container,.copyright{position:relative;z-index:1}
footer h3{color:#010101!important}
.footer-brand p,.footer-links a,.footer-links span,.copyright{color:#fff!important}
.footer-links i,.copyright i{color:#fff!important}
.footer-links a:hover,.footer-links a:focus{color:#010101!important}
.copyright{border-top:1px solid rgba(1,1,1,.35)!important}

@media(max-width:900px){
  .demo-field-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .topbar-inner{padding-left:0!important;gap:12px!important}
  #services::before{background-attachment:scroll}
  .demo-form-shell{padding:22px}
  .demo-contact-form .btn{justify-self:stretch}
}

@media(max-width:560px){.topbar-inner{justify-content:flex-start!important}}

/* --- Final requested refinements --- */
/* Welcome: solid blue only, no gradient */
.intro,
.hero + .intro{
  background:#010101 !important;
  background-image:none !important;
}

/* Topbar alignment */
.topbar-inner,
.topbar-inner > *,
.topbar-inner a,
.topbar-inner > span{
  justify-content:flex-start !important;
  text-align:left !important;
}
.topbar-inner{padding-left:6px !important; gap:22px !important}

/* Home services hover lift */
#services .service-card{
  transition:transform .32s cubic-bezier(.2,.7,.2,1), box-shadow .32s ease, background .32s ease !important;
}
#services .service-card:hover{
  transform:translateY(-14px) !important;
  box-shadow:0 24px 44px rgba(0,0,0,.28) !important;
}

/* Vision label white */
.mission-card.vision .eyebrow{color:#fff !important}

/* Why section: remove green feel, use blue with blue/orange details */
.why{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 18%, rgba(254,205,43,.10), transparent 18%),
    radial-gradient(circle at 86% 20%, rgba(1,1,1,.16), transparent 20%),
    radial-gradient(circle at 18% 82%, rgba(1,1,1,.12), transparent 18%),
    linear-gradient(180deg, #eef4fa 0%, #e7eff7 100%) !important;
  color:#353535 !important;
}
.why .eyebrow,
.why .section-head h2 em,
.why .why-item i,
.why .flip-front > i,
.why .flip-back .back-icon{
  color:#010101 !important;
}
.why .kicker-desc,
.why .section-copy p,
.why .why-item p{color:#486074 !important}
.why-grid{gap:16px !important}
.why-item,
.why-item.flip-card .flip-front,
.why-item.flip-card .flip-back{
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(241,246,252,.98)),
    radial-gradient(circle at top right, rgba(254,205,43,.10), transparent 30%) !important;
  border:1px solid rgba(1,1,1,.12) !important;
  box-shadow:0 16px 34px rgba(1,1,1,.08);
}
.why-item.flip-card .flip-front::after,
.why-item.flip-card .flip-back::after{
  content:"";
  position:absolute;
  inset:auto 16px 16px auto;
  width:48px;
  height:48px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(254,205,43,.16), rgba(1,1,1,.08));
  pointer-events:none;
}
.why-item h3,.why .section-head h2{color:#353535 !important}
.why .flip-cue i{color:#FECD2B !important}

/* FAQ section: new image with orange filter */
.faq-section{
  background-image:url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png') !important;
  background-size:cover !important;
  background-position:center !important;
  background-attachment:fixed !important;
}
.faq-section::before{
  background:linear-gradient(rgba(254,205,43,.82), rgba(123,59,18,.78)) !important;
}

/* Home map: remove extra vertical spacing */
.service-area-home,
.service-area-home .area-grid,
.service-area-home .map-card{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.service-area-home .area-grid{align-items:stretch !important}
.service-area-home .section-copy{padding-top:52px !important; padding-bottom:52px !important}
.service-area-home .map-card{
  min-height:620px !important;
  height:100% !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.service-area-home .map-card iframe{display:block !important}

/* CTA section: orange italic + parallax image */
.home-cta-visual{
  position:relative;
  overflow:hidden;
  background:none !important;
}
.home-cta-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(1,1,1,.84), rgba(1,1,1,.84)),
    url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png') center/cover fixed no-repeat !important;
  pointer-events:none;
}
.home-cta-visual .cta-form-grid{position:relative;z-index:1}
.home-cta-visual h2 em{color:#FECD2B !important}

/* Button hover on white backgrounds: icon/text orange or blue */
.btn.outline:hover,
.btn.green:hover{
  background:#fff !important;
  border-color:#fff !important;
}
.btn.green:hover,
.btn.green:hover span,
.btn.green:hover i{color:#010101 !important}
.btn.outline:hover,
.btn.outline:hover span,
.btn.outline:hover i{color:#FECD2B !important}

/* Footer titles white */
footer h3{color:#fff !important}

@media (max-width:900px){
  .faq-section{background-attachment:scroll !important}
  .home-cta-visual::before{background-attachment:scroll !important}
}
@media (max-width:560px){
  .topbar-inner{padding-left:0 !important; gap:12px !important}
  .service-area-home .section-copy{padding-top:38px !important; padding-bottom:38px !important}
  .service-area-home .map-card{min-height:420px !important}
}

/* --- Footer / FAQ / Why / WhatsApp refinements --- */
/* Decorative footer details */
footer::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 7% 20%, rgba(1,1,1,.34) 0 80px, transparent 82px),
    radial-gradient(circle at 94% 76%, rgba(1,1,1,.28) 0 120px, transparent 122px),
    linear-gradient(125deg, transparent 0 15%, rgba(1,1,1,.16) 15% 18%, transparent 18% 48%, rgba(1,1,1,.12) 48% 51%, transparent 51% 100%),
    linear-gradient(35deg, transparent 0 70%, rgba(1,1,1,.13) 70% 73%, transparent 73% 100%) !important;
  pointer-events:none;
}
footer::after{
  content:"";
  position:absolute;
  left:-5%;
  right:-5%;
  bottom:34px;
  height:90px;
  background:
    repeating-linear-gradient(135deg, rgba(1,1,1,.16) 0 2px, transparent 2px 24px);
  opacity:.75;
  transform:skewY(-1.5deg);
  pointer-events:none;
}
footer>.container,.copyright{position:relative;z-index:2}

/* Floating WhatsApp demo button - intentionally no link/action */
.whatsapp-demo{
  background:#25D366 !important;
  color:#fff !important;
  cursor:default !important;
}
.whatsapp-demo:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.28)}

/* FAQ content: blue + white */
.faq-section .section-copy .eyebrow{color:#010101 !important}
.faq-section .section-copy .kicker-desc{color:#fff !important}
.faq-section .section-copy h2{color:#fff !important}
.faq-section .section-copy h2 em{color:#010101 !important}
.faq-section .faq-item{border-bottom-color:rgba(255,255,255,.55) !important}
.faq-section .faq-item button{color:#fff !important}
.faq-section .faq-item button i{color:#010101 !important}
.faq-section .faq-answer p{color:#fff !important}

/* Why section: clean flip backs, no odd background or lower-right icon/detail */
.why-item.flip-card .flip-front::after,
.why-item.flip-card .flip-back::after{display:none !important;content:none !important}
.why-item.flip-card .flip-back{
  background:transparent !important;
  border:1px solid rgba(1,1,1,.24) !important;
  box-shadow:none !important;
}
.why-item.flip-card .flip-back p{color:#010101 !important;font-weight:600}
.why-item.flip-card .flip-back .back-icon{color:#FECD2B !important}
.why .section-head h2{color:#010101 !important}
.why .section-head h2 em{color:#FECD2B !important}
.why .section-head .eyebrow{color:#FECD2B !important}

/* Remove any residual green from this section */
.why .flip-front>i,.why .flip-back>i,.why .flip-cue i{color:#FECD2B !important}

/* --- Requested visual refinements v5 --- */
:root{--demo-blue:#010101;--demo-orange:#FECD2B;--demo-light:#edf1f5;--demo-light-2:#f6f8fa;}

/* Title banners: shared new image */
.title-banner{
  background-image:url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png') !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
.title-banner-video{display:none !important}
.title-banner::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg,rgba(1,1,1,.78),rgba(1,1,1,.48)) !important;
  z-index:-1 !important;
  pointer-events:none !important;
}

/* Welcome section: wider images and white copy */
.intro-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr) !important;gap:54px !important}
.intro-collage{height:740px !important}
.intro-collage img:first-child{width:84% !important;height:86% !important}
.intro-collage img:last-child{width:70% !important;height:61% !important}
.intro .section-copy p,.intro .section-copy .kicker-desc,.intro .icon-points span{color:#fff !important}

/* Flip cards: the card face itself rotates with all background details */
.why-item.flip-card{background:transparent !important;box-shadow:none !important}
.why-item.flip-card .flip-inner{transform-style:preserve-3d !important}
.why-item.flip-card .flip-front,
.why-item.flip-card .flip-back{
  overflow:hidden !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(254,205,43,.18) 0 34px, transparent 36px),
    radial-gradient(circle at 86% 82%, rgba(1,1,1,.12) 0 54px, transparent 56px),
    linear-gradient(145deg,#ffffff 0%,#f2f6fa 100%) !important;
  border:1px solid rgba(1,1,1,.20) !important;
  box-shadow:0 16px 34px rgba(1,1,1,.10) !important;
}
.why-item.flip-card .flip-front::after,
.why-item.flip-card .flip-back::after{display:none !important;content:none !important}
.why-item.flip-card .flip-back p{color:#010101 !important;font-weight:700 !important}
.why .section-head h2{color:#010101 !important}
.why .section-head h2 em{color:#FECD2B !important}

/* About - first editorial image and blue section */
.about-story-full{background:#010101 !important;color:#fff !important}
.about-story-full .section-copy p,.about-story-full .section-copy .kicker-desc{color:#fff !important}
.about-story-full .section-copy h2{color:#fff !important}
.about-story-full .section-copy h2 em,.about-story-full .eyebrow{color:#FECD2B !important}
.about-story-full .demo-about-visual{
  background:
    linear-gradient(rgba(1,1,1,.22),rgba(1,1,1,.22)),
    url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png') center/cover no-repeat !important;
}
.about-story-full .demo-visual-icon{display:none !important}

/* About services marquee/banner */
.about-services-banner{background:#010101 !important;color:#fff !important;border-color:rgba(255,255,255,.16) !important}
.about-services-banner .marquee-track span{color:#fff !important}

/* About process - requested image with 80% white filter */
.about-process-visual{
  position:relative !important;
  background:url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png') center/cover no-repeat !important;
  color:#010101 !important;
}
.about-process-visual::before{
  content:"";position:absolute;inset:0;background:rgba(255,255,255,.80);z-index:0;pointer-events:none;
}
.about-process-visual>.container{position:relative;z-index:1}
.about-process-visual .section-head h2,.about-process-visual .process-step h3{color:#010101 !important}
.about-process-visual .section-head h2 em,.about-process-visual .eyebrow,.about-process-visual .process-step span{color:#FECD2B !important}
.about-process-visual .kicker-desc,.about-process-visual .process-step p{color:#334e68 !important}
.about-process-visual .process-step{background:rgba(255,255,255,.64) !important;border-color:rgba(1,1,1,.18) !important}

/* About coverage map section */
.about-coverage{background:#010101 !important;color:#fff !important}
.about-coverage .section-copy h2,.about-coverage .section-copy p,.about-coverage .kicker-desc{color:#fff !important}
.about-coverage .eyebrow,.about-coverage .section-copy h2 em{color:#FECD2B !important}
.about-coverage .area-grid{align-items:stretch !important}
.about-coverage .map-card{border:0 !important;border-radius:0 !important;min-height:620px !important;height:100% !important}
.about-coverage .map-card iframe{display:block;width:100%;height:100%;min-height:620px;border:0}

/* Locations first section: orange, blue/white copy + live demo map */
.locations-coverage-full{background:#FECD2B !important;color:#fff !important}
.locations-coverage-full .section-copy h2{color:#010101 !important}
.locations-coverage-full .section-copy h2 em{color:#fff !important}
.locations-coverage-full .section-copy p,.locations-coverage-full .kicker-desc{color:#fff !important}
.locations-coverage-full .eyebrow{color:#010101 !important}
.locations-coverage-full .area-grid{align-items:stretch !important}
.locations-coverage-full .map-card{border:0 !important;border-radius:0 !important;min-height:620px !important;height:100% !important;box-shadow:none !important}
.locations-coverage-full .map-card iframe{display:block;width:100%;height:100%;min-height:620px;border:0}
.locations-coverage-full .btn.green{background:#010101 !important;border-color:#010101 !important;color:#fff !important}
.locations-coverage-full .btn.green:hover,.locations-coverage-full .btn.green:hover i,.locations-coverage-full .btn.green:hover span{background:#fff !important;color:#FECD2B !important}

/* Locations verified-locations section: parallax + blue filter */
.locations-ready{
  position:relative !important;
  background:url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png') center/cover fixed no-repeat !important;
  overflow:hidden !important;
}
.locations-ready::before{content:"";position:absolute;inset:0;background:rgba(1,1,1,.86);z-index:0}
.locations-ready>.container{position:relative;z-index:1}
.locations-ready .section-head h2,.locations-ready .section-head p{color:#fff !important}
.locations-ready .section-head h2 em,.locations-ready .eyebrow{color:#FECD2B !important}
.locations-ready .city-chip{background:rgba(255,255,255,.09) !important;border-color:rgba(255,255,255,.22) !important;color:#fff !important}
.locations-ready .city-chip i{color:#FECD2B !important}

/* Portfolio page */
.portfolio-showcase{
  background:
    radial-gradient(circle at 8% 14%,rgba(1,1,1,.10) 0 70px,transparent 72px),
    radial-gradient(circle at 92% 82%,rgba(1,1,1,.08) 0 100px,transparent 102px),
    linear-gradient(#fff,#f7f9fb) !important;
  color:#010101 !important;
}
.portfolio-showcase .section-head h2{color:#010101 !important}
.portfolio-showcase .section-head h2 em,.portfolio-showcase .eyebrow{color:#FECD2B !important}
.portfolio-showcase .kicker-desc{color:#51697f !important}

/* Videos and reviews: light content sections */
.coming-light{background:#fff !important;color:#010101 !important}
.coming-light .coming-card{
  background:linear-gradient(145deg,#f7f9fb,#edf2f7) !important;
  border-color:rgba(1,1,1,.16) !important;
  color:#010101 !important;
}
.coming-light .coming-card h2{color:#010101 !important}
.coming-light .coming-card h2 em,.coming-light .coming-card>i,.coming-light .eyebrow{color:#FECD2B !important}
.coming-light .coming-card p{color:#526a7f !important}

/* Contact info: white/light gray with blue decorative details */
.contact-info-light{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 8% 12%,rgba(1,1,1,.10) 0 80px,transparent 82px),
    radial-gradient(circle at 94% 82%,rgba(1,1,1,.08) 0 110px,transparent 112px),
    linear-gradient(180deg,#fff,#eef3f7) !important;
  color:#010101 !important;
}
.contact-info-light .section-head h2,.contact-info-light .info-card strong{color:#010101 !important}
.contact-info-light .section-head h2 em,.contact-info-light .eyebrow{color:#FECD2B !important}
.contact-info-light .kicker-desc{color:#566e82 !important}
.contact-info-light .info-card{background:rgba(255,255,255,.88) !important;border-color:rgba(1,1,1,.14) !important;color:#010101 !important}
.contact-info-light .info-card i{color:#010101 !important}
.contact-info-light .info-card small{color:#FECD2B !important}

/* Contact project form image + white supporting copy */
.contact-form-visual{
  position:relative !important;overflow:hidden !important;
  background:url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png') center/cover no-repeat !important;
}
.contact-form-visual::before{content:"";position:absolute;inset:0;background:rgba(1,1,1,.80);z-index:0}
.contact-form-visual>.container{position:relative;z-index:1}
.contact-form-visual .section-copy h2,.contact-form-visual .section-copy p,.contact-form-visual .kicker-desc,.contact-form-visual .contact-bullets span{color:#fff !important}
.contact-form-visual .section-copy h2 em,.contact-form-visual .eyebrow,.contact-form-visual .contact-bullets i{color:#FECD2B !important}
.contact-form-visual .demo-form-shell{background:rgba(1,1,1,.76) !important;border-color:rgba(255,255,255,.24) !important}
.contact-map{height:520px !important;background:#eef2f5 !important}
.contact-map iframe{display:block;width:100%;height:100%;border:0}

/* Footer: light gray, header logo, blue headings/icons */
footer{background:#e8ecef !important;color:#010101 !important}
footer::before{
  background:
    radial-gradient(circle at 7% 20%, rgba(1,1,1,.10) 0 90px, transparent 92px),
    radial-gradient(circle at 94% 76%, rgba(254,205,43,.10) 0 125px, transparent 127px),
    repeating-linear-gradient(135deg,rgba(1,1,1,.045) 0 2px,transparent 2px 30px) !important;
}
footer::after{background:repeating-linear-gradient(135deg,rgba(1,1,1,.08) 0 2px,transparent 2px 24px) !important;opacity:.55 !important}
footer h3,.footer-links i,.copyright i{color:#010101 !important}
.footer-brand p,.footer-links a,.footer-links span,.copyright{color:#344b5f !important}
.footer-links a{transition:color .24s ease,transform .24s ease !important}
.footer-links a:hover,.footer-links a:focus{color:#FECD2B !important;transform:translateX(4px) !important}
.footer-links a:hover i,.footer-links a:focus i{color:#FECD2B !important}
.copyright{border-top-color:rgba(1,1,1,.16) !important}

/* Contact-related link hover */
.contact-info a,.contact-form-visual a,.contact-bullets a{transition:color .22s ease !important}
.contact-info a:hover,.contact-form-visual a:hover,.contact-bullets a:hover{color:#FECD2B !important}

/* Icon motion */
@keyframes demoIconFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(2deg)}}
@keyframes demoIconPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(254,205,43,0))}50%{filter:drop-shadow(0 7px 10px rgba(254,205,43,.22))}}
main .svc-top>i,
main .mission-card>i,
main .why-item i,
main .process-step>i,
main .info-card>i,
main .coming-card>i,
main .contact-bullets i,
main .demo-form-heading i,
main .city-chip i{
  animation:demoIconFloat 3.2s ease-in-out infinite,demoIconPulse 3.2s ease-in-out infinite !important;
  transform-origin:center !important;
}

@media(max-width:900px){
  .intro-grid{grid-template-columns:1fr !important}
  .intro-collage{height:610px !important}
  .locations-ready{background-attachment:scroll !important}
  .about-coverage .map-card,.about-coverage .map-card iframe,.locations-coverage-full .map-card,.locations-coverage-full .map-card iframe{min-height:500px !important}
}
@media(max-width:560px){
  .intro-collage{height:470px !important}
  .intro-collage img:first-child{width:88% !important;height:78% !important}
  .intro-collage img:last-child{width:72% !important;height:58% !important}
  .about-coverage .map-card,.about-coverage .map-card iframe,.locations-coverage-full .map-card,.locations-coverage-full .map-card iframe{min-height:400px !important}
}


/* --- v6 requested updates --- */
.title-banner{position:relative;overflow:hidden;background-image:url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png") !important;background-size:cover !important;background-position:center !important;}
.title-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 42%, rgba(1,1,1,.18) 58%, rgba(1,1,1,.48) 78%, rgba(1,1,1,.82) 100%) !important;pointer-events:none;}
.title-banner .banner-copy{position:relative;z-index:1;}

/* Footer/contact hover and footer styling */
footer{background:#eef1f4 !important;color:#010101 !important;}
footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%, rgba(1,1,1,.08), transparent 24%), radial-gradient(circle at 86% 22%, rgba(254,205,43,.10), transparent 20%), radial-gradient(circle at 30% 82%, rgba(1,1,1,.06), transparent 18%);} 
footer h3, footer .footer-links i, footer .copyright i{color:#010101 !important;}
footer .footer-brand p, footer .footer-links a, footer .footer-links span, footer .copyright{color:#486074 !important;}

footer .footer-links a:hover, footer .footer-links a:hover span, footer .footer-links a:hover i, .contact-bullets span:hover, .contact-bullets span:hover i{color:#FECD2B !important;}
.copyright{border-top:1px solid rgba(1,1,1,.12)!important;}

/* Contact section bg with parallax */
.contact-form-visual{position:relative;overflow:hidden;background:none !important;}
.contact-form-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(1,1,1,.58), rgba(1,1,1,.58)), url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png") center/cover fixed no-repeat !important;pointer-events:none;}
.contact-form-visual .contact-grid{position:relative;z-index:1;}

/* Videos and reviews coming soon cards */
.coming-light{background:#fff !important;}
.coming-card{background:linear-gradient(135deg,#ffffff,#f6f9fc) !important;border:1px solid rgba(1,1,1,.12) !important;box-shadow:0 24px 60px rgba(1,1,1,.10) !important;position:relative;overflow:hidden;}
.coming-card::before{content:"";position:absolute;inset:auto -40px -40px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(254,205,43,.25), rgba(254,205,43,0));}
.coming-card::after{content:"";position:absolute;inset:-48px auto auto -48px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle, rgba(1,1,1,.12), rgba(1,1,1,0));}
.coming-card > i{font-size:48px;color:#FECD2B !important;animation:iconBob 2.6s ease-in-out infinite;}
.coming-card .eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(254,205,43,.10);color:#010101 !important;}
.coming-card h2{color:#010101 !important;}
.coming-card h2 em{color:#FECD2B !important;}
.coming-card p{color:#486074 !important;}

/* Global icon animation */
@keyframes iconBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.topbar i,.footer-links i,.service-card i,.why-item i,.info-card i,.icon-points i,.process-step span,.contact-bullets i,.feature-list i,.city-chip i,.coming-card i,.services-drop i{animation:iconBob 3s ease-in-out infinite;}

/* Home why flip cards */
.why-item.flip-card{background:transparent !important;box-shadow:none !important;border:none !important;perspective:1200px;}
.why-item.flip-card .flip-inner{height:100%;min-height:286px;position:relative;transform-style:preserve-3d;}
.why-item.flip-card .flip-front,.why-item.flip-card .flip-back{background:linear-gradient(180deg,#fff,#f3f7fb) !important;border:1px solid rgba(1,1,1,.10) !important;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;}
.why-item.flip-card .flip-front::before,.why-item.flip-card .flip-back::before{content:"";position:absolute;inset:auto -40px -40px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle, rgba(254,205,43,.12), rgba(254,205,43,0));}
.why-item.flip-card .flip-front::after,.why-item.flip-card .flip-back::after{content:"";position:absolute;inset:20px auto auto 22px;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle, rgba(1,1,1,.08), rgba(1,1,1,0));}
.why-item.flip-card .flip-back{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;padding:28px;text-align:center;}
.why-item.flip-card .flip-back .back-icon{display:none !important;}
.why-item.flip-card .flip-cue{position:static !important;display:inline-flex;margin-top:10px;}
.why-item.flip-card h3{background:linear-gradient(90deg,#010101 0 58%, #FECD2B 58% 100%);-webkit-background-clip:text;background-clip:text;color:transparent !important;}
.why-item.flip-card p{color:#486074 !important;position:relative;z-index:1;}

/* Green to orange */
.green,.landing-band.green,.locations-coverage-full{background:#FECD2B !important;}
.landing-band.green .band-copy h2,.landing-band.green .band-copy p,.landing-band.green .feature-list span,.landing-band.green .eyebrow,.locations-coverage-full .section-copy p,.locations-coverage-full .section-copy .kicker-desc{color:#fff !important;}
.landing-band.green .band-copy h2 em,.locations-coverage-full .section-copy h2 em{color:#010101 !important;}

/* About sections */
.about-services-banner{background:#010101 !important;color:#fff !important;}
.about-story-full{background:#010101 !important;}
.about-story-full .section-copy p,.about-story-full .kicker-desc,.about-story-full .eyebrow{color:#fff !important;}
.about-story-full .section-copy h2,.about-story-full .section-copy h2 em{color:#fff !important;}
.about-story-full .section-copy h2 em{color:#FECD2B !important;}
.demo-about-visual{background:linear-gradient(rgba(1,1,1,.42), rgba(1,1,1,.42)), url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png") center/cover no-repeat !important;}
.about-process-visual{position:relative;background:none !important;overflow:hidden;}
.about-process-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.80), rgba(255,255,255,.80)), url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png") center/cover no-repeat !important;}
.about-process-visual>.container{position:relative;z-index:1;}
.about-process-visual .section-head h2,.about-process-visual .process-step h3{color:#010101 !important;}
.about-process-visual .section-head h2 em,.about-process-visual .process-step span{color:#FECD2B !important;}
.about-process-visual .section-head p,.about-process-visual .process-step p,.about-process-visual .eyebrow{color:#486074 !important;}
.about-coverage{background:#010101 !important;}
.about-coverage .section-copy h2,.about-coverage .section-copy p,.about-coverage .section-copy .eyebrow,.about-coverage .section-copy .kicker-desc{color:#fff !important;}
.about-coverage .section-copy h2 em{color:#FECD2B !important;}

/* Intro images and white paragraphs */
.intro .section-copy p,.intro .section-copy .kicker-desc{color:#fff !important;}
.intro-collage{height:760px !important;}
.intro-collage img:first-child{width:84% !important;height:82% !important;}
.intro-collage img:last-child{width:72% !important;height:58% !important;}

/* Portfolio */
.portfolio-showcase{background:#fff !important;position:relative;overflow:hidden;}
.portfolio-showcase::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 18%, rgba(1,1,1,.06), transparent 24%), radial-gradient(circle at 84% 20%, rgba(1,1,1,.08), transparent 20%), radial-gradient(circle at 20% 80%, rgba(254,205,43,.07), transparent 20%);pointer-events:none;}
.portfolio-showcase .container{position:relative;z-index:1;}

/* Locations */
.locations-ready{position:relative;background:none !important;overflow:hidden;}
.locations-ready::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(1,1,1,.82), rgba(1,1,1,.82)), url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png") center/cover fixed no-repeat !important;}
.locations-ready>.container{position:relative;z-index:1;}
.locations-ready .section-head h2,.locations-ready .section-head p,.locations-ready .eyebrow,.locations-ready .city-chip{color:#fff !important;}
.locations-ready .section-head h2 em,.locations-ready .city-chip i{color:#FECD2B !important;}
.locations-coverage-full .section-copy h2,.locations-coverage-full .section-copy .eyebrow,.locations-coverage-full .section-copy a{color:#010101 !important;}
.locations-coverage-full .section-copy h2 em{color:#fff !important;}
.locations-coverage-full .map-card{background:#fff !important;border:none !important;}

/* Contact info area */
.contact-info-light{background:#f7f8fa !important;position:relative;overflow:hidden;}
.contact-info-light::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%, rgba(1,1,1,.06), transparent 22%), radial-gradient(circle at 85% 18%, rgba(254,205,43,.08), transparent 18%);}
.contact-info-light>.container{position:relative;z-index:1;}

/* Landing service visuals and sections */
.demo-service-visual{position:relative;color:#fff !important;min-height:360px !important;display:flex;align-items:flex-end;justify-content:flex-start;padding:26px !important;box-shadow:0 24px 48px rgba(0,0,0,.18);}
.demo-service-visual > i{display:none !important;}
.demo-service-visual span{position:relative;z-index:1;font:800 20px/1.1 'Nunito Sans',sans-serif;background:rgba(1,1,1,.78);padding:10px 14px;border-left:4px solid #FECD2B;border-radius:2px;}
.landing-contact{background:#f5f7fa !important;}
.landing-demo-form{height:100%;}
.landing-map-full{background:#010101 !important;}
.landing-map-full iframe{display:block;width:100%;height:520px;border:0;}

/* Contact page and landing form accents */
.demo-contact-form .btn.green{background:#FECD2B !important;border-color:#FECD2B !important;}
.demo-contact-form .btn.green:hover{background:#fff !important;color:#010101 !important;border-color:#fff !important;}

/* Buttons hover */
.footer-links a,.contact-bullets span,.info-grid .info-card,.btn{transition:all .28s ease !important;}
.info-grid .info-card:hover{transform:translateY(-8px);}

@media(max-width:900px){.locations-ready::before,.contact-form-visual::before,.title-banner::before{background-attachment:scroll !important}.intro-collage{height:560px !important}}
@media(max-width:560px){.demo-service-visual{min-height:260px !important}.landing-map-full iframe{height:380px}.intro-collage{height:440px !important}.intro-collage img:first-child{width:86%!important}.intro-collage img:last-child{width:74%!important}}


/* --- v7 landing adjustments --- */
.title-banner::before{background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(1,1,1,.20) 58%, rgba(1,1,1,.55) 72%, rgba(1,1,1,.82) 86%, rgba(1,1,1,.96) 100%) !important;}
.title-banner .banner-copy{background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.18) !important;}

/* Landing dark bands to light gray */
.landing-band.dark{background:#eef1f4 !important;color:#010101 !important;}
.landing-band.dark .band-copy h2,.landing-band.dark .band-copy .eyebrow{color:#010101 !important;}
.landing-band.dark .band-copy h2 em{color:#FECD2B !important;}
.landing-band.dark .band-copy p,.landing-band.dark .band-copy .kicker-desc,.landing-band.dark .feature-list span{color:#4d6377 !important;}
.landing-band.dark .feature-list i{color:#FECD2B !important;}

/* Specific landing images requested */

/* Orange landing band checks in white */
.landing-band.green .feature-list i,.landing-band.green .feature-list span,.landing-band.green .kicker-desc,.landing-band.green .band-copy p{color:#fff !important;}

/* Landing contact section centered with parallax background and no filter */
.landing-contact{position:relative;overflow:hidden;background:url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png") center/cover fixed no-repeat !important;color:#fff !important;padding:110px 0 !important;}
.landing-contact::before,.landing-contact::after{display:none !important;content:none !important;}
.landing-contact-grid{width:min(1200px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:minmax(0,900px);justify-content:center;gap:28px;}
.landing-contact-copy{text-align:center;max-width:840px;margin:0 auto;}
.landing-contact-copy .eyebrow,.landing-contact-copy .kicker-desc,.landing-contact-copy p,.landing-contact-copy h2{color:#fff !important;text-shadow:0 2px 18px rgba(0,0,0,.18);}
.landing-contact-copy h2 em{color:#FECD2B !important;}
.landing-contact .demo-form-shell{max-width:900px;width:100%;margin:0 auto;background:rgba(255,255,255,.95) !important;border:1px solid rgba(1,1,1,.10) !important;box-shadow:0 28px 70px rgba(1,1,1,.18) !important;padding:34px !important;border-radius:6px !important;backdrop-filter:none !important;}
.landing-contact .demo-form-heading .eyebrow{color:#FECD2B !important;text-shadow:none !important;}
.landing-contact .demo-form-heading h3{margin:0 0 10px;color:#010101;font-size:clamp(26px,3.2vw,36px);text-transform:uppercase;line-height:1.05;}
.landing-contact .demo-form-heading p{color:#5a6d7d;margin:0 0 16px;font:500 14px/1.75 Montserrat,sans-serif;}
.landing-contact .demo-contact-form label span{color:#010101 !important;}
.landing-contact .demo-contact-form .btn{justify-self:center !important;min-width:260px;}
.landing-contact .demo-contact-form input,.landing-contact .demo-contact-form select,.landing-contact .demo-contact-form textarea{border:1px solid rgba(1,1,1,.14) !important;background:#fff !important;color:#353535 !important;}

/* Ensure orange bands use white checks */
.landing-band.green .feature-list i{color:#fff !important;}

@media(max-width:900px){.landing-contact{background-attachment:scroll !important}.landing-contact-grid{width:calc(100% - 32px)}.landing-contact .demo-form-shell{padding:24px !important}}


/* --- v8 landing content and title refinements --- */
.title-banner .banner-copy{background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;padding-left:0 !important;padding-right:0 !important;}
.landing-contact-copy h2{font-size:clamp(38px,4.5vw,70px) !important;line-height:1.02 !important;letter-spacing:-.04em !important;margin:0 0 24px !important;font-weight:900 !important;text-transform:uppercase !important;}
.landing-contact-copy,.landing-contact-copy .eyebrow,.landing-contact-copy .kicker-desc,.landing-contact-copy h2,.landing-contact-copy p{text-shadow:0 3px 14px rgba(0,0,0,.28) !important;}
.landing-contact .demo-form-shell{box-shadow:0 28px 70px rgba(0,0,0,.20) !important;}
@media(max-width:900px){.landing-contact-copy h2{font-size:clamp(38px,5.6vw,58px) !important;}}
@media(max-width:560px){.landing-contact-copy h2{font-size:clamp(34px,10vw,44px) !important;line-height:1.03 !important;}}


/* --- v9 banner + landing bg adjustments --- */
.title-banner::before{background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 28%, rgba(1,1,1,.10) 38%, rgba(1,1,1,.28) 50%, rgba(1,1,1,.52) 66%, rgba(1,1,1,.78) 82%, rgba(1,1,1,.95) 100%) !important;}
.title-banner .banner-copy{background:transparent !important;border:none !important;box-shadow:none !important;}
.landing-contact{background:linear-gradient(rgba(1,1,1,.68), rgba(1,1,1,.68)), url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png") center/cover fixed no-repeat !important;}
.landing-contact-copy,.landing-contact .demo-form-shell,.landing-contact .demo-form-heading,.landing-contact .demo-contact-form{filter:none !important;}
.landing-contact-copy, .landing-contact .demo-form-shell{ text-shadow:0 2px 14px rgba(0,0,0,.18);}
.landing-contact-copy h2, .landing-contact .demo-form-heading h3{font-size:clamp(32px,3.5vw,46px) !important;line-height:1.03 !important;font-weight:900 !important;}
.landing-contact-copy .eyebrow,.landing-contact-copy .kicker-desc,.landing-contact-copy p,.landing-contact-copy h2{ text-shadow:0 2px 14px rgba(0,0,0,.18) !important;}
@media(max-width:900px){.landing-contact{background-attachment:scroll !important}}


/* --- v10 fix: respect per-landing service images + gray demo form description --- */
.landing-contact .demo-form-heading p{color:#6f7881 !important;text-shadow:none !important;}


/* --- v11 definitive landing image fix --- */
/* Neutralize the legacy solid demo visual shorthand without removing layout styles. */
.landing-photo.demo-service-visual{
  background-color:#010101 !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
/* The actual image is declared inline per landing with !important, intentionally overriding the old shorthand. */
.landing-contact .demo-form-heading p{color:#6f7780 !important;text-shadow:none !important;}


/* --- v12 mobile menu + bathroom/welcome refinements --- */
body .intro .section-copy p,
body .intro .section-copy .kicker-desc,
body .intro .icon-points span{color:#fff !important;}

.mobile-menu-brand,.mobile-menu-close{display:none;}
@media(max-width:900px){
  .nav{position:fixed !important;inset:0 !important;width:100% !important;height:100dvh !important;max-height:none !important;overflow-y:auto !important;z-index:9999 !important;padding:84px 26px 34px !important;background:linear-gradient(145deg,#353535,#353535) !important;border:0 !important;}
  .nav.open{display:flex !important;}
  .mobile-menu-brand{display:flex;justify-content:center;align-items:center;margin:0 auto 24px;order:-2;}
  .mobile-menu-brand img{width:230px;max-width:72vw;height:auto;object-fit:contain;}
  .mobile-menu-close{display:grid;place-items:center;position:absolute;top:20px;right:22px;width:44px;height:44px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;font-size:22px;cursor:pointer;z-index:2;}
  .nav>a,.services-menu>button{padding:15px 4px !important;}
  .services-drop{max-height:none !important;}
}
@media(max-width:560px){.mobile-menu-brand img{width:210px;}}


/* --- v13 welcome, title-banner alignment and logo motion --- */
body .intro .section-copy > p{color:#fff !important;}
body .intro .section-copy > .eyebrow{color:#FECD2B !important;}

.title-banner .container{display:flex !important;justify-content:flex-end !important;}
.title-banner .banner-copy{margin-left:auto !important;margin-right:0 !important;text-align:right !important;max-width:900px !important;}
.title-banner .banner-copy .eyebrow,.title-banner .banner-copy p,.title-banner .banner-copy h1{text-align:right !important;}
.title-banner .banner-copy p{margin-left:auto !important;margin-right:0 !important;}

@keyframes demoLogoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.015)}}
@keyframes demoLogoGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(254,205,43,0))}50%{filter:drop-shadow(0 8px 16px rgba(254,205,43,.22))}}
.site-header .brand img,.footer-brand img,.mobile-menu-brand img{animation:demoLogoFloat 3.8s ease-in-out infinite,demoLogoGlow 3.8s ease-in-out infinite;transform-origin:center;}
@media (prefers-reduced-motion:reduce){.site-header .brand img,.footer-brand img,.mobile-menu-brand img{animation:none !important}}
@media(max-width:900px){
  .title-banner .container{justify-content:flex-end !important;}
  .title-banner .banner-copy{width:min(88%,760px) !important;text-align:right !important;}
}


/* --- v14 title-banner stack + welcome text + landing contact 85% --- */
.title-banner .container{display:flex !important;justify-content:flex-end !important;}
.title-banner .banner-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  justify-content:flex-end !important;
  gap:0 !important;
  width:min(900px,100%) !important;
  margin-left:auto !important;
  margin-right:0 !important;
  text-align:right !important;
}
.title-banner .banner-copy .eyebrow{
  display:block !important;
  width:100% !important;
  margin:0 0 12px !important;
  text-align:right !important;
}
.title-banner .banner-copy h1{
  display:block !important;
  width:100% !important;
  margin:0 0 16px !important;
  text-align:right !important;
}
.title-banner .banner-copy p{
  display:block !important;
  width:100% !important;
  max-width:760px !important;
  margin:0 0 0 auto !important;
  text-align:right !important;
}
body .intro .section-copy .welcome-main-copy{color:#fff !important;opacity:1 !important;}
body .intro .section-copy > .eyebrow{color:#FECD2B !important;}
.landing-contact{background:linear-gradient(rgba(1,1,1,.85), rgba(1,1,1,.85)), url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png") center/cover fixed no-repeat !important;}
@media(max-width:900px){
  .title-banner .banner-copy{width:min(88%,760px) !important;}
  .landing-contact{background-attachment:scroll !important;}
}

/* --- v15 title-banner right breathing room --- */
.title-banner .banner-copy{
  margin-right:clamp(34px,4.5vw,76px) !important;
}
@media(max-width:900px){
  .title-banner .banner-copy{margin-right:clamp(18px,4vw,34px) !important;}
}
@media(max-width:560px){
  .title-banner .banner-copy{margin-right:18px !important;}
}

/* Bakjar brand updates - layout and existing keyframe animations retained */
:root{--bakjar-yellow:#FECD2B;--bakjar-black:#010101;--bakjar-gray:#353535}
.site-header .services-menu>.services-main-link{display:inline-flex;align-items:center;color:inherit;text-decoration:none;padding:inherit;font:inherit;font-weight:inherit}
.site-header .services-menu:hover .services-drop,.site-header .services-menu:focus-within .services-drop{opacity:1;visibility:visible;pointer-events:auto}
.hero{background:linear-gradient(90deg,rgba(1,1,1,.85),rgba(1,1,1,.25)),url("https://tifoodservice.com/wp-content/uploads/2023/08/Hoods.jpg") center/cover}

.btn.green,.service-card:hover{color:#010101}
.service-area-home{background-color:#353535}

/* Bakjar palette and navigation fixes; no motion/geometry changes */
:root{--green:#FECD2B;--demo-blue:#010101;--demo-blue-2:#353535;--demo-blue-3:#010101;--demo-orange:#FECD2B}
body{background:#010101!important}
footer{background:#010101!important;color:#fff!important}
footer h3,footer h3 *,footer .footer-links i,footer .footer-links a i{color:#FECD2B!important}
footer .footer-links a:hover,footer .footer-links a:focus{color:#FECD2B!important}
.btn.green,.btn.green *{color:#010101!important}
.btn.green:hover,.btn.green:hover *{color:#010101!important}
.nav a i,.services-main-link i{margin-right:7px;color:#FECD2B}
.services-menu>.services-main-link{text-transform:uppercase!important}
.services-drop a:hover{background:rgba(254,205,43,.14)!important}
#services .service-card:hover h3,#services .service-card:hover p,#services .service-card:hover b,#services .service-card:hover .svc-top span{color:#FECD2B!important}
.service-card:hover h3,.service-card:hover p,.service-card:hover b{color:#FECD2B!important}
#service-list .service-card{scroll-margin-top:125px;cursor:default}
#service-list .service-card:hover{border-color:#FECD2B!important}
.mission-card.vision{background:rgba(53,53,53,.9)!important}

/* Bakjar final patch: embed and navigation */
.site-header .nav > a.services-main-link{display:inline-flex!important;align-items:center!important;gap:5px!important;text-transform:uppercase!important}
.site-header .nav > a.services-main-link i{color:#FECD2B!important}
.form-wrap:has(iframe[data-form-id="0gyDfiPJx1p4hukZPbif"]),.form-wrap:has(iframe[data-form-id="0gyDfiPJx1p4hukZPbif"])::before,.form-wrap:has(iframe[data-form-id="0gyDfiPJx1p4hukZPbif"])::after{background:transparent!important;background-image:none!important;box-shadow:none!important;border:none!important;backdrop-filter:none!important}
.form-wrap iframe[data-form-id="0gyDfiPJx1p4hukZPbif"]{display:block;min-height:665px;background:transparent!important}
.float-tools .whatsapp{background:#FECD2B!important;color:#010101!important}
.float-tools .whatsapp i{color:#010101!important}
.float-tools .to-top{background:#353535!important;color:#FECD2B!important}
.float-tools{z-index:990!important}


/* Bakjar October update - overrides only; keep existing interaction and animation rules */
footer,body footer{background:#010101!important;color:#fff!important}
footer p,footer span,footer .footer-links a,footer .footer-links.info span,footer .copyright,footer .copyright span,footer .footer-contact-link{color:#fff!important}
footer h3,footer h3 *,footer .footer-links i,footer .footer-links a i,footer .footer-links.info i,footer .copyright i{color:#FECD2B!important}
footer .footer-contact-link{display:flex;align-items:baseline;gap:8px;text-decoration:none;transition:color .25s ease!important}
footer .footer-contact-link:hover,footer .footer-contact-link:focus,footer .footer-links a:hover,footer .footer-links a:hover span{color:#FECD2B!important}
.why .flip-front h3,.why-item.flip-card h3{color:#010101!important;background:none!important;-webkit-text-fill-color:#010101!important}
.hero .hero-content{padding-top:clamp(55px,8vh,110px)!important}
.title-banner{background-image:url("https://storage.googleapis.com/msgsndr/lPez9ocON10kUQFGGCQD/media/67ae5e4b907962548dff83f3.webp")!important;background-size:cover!important;background-position:center center!important}
.title-banner::before{background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.35) 45%,rgba(0,0,0,.86) 100%)!important}
.about-story-full,.about-story-tight{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
.about-story-full>.container,.about-story-tight>.container{padding-top:0!important;padding-bottom:0!important}
.home-cta-visual h2,.home-cta-visual h2 em{font-weight:800!important}
.home-portfolio-strip{width:100%;margin:0!important;padding:0!important;overflow:hidden;background:#010101}
.home-portfolio-strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important;width:100%}
.home-portfolio-strip-grid img{display:block;width:100%;height:clamp(170px,21vw,340px);object-fit:cover;margin:0!important;border:0!important;border-radius:0!important;cursor:zoom-in}
#service-list .service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#service-list .service-card{overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;cursor:default;min-height:0}
#service-list .service-detail-image{display:block;width:calc(100% + 48px);max-width:none;height:260px;object-fit:cover;margin:-24px -24px 22px;border-radius:0}
#service-list .service-card p{line-height:1.7}
#service-list .service-detail-note{margin-top:auto;padding:14px 0;color:#FECD2B;font-size:.92rem}
#service-list .service-detail-cta{display:inline-flex;margin-top:14px;color:#010101!important}
.contact-info .info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.contact-info .info-card a{color:inherit;text-decoration:none;transition:color .25s ease}
.contact-info .info-card a:hover{color:#FECD2B}
@media(max-width:900px){.home-portfolio-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-portfolio-strip-grid img{height:30vw}.contact-info .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#service-list .service-grid{grid-template-columns:1fr}.contact-info .info-grid{grid-template-columns:1fr}.hero .hero-content{padding-top:65px!important}.home-portfolio-strip-grid img{height:44vw}}

/* Verified Bakjar footer consistency – no legacy image substitution */
html body footer,html body footer::before{background-color:#010101!important}
html body footer{color:#fff!important}
html body footer .footer-brand p,html body footer .footer-links a,html body footer .footer-links a span,html body footer .footer-links.info span,html body footer .copyright,html body footer .copyright span{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body footer h3,html body footer .footer-links i,html body footer .copyright i{color:#FECD2B!important;-webkit-text-fill-color:#FECD2B!important}
html body footer .footer-links a:hover,html body footer .footer-links a:hover span,html body footer .footer-links a:focus-visible,html body footer .footer-links a:focus-visible span{color:#FECD2B!important;-webkit-text-fill-color:#FECD2B!important}
html body footer .footer-brand img{content:normal!important;width:230px!important;max-width:100%!important;height:auto!important;object-fit:contain}

/* Verified Bakjar footer consistency – no legacy image substitution */
html body footer,html body footer::before{background-color:#010101!important}
html body footer{color:#fff!important}
html body footer .footer-brand p,html body footer .footer-links a,html body footer .footer-links a span,html body footer .footer-links.info span,html body footer .copyright,html body footer .copyright span{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body footer h3,html body footer .footer-links i,html body footer .copyright i{color:#FECD2B!important;-webkit-text-fill-color:#FECD2B!important}
html body footer .footer-links a:hover,html body footer .footer-links a:hover span,html body footer .footer-links a:focus-visible,html body footer .footer-links a:focus-visible span{color:#FECD2B!important;-webkit-text-fill-color:#FECD2B!important}
html body footer .footer-brand img{content:normal!important;width:230px!important;max-width:100%!important;height:auto!important;object-fit:contain}

/* Bakjar gallery and hero fix — October 12, 2026 */
.home-portfolio-strip{position:relative;isolation:isolate;z-index:2;background:#010101!important;filter:none!important;opacity:1!important}
.home-portfolio-strip::before,.home-portfolio-strip::after{content:none!important;display:none!important}
.home-portfolio-strip-grid,.home-portfolio-strip-grid img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important;box-shadow:none!important}
.home-portfolio-strip-grid img{transition:transform .35s ease!important;transform:none!important}
.home-portfolio-strip-grid img:hover{transform:scale(1.015)!important}
.faq-section{position:relative;isolation:isolate}
.faq-section::before{pointer-events:none!important}
.hero{min-height:clamp(900px,110svh,1200px)!important}
.hero .hero-content{padding-top:clamp(180px,19vh,270px)!important;padding-bottom:95px!important}
.home-cta-visual .cta-estimate-bold,.home-cta-visual .cta-estimate-bold em{font-weight:900!important;font-style:normal!important}
@media(max-width:900px){.hero{min-height:max(850px,105svh)!important}.hero .hero-content{padding-top:185px!important;padding-bottom:85px!important}}
@media(max-width:560px){.hero{min-height:max(810px,105svh)!important}.hero .hero-content{padding-top:165px!important;padding-bottom:75px!important}.home-portfolio-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Bakjar requested hero and section refinements -- 2026-10-12 */
/* No fallback photograph before the MP4. Preserve autoplay, loop, mute and gradient. */
html body main section.hero{background:#010101!important;background-image:none!important;min-height:clamp(920px,116svh,1300px)!important}
html body main section.hero .hero-video{background:#010101;object-fit:cover;display:block}
html body main section.hero .hero-content{padding-top:clamp(215px,24vh,330px)!important;padding-bottom:110px!important}
/* Home mission: updated imagery; keep the existing overlay treatment. */
html body main section.mission-visual{background-image:linear-gradient(rgba(0,0,0,.52),rgba(0,0,0,.70)),url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0883b04e6190db8a2.png')!important;background-size:cover!important;background-position:center!important}
/* Home services visual. No change to service cards or their hover animation. */
html body main section#services{background-image:linear-gradient(rgba(1,1,1,.82),rgba(1,1,1,.87)),url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f004c496731f33faab.png')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
/* FAQs image under its original dark contrast layer. */
html body main section.faq-section{background-image:url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f341cfb3bf92b009d3.png')!important;background-position:center!important;background-size:cover!important}
/* CTA wallpaper in the entire CTA section; original background art is not removed by legacy !important declarations. */
html body main section.home-cta-visual{background-image:linear-gradient(rgba(1,1,1,.68),rgba(1,1,1,.68)),url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png')!important;background-color:#010101!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
html body main section.home-cta-visual .cta-form-grid .form-wrap{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important}
html body main section.home-cta-visual .form-wrap>iframe{width:100%!important;max-width:690px!important;min-height:665px!important;flex:0 1 690px!important;margin-inline:auto!important}
/* Why Choose: brand-yellow field with subtle black-and-white accents. */
html body main section.why{background:#FECD2B!important;background-image:linear-gradient(145deg,rgba(255,255,255,.21),transparent 42%),radial-gradient(circle at 6% 13%,rgba(1,1,1,.11) 0 4px,transparent 5px),radial-gradient(circle at 94% 85%,rgba(255,255,255,.40) 0 6px,transparent 7px)!important;color:#010101!important;position:relative}
html body main section.why .section-head h2,html body main section.why .section-head h2 em{color:#010101!important;-webkit-text-fill-color:#010101!important}
html body main section.why .eyebrow{color:#010101!important}
html body main section.why .kicker-desc{color:#353535!important}
html body main section.why .flip-front,html body main section.why .flip-back{background:linear-gradient(145deg,#fff 0%,#f6f6f6 100%)!important;border-color:rgba(1,1,1,.16)!important}
html body main section.why .flip-front>i,html body main section.why .flip-cue i{color:#010101!important}
@media(max-width:900px){html body main section.hero{min-height:max(880px,110svh)!important}html body main section.hero .hero-content{padding-top:200px!important;padding-bottom:88px!important}}
@media(max-width:560px){html body main section.hero{min-height:max(840px,108svh)!important}html body main section.hero .hero-content{padding-top:180px!important;padding-bottom:76px!important}html body main section.home-cta-visual .form-wrap>iframe{max-width:100%!important}}


/* --- v16 requested content/style updates --- */
:root{--green:#FECD2B;--dark:#010101;--gray:#353535}
.btn.green{color:#010101!important}
.btn.outline{color:#fff!important}

/* Internal title banners */
.title-banner{background-image:url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png") !important;background-size:cover !important;background-position:center center !important;}
.title-banner-video{display:none !important}
.title-banner::before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.35) 34%,rgba(0,0,0,.72) 100%)!important;z-index:-1!important}
.title-banner .banner-copy,.title-banner .container{position:relative;z-index:1}
.title-banner h1{color:#fff !important}
.title-banner h1 em{color:#FECD2B !important;font-style:normal !important}
.title-banner p,.title-banner .eyebrow{color:#fff !important}
.title-banner .eyebrow{opacity:.95}

/* About page image and spacing */
.about-story-full,.about-story-tight{padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important}
.about-story-full .container,.about-story-tight .container,.about-story-full .intro-grid,.about-story-tight .intro-grid{gap:0 !important}
.about-story-full .media-parallax,.about-story-tight .media-parallax,.about-story-full .demo-about-visual{height:100% !important;min-height:640px !important;background-image:linear-gradient(rgba(0,0,0,.16),rgba(0,0,0,.16)),url("https://storage.googleapis.com/msgsndr/lPez9ocON10kUQFGGCQD/media/67ae5e4bfe134961241f09f0.webp") !important;background-size:cover !important;background-position:center center !important;background-attachment:scroll !important}

/* About why section with black details */
section.why{position:relative;overflow:hidden}
section.why::before{content:"";position:absolute;inset:0;background:
radial-gradient(circle at 12% 18%,rgba(254,205,43,.16),transparent 22%),
linear-gradient(125deg,rgba(0,0,0,.045) 0,rgba(0,0,0,.045) 2px,transparent 2px,transparent 24px),
linear-gradient(55deg,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 2px,transparent 2px,transparent 30px);
opacity:1;pointer-events:none}
section.why>.container{position:relative;z-index:1}

/* About process section */
.about-process-visual{position:relative;background:none !important;overflow:hidden}
.about-process-visual::before{content:""!important;position:absolute;inset:0;background:linear-gradient(rgba(84,84,84,.76),rgba(84,84,84,.76)),url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f3412f76b52689b962.png") center/cover no-repeat !important;z-index:0}
.about-process-visual>.container{position:relative;z-index:1}
.about-process-visual .section-head h2,.about-process-visual .process-step h3,.about-process-visual .process-step span{color:#fff !important}
.about-process-visual .section-head h2 em,.about-process-visual .eyebrow,.about-process-visual .process-step i{color:#FECD2B !important}
.about-process-visual .kicker-desc,.about-process-visual .process-step p{color:#f0f0f0 !important}
.about-process-visual .process-step{background:rgba(1,1,1,.36) !important;border-color:rgba(255,255,255,.18) !important;backdrop-filter:blur(4px)}

/* About coverage schedule section */
.about-coverage,.about-area-full{background:#FECD2B !important;color:#010101 !important;padding-top:0 !important;padding-bottom:0 !important}
.about-coverage .area-grid,.about-area-full .area-grid{align-items:stretch !important;gap:0 !important}
.about-coverage .section-copy,.about-area-full .section-copy{display:flex !important;flex-direction:column !important;justify-content:center !important;text-align:left !important;padding:84px clamp(28px,6vw,100px)!important}
.about-coverage .section-copy h2,.about-area-full .section-copy h2{color:#010101 !important}
.about-coverage .section-copy h2 em,.about-area-full .section-copy h2 em{color:#fff !important}
.about-coverage .section-copy p,.about-coverage .kicker-desc,.about-area-full .section-copy p,.about-area-full .kicker-desc{color:#2f2f2f !important}
.about-coverage .eyebrow,.about-area-full .eyebrow{color:#010101 !important}
.about-coverage .btn.green,.about-area-full .btn.green{background:#010101 !important;border-color:#010101 !important;color:#FECD2B !important;align-self:flex-start}
.about-coverage .btn.green:hover,.about-area-full .btn.green:hover{background:#fff !important;color:#010101 !important}
.about-coverage .map-card,.about-area-full .map-card{height:100% !important;min-height:620px !important;border:0 !important}
.about-coverage .map-card iframe,.about-area-full .map-card iframe{min-height:620px !important}

/* Home yellow why section */
html body main section.why{background:#FECD2B !important;color:#010101 !important;position:relative;overflow:hidden}
html body main section.why::after{content:"";position:absolute;inset:0;background:
radial-gradient(circle at 18% 24%,rgba(255,255,255,.34),transparent 17%),
radial-gradient(circle at 83% 72%,rgba(255,255,255,.22),transparent 16%),
linear-gradient(135deg,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 2px,transparent 2px,transparent 34px),
linear-gradient(45deg,rgba(0,0,0,.06) 0,rgba(0,0,0,.06) 2px,transparent 2px,transparent 42px);
pointer-events:none}
html body main section.why>.container{position:relative;z-index:1}
html body main section.why .section-head h2,html body main section.why .why-item h3{color:#010101 !important}
html body main section.why .section-head h2 em,html body main section.why .eyebrow,html body main section.why .why-item i{color:#fff !important}
html body main section.why .kicker-desc{color:#353535 !important}
html body main section.why .why-item{background:rgba(255,255,255,.62) !important;border-color:rgba(1,1,1,.12) !important;backdrop-filter:blur(4px)}

/* Home CTA + FAQ backgrounds retained */
html body main section.home-cta-visual{background-image:linear-gradient(rgba(1,1,1,.68),rgba(1,1,1,.68)),url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png')!important;background-color:#010101!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
html body main section.faq-section{background-image:url('https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f341cfb3bf92b009d3.png')!important;background-position:center!important;background-size:cover!important}
html body main section.home-cta-visual .cta-estimate-bold,html body main section.home-cta-visual .cta-estimate-bold em{font-weight:900!important;font-style:normal!important}

/* Services page redesign */
.services-showcase-section{background:#0c0c0c !important;padding-top:92px !important;padding-bottom:92px !important}
.services-showcase-section .section-head{margin-bottom:48px !important}
.service-showcase-list{display:grid;gap:26px}
.service-feature{display:grid;grid-template-columns:1.02fr .98fr;align-items:stretch;background:#111;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 22px 48px rgba(0,0,0,.24)}
.service-feature.reverse{grid-template-columns:.98fr 1.02fr}
.service-feature.reverse .service-feature-media{order:2}
.service-feature.reverse .service-feature-copy{order:1}
.service-feature-media{min-height:460px;background:#010101}
.service-feature-media img{width:100%;height:100%;object-fit:cover;display:block}
.service-feature-copy{padding:42px clamp(26px,4vw,54px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#111,#0a0a0a)}
.service-feature-top{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.service-num{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:54px;border-radius:50%;background:#FECD2B;color:#010101;font:900 20px/1 'Nunito Sans',sans-serif}
.service-tag{font:800 12px/1.2 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:#FECD2B}
.service-feature-copy h3{margin:0 0 14px;font-size:clamp(28px,3.2vw,46px);line-height:1.02;text-transform:uppercase;color:#fff}
.service-feature-copy p{margin:0 0 14px;color:#d0d0d0 !important;font:500 15px/1.75 Montserrat,sans-serif}
.feature-list.compact{display:grid;gap:10px;margin:12px 0 22px}
.feature-list.compact div{display:flex;gap:10px;align-items:flex-start;font:700 13px/1.55 Montserrat,sans-serif;color:#fff}
.feature-list.compact i{color:#FECD2B;margin-top:2px}
.service-feature .btn.green{align-self:flex-start;background:#FECD2B !important;border-color:#FECD2B !important;color:#010101 !important}
.service-feature .btn.green:hover{background:#fff !important;color:#010101 !important}
.services-coverage-yellow{background:#FECD2B !important;color:#010101 !important}
.services-coverage-yellow .section-copy h2{color:#010101 !important}
.services-coverage-yellow .section-copy h2 em{color:#fff !important}
.services-coverage-yellow .section-copy p,.services-coverage-yellow .kicker-desc,.services-coverage-yellow .feature-list span{color:#303030 !important}
.services-coverage-yellow .eyebrow,.services-coverage-yellow .feature-list i{color:#010101 !important}
.services-coverage-yellow .btn.green{background:#010101 !important;border-color:#010101 !important;color:#FECD2B !important}
.services-coverage-yellow .btn.green:hover{background:#fff !important;color:#010101 !important}

/* Contact page arrangement */
.contact-info .info-grid{grid-template-columns:repeat(12,minmax(0,1fr)) !important}
.contact-info .info-card{grid-column:span 3;background:#161616 !important}
.contact-info .info-card.phone-card{grid-column:span 6;background:linear-gradient(135deg,#1a1a1a,#0d0d0d) !important;border-color:rgba(254,205,43,.42)!important;min-height:205px !important;justify-content:center}
.contact-info .info-card.phone-card i{font-size:28px !important}
.contact-info .info-card.phone-card small{color:#FECD2B !important}
.contact-info .info-card.phone-card strong,.contact-info .info-card.phone-card strong a{font-size:clamp(30px,3vw,42px) !important;line-height:1.05 !important;color:#fff !important}
.contact-info .info-card.phone-card strong a:hover{color:#FECD2B !important}
.contact-info .section-head{margin-bottom:34px !important}
.contact-form-visual{position:relative;overflow:hidden;background:none !important}
.contact-form-visual::before{content:""!important;position:absolute;inset:0;background:linear-gradient(rgba(1,1,1,.72),rgba(1,1,1,.72)),url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png") center/cover no-repeat !important;z-index:0}
.contact-form-visual>.container{position:relative;z-index:1}
.contact-form-visual .form-wrap{background:transparent !important}

/* Mobile */
@media(max-width:1100px){
  .service-feature,.service-feature.reverse{grid-template-columns:1fr !important}
  .service-feature.reverse .service-feature-media,.service-feature.reverse .service-feature-copy{order:initial}
  .service-feature-media{min-height:340px}
  .contact-info .info-card.phone-card,.contact-info .info-card{grid-column:span 6 !important}
}
@media(max-width:760px){
  .title-banner .banner-copy{margin-right:0 !important;width:min(100%,760px)!important;text-align:left!important}
  .title-banner .banner-copy .eyebrow,.title-banner .banner-copy h1,.title-banner .banner-copy p{text-align:left!important;margin-left:0!important;margin-right:0!important}
  .about-coverage .section-copy,.about-area-full .section-copy{padding:60px 24px !important}
  .about-coverage .map-card,.about-area-full .map-card,.about-coverage .map-card iframe,.about-area-full .map-card iframe{min-height:440px !important}
  .contact-info .info-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .contact-info .info-card.phone-card,.contact-info .info-card{grid-column:span 1 !important}
  .contact-info .info-card.phone-card strong,.contact-info .info-card.phone-card strong a{font-size:26px !important}
}
@media(max-width:560px){
  .service-feature-copy{padding:28px 20px !important}
  .service-feature-copy h3{font-size:28px !important}
  .service-num{min-width:48px;height:48px;font-size:18px}
  .contact-info .info-grid{grid-template-columns:1fr !important}
  .contact-info .info-card.phone-card,.contact-info .info-card{grid-column:span 1 !important}
}


/* v17 verified overrides: scoped to the actual sections */
html body main section.title-banner{background-image:url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0ed5644a05fd6c8a0.png")!important;background-size:cover!important;background-position:center!important;isolation:isolate}
html body main section.title-banner::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(0,0,0,.36),rgba(0,0,0,.62) 60%,rgba(0,0,0,.87))!important;z-index:0!important;pointer-events:none!important}
html body main section.title-banner .container{z-index:2!important}
html body main section.title-banner h1{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body main section.title-banner h1 em{color:#FECD2B!important;-webkit-text-fill-color:#FECD2B!important;font-style:italic!important}
/* original image entirely fills the left half without vertical white gaps */
html body main section.about-story-full{padding:0!important;margin:0!important}
html body main section.about-story-full>.container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
html body main section.about-story-full .intro-grid{gap:0!important;align-items:stretch!important}
html body main section.about-story-full .media-parallax{min-height:640px!important;height:100%!important;align-self:stretch!important;background: url("https://storage.googleapis.com/msgsndr/lPez9ocON10kUQFGGCQD/media/67ae5e4bfe134961241f09f0.webp") center/cover no-repeat!important;border:0!important}
html body main section.about-story-full .section-copy{padding:clamp(45px,7vw,100px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
/* process dark filter (latest user instruction overrides the earlier grey request) */
html body main section.about-process-visual::before{background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)),url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f3412f76b52689b962.png") center/cover no-repeat!important}
/* About professional care with visible BLACK motifs and black icons */
html body main section.about-why{background:#FECD2B!important;position:relative;isolation:isolate;overflow:hidden}
html body main section.about-why::before{content:""!important;position:absolute!important;inset:0!important;background:repeating-linear-gradient(135deg,transparent 0 75px,rgba(0,0,0,.12) 76px 79px,transparent 80px 158px),radial-gradient(circle at 90% 10%,rgba(0,0,0,.16),transparent 34%),radial-gradient(circle at 9% 90%,rgba(0,0,0,.20),transparent 34%)!important;opacity:1!important;z-index:0!important;pointer-events:none!important}
html body main section.about-why::after{content:""!important;position:absolute!important;right:-100px;bottom:-130px;width:460px;height:460px;border:55px solid rgba(0,0,0,.13);border-radius:50%;pointer-events:none!important;z-index:0!important}
html body main section.about-why>.container{position:relative!important;z-index:1!important}
html body main section.about-why .why-item>i,html body main section.about-why .why-item i{color:#010101!important;-webkit-text-fill-color:#010101!important}
html body main section.about-why .section-head h2 em{color:#010101!important}
/* mission / vision background */
html body main section.mission-visual{background:linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.72)),url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0883b04e6190db8a2.png") center/cover no-repeat!important}
/* Black buttons use yellow letters and icons */
html body .btn.green[style*="black"],html body .btn[style*="background:#010101"],html body main section.about-coverage .btn.green,html body main section.services-coverage-yellow .btn.green{color:#FECD2B!important;-webkit-text-fill-color:#FECD2B!important;background-color:#010101!important}
html body main section.about-coverage .btn.green i,html body main section.services-coverage-yellow .btn.green i,html body main section.about-coverage .btn.green span,html body main section.services-coverage-yellow .btn.green span{color:#FECD2B!important;-webkit-text-fill-color:#FECD2B!important}
html body main section.about-coverage .btn.green:hover,html body main section.services-coverage-yellow .btn.green:hover{background:#222!important;color:#FECD2B!important}
/* Services photos: fill frames, retain composition using object-position */
html body main .service-feature-media{position:relative!important;overflow:hidden!important;min-height:440px!important}
html body main .service-feature-media img{display:block!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important;object-fit:cover!important;object-position:center center!important;max-width:none!important}
html body main .service-feature{scroll-margin-top:32px}
/* Re-arranged contact layout */
html body main .contact-overview{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;gap:20px!important}
html body main .contact-feature-phones{display:grid;grid-template-columns:1fr;gap:15px}
html body main .contact-feature-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
html body main .contact-extra-details{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
html body main .contact-overview .info-card{min-width:0!important;grid-column:auto!important;overflow-wrap:anywhere}
html body main .contact-feature-phones .phone-card{background:#010101!important;border:1px solid rgba(254,205,43,.55)!important;min-height:175px!important;padding:26px 32px!important}
html body main .contact-feature-phones .phone-card strong a{font-size:clamp(27px,3.3vw,45px)!important;color:#fff!important;white-space:nowrap}
html body main .contact-feature-phones .phone-card strong a:hover{color:#FECD2B!important}
html body main .contact-feature-details .info-card{background:#242424!important}
html body main .contact-extra-details .info-card{background:#151515!important}
/* footer ornamentation, with readable content and genuine source logo */
html body footer{background:#010101!important;position:relative!important;isolation:isolate!important;overflow:hidden!important}
html body footer::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:repeating-linear-gradient(132deg,transparent 0 80px,rgba(254,205,43,.075) 81px 83px,transparent 84px 165px),radial-gradient(ellipse at -6% 4%,rgba(254,205,43,.19),transparent 39%),radial-gradient(circle at 105% 95%,rgba(255,255,255,.09),transparent 28%)!important;z-index:0!important;pointer-events:none!important}
html body footer::after{content:""!important;position:absolute!important;right:-140px;top:-145px;width:420px;height:420px;border:50px solid rgba(254,205,43,.09);border-radius:50%;z-index:0!important;pointer-events:none!important}
html body footer>.container,html body footer>.copyright{position:relative!important;z-index:2!important}
html body footer .footer-brand img{content:normal!important}
html body footer .footer-brand p,html body footer .footer-links a,html body footer .footer-links span,html body footer .copyright{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body footer .footer-links a:hover,html body footer .footer-links a:hover span,html body footer .footer-contact-link:hover{color:#FECD2B!important;-webkit-text-fill-color:#FECD2B!important}
html body footer h3,html body footer .footer-links i{color:#FECD2B!important;-webkit-text-fill-color:#FECD2B!important}
@media(max-width:900px){html body main .contact-overview{grid-template-columns:1fr!important}html body main .contact-extra-details{grid-template-columns:repeat(2,minmax(0,1fr))}html body main section.about-story-full .intro-grid{grid-template-columns:1fr!important}html body main section.about-story-full .media-parallax{min-height:400px!important;height:400px!important}}
@media(max-width:560px){html body main .contact-feature-details,html body main .contact-extra-details{grid-template-columns:1fr!important}html body main .contact-feature-phones .phone-card strong a{font-size:clamp(24px,7vw,34px)!important}html body main .service-feature-media{min-height:300px!important}}


/* 2026-10-12: final home background and complete flip-card repair */
html body main section#services{
 background-image:linear-gradient(rgba(1,1,1,.77),rgba(1,1,1,.83)),url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png")!important;
 background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
}
html body main section.mission-section.mission-visual{
 background-image:linear-gradient(rgba(1,1,1,.55),rgba(1,1,1,.70)),url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0883b04e6190db8a2.png")!important;
 background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
}
html body main section.cta-form.home-cta-visual{
 background-image:linear-gradient(rgba(1,1,1,.67),rgba(1,1,1,.67)),url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f3412f76b52689b962.png")!important;
 background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
}
/* The rotating element carries the visible card surface on both sides. */
html body main section.why .why-item.flip-card{
 background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;
 perspective:1200px!important;padding:0!important;
}
html body main section.why .why-item.flip-card .flip-inner{
 position:relative!important;min-height:286px!important;height:100%!important;
 transform-style:preserve-3d!important;
 background:linear-gradient(145deg,#fff 0%,#f0f0f0 100%)!important;
 border:1px solid rgba(1,1,1,.18)!important;
 box-shadow:0 12px 25px rgba(0,0,0,.12)!important;
 transition:transform .7s cubic-bezier(.2,.7,.2,1)!important;
}
html body main section.why .why-item.flip-card:hover .flip-inner,
html body main section.why .why-item.flip-card:focus-within .flip-inner{transform:rotateY(180deg)!important}
html body main section.why .why-item.flip-card .flip-front,
html body main section.why .why-item.flip-card .flip-back{
 position:absolute!important;inset:0!important;
 background:transparent!important;background-image:none!important;
 border:0!important;box-shadow:none!important;
 backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;text-align:center!important;
 padding:22px!important;
}
html body main section.why .why-item.flip-card .flip-front{transform:rotateY(0deg)!important}
html body main section.why .why-item.flip-card .flip-back{transform:rotateY(180deg)!important;gap:15px!important}
html body main section.why .why-item.flip-card .flip-front::before,
html body main section.why .why-item.flip-card .flip-front::after,
html body main section.why .why-item.flip-card .flip-back::before,
html body main section.why .why-item.flip-card .flip-back::after{display:none!important;content:none!important}
html body main section.why .why-item.flip-card .flip-front>i,
html body main section.why .why-item.flip-card .flip-back>i.back-icon{
 display:block!important;visibility:visible!important;opacity:1!important;
 font-size:33px!important;color:#010101!important;
 margin:0 0 12px!important;
}
html body main section.why .why-item.flip-card .flip-back>i.back-icon{color:#353535!important}
html body main section.why .why-item.flip-card h3{color:#010101!important;-webkit-text-fill-color:#010101!important}
html body main section.why .why-item.flip-card .flip-back p{color:#010101!important;font-weight:700!important;max-width:260px!important;margin:0!important}
html body main section.why .why-item.flip-card .flip-cue i{color:#353535!important}
@media (prefers-reduced-motion:reduce){html body main section.why .why-item.flip-card .flip-inner{transition:none!important}}


/* BAKJAR: verified final section rules, after all historical overrides. */
/* Home: image surfaces must take precedence over legacy section background declarations. */
html body main section#services.section.dark{
 background:linear-gradient(rgba(1,1,1,.64),rgba(1,1,1,.70)),url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0011eef2fd14b612e.png") center center/cover no-repeat !important;
}
html body main section.mission-section.mission-visual{
 background:linear-gradient(rgba(1,1,1,.58),rgba(1,1,1,.68)),url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0883b04e6190db8a2.png") center center/cover no-repeat !important;
}
html body main section.cta-form.home-cta-visual{
 background:linear-gradient(rgba(1,1,1,.64),rgba(1,1,1,.70)),url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f3412f76b52689b962.png") center center/cover no-repeat !important;
}
/* Industrial cleaning: conspicuous black detail on yellow; respect flip-card 3D geometry. */
html body main section.why:not(.about-why){position:relative!important;isolation:isolate!important;background:#FECD2B!important;overflow:hidden!important}
html body main section.why:not(.about-why)::before{
 content:""!important;position:absolute!important;inset:0!important;opacity:1!important;pointer-events:none!important;z-index:0!important;
 background:repeating-linear-gradient(135deg,transparent 0 64px,rgba(0,0,0,.16) 65px 68px,transparent 69px 132px),radial-gradient(circle at 5% 6%,rgba(0,0,0,.17),transparent 26%),radial-gradient(circle at 95% 92%,rgba(0,0,0,.20),transparent 32%),linear-gradient(90deg,rgba(0,0,0,.11) 0 2px,transparent 2px 100%)!important;
}
html body main section.why:not(.about-why)::after{
 content:""!important;position:absolute!important;width:420px!important;height:420px!important;right:-160px!important;bottom:-240px!important;border:45px solid rgba(0,0,0,.21)!important;border-radius:50%!important;background:none!important;pointer-events:none!important;z-index:0!important;
}
html body main section.why:not(.about-why)>.container{position:relative!important;z-index:1!important}
html body main section.why:not(.about-why) .why-item.flip-card .flip-inner{background:linear-gradient(145deg,#fff,#eeeeee)!important}
/* Process copy over dark photo */
html body main section.about-process-visual .section-head .kicker-desc,
html body main section.about-process-visual .section-head p.kicker-desc{
 color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;
}
/* About coverage: black text over yellow */
html body main section.about-coverage .eyebrow,
html body main section.about-coverage .section-copy .eyebrow,
html body main section.about-coverage .section-copy p.kicker-desc,
html body main section.about-coverage .section-copy>.kicker-desc{
 color:#010101!important;-webkit-text-fill-color:#010101!important;opacity:1!important;
}
/* Contact panel: white or yellow readable text on dark info cards. */
html body main section.contact-info .info-card,
html body main section.contact-info .info-card strong,
html body main section.contact-info .info-card strong a{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body main section.contact-info .info-card small,
html body main section.contact-info .info-card>i{
 color:#FECD2B!important;-webkit-text-fill-color:#FECD2B!important;
}
html body main section.contact-info .info-card strong a:hover{color:#FECD2B!important;-webkit-text-fill-color:#FECD2B!important}
html body main section.contact-info .info-card .contact-icon{color:#FECD2B!important}


/* 2026-10-12 patch: latest requested visual/mobile fixes */
/* Title banner background update */
html body main section.title-banner{
  background-image:url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f3ed5644a05fd6c94a.png")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
html body main section.title-banner::before,
html body main section.title-banner::after{pointer-events:none!important}
html body main section.title-banner h1{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body main section.title-banner h1 em{color:#FECD2B!important;-webkit-text-fill-color:#FECD2B!important;font-style:italic!important}

/* Home requested backgrounds */
html body main section#services,
html body main section#services.section.dark{
  background:linear-gradient(rgba(1,1,1,.66),rgba(1,1,1,.74)),url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f004c496731f33faab.png") center center/cover no-repeat!important;
}
html body main section.mission-section.mission-visual{
  background:linear-gradient(rgba(1,1,1,.58),rgba(1,1,1,.70)),url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0883b04e6190db8a2.png") center center/cover no-repeat!important;
}
html body main section.cta-form.home-cta-visual{
  background:linear-gradient(rgba(1,1,1,.64),rgba(1,1,1,.72)),url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0883b04e6190db8a2.png") center center/cover no-repeat!important;
}

/* Reach Bakjar 24/7 background with 80% white filter */
html body main section.contact-info.contact-info-light{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#f3f3f3!important;
}
html body main section.contact-info.contact-info-light::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(rgba(255,255,255,.80),rgba(255,255,255,.80)),url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f3412f76b52689b962.png") center center/cover no-repeat!important;
  z-index:0!important;
  pointer-events:none!important;
}
html body main section.contact-info.contact-info-light > .container{position:relative!important;z-index:1!important}

/* Hide topbar info while mobile menu is open */
@media(max-width:900px){
  body.menu-open .topbar{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  body.menu-open .site-header{top:0!important}
  body.menu-open .nav{inset:92px 12px auto 12px!important}
}

/* Black mini-titles requested */
html body main section.why:not(.about-why) .section-head .eyebrow,
html body main section.about-why .section-head .eyebrow{
  color:#010101!important;
  -webkit-text-fill-color:#010101!important;
}

/* Mobile: Why Bakjar Industries cards one by one */
@media(max-width:900px){
  html body main section.about-why .why-grid{grid-template-columns:1fr!important}
}

/* Service images cover on mobile as well */
html body main .service-feature-media,
html body main .service-feature-media img,
html body main #service-list .service-detail-image{
  object-fit:cover!important;
  object-position:center center!important;
}
@media(max-width:900px){
  html body main .service-feature-media{min-height:320px!important}
  html body main .service-feature-media img{width:100%!important;height:100%!important;position:absolute!important;inset:0!important;max-width:none!important}
  html body main #service-list .service-card{overflow:hidden!important}
  html body main #service-list .service-detail-image{height:260px!important;width:calc(100% + 48px)!important;max-width:none!important}
}

/* Reach Bakjar contrast on dark/gray cards */
html body main section.contact-info .contact-feature-phones .phone-card,
html body main section.contact-info .contact-feature-details .info-card,
html body main section.contact-info .contact-extra-details .info-card{
  background:rgba(15,15,15,.92)!important;
}
html body main section.contact-info .section-head h2,
html body main section.contact-info .section-head h2 em,
html body main section.contact-info .section-head p,
html body main section.contact-info .section-head .eyebrow,
html body main section.contact-info .info-card strong,
html body main section.contact-info .info-card strong a{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body main section.contact-info .info-card small,
html body main section.contact-info .info-card > i,
html body main section.contact-info .section-head h2 em{color:#FECD2B!important;-webkit-text-fill-color:#FECD2B!important}


/* 2026-10-12 patch: portfolio/contact/logo updates */
html body main section.contact-info.contact-info-light .section-head .eyebrow,
html body main section.contact-info.contact-info-light .section-head h2,
html body main section.contact-info.contact-info-light .section-head p,
html body main section.contact-info.contact-info-light .section-head h2 em,
html body main section.contact-info.contact-info-light .info-card strong,
html body main section.contact-info.contact-info-light .info-card strong a,
html body main section.contact-info.contact-info-light .info-card small,
html body main section.contact-info.contact-info-light .info-card > i{
  color:#111!important;
  -webkit-text-fill-color:#111!important;
}
html body main section.contact-info.contact-info-light .section-head h2 em{color:#FECD2B!important;-webkit-text-fill-color:#FECD2B!important}
html body main section.contact-info.contact-info-light .contact-feature-phones .phone-card,
html body main section.contact-info.contact-info-light .contact-feature-details .info-card,
html body main section.contact-info.contact-info-light .contact-extra-details .info-card{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(17,17,17,.12)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.08)!important;
}

@keyframes headerLogoSparkStrong{
  0%,100%{filter:drop-shadow(0 0 0 rgba(254,205,43,0)) brightness(1) saturate(1)}
  35%{filter:drop-shadow(0 0 10px rgba(254,205,43,.55)) drop-shadow(0 0 22px rgba(255,255,255,.22)) brightness(1.08) saturate(1.06)}
  50%{filter:drop-shadow(0 0 18px rgba(254,205,43,.88)) drop-shadow(0 0 34px rgba(255,255,255,.42)) brightness(1.2) saturate(1.18)}
  65%{filter:drop-shadow(0 0 14px rgba(254,205,43,.7)) drop-shadow(0 0 26px rgba(255,255,255,.28)) brightness(1.1) saturate(1.1)}
}
html body .site-header .brand img{
  animation:demoLogoFloat 3.8s ease-in-out infinite,headerLogoSparkStrong 2.9s ease-in-out infinite!important;
  transform-origin:center!important;
}

html body main .home-portfolio-strip-grid img,
html body main .portfolio-grid .portfolio-img{
  object-fit:cover!important;
  object-position:center center!important;
}

html body main section.about-story-full .media-parallax,
html body main section.about-story-tight .media-parallax,
html body main .demo-about-visual{
  background-image:linear-gradient(rgba(0,0,0,.16),rgba(0,0,0,.16)),url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd1b34011eef2fd14d88c8.webp")!important;
  background-size:cover!important;
  background-position:right center!important;
  background-attachment:scroll!important;
}


/* 2026-10-12 patch: explicit home background corrections */
html body main section#services,
html body main section#services.section.dark{
  background-image:linear-gradient(rgba(1,1,1,.82),rgba(1,1,1,.87)),url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f004c496731f33faab.png")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
html body main section.cta-form.home-cta-visual{
  background-image:linear-gradient(rgba(1,1,1,.68),rgba(1,1,1,.68)),url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0883b04e6190db8a2.png")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}

/* 2026-10-12 FINAL OVERRIDE: home requested backgrounds */
html body main section#services,
html body main section#services.section.dark{
  background: linear-gradient(rgba(1,1,1,.72),rgba(1,1,1,.78)), url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0883b04e6190db8a2.png") center center / cover no-repeat !important;
}
html body main section#services::before,
html body main section#services.section.dark::before{
  background: linear-gradient(rgba(1,1,1,.72),rgba(1,1,1,.78)), url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f0883b04e6190db8a2.png") center center / cover no-repeat !important;
}
html body main section.cta-form.home-cta-visual{
  background: linear-gradient(rgba(1,1,1,.68),rgba(1,1,1,.68)), url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f386f3474912326b67.png") center center / cover no-repeat !important;
  background-color:#010101 !important;
}
html body main section.cta-form.home-cta-visual::before{
  content:"" !important;
  position:absolute;
  inset:0;
  background: linear-gradient(rgba(1,1,1,.68),rgba(1,1,1,.68)), url("https://assets.cdn.filesafe.space/lPez9ocON10kUQFGGCQD/media/6acd07f386f3474912326b67.png") center center / cover no-repeat !important;
  pointer-events:none;
}

/* Audit updates: edge-to-edge mobile navigation, with viewport-safe scroll */
@media (max-width:900px){
  html body.menu-open .site-header{z-index:10000!important}
  html body .site-header .nav,html body.menu-open .site-header .nav{position:fixed!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;width:100dvw!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;padding:82px 26px 32px!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;background:#010101!important;z-index:10001!important}
  html body.menu-open{overflow:hidden!important}
  html body .nav .mobile-menu-close{top:20px;right:22px}
  html body .nav .mobile-menu-brand{margin-bottom:24px}
}
.portfolio-end-cta .section-head{max-width:900px;margin:auto}
.portfolio-end-cta .section-head p{max-width:740px;margin:12px auto 26px;line-height:1.7}
.portfolio-end-buttons{justify-content:center;flex-wrap:wrap}
.footer-payments{max-width:400px!important;margin-top:12px!important;line-height:1.75!important;font-size:12px!important}


/* 2026-10-12: responsive stabilization, preserves existing visual effects */
/* Mission and Vision: only the labels are large headings. */
.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mission-card{min-width:0;min-height:0}
.mission-grid .mission-card h2{font-size:clamp(36px,4vw,64px)!important;line-height:1.04!important;letter-spacing:-.035em!important;margin:8px 0 24px!important;overflow-wrap:normal}
.mission-grid .mission-card .mission-normal-text{font:500 15px/1.8 Montserrat,sans-serif!important;letter-spacing:normal!important;text-transform:none!important;color:#ddd!important;margin:0 0 18px!important;max-width:65ch}
.mission-grid .mission-card p:last-child{margin-bottom:0!important}
/* Container sizing works at intermediate widths and browser zoom. */
html{min-width:0}
body{min-width:0}
.container,.nav-wrap{max-width:calc(100% - 24px)}
main,section,header,footer,.section-head,.section-head>*,.mission-grid>*,.intro-grid>*,.area-grid>*,.contact-grid>*,.cta-form-grid>*,.band-grid>*,.footer-grid>*{min-width:0}
img,video,iframe{max-width:100%}
.hero-content,.banner-copy{width:min(100%,1180px);min-width:0;margin-inline:auto}
.hero h1,.title-banner h1,.section-copy h2,.section-head h2,.band-copy h2{max-width:100%;overflow-wrap:break-word}
.hero h1,.title-banner h1{font-size:clamp(32px,6.4vw,96px)!important}
.btn-row{max-width:100%;flex-wrap:wrap}
.btn{min-width:0;max-width:100%;height:auto;white-space:normal;overflow-wrap:break-word}
.topbar-inner{min-width:0;max-width:calc(100% - 20px);flex-wrap:wrap;row-gap:2px}
.topbar-inner>*{min-width:0}
.nav-wrap{min-width:0}
/* Real header height drives the top spacing, instead of fixed offsets. */
:root{--bakjar-topbar-height:42px;--bakjar-header-height:106px;--bakjar-safe-gap:clamp(24px,4vh,65px)}
.hero-content{padding-top:calc(var(--bakjar-topbar-height) + var(--bakjar-header-height) + var(--bakjar-safe-gap))!important;padding-bottom:clamp(44px,8vh,90px)!important;box-sizing:border-box}
.title-banner{padding-top:calc(var(--bakjar-topbar-height) + var(--bakjar-header-height) + var(--bakjar-safe-gap))!important;padding-bottom:clamp(42px,7vh,80px)!important;min-height:clamp(440px,65svh,620px);box-sizing:border-box}
.hero{min-height:max(680px,100svh);height:auto}
.hero-content{align-self:center}
/* The nav switches before links run into the brand and actions. */
@media(max-width:1200px){
 .menu-toggle{display:block!important}
 .nav-wrap{min-height:96px!important;gap:14px}
 .nav-actions{margin-left:auto}
 html body .site-header .nav{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;padding:clamp(64px,12vh,90px) clamp(14px,5vw,32px) 28px!important;margin:0!important;border:0!important;border-radius:0!important;background:#010101!important;z-index:10001!important}
 html body .site-header .nav:not(.open){display:none!important}
 html body .site-header .nav.open{display:flex!important}
 html body.menu-open .site-header{z-index:10000!important}
 html body.menu-open{overflow:hidden!important}
 html body .nav .mobile-menu-close{position:sticky;top:0;align-self:flex-end;z-index:5}
 .services-menu.open .services-drop{display:block}
}
@media(max-width:900px){
 :root{--bakjar-header-height:96px;--bakjar-safe-gap:clamp(25px,4vh,45px)}
 .mission-grid{grid-template-columns:1fr}
 .hero{min-height:max(650px,100svh)}
 .hero-content{align-self:center}
 .title-banner{min-height:max(450px,58svh)}
 .hero h1,.title-banner h1{font-size:clamp(34px,8.2vw,70px)!important}
 .intro-grid,.area-grid,.contact-grid,.service-landing,.cta-form-grid,.two-col,.section-head{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
 :root{--bakjar-header-height:82px;--bakjar-safe-gap:clamp(28px,5vh,54px)}
 .nav-wrap{min-height:82px!important}
 .site-header .brand,.site-header .brand img{width:clamp(100px,34vw,148px)!important;min-width:0!important;max-width:148px!important}
 .nav-actions{gap:4px;min-width:0}
 .menu-toggle{padding:8px;font-size:22px}
 .hero-content{padding-inline:4px!important}
 .hero h1,.title-banner h1{font-size:clamp(29px,9vw,49px)!important;line-height:1.03!important}
 .mission-card{padding:clamp(18px,5vw,36px)!important}
 .mission-grid .mission-card h2{font-size:clamp(32px,10vw,52px)!important}
 .mission-grid .mission-card .mission-normal-text{font-size:14px!important;line-height:1.75!important}
 .footer-grid,.mission-grid{grid-template-columns:minmax(0,1fr)}
 .topbar-inner{gap:6px!important;font-size:10px}
 .topbar-inner>span:not(:first-child){display:none!important}
 .btn-row .btn{width:100%;max-width:100%}
 .banner-copy{min-width:0}
 .title-banner{min-height:440px}
 .section-copy h2,.section-head h2,.band-copy h2{font-size:clamp(29px,9vw,46px)!important}
}
@media(max-width:360px){
 .container{width:calc(100% - 20px)!important}
 .hero h1,.title-banner h1{font-size:clamp(27px,9vw,34px)!important}
 .site-header .brand,.site-header .brand img{width:clamp(88px,32vw,115px)!important}
 .mission-grid .mission-card h2{font-size:clamp(30px,10vw,38px)!important}
 .mission-card>i{margin-bottom:22px}
}
@media(max-height:550px){
 :root{--bakjar-safe-gap:20px}
 .hero{min-height:max(540px,100svh)}
 .hero-content{align-self:start;padding-bottom:45px!important}
 .title-banner{min-height:390px;padding-bottom:35px!important}
 html body .site-header .nav{padding-top:50px!important}
 html body .nav .mobile-menu-brand{margin-bottom:12px}
}
@media(min-width:1201px){.nav{display:flex!important}}

/* Mission/Vision: heading next to its animated icon; descriptions below. */
.mission-grid .mission-card .mission-label-row{display:flex;align-items:center;gap:clamp(12px,2vw,22px);min-width:0;margin-bottom:clamp(18px,2vw,28px)}
.mission-grid .mission-card .mission-label-row h2{margin:0!important;min-width:0;font-size:clamp(30px,3.8vw,58px)!important;line-height:1.05!important}
.mission-grid .mission-card .mission-label-row>i{flex:0 0 auto;font-size:clamp(26px,3vw,36px);color:var(--green);margin:0;animation:demoIconFloat 3.2s ease-in-out infinite,demoIconPulse 3.2s ease-in-out infinite!important;transform-origin:center!important}
.mission-grid .mission-card.vision .mission-label-row>i{color:#fff}
@media(max-width:600px){.mission-grid .mission-card .mission-label-row{gap:12px}.mission-grid .mission-card .mission-label-row h2{font-size:clamp(28px,9vw,42px)!important}}

/* Client logos: light-gray continuous marquee below Mission & Vision */
.clients-carousel-section{position:relative;background:
linear-gradient(180deg,#f4f4f4 0%,#ececec 100%);color:#17202a;overflow:hidden;padding:84px 0 90px;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}
.clients-carousel-section::before,.clients-carousel-section::after{content:"";position:absolute;pointer-events:none;z-index:0}
.clients-carousel-section::before{inset:0;opacity:.65;background:
linear-gradient(135deg,transparent 0 46%,rgba(0,0,0,.05) 46.5%,transparent 47%,transparent 100%),
radial-gradient(circle at 12% 22%,rgba(0,0,0,.18) 0 2px,transparent 2.8px),
radial-gradient(circle at 16% 27%,rgba(0,0,0,.1) 0 1.5px,transparent 2.1px),
radial-gradient(circle at 85% 76%,rgba(0,0,0,.16) 0 2px,transparent 2.8px),
radial-gradient(circle at 80% 70%,rgba(0,0,0,.1) 0 1.5px,transparent 2.1px),
linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),
linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px);
background-size:100% 100%,120px 120px,120px 120px,120px 120px,120px 120px,34px 34px,34px 34px;
background-position:center,0 0,0 0,100% 100%,100% 100%,center,center}
.clients-carousel-section::after{inset:auto auto -90px -60px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.12) 0,rgba(0,0,0,.06) 42%,rgba(0,0,0,0) 72%);box-shadow:420px -260px 0 -110px rgba(255,205,43,.32),670px -70px 0 -150px rgba(0,0,0,.08);opacity:.95}
.clients-carousel-section>.container,.client-carousel{position:relative;z-index:1}
.clients-carousel-section .section-head{position:relative;margin-bottom:38px}
.clients-carousel-section .section-head::before{content:"";display:block;width:110px;height:6px;border-radius:999px;background:linear-gradient(90deg,#111,#FECD2B);margin:0 auto 18px;box-shadow:0 10px 28px rgba(0,0,0,.08)}
.clients-carousel-section .section-head p{max-width:760px;margin-left:auto;margin-right:auto;color:#2f2f2f!important}
.clients-carousel-section .eyebrow{color:#000!important;letter-spacing:.14em}
.clients-carousel-section .section-head h2{color:#111!important}
.clients-carousel-section .section-head h2 em{color:#FECD2B!important}
.client-carousel{position:relative;width:100%;overflow:hidden;outline-offset:-4px;padding:12px 0;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.client-carousel::before,.client-carousel::after{content:"";position:absolute;top:0;bottom:0;width:140px;z-index:2;pointer-events:none}
.client-carousel::before{left:0;background:linear-gradient(90deg,#efefef 0%,rgba(239,239,239,0) 100%)}
.client-carousel::after{right:0;background:linear-gradient(270deg,#efefef 0%,rgba(239,239,239,0) 100%)}
.client-logo-track{display:flex;align-items:center;width:max-content;animation:client-logos-slide 70s linear infinite;will-change:transform}
.client-carousel:hover .client-logo-track,.client-carousel:focus-within .client-logo-track{animation-play-state:paused}
.client-logo{width:300px;height:168px;display:flex;align-items:center;justify-content:center;margin:0 22px;padding:10px 8px;flex:none;border:none;background:transparent;border-radius:0;box-shadow:none}
.client-logo img{max-width:100%;max-height:144px;width:auto;height:auto;object-fit:contain;filter:none}
@keyframes client-logos-slide{to{transform:translateX(-50%)}}
@media(max-width:680px){.clients-carousel-section{padding:60px 0 66px}.clients-carousel-section::before{background-size:100% 100%,95px 95px,95px 95px,95px 95px,95px 95px,28px 28px,28px 28px}.clients-carousel-section::after{width:240px;height:240px;left:-70px;bottom:-60px;box-shadow:220px -160px 0 -70px rgba(255,205,43,.26),360px -24px 0 -90px rgba(0,0,0,.08)}.clients-carousel-section .section-head::before{width:88px;height:5px;margin-bottom:16px}.client-carousel::before,.client-carousel::after{width:70px}.client-logo{width:228px;height:128px;margin:0 14px;padding:8px 4px}.client-logo img{max-height:106px}.client-logo-track{animation-duration:58s}}
@media(prefers-reduced-motion:reduce){.client-logo-track{animation:none}.client-carousel{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.client-carousel::before,.client-carousel::after{display:none}.client-logo-track .client-logo:nth-child(n+20){display:none}}