:root{--primary:#075A4A;--primary-2:#0B6B58;--secondary:#5C3D88;--ink:#111817;--muted:#66726F;--line:#DCE4E1;--surface:#F4F7F6;--white:#FFFFFF;--shadow:0 18px 55px rgba(10,37,31,.12);--radius:14px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.narrow{max-width:840px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:14px;top:-60px;background:var(--ink);color:#fff;padding:10px 16px;z-index:9999}.skip-link:focus{top:14px}.site-header{position:sticky;top:0;z-index:1000;padding:10px 18px;transition:.25s ease}.site-header.is-scrolled{padding-top:6px}.header-shell{position:relative;max-width:1536px;margin:auto;min-height:76px;padding:0 26px;background:rgba(255,255,255,.97);border:1px solid rgba(7,90,74,.1);border-radius:8px;box-shadow:0 8px 28px rgba(17,24,23,.08);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.brand{display:flex;min-width:238px;flex-direction:column;align-items:center;padding-right:26px;border-right:1px solid #CCD8D4}.brand-name{font-size:32px;letter-spacing:.22em;line-height:1;font-weight:500}.brand-tagline{font-family:Parisienne,cursive;color:var(--primary);font-size:22px;line-height:1.25;margin-top:4px}.primary-nav{display:flex;align-items:center;justify-content:center;gap:34px;font-size:15px}.primary-nav>a,.nav-trigger{position:relative;padding:25px 0;border:0;background:none;color:var(--ink);cursor:pointer;font-weight:500}.primary-nav>a:hover,.nav-trigger:hover,.nav-trigger[aria-expanded=true]{color:var(--primary)}.primary-nav>a[aria-current=page]::after,.nav-trigger[aria-expanded=true]::after{content:"";position:absolute;left:0;right:0;bottom:16px;height:3px;background:var(--primary)}.nav-group{position:static}.mega-menu{position:absolute;left:158px;right:158px;top:calc(100% + 2px);padding:18px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);display:none;grid-template-columns:290px repeat(3,1fr);gap:0}.nav-group.is-open .mega-menu{display:grid}.mega-visual{position:relative;border-radius:8px;overflow:hidden;background:var(--surface);min-height:280px}.mega-visual img{width:100%;height:100%;object-fit:cover}.mega-visual span{position:absolute;left:18px;bottom:16px;background:rgba(17,24,23,.86);color:#fff;padding:8px 12px;border-radius:7px;font-size:12px}.mega-col{padding:10px 28px;border-left:1px solid var(--line)}.mega-col h2{font-size:17px;margin:0 0 18px}.mega-col a{display:flex;justify-content:space-between;gap:18px;padding:10px 0;color:#24302E;font-size:14px}.mega-col a:hover{color:var(--primary)}.mega-col .mega-all{margin-top:8px;color:var(--primary);font-weight:600}.locations-menu{grid-template-columns:repeat(3,1fr);left:420px}.header-actions{display:flex;align-items:center;gap:14px}.quote-btn{background:var(--primary);color:#fff;padding:13px 22px;border-radius:9px;font-weight:500;white-space:nowrap}.quote-btn:hover{background:var(--primary-2)}.wa-btn{display:grid;place-items:center;width:42px;height:42px}.wa-btn svg{width:32px;height:32px;fill:var(--primary)}.menu-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:9px}.menu-toggle span:not(.sr-only){display:block;height:2px;background:var(--ink);margin:6px 0}.hero{min-height:690px;position:relative;overflow:hidden;background:linear-gradient(135deg,#F7FAF9 0%,#EDF4F1 60%,#F5F1FA 100%)}.hero-grid{min-height:690px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;position:relative;z-index:2}.hero-copy{max-width:720px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--primary);font-weight:700;margin:0 0 12px}.hero h1,.inner-hero h1{font-size:clamp(44px,6vw,84px);line-height:1.03;letter-spacing:-.035em;margin:0 0 24px}.hero-lead,.inner-hero p{font-size:18px;color:#44514E;max-width:760px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:9px;font-weight:600}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-2)}.btn-ghost{border:1px solid #B8C6C1;background:rgba(255,255,255,.55)}.btn-invert{background:#fff;color:var(--primary)}.hero-proof{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:38px;color:#42504D;font-size:13px}.hero-proof span::before{content:"✓";color:var(--primary);font-weight:700;margin-right:7px}.hero-card{position:relative;background:#0E2C27;color:#fff;border-radius:22px;padding:34px;min-height:390px;box-shadow:var(--shadow);overflow:hidden}.hero-card::before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,transparent 0 48%,rgba(92,61,136,.38) 48.2% 66%,transparent 66.2%)}.hero-card-top{position:relative;z-index:2}.hero-card-top span{font-family:Parisienne,cursive;color:#BBDACD;font-size:34px;display:block}.hero-card-top strong{font-size:46px;line-height:1}.scope-grid{position:absolute;z-index:2;left:34px;right:34px;bottom:34px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.18)}.scope-grid span{padding:14px;background:#123A32}.hero-art .arch-line{position:absolute;border:1px solid rgba(7,90,74,.12);transform:rotate(-9deg)}.arch-line.one{width:620px;height:620px;border-radius:50%;right:-180px;top:-160px}.arch-line.two{width:480px;height:480px;border-radius:50%;right:-90px;top:-80px}.arch-block{position:absolute;width:340px;height:580px;right:9%;top:90px;border:1px solid rgba(92,61,136,.18);transform:rotate(8deg)}.section{padding:92px 0}.section-tint{background:var(--surface)}.section h2{font-size:clamp(30px,4vw,52px);line-height:1.12;letter-spacing:-.025em;margin:0 0 22px}.section-lead{font-size:18px;color:#4A5754}.max-760{max-width:760px}.text-link{display:inline-block;margin-top:15px;color:var(--primary);font-weight:600}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.service-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;min-height:240px;transition:.2s}.service-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(17,24,23,.08);border-color:#AAC7BC}.service-index{font-size:12px;color:var(--secondary);font-weight:700}.service-card h3{font-size:20px;margin:30px 0 10px}.service-card p{font-size:14px;color:var(--muted)}.card-link{font-size:13px;color:var(--primary);font-weight:600}.coverage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.coverage-card{border-top:3px solid var(--primary);padding:24px 0}.coverage-card h3{font-size:20px}.coverage-card p,.coverage-card li{color:var(--muted);font-size:14px}.coverage-card ul{padding-left:18px}.process-section{background:#101817;color:#fff}.process-section .section-kicker{color:#8FD0B8}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#31413D;margin-top:36px}.process-step{background:#101817;padding:30px}.process-step>span{color:#8FD0B8;font-weight:700}.process-step h3{font-size:19px}.process-step p{color:#B9C5C1;font-size:14px}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.link-grid a{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);border-radius:10px;background:#fff}.link-grid span{font-size:13px;color:var(--muted)}.faq-list{border-top:1px solid var(--line);margin-top:30px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list summary{cursor:pointer;font-weight:600}.faq-list p{color:var(--muted)}.cta-panel{background:linear-gradient(125deg,var(--primary),#12392F 68%,var(--secondary));color:#fff;padding:60px;border-radius:18px}.cta-panel .section-kicker{color:#D5EFE5}.cta-panel h2{max-width:760px}.cta-panel p{max-width:740px;color:#E0ECE8}.inner-hero{padding:110px 0 80px;background:linear-gradient(135deg,#F5F8F7,#F2F0F8)}.inner-hero h1{max-width:900px}.inner-hero .btn{margin-top:18px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:64px}.outline-section{padding:12px 0 44px;border-bottom:1px solid var(--line)}.outline-section h2{font-size:34px}.outline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.outline-grid>div{padding:18px;background:var(--surface);border-radius:10px}.outline-grid h3{font-size:17px;margin:0 0 8px}.outline-grid p{font-size:13px;color:var(--muted);margin:0}.outline-grid code{font-size:12px}.content-aside{position:relative}.aside-card{position:sticky;top:110px;padding:26px;background:#EEF4F2;border:1px solid var(--line);border-radius:12px}.aside-card span{font-size:12px;color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.aside-card h2{font-size:28px;margin:8px 0}.aside-card p{color:var(--muted);font-size:14px}.site-footer{background:#0F1716;color:#fff;padding:70px 0 26px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:50px}.footer-brand{font-size:30px;letter-spacing:.2em}.footer-script{font-family:Parisienne,cursive;color:#8FD0B8;font-size:25px}.footer-grid p{color:#A9B5B2;max-width:360px}.footer-grid h2{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:#C8D3D0}.footer-grid a{display:block;color:#A9B5B2;margin:8px 0;font-size:14px}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid #26322F;margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#7F8F8A;font-size:12px}.footer-bottom nav{display:flex;gap:18px}
@media(max-width:1180px){.primary-nav{gap:20px}.header-shell{padding-inline:18px}.brand{min-width:195px}.brand-name{font-size:27px}.mega-menu{left:40px;right:40px}.locations-menu{left:280px}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){.site-header{padding:8px}.header-shell{grid-template-columns:auto auto;justify-content:space-between;min-height:68px}.brand{min-width:auto;border:0;padding-right:0;align-items:flex-start}.brand-name{font-size:24px}.brand-tagline{font-size:18px}.menu-toggle{display:block}.header-actions{display:none}.primary-nav{position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:12px;display:none;align-items:stretch;flex-direction:column;gap:0}.primary-nav.is-open{display:flex}.primary-nav>a,.nav-trigger{display:block;width:100%;text-align:left;padding:12px;border-bottom:1px solid #EEF2F0}.primary-nav>a[aria-current=page]::after,.nav-trigger[aria-expanded=true]::after{display:none}.mega-menu,.locations-menu{position:static;box-shadow:none;border:0;border-radius:0;padding:8px 0;grid-template-columns:1fr;display:none}.nav-group.is-open .mega-menu{display:grid}.mega-visual{display:none}.mega-col{border-left:0;padding:8px 12px}.mega-col h2{margin-top:8px}.hero-grid{grid-template-columns:1fr;gap:20px;padding:80px 0}.hero-card{min-height:320px}.service-grid,.coverage-grid,.process-grid,.link-grid{grid-template-columns:1fr 1fr}.content-layout{grid-template-columns:1fr}.content-aside{display:none}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:min(calc(100% - 28px),var(--container))}.hero{min-height:auto}.hero-grid{min-height:auto;padding:68px 0}.hero h1,.inner-hero h1{font-size:42px}.hero-card{min-height:290px}.section{padding:64px 0}.service-grid,.coverage-grid,.process-grid,.link-grid,.outline-grid{grid-template-columns:1fr}.cta-panel{padding:34px 24px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.footer-bottom nav{flex-wrap:wrap}.site-header{position:sticky}.header-shell{border-radius:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* =========================================================
   v2 — Tajdid logo, smoother navigation, photography, footer
   ========================================================= */
.brand.brand-image{min-width:124px;width:124px;height:92px;padding:6px 24px 6px 0;justify-content:center;border-right:1px solid #CCD8D4;overflow:hidden}
.brand.brand-image img{width:92px;height:auto;max-height:82px;object-fit:contain}
.header-shell{min-height:92px}
.nav-trigger .nav-chevron{display:inline-block;margin-left:5px;transition:transform .28s cubic-bezier(.22,.61,.36,1)}
.nav-trigger[aria-expanded="true"] .nav-chevron{transform:rotate(180deg)}

/* Desktop mega menus remain in the render tree so opacity/transform can animate. */
@media(min-width:961px){
  .mega-menu{display:grid;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px) scale(.985);transform-origin:top center;transition:opacity .24s ease,transform .32s cubic-bezier(.22,.61,.36,1),visibility 0s linear .32s;will-change:opacity,transform}
  .nav-group.is-open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}
  .mega-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:14px}
}

.mega-visual{display:block;isolation:isolate}
.mega-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,24,21,.62),transparent 55%);pointer-events:none}
.mega-visual img{transition:transform .55s cubic-bezier(.22,.61,.36,1);filter:saturate(.92) contrast(1.02)}
.mega-visual:hover img{transform:scale(1.035)}
.mega-visual span{z-index:2}
.mega-col a{transition:color .18s ease,transform .18s ease}
.mega-col a:hover{transform:translateX(3px)}
.quote-btn{transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.quote-btn:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(7,90,74,.18)}

.home-hero{background:linear-gradient(135deg,#F7FAF9 0%,#EEF4F2 64%,#F2EEF8 100%)}
.hero-grid{grid-template-columns:1fr 1fr;gap:58px}
.hero-media{position:relative;margin:0;min-height:500px;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(17,24,23,.15);background:#E8EEEC}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(9,27,23,.62) 0,rgba(9,27,23,.05) 45%,transparent 70%);pointer-events:none}
.hero-media img{width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center;transform:scale(1.005)}
.hero-media figcaption{position:absolute;z-index:2;left:26px;right:26px;bottom:24px;color:#fff;display:flex;flex-direction:column;gap:2px}
.hero-media figcaption strong{font-size:18px}
.hero-media figcaption span{font-size:12px;letter-spacing:.05em;color:#DCE8E4}

.service-card{padding:0 0 24px;overflow:hidden}
.service-card-media{display:block;height:155px;overflow:hidden;background:#E8EEEC;margin-bottom:22px}
.service-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.service-card:hover .service-card-media img{transform:scale(1.045)}
.service-card>.service-index,.service-card>h3,.service-card>p,.service-card>.card-link{margin-left:24px;margin-right:24px}
.service-card h3{margin-top:22px}

.inner-hero{padding:78px 0;background:linear-gradient(135deg,#F5F8F7,#F2F0F8)}
.inner-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:58px;align-items:center}
.inner-hero-copy{max-width:760px}
.inner-hero-media{margin:0;border-radius:20px;overflow:hidden;min-height:390px;box-shadow:0 20px 55px rgba(17,24,23,.12);background:#E8EEEC}
.inner-hero-media img{width:100%;height:100%;min-height:390px;object-fit:cover}

.site-footer{background:#0D1514;color:#fff;padding:74px 0 24px}
.footer-main{display:grid;grid-template-columns:1.45fr repeat(4,minmax(0,1fr));gap:42px}
.footer-brand-block{padding-right:22px}
.footer-logo{display:block;width:156px;margin-bottom:18px}
.footer-logo img{width:100%;height:auto}
.footer-brand-block p{color:#A9B7B3;font-size:14px;max-width:330px;margin:0 0 18px}
.footer-email{display:inline-block;color:#E7EFEC;font-size:13px;margin:0 0 8px;word-break:break-word}
.footer-cta{display:block;margin-top:12px;color:#9DDFC4;font-weight:600;font-size:13px}
.footer-column h2{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#D9E4E0;margin:4px 0 18px}
.footer-column a{display:block;color:#9EADA9;font-size:13px;margin:10px 0;transition:color .18s ease,transform .18s ease}
.footer-column a:hover{color:#fff;transform:translateX(2px)}
.footer-bottom{border-top:1px solid #26322F;margin-top:54px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#7F8F8A;font-size:12px}
.footer-bottom nav{display:flex;gap:18px;flex-wrap:wrap}
.footer-bottom a:hover{color:#fff}

@media(max-width:1180px) and (min-width:961px){
  .primary-nav{gap:20px;font-size:14px}.header-shell{gap:18px;padding:0 18px}.quote-btn{padding:12px 16px}.brand.brand-image{width:108px;min-width:108px;padding-right:16px}.brand.brand-image img{width:82px}.mega-menu{left:70px;right:70px}.locations-menu{left:300px}.footer-main{grid-template-columns:1.4fr repeat(2,1fr)}
}

@media(max-width:960px){
  .header-shell{min-height:72px}
  .brand.brand-image{width:92px;min-width:92px;height:68px;padding:3px 0;border:0;align-items:flex-start}
  .brand.brand-image img{width:72px;max-height:62px}
  .primary-nav{display:flex;opacity:0;visibility:hidden;pointer-events:none;max-height:0;overflow:auto;transform:translateY(-8px);transition:max-height .38s cubic-bezier(.22,.61,.36,1),opacity .22s ease,transform .28s ease,visibility 0s linear .38s}
  .primary-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;max-height:calc(100vh - 92px);transform:translateY(0);transition-delay:0s}
  .mega-menu,.locations-menu{display:grid;max-height:0;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;padding-top:0;padding-bottom:0;transition:max-height .42s cubic-bezier(.22,.61,.36,1),opacity .22s ease,padding .25s ease,visibility 0s linear .42s}
  .nav-group.is-open .mega-menu{max-height:1200px;opacity:1;visibility:visible;pointer-events:auto;padding-top:8px;padding-bottom:8px;transition-delay:0s}
  .hero-grid{grid-template-columns:1fr;gap:34px}.hero-media{min-height:390px}.hero-media img{min-height:390px}
  .inner-hero-grid{grid-template-columns:1fr}.inner-hero-media{min-height:330px}.inner-hero-media img{min-height:330px}
  .footer-main{grid-template-columns:1fr 1fr 1fr}.footer-brand-block{grid-column:1/-1;max-width:560px}
}

@media(max-width:640px){
  .hero-media{min-height:300px;border-radius:16px}.hero-media img{min-height:300px}
  .inner-hero{padding:58px 0}.inner-hero-media{min-height:260px;border-radius:14px}.inner-hero-media img{min-height:260px}
  .service-card-media{height:190px}
  .footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-brand-block{grid-column:1/-1}.footer-bottom{flex-direction:column}.footer-logo{width:138px}
}

@media(max-width:430px){.footer-main{grid-template-columns:1fr}.footer-brand-block{grid-column:auto}}

@media(prefers-reduced-motion:reduce){.mega-menu,.primary-nav,.nav-chevron,.service-card-media img,.mega-visual img{transition:none!important;transform:none!important}}

/* =========================================================
   Homepage hero v6 — full-width background + real SEO H1 + transparent home layer
   Visual order: background -> real HTML H1 -> foreground home -> DB copy/CTAs.
   ========================================================= */
.home-hero-layered{
  position:relative;
  isolation:isolate;
  width:100%;
  height:clamp(720px,calc(100svh - 110px),920px);
  min-height:720px;
  margin:clamp(18px,1.5vw,26px) 0 0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#E7ECEA;
  box-shadow:none;
}
.home-hero-background{
  position:absolute;
  inset:0;
  z-index:0;
  margin:0;
  pointer-events:none;
}
.home-hero-background img{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center center;
}
.home-hero-wash{
  position:absolute;
  inset:0;
  z-index:.5;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(248,250,249,.04) 0%,rgba(242,246,244,.025) 50%,rgba(236,242,240,.08) 100%);
}
.home-hero-title{
  position:absolute;
  z-index:1;
  top:clamp(54px,4vw,74px);
  left:2%;
  right:2%;
  margin:0;
  color:rgba(42,54,72,.31);
  font-family:Poppins,Arial,sans-serif;
  font-weight:800;
  line-height:.82;
  text-transform:uppercase;
  pointer-events:auto;
  cursor:text;
  user-select:text;
  -webkit-user-select:text;
  mix-blend-mode:multiply;
}
.home-hero-title-line{
  display:block;
  white-space:nowrap;
  text-align:center;
}
.home-hero-title-line-1{
  font-size:clamp(88px,8.7vw,166px);
  letter-spacing:-.058em;
}
.home-hero-title-line-2{
  margin-top:.015em;
  font-size:clamp(154px,16.2vw,292px);
  letter-spacing:-.075em;
  line-height:.72;
}
.home-hero-house{
  position:absolute;
  z-index:2;
  right:1.5%;
  bottom:-1.8%;
  width:min(82vw,1210px);
  max-width:none;
  margin:0;
  pointer-events:none;
}
.home-hero-house img{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  filter:drop-shadow(0 25px 30px rgba(15,25,22,.12));
}
.home-hero-content{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
}
.home-hero-content::before{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:min(42%,660px);
  height:54%;
  background:linear-gradient(90deg,rgba(238,244,242,.92) 0%,rgba(238,244,242,.76) 48%,rgba(238,244,242,.18) 78%,transparent 100%);
  pointer-events:none;
}
.home-hero-copy{
  position:absolute;
  left:clamp(34px,4.2vw,76px);
  bottom:clamp(34px,4.3vw,68px);
  width:min(360px,25vw);
  color:var(--ink);
  pointer-events:auto;
}
.home-hero-eyebrow{
  margin:0 0 8px;
  color:var(--primary);
  font-family:Parisienne,cursive;
  font-size:clamp(25px,1.9vw,33px);
  font-weight:400;
  line-height:1.08;
}
.home-hero-lead{
  margin:0;
  color:#263532;
  font-size:clamp(13px,.93vw,15px);
  line-height:1.72;
  text-wrap:pretty;
}
.home-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:19px;
}
.home-hero-primary,
.home-hero-secondary{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:9px;
  font-size:12px;
  font-weight:600;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.home-hero-primary{
  color:#fff;
  background:var(--primary);
  border:1px solid var(--primary);
  box-shadow:0 10px 26px rgba(7,90,74,.18);
}
.home-hero-primary:hover{
  transform:translateY(-2px);
  background:var(--primary-2);
}
.home-hero-secondary{
  color:#17211F;
  background:rgba(255,255,255,.64);
  border:1px solid rgba(23,33,31,.28);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.home-hero-secondary:hover{
  transform:translateY(-2px);
  background:#fff;
  border-color:rgba(23,33,31,.42);
}
.home-hero-proof{
  display:flex;
  flex-wrap:wrap;
  gap:7px 14px;
  margin-top:14px;
  color:#4D5B57;
  font-size:10.5px;
}
.home-hero-proof span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.home-hero-proof span::before{
  content:"";
  width:5px;
  height:5px;
  flex:0 0 5px;
  border-radius:50%;
  background:var(--primary);
}

@media(max-width:1180px){
  .home-hero-layered{
    height:clamp(690px,78svh,840px);
    min-height:690px;
  }
  .home-hero-title{
    top:clamp(50px,4vw,68px);
  }
  .home-hero-title-line-1{
    font-size:clamp(78px,8.7vw,126px);
  }
  .home-hero-title-line-2{
    font-size:clamp(126px,16vw,210px);
  }
  .home-hero-house{
    right:0;
    width:min(82vw,1210px);
  }
  .home-hero-copy{
    width:min(340px,31vw);
  }
}

@media(max-width:960px){
  .home-hero-layered{
    width:100%;
    height:760px;
    min-height:760px;
    margin-top:18px;
  }
  .home-hero-background img{
    object-position:52% center;
  }
  .home-hero-title{
    top:52px;
    left:2%;
    right:2%;
  }
  .home-hero-title-line-1{
    font-size:clamp(64px,11.5vw,104px);
  }
  .home-hero-title-line-2{
    font-size:clamp(108px,19vw,172px);
  }
  .home-hero-house{
    right:-12%;
    bottom:82px;
    width:106%;
  }
  .home-hero-content::before{
    width:56%;
    height:47%;
  }
  .home-hero-copy{
    left:28px;
    bottom:26px;
    width:min(390px,45vw);
  }
}

@media(max-width:720px){
  .home-hero-layered{
    width:100%;
    height:770px;
    min-height:770px;
    margin-top:14px;
  }
  .home-hero-background img{
    object-position:56% center;
  }
  .home-hero-title{
    top:36px;
    left:3%;
    right:3%;
  }
  .home-hero-title-line{
    text-align:center;
  }
  .home-hero-title-line-1{
    font-size:clamp(42px,11.8vw,74px);
    letter-spacing:-.048em;
  }
  .home-hero-title-line-2{
    margin-top:.035em;
    font-size:clamp(76px,22vw,132px);
    letter-spacing:-.07em;
  }
  .home-hero-house{
    right:-30%;
    bottom:214px;
    width:145%;
  }
  .home-hero-content::before{
    width:100%;
    height:43%;
    background:linear-gradient(0deg,rgba(238,244,242,.98) 0%,rgba(238,244,242,.91) 58%,rgba(238,244,242,.22) 88%,transparent 100%);
  }
  .home-hero-copy{
    left:20px;
    right:20px;
    bottom:20px;
    width:auto;
  }
  .home-hero-eyebrow{
    font-size:25px;
  }
  .home-hero-lead{
    max-width:660px;
    font-size:13.5px;
    line-height:1.58;
  }
  .home-hero-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
    margin-top:15px;
  }
  .home-hero-primary,
  .home-hero-secondary{
    width:100%;
  }
  .home-hero-proof{
    gap:6px 10px;
    margin-top:12px;
  }
}

@media(max-width:420px){
  .home-hero-layered{
    height:730px;
    min-height:730px;
  }
  .home-hero-title-line-1{
    font-size:clamp(38px,11.6vw,56px);
  }
  .home-hero-title-line-2{
    font-size:clamp(66px,21vw,96px);
  }
  .home-hero-house{
    right:-38%;
    bottom:238px;
    width:156%;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-hero-primary,
  .home-hero-secondary{
    transition:none!important;
    transform:none!important;
  }
}

/* Homepage DB-driven Sales CTA actions */
.home-contact-panel{
  position:relative;
  overflow:hidden;
}
.home-sales-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
  align-items:center;
}
.home-sales-cta{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 19px;
  border-radius:9px;
  font-size:13px;
  font-weight:600;
  border:1px solid rgba(255,255,255,.42);
  transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.home-sales-cta:hover{
  transform:translateY(-2px);
}
.home-sales-cta-call,
.home-sales-cta-email{
  color:#fff;
  background:rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
.home-sales-cta-call:hover,
.home-sales-cta-email:hover{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.68);
}
.home-sales-cta-whatsapp{
  color:#0F1716;
  background:#D9F6E8;
  border-color:#D9F6E8;
}
.home-sales-cta-whatsapp:hover{
  background:#ECFBF4;
  border-color:#ECFBF4;
}
.home-sales-cta-quote{
  color:var(--primary);
  background:#fff;
  border-color:#fff;
  box-shadow:0 10px 25px rgba(0,0,0,.12);
}
.home-sales-cta-quote:hover{
  background:#F3F7F5;
}
@media(max-width:640px){
  .home-sales-cta-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .home-sales-cta{
    width:100%;
  }
}
@media(max-width:420px){
  .home-sales-cta-actions{
    grid-template-columns:1fr;
  }
}

/* v14 — DB-driven Sales CTAs inside the homepage hero */
.home-hero-contact-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  width:min(100%,350px);
  margin-top:18px;
}
.home-hero-contact{
  min-height:44px;
  width:100%;
  padding:9px 12px;
  border-radius:8px;
  font-size:11.5px;
  font-weight:650;
  line-height:1.2;
  white-space:nowrap;
  border:1px solid rgba(17,24,23,.24);
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.home-hero-contact:hover{transform:translateY(-2px)}
.home-hero-call,.home-hero-email{
  color:#17211F;
  background:rgba(255,255,255,.76);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.home-hero-call:hover,.home-hero-email:hover{background:#fff;border-color:rgba(7,90,74,.42)}
.home-hero-whatsapp{
  color:#075A4A;
  background:rgba(232,247,241,.92);
  border-color:rgba(7,90,74,.28);
}
.home-hero-whatsapp:hover{background:#F4FCF8;border-color:rgba(7,90,74,.52)}
.home-hero-quote{
  color:#fff;
  background:var(--primary);
  border-color:var(--primary);
  box-shadow:0 10px 24px rgba(7,90,74,.18);
}
.home-hero-quote:hover{background:var(--primary-2);border-color:var(--primary-2)}
@media(max-width:720px){
  .home-hero-contact-actions{grid-template-columns:1fr 1fr;width:100%;}
  .home-hero-contact{min-height:43px;font-size:11.5px;}
}
@media(max-width:420px){
  .home-hero-contact-actions{grid-template-columns:1fr 1fr;gap:8px;}
  .home-hero-contact{padding:8px 9px;font-size:10.8px;}
}


/* =========================================================
   v3 — full-width, rich-link footer
   ========================================================= */
.site-footer{padding:0;background:#0D1514;color:#fff}
.site-footer .footer-shell{width:100%;padding:64px clamp(24px,3.6vw,72px) 24px;margin:0 auto}
.footer-intro{display:grid;grid-template-columns:minmax(420px,1.35fr) auto;gap:48px;align-items:end;padding-bottom:38px;border-bottom:1px solid #26322F}
.footer-brand-block{display:flex;align-items:center;gap:28px;padding:0;max-width:900px}
.footer-logo{display:block;width:128px;min-width:128px;margin:0}
.footer-logo img{width:100%;height:auto}
.footer-brand-copy{min-width:0}
.footer-brand-block p{color:#AFBBB7;font-size:14px;line-height:1.75;max-width:660px;margin:0 0 14px}
.footer-contact-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.footer-email{display:inline-block;color:#F2F6F4;font-size:13px;margin:0;word-break:break-word}
.footer-cta{display:inline-block;margin:0;color:#9DDFC4;font-weight:600;font-size:13px}
.footer-intro-links{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.footer-intro-links a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid #31403C;border-radius:7px;color:#C3CECA;font-size:12px;transition:border-color .18s ease,color .18s ease,background .18s ease}
.footer-intro-links a:hover{color:#fff;border-color:#537067;background:#14211F}
.footer-links-grid{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));gap:34px 28px;padding:44px 0 46px}
.footer-column{min-width:0}
.footer-column h2{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#E2EAE7;margin:0 0 18px;font-weight:600}
.footer-column a{display:block;color:#9FADA9;font-size:12.5px;line-height:1.5;margin:9px 0;transition:color .18s ease,transform .18s ease}
.footer-column a:hover{color:#fff;transform:translateX(2px)}
.footer-bottom{border-top:1px solid #26322F;margin:0;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#7F8F8A;font-size:11px}
.footer-bottom nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.footer-bottom a{color:#8D9B97}
.footer-bottom a:hover{color:#fff}

@media(max-width:1360px){
  .footer-links-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:38px 34px}
  .footer-company-column{grid-column:auto}
}
@media(max-width:980px){
  .site-footer .footer-shell{padding:54px 30px 24px}
  .footer-intro{grid-template-columns:1fr;gap:26px;align-items:start}
  .footer-intro-links{justify-content:flex-start}
  .footer-links-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 30px}
}
@media(max-width:700px){
  .site-footer .footer-shell{padding:46px 22px 22px}
  .footer-brand-block{align-items:flex-start;gap:20px}
  .footer-logo{width:100px;min-width:100px}
  .footer-links-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px;padding:38px 0}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .footer-bottom nav{justify-content:flex-start}
}
@media(max-width:440px){
  .footer-brand-block{display:block}
  .footer-logo{width:112px;margin-bottom:18px}
  .footer-links-grid{grid-template-columns:1fr;gap:28px}
  .footer-column h2{margin-bottom:12px}
}


/* =========================================================
   v15 — upward curved trust / review-platform marquee
   ========================================================= */
.trust-orbit-section{
  --trust-card-w:210px;
  --trust-card-h:176px;
  --trust-gap:24px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:54px 0 28px;
  background:
    radial-gradient(circle at 50% 125%,rgba(7,90,74,.11),transparent 45%),
    linear-gradient(180deg,#F7F9F8 0%,#EEF3F1 100%);
  border-top:1px solid rgba(17,24,23,.06);
  border-bottom:1px solid rgba(17,24,23,.06);
}
.trust-orbit-section::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  bottom:-360px;
  width:min(1320px,92vw);
  height:560px;
  transform:translateX(-50%);
  border:1px solid rgba(7,90,74,.10);
  border-radius:50%;
  pointer-events:none;
}
.trust-orbit-copy{
  position:relative;
  z-index:4;
  width:min(1180px,calc(100% - 48px));
  margin:0 auto 22px;
  text-align:center;
}
.trust-orbit-eyebrow{
  margin:0 0 7px;
  color:var(--primary);
  font-family:"Parisienne",cursive;
  font-size:26px;
  line-height:1.1;
}
.trust-orbit-copy h2{
  max-width:850px;
  margin:0 auto;
  color:#111817;
  font-size:clamp(23px,2.2vw,34px);
  line-height:1.18;
  letter-spacing:-.035em;
  font-weight:650;
}
.trust-orbit-copy>p:not(.trust-orbit-eyebrow){
  max-width:720px;
  margin:9px auto 0;
  color:#66726F;
  font-size:12.5px;
  line-height:1.6;
}
.trust-orbit-stage{
  position:relative;
  width:100%;
  height:260px;
  overflow:hidden;
  touch-action:pan-y;
}
.trust-orbit-stage::before,
.trust-orbit-stage::after{
  content:"";
  position:absolute;
  z-index:5;
  top:0;
  bottom:0;
  width:clamp(48px,8vw,160px);
  pointer-events:none;
}
.trust-orbit-stage::before{
  left:0;
  background:linear-gradient(90deg,#F2F6F4 0%,rgba(242,246,244,.82) 35%,rgba(242,246,244,0) 100%);
}
.trust-orbit-stage::after{
  right:0;
  background:linear-gradient(270deg,#F2F6F4 0%,rgba(242,246,244,.82) 35%,rgba(242,246,244,0) 100%);
}
.trust-orbit-track{
  position:absolute;
  left:0;
  bottom:8px;
  display:flex;
  align-items:flex-end;
  gap:var(--trust-gap);
  width:max-content;
  will-change:transform;
}
.trust-orbit-sequence{
  display:flex;
  align-items:flex-end;
  gap:var(--trust-gap);
  flex:none;
}
.trust-orbit-card{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  flex:none;
  width:var(--trust-card-w);
  height:var(--trust-card-h);
  padding:20px;
  overflow:hidden;
  color:#111817;
  text-decoration:none;
  background:rgba(255,255,255,.90);
  border:1px solid rgba(17,24,23,.09);
  border-radius:22px;
  box-shadow:0 18px 45px rgba(17,24,23,.10);
  transform:translate3d(0,var(--trust-curve-y,0px),0) rotate(var(--trust-curve-rot,0deg)) scale(var(--trust-curve-scale,1));
  transform-origin:50% 100%;
  will-change:transform;
  transition:box-shadow .24s ease,border-color .24s ease,filter .24s ease;
}
.trust-orbit-card:hover,
.trust-orbit-card:focus-visible{
  z-index:6;
  border-color:color-mix(in srgb,var(--trust-brand),transparent 58%);
  box-shadow:0 24px 60px rgba(17,24,23,.16);
  filter:saturate(1.04);
  outline:none;
}
.trust-orbit-card-glow{
  position:absolute;
  width:150px;
  height:150px;
  right:-52px;
  top:-64px;
  border-radius:50%;
  background:color-mix(in srgb,var(--trust-brand),transparent 82%);
  filter:blur(2px);
  pointer-events:none;
}
.trust-orbit-logo-wrap{
  position:absolute;
  left:20px;
  top:18px;
  display:grid;
  place-items:center;
  width:70px;
  height:70px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(17,24,23,.07);
  box-shadow:0 8px 22px rgba(17,24,23,.07);
}
.trust-orbit-logo-wrap img{
  width:46px;
  height:46px;
  object-fit:contain;
}
.trust-orbit-card-copy{
  position:relative;
  z-index:2;
  display:block;
  min-width:0;
}
.trust-orbit-card-copy strong{
  display:block;
  color:#111817;
  font-size:15px;
  line-height:1.3;
  font-weight:650;
  letter-spacing:-.015em;
}
.trust-orbit-card-copy span{
  display:block;
  margin-top:5px;
  color:#72807C;
  font-size:11px;
}
.trust-orbit-arrow{
  position:absolute;
  right:18px;
  bottom:18px;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  color:var(--trust-brand);
  background:color-mix(in srgb,var(--trust-brand),white 90%);
  font-size:14px;
  font-weight:600;
}
.trust-orbit-section.is-paused .trust-orbit-card{transition:transform .18s ease,box-shadow .24s ease,border-color .24s ease,filter .24s ease}

@media(max-width:900px){
  .trust-orbit-section{--trust-card-w:188px;--trust-card-h:158px;--trust-gap:18px;padding-top:44px}
  .trust-orbit-stage{height:228px}
  .trust-orbit-logo-wrap{width:62px;height:62px;border-radius:16px}
  .trust-orbit-logo-wrap img{width:40px;height:40px}
}
@media(max-width:640px){
  .trust-orbit-section{--trust-card-w:164px;--trust-card-h:142px;--trust-gap:14px;padding:38px 0 20px}
  .trust-orbit-copy{width:min(100% - 32px,640px);margin-bottom:14px}
  .trust-orbit-eyebrow{font-size:23px}
  .trust-orbit-copy h2{font-size:22px}
  .trust-orbit-copy>p:not(.trust-orbit-eyebrow){font-size:11.5px}
  .trust-orbit-stage{height:204px}
  .trust-orbit-card{padding:15px;border-radius:18px}
  .trust-orbit-logo-wrap{left:15px;top:14px;width:54px;height:54px;border-radius:14px}
  .trust-orbit-logo-wrap img{width:34px;height:34px}
  .trust-orbit-card-copy strong{font-size:13px}
  .trust-orbit-card-copy span{font-size:10px}
  .trust-orbit-arrow{right:13px;bottom:13px;width:24px;height:24px;font-size:12px}
  .trust-orbit-stage::before,.trust-orbit-stage::after{width:36px}
}
@media(prefers-reduced-motion:reduce){
  .trust-orbit-stage{overflow-x:auto;scrollbar-width:none}
  .trust-orbit-stage::-webkit-scrollbar{display:none}
  .trust-orbit-track{position:relative;bottom:auto;transform:none!important;padding:32px 18px 18px}
  .trust-orbit-sequence[aria-hidden="true"]{display:none}
  .trust-orbit-card{transform:none!important}
}

/* =========================================================
   v18 — homepage About / Tajdid introduction (aligned + guaranteed local media)
   ========================================================= */
.about-intro-section{
  position:relative;
  overflow:hidden;
  background:#fff;
  padding:clamp(76px,8vw,126px) 0 clamp(86px,9vw,138px);
  border-bottom:1px solid rgba(17,24,23,.06);
}
.about-intro-section::before{
  content:"";
  position:absolute;
  left:-10vw;
  top:14%;
  width:34vw;
  height:34vw;
  max-width:620px;
  max-height:520px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(7,90,74,.055),rgba(7,90,74,0) 68%);
  pointer-events:none;
}
.about-intro-shell{
  position:relative;
  z-index:1;
  width:min(calc(100% - 40px),1536px);
  max-width:1536px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(450px,.9fr) minmax(600px,1.1fr);
  gap:clamp(48px,5vw,82px);
  align-items:center;
}
.about-intro-copy{
  max-width:600px;
  opacity:1;
  transform:none;
  transition:opacity .78s cubic-bezier(.2,.75,.2,1),transform .88s cubic-bezier(.16,1,.3,1);
}
.about-intro-eyebrow{
  margin:0 0 13px;
  color:#075A4A;
  font-family:"Parisienne",cursive;
  font-size:clamp(27px,2.1vw,36px);
  line-height:1;
}
.about-intro-copy h2{
  margin:0;
  max-width:660px;
  color:#111817;
  font-size:clamp(32px,3.2vw,52px);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:700;
  text-wrap:balance;
}
.about-intro-text{
  margin:22px 0 0;
  max-width:590px;
  color:#66726F;
  font-size:15px;
  line-height:1.8;
}
.about-intro-text+.about-intro-text{margin-top:10px}
.about-intro-capabilities{
  display:flex;
  flex-wrap:wrap;
  gap:8px 9px;
  margin:24px 0 0;
}
.about-intro-capabilities span{
  display:inline-flex;
  align-items:center;
  min-height:33px;
  padding:7px 12px;
  border:1px solid rgba(7,90,74,.13);
  border-radius:999px;
  background:#F4F7F6;
  color:#33423E;
  font-size:11px;
  font-weight:600;
  letter-spacing:.012em;
}
.about-intro-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:18px;
  margin-top:28px;
}
.about-intro-primary{
  min-height:48px;
  padding:13px 20px;
  background:#111817;
  border-color:#111817;
  color:#fff;
  box-shadow:0 12px 30px rgba(17,24,23,.12);
}
.about-intro-primary:hover,
.about-intro-primary:focus-visible{
  background:#075A4A;
  border-color:#075A4A;
  transform:translateY(-2px);
}
.about-intro-secondary{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#075A4A;
  font-size:12px;
  font-weight:650;
  text-decoration:none;
}
.about-intro-secondary span{transition:transform .22s ease}
.about-intro-secondary:hover span,.about-intro-secondary:focus-visible span{transform:translate(3px,-2px)}

.about-intro-visual{
  position:relative;
  min-height:590px;
  opacity:1;
  transform:none;
  transition:opacity .68s .08s cubic-bezier(.2,.75,.2,1),transform .9s .08s cubic-bezier(.16,1,.3,1);
}
.about-intro-visual::before{
  content:"";
  position:absolute;
  z-index:0;
  right:4%;
  top:3%;
  width:70%;
  height:84%;
  border:1px solid rgba(92,61,136,.12);
  border-radius:30px;
  transform:rotate(2deg);
  pointer-events:none;
}
.about-intro-orbit{
  position:absolute;
  z-index:0;
  border:1px solid rgba(7,90,74,.13);
  border-radius:999px;
  pointer-events:none;
}
.about-intro-orbit-a{width:210px;height:210px;right:-54px;top:24px}
.about-intro-orbit-b{width:122px;height:122px;left:7%;bottom:40px;border-color:rgba(92,61,136,.13)}
.about-intro-photo{
  position:absolute;
  margin:0;
  overflow:hidden;
  border-radius:22px;
  background:#EEF2F0;
  box-shadow:0 28px 65px rgba(17,24,23,.13);
  border:1px solid rgba(17,24,23,.07);
  will-change:transform,opacity;
}
.about-intro-photo picture{
  display:block;
  width:100%;
  height:100%;
}
.about-intro-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.about-intro-photo-primary{
  z-index:2;
  top:0;
  left:2%;
  width:50%;
  height:76%;
  opacity:1;
  transform:none;
  transform-origin:50% 75%;
  transition:opacity .76s .16s ease,transform 1.05s .16s cubic-bezier(.16,1,.3,1);
}
.about-intro-photo-primary img{object-position:50% 42%}
.about-intro-photo-secondary{
  z-index:3;
  right:0;
  bottom:0;
  width:70%;
  height:61%;
  opacity:1;
  transform:none;
  transform-origin:50% 65%;
  transition:opacity .78s .30s ease,transform 1.08s .30s cubic-bezier(.16,1,.3,1);
}
.about-intro-photo-secondary img{object-position:50% 50%}
.about-intro-badge{
  position:absolute;
  z-index:5;
  right:4%;
  bottom:5%;
  width:min(270px,42%);
  min-height:82px;
  padding:16px 18px;
  border:1px solid rgba(17,24,23,.08);
  border-radius:17px;
  background:rgba(255,255,255,.94);
  box-shadow:0 16px 45px rgba(17,24,23,.14);
  backdrop-filter:blur(10px);
  opacity:1;
  transform:none;
  transition:opacity .58s .52s ease,transform .8s .52s cubic-bezier(.16,1,.3,1);
}
.about-intro-badge::before{
  content:"";
  display:block;
  width:35px;
  height:3px;
  margin-bottom:11px;
  border-radius:9px;
  background:#5C3D88;
}
.about-intro-badge strong{
  display:block;
  color:#111817;
  font-size:13px;
  line-height:1.3;
  font-weight:700;
}
.about-intro-badge span{
  display:block;
  margin-top:4px;
  color:#66726F;
  font-size:10.5px;
  line-height:1.5;
}
.about-intro-section.is-animate-ready:not(.is-visible) .about-intro-copy{opacity:0;transform:translate3d(-34px,18px,0)}
.about-intro-section.is-animate-ready:not(.is-visible) .about-intro-visual{opacity:0;transform:translate3d(34px,22px,0)}
.about-intro-section.is-animate-ready:not(.is-visible) .about-intro-photo-primary{opacity:0;transform:translate3d(0,56px,0) rotate(-3.5deg) scale(.96)}
.about-intro-section.is-animate-ready:not(.is-visible) .about-intro-photo-secondary{opacity:0;transform:translate3d(58px,46px,0) rotate(3deg) scale(.95)}
.about-intro-section.is-animate-ready:not(.is-visible) .about-intro-badge{opacity:0;transform:translate3d(0,25px,0) scale(.95)}

.about-intro-section.is-visible .about-intro-copy,
.about-intro-section.is-visible .about-intro-visual,
.about-intro-section.is-visible .about-intro-photo-primary,
.about-intro-section.is-visible .about-intro-photo-secondary,
.about-intro-section.is-visible .about-intro-badge{
  opacity:1;
  transform:translate3d(0,0,0) rotate(0deg) scale(1);
}
.about-intro-section.is-visible .about-intro-photo-primary:hover{transform:translate3d(0,-5px,0) rotate(-.45deg) scale(1.006)}
.about-intro-section.is-visible .about-intro-photo-secondary:hover{transform:translate3d(0,-7px,0) rotate(.35deg) scale(1.008)}

@media(max-width:1180px){
  .about-intro-shell{width:min(calc(100% - 40px),1100px);grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);gap:38px}
  .about-intro-visual{min-height:540px}
  .about-intro-copy h2{font-size:clamp(31px,4vw,45px)}
  .about-intro-photo-primary{left:1%;width:52%}
  .about-intro-photo-secondary{width:72%}
}
@media(max-width:820px){
  .about-intro-section{padding:72px 0 88px}
  .about-intro-shell{width:min(100% - 40px,760px);grid-template-columns:1fr;gap:46px}
  .about-intro-copy{max-width:650px}
  .about-intro-copy h2{max-width:680px}
  .about-intro-text{max-width:650px}
  .about-intro-visual{min-height:560px;width:min(100%,650px);margin:0 auto}
}
@media(max-width:560px){
  .about-intro-section{padding:58px 0 72px}
  .about-intro-shell{width:min(100% - 30px,520px);gap:34px}
  .about-intro-copy h2{font-size:clamp(29px,8.3vw,40px)}
  .about-intro-text{font-size:13.5px;line-height:1.72}
  .about-intro-actions{gap:14px;margin-top:24px}
  .about-intro-primary{width:100%;justify-content:center}
  .about-intro-secondary{padding:5px 0}
  .about-intro-visual{min-height:470px}
  .about-intro-photo{border-radius:18px}
  .about-intro-photo-primary{left:2%;width:58%;height:71%}
  .about-intro-photo-secondary{right:0;width:72%;height:58%}
  .about-intro-badge{right:3%;bottom:3%;width:58%;padding:13px 14px;border-radius:14px}
  .about-intro-orbit-a{width:150px;height:150px;right:-58px}
  .about-intro-orbit-b{width:90px;height:90px;left:1%;bottom:30px}
}
@media(prefers-reduced-motion:reduce){
  .about-intro-copy,
  .about-intro-visual,
  .about-intro-photo-primary,
  .about-intro-photo-secondary,
  .about-intro-badge{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}

/* ==========================================================
   Homepage: Home Renovation Services showcase (v20)
   Approved compact 5x2 icon-category layout
   ========================================================== */
.home-services-showcase{
  position:relative;
  padding:clamp(58px,5vw,84px) 0 clamp(62px,5.4vw,90px);
  background:linear-gradient(180deg,#f7faf9 0%,#f2f7f5 100%);
  overflow:hidden;
}
.home-services-shell{
  width:min(1536px,calc(100% - clamp(32px,5vw,78px)));
  margin-inline:auto;
  padding:clamp(24px,2.2vw,34px) clamp(20px,2.6vw,40px) clamp(26px,2.4vw,38px);
  border:1px solid rgba(7,90,74,.06);
  border-radius:28px;
  background:rgba(255,255,255,.72);
  box-shadow:0 22px 58px rgba(18,54,45,.065);
  backdrop-filter:blur(2px);
}
.home-services-header{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.78fr);
  gap:clamp(34px,4vw,74px);
  align-items:end;
  margin:0 8px clamp(28px,2.8vw,42px);
  opacity:0;
  transform:translateY(18px);
  transition:opacity .58s ease,transform .72s cubic-bezier(.22,1,.36,1);
}
.home-services-header.is-visible{opacity:1;transform:none}
.home-services-eyebrow{
  margin:0 0 4px;
  font-family:"Parisienne",cursive;
  font-size:clamp(30px,2.3vw,43px);
  line-height:1;
  color:#075a4a;
  text-transform:none;
  letter-spacing:0;
  font-weight:400;
}
.home-services-heading-block h2{
  margin:0;
  max-width:900px;
  font-size:clamp(31px,2.65vw,48px);
  line-height:1.05;
  letter-spacing:-.038em;
  color:#11201d;
}
.home-services-intro{
  margin:0 0 2px;
  max-width:520px;
  justify-self:end;
  font-size:clamp(14px,.95vw,17px);
  line-height:1.58;
  color:#34443f;
}
.home-services-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:clamp(16px,1.25vw,22px);
  align-items:start;
}
.home-service-card{
  min-width:0;
  opacity:0;
  transform:translateY(24px) scale(.99);
  transition:opacity .58s ease,transform .72s cubic-bezier(.22,1,.36,1);
  transition-delay:calc(var(--service-delay,0) * 55ms);
}
.home-service-card.is-visible{opacity:1;transform:none}
.home-service-card-link{
  display:block;
  color:inherit;
  text-decoration:none;
  border-radius:999px 999px 22px 22px;
  outline:none;
  transition:transform .34s cubic-bezier(.22,1,.36,1);
}
.home-service-media{
  display:block;
  position:relative;
  aspect-ratio:1.48/1;
  overflow:hidden;
  background:#dfe8e4;
  border-radius:999px 999px 0 0;
}
.home-service-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(17,24,23,0) 55%,rgba(17,24,23,.045) 100%);
  pointer-events:none;
}
.home-service-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.22,1,.36,1),filter .4s ease;
}
.home-service-meta{
  min-height:74px;
  display:grid;
  grid-template-columns:62px minmax(0,1fr) 42px;
  align-items:center;
  gap:10px;
  padding:8px 12px 8px 8px;
  margin-top:-1px;
  background:#fff;
  border:1px solid rgba(17,24,23,.07);
  border-top:0;
  border-radius:0 0 22px 22px;
  box-shadow:0 12px 30px rgba(26,52,46,.075);
  transition:box-shadow .32s ease,border-color .32s ease;
}
.home-service-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:18px 18px 18px 28px;
  background:#fff;
  color:#075a4a;
  border:1px solid rgba(7,90,74,.12);
  box-shadow:0 8px 20px rgba(7,90,74,.07);
}
.home-service-icon svg{width:29px;height:29px;display:block}
.home-service-copy{min-width:0;display:block}
.home-service-copy h3{
  margin:0;
  font-size:clamp(14px,.93vw,17px);
  line-height:1.13;
  letter-spacing:-.022em;
  color:#11201d;
  font-weight:700;
}
.home-service-arrow{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  justify-self:end;
  border:1.25px solid rgba(7,90,74,.65);
  border-radius:50%;
  color:#075a4a;
  font-size:20px;
  line-height:1;
  transition:background .3s ease,color .3s ease,transform .3s ease,border-color .3s ease;
}
.home-service-card-link:hover,
.home-service-card-link:focus-visible{transform:translateY(-5px)}
.home-service-card-link:hover .home-service-media img,
.home-service-card-link:focus-visible .home-service-media img{transform:scale(1.035);filter:saturate(1.04)}
.home-service-card-link:hover .home-service-meta,
.home-service-card-link:focus-visible .home-service-meta{box-shadow:0 17px 36px rgba(20,59,49,.12);border-color:rgba(7,90,74,.15)}
.home-service-card-link:hover .home-service-arrow,
.home-service-card-link:focus-visible .home-service-arrow{background:#075a4a;color:#fff;border-color:#075a4a;transform:translateX(2px)}
.home-service-card-link:focus-visible{outline:3px solid rgba(92,61,136,.22);outline-offset:5px}

@media (max-width:1280px){
  .home-services-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
  .home-service-meta{grid-template-columns:54px minmax(0,1fr) 38px;gap:8px;padding:7px 9px 7px 7px}
  .home-service-icon{width:52px;height:52px}
  .home-service-icon svg{width:26px;height:26px}
  .home-service-arrow{width:36px;height:36px}
  .home-service-copy h3{font-size:14px}
}
@media (max-width:1050px){
  .home-services-header{grid-template-columns:1fr;gap:14px;align-items:start}
  .home-services-intro{justify-self:start;max-width:760px}
  .home-services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .home-service-copy h3{font-size:16px}
}
@media (max-width:720px){
  .home-services-showcase{padding:52px 0 62px}
  .home-services-shell{width:calc(100% - 28px);padding:22px 16px 26px;border-radius:22px}
  .home-services-header{margin:0 2px 26px}
  .home-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .home-service-meta{grid-template-columns:48px minmax(0,1fr) 36px;min-height:68px}
  .home-service-icon{width:46px;height:46px;border-radius:15px 15px 15px 23px}
  .home-service-icon svg{width:23px;height:23px}
  .home-service-arrow{width:34px;height:34px;font-size:18px}
  .home-service-copy h3{font-size:14px}
}
@media (max-width:520px){
  .home-services-grid{
    display:flex;
    overflow-x:auto;
    gap:14px;
    padding:0 1px 14px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .home-services-grid::-webkit-scrollbar{display:none}
  .home-service-card{flex:0 0 min(76vw,285px);scroll-snap-align:start}
  .home-service-copy h3{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .home-service-card,.home-services-header{opacity:1!important;transform:none!important;transition:none!important}
  .home-service-card-link,.home-service-media img,.home-service-arrow{transition:none!important}
}

/* ==========================================================
   Tajdid Services exact approved category layout (v21)
   Unique selectors intentionally override/avoid legacy cards.
   ========================================================== */
.tajdid-services{
  padding:clamp(54px,4.5vw,76px) 0 clamp(62px,5vw,86px);
  background:#f3f8f6;
}
.tajdid-services__shell{
  width:min(1536px,calc(100% - clamp(32px,5vw,78px)));
  margin-inline:auto;
  padding:clamp(24px,2.2vw,34px) clamp(20px,2.5vw,38px) clamp(26px,2.4vw,38px);
  border-radius:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.tajdid-services__header{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(330px,.8fr);
  gap:clamp(34px,4vw,72px);
  align-items:end;
  margin:0 8px clamp(28px,2.6vw,40px);
  opacity:0;
  transform:translateY(18px);
  transition:opacity .58s ease,transform .72s cubic-bezier(.22,1,.36,1);
}
.tajdid-services__header.is-visible{opacity:1;transform:none}
.tajdid-services__eyebrow{
  margin:0 0 5px;
  font-family:"Parisienne",cursive;
  font-size:clamp(31px,2.25vw,43px);
  line-height:1;
  color:#075a4a;
  letter-spacing:0;
  text-transform:none;
}
.tajdid-services__heading h2{
  margin:0;
  max-width:900px;
  font-size:clamp(30px,2.55vw,47px);
  line-height:1.04;
  letter-spacing:-.04em;
  color:#10201c;
}
.tajdid-services__intro{
  justify-self:end;
  max-width:520px;
  margin:0 0 4px;
  color:#31443e;
  font-size:clamp(14px,.95vw,17px);
  line-height:1.58;
}
.tajdid-services__grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:clamp(16px,1.35vw,24px);
  align-items:start;
}
.tajdid-service{
  min-width:0;
  opacity:0;
  transform:translateY(24px) scale(.985);
  transition:opacity .55s ease,transform .72s cubic-bezier(.22,1,.36,1);
  transition-delay:calc(var(--service-delay,0) * 55ms);
}
.tajdid-service.is-visible{opacity:1;transform:none}
.tajdid-service__link{
  display:block;
  color:inherit;
  text-decoration:none;
  transition:transform .34s cubic-bezier(.22,1,.36,1);
}
.tajdid-service__media{
  position:relative;
  display:block;
  overflow:hidden;
  aspect-ratio:1.24/1;
  background:#dfe8e4;
  border-radius:50% 50% 0 0 / 72% 72% 0 0;
}
.tajdid-service__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.22,1,.36,1),filter .4s ease;
}
.tajdid-service__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(12,28,23,0) 62%,rgba(12,28,23,.045) 100%);
  pointer-events:none;
}
.tajdid-service__bar{
  min-height:72px;
  display:grid;
  grid-template-columns:62px minmax(0,1fr) 42px;
  align-items:center;
  gap:10px;
  padding:7px 10px 7px 7px;
  background:#fff;
  border:1px solid rgba(17,24,23,.065);
  border-top:0;
  border-radius:0 0 20px 20px;
  box-shadow:0 12px 27px rgba(22,56,47,.075);
}
.tajdid-service__icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  color:#075a4a;
  background:#fff;
  border:1px solid rgba(7,90,74,.13);
  border-radius:18px 18px 18px 28px;
  box-shadow:0 7px 18px rgba(7,90,74,.07);
}
.tajdid-service__icon svg{display:block;width:29px;height:29px}
.tajdid-service__title{min-width:0}
.tajdid-service__title h3{
  margin:0;
  color:#11201d;
  font-size:clamp(14px,.94vw,17px);
  line-height:1.13;
  letter-spacing:-.025em;
  font-weight:700;
}
.tajdid-service__arrow{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  justify-self:end;
  border:1.25px solid rgba(7,90,74,.65);
  border-radius:50%;
  color:#075a4a;
  font-size:20px;
  line-height:1;
  transition:transform .3s ease,background .3s ease,color .3s ease,border-color .3s ease;
}
.tajdid-service__link:hover,.tajdid-service__link:focus-visible{transform:translateY(-5px)}
.tajdid-service__link:hover .tajdid-service__media img,.tajdid-service__link:focus-visible .tajdid-service__media img{transform:scale(1.04);filter:saturate(1.035)}
.tajdid-service__link:hover .tajdid-service__arrow,.tajdid-service__link:focus-visible .tajdid-service__arrow{transform:translateX(2px);background:#075a4a;color:#fff;border-color:#075a4a}
.tajdid-service__link:focus-visible{outline:3px solid rgba(92,61,136,.22);outline-offset:5px;border-radius:24px}

@media (max-width:1280px){
  .tajdid-services__grid{gap:14px}
  .tajdid-service__bar{grid-template-columns:52px minmax(0,1fr) 36px;gap:8px;padding:7px 8px 7px 6px}
  .tajdid-service__icon{width:50px;height:50px}
  .tajdid-service__icon svg{width:25px;height:25px}
  .tajdid-service__arrow{width:35px;height:35px}
  .tajdid-service__title h3{font-size:13px}
}
@media (max-width:1050px){
  .tajdid-services__header{grid-template-columns:1fr;gap:14px;align-items:start}
  .tajdid-services__intro{justify-self:start;max-width:760px}
  .tajdid-services__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .tajdid-service__title h3{font-size:15px}
}
@media (max-width:720px){
  .tajdid-services{padding:48px 0 58px}
  .tajdid-services__shell{width:calc(100% - 28px);padding:21px 15px 24px;border-radius:0}
  .tajdid-services__header{margin:0 2px 25px}
  .tajdid-services__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
  .tajdid-service__bar{grid-template-columns:45px minmax(0,1fr) 33px;min-height:64px}
  .tajdid-service__icon{width:43px;height:43px;border-radius:14px 14px 14px 22px}
  .tajdid-service__icon svg{width:22px;height:22px}
  .tajdid-service__arrow{width:32px;height:32px;font-size:17px}
  .tajdid-service__title h3{font-size:13px}
}
@media (max-width:520px){
  .tajdid-services__grid{display:flex;overflow-x:auto;gap:14px;padding:0 1px 13px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .tajdid-services__grid::-webkit-scrollbar{display:none}
  .tajdid-service{flex:0 0 min(76vw,285px);scroll-snap-align:start}
  .tajdid-service__title h3{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .tajdid-services__header,.tajdid-service{opacity:1!important;transform:none!important;transition:none!important}
  .tajdid-service__link,.tajdid-service__media img,.tajdid-service__arrow{transition:none!important}
}

/* =========================================================
   COMPLETE HOME RENOVATION SCOPE — v25
   Full-width heading + customer-focused scope + interactive cutaway.
   ========================================================= */
.complete-scope{
  position:relative;
  padding:78px 0 92px;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 31%,rgba(7,90,74,.045),transparent 33%),
    linear-gradient(180deg,#f8fbfa 0%,#f5f9f7 100%);
}
.complete-scope__shell{
  position:relative;
  z-index:1;
  width:min(1536px,calc(100% - clamp(32px,4vw,64px)));
  margin:0 auto;
}
.complete-scope__header{
  width:100%;
  margin:0 0 clamp(30px,3vw,48px);
  opacity:0;
  transform:translateY(18px);
  transition:opacity .55s ease,transform .72s cubic-bezier(.22,1,.36,1);
}
.complete-scope__header.is-visible{opacity:1;transform:none}
.complete-scope__eyebrow{
  margin:0 0 9px;
  color:#075a4a;
  font-family:'Parisienne',cursive;
  font-size:clamp(31px,2.15vw,45px);
  line-height:1.05;
}
.complete-scope__title{
  width:100%;
  max-width:none;
  margin:0;
  color:#111817;
  font-size:clamp(42px,4.15vw,72px);
  line-height:.98;
  letter-spacing:-.05em;
  font-weight:800;
  text-wrap:balance;
}
.complete-scope__title span{color:#075a4a}
.complete-scope__intro{
  width:min(1180px,100%);
  max-width:none;
  margin:18px 0 0;
  color:#4f5b58;
  font-size:clamp(15px,1.05vw,18px);
  line-height:1.65;
}
.complete-scope__body{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:clamp(22px,2.8vw,54px);
  align-items:center;
}
.complete-scope__items{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px 17px;
  min-width:0;
}
.complete-scope__item{
  min-width:0;
  opacity:0;
  transform:translateY(22px);
  transition:opacity .5s ease,transform .7s cubic-bezier(.22,1,.36,1);
  transition-delay:calc(var(--scope-delay,0) * 54ms);
}
.complete-scope__item.is-visible{opacity:1;transform:none}
.complete-scope__thumb{
  position:relative;
  overflow:hidden;
  aspect-ratio:1.28/1;
  margin-bottom:10px;
  background:#dfe8e4;
  border-radius:52% 52% 5px 5px / 58% 58% 5px 5px;
  box-shadow:0 7px 20px rgba(17,24,23,.06);
}
.complete-scope__thumb-trigger{
  display:block;
  width:100%;
  padding:0;
  border:0;
  color:inherit;
  text-align:inherit;
  font:inherit;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
}
.complete-scope__thumb picture,
.complete-scope__thumb img{
  display:block;
  width:100%;
  height:100%;
}
.complete-scope__thumb img{
  object-fit:cover;
  image-rendering:auto;
  filter:contrast(1.035) saturate(1.025);
  transform:translateZ(0);
  transition:transform .48s cubic-bezier(.22,1,.36,1),filter .35s ease;
}
.complete-scope__item:hover .complete-scope__thumb img,
.complete-scope__thumb-trigger:hover img,
.complete-scope__thumb-trigger:focus-visible img{
  transform:scale(1.035);
  filter:contrast(1.05) saturate(1.04);
}
.complete-scope__detail-cue{
  position:absolute;
  top:-2px;
  left:50%;
  z-index:4;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  transform:translateX(-50%);
  border:1px solid rgba(7,90,74,.16);
  border-radius:50%;
  background:#f7faf9;
  color:#075a4a;
  box-shadow:0 4px 12px rgba(17,24,23,.08);
  font:500 24px/1 'Poppins',sans-serif;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.complete-scope__detail-label{
  position:absolute;
  right:8px;
  bottom:8px;
  z-index:4;
  max-width:calc(100% - 16px);
  padding:6px 9px;
  border-radius:999px;
  background:rgba(17,24,23,.80);
  color:#fff;
  font:600 9px/1.1 'Poppins',sans-serif;
  letter-spacing:.01em;
  opacity:0;
  transform:translateY(5px);
  transition:opacity .25s ease,transform .25s ease;
  pointer-events:none;
}
.complete-scope__thumb-trigger:hover .complete-scope__detail-cue,
.complete-scope__thumb-trigger:focus-visible .complete-scope__detail-cue{
  background:#075a4a;
  color:#fff;
  transform:translateX(-50%) scale(1.06);
}
.complete-scope__thumb-trigger:hover .complete-scope__detail-label,
.complete-scope__thumb-trigger:focus-visible .complete-scope__detail-label{
  opacity:1;
  transform:none;
}
.complete-scope__thumb-trigger:focus-visible{
  outline:3px solid rgba(7,90,74,.24);
  outline-offset:3px;
}
.complete-scope__item h3{
  margin:0 0 5px;
  color:#063f35;
  font-size:clamp(13px,.86vw,16px);
  line-height:1.14;
  letter-spacing:-.028em;
  font-weight:700;
}
.complete-scope__item p{
  margin:0;
  color:#66726f;
  font-size:clamp(11px,.72vw,13px);
  line-height:1.38;
}
.complete-scope__visual{
  position:relative;
  z-index:2;
  align-self:center;
  margin:0 -7vw -24px -4.2vw;
  opacity:0;
  transform:translateX(42px) scale(.985);
  transition:opacity .72s ease,transform 1.05s cubic-bezier(.22,1,.36,1);
  isolation:isolate;
}
.complete-scope__visual.is-visible{opacity:1;transform:none}
.complete-scope__visual picture{
  position:relative;
  z-index:2;
  display:block;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.38) 5%,#000 14%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.38) 5%,#000 14%,#000 100%);
}
.complete-scope__visual img{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  object-fit:contain;
  filter:drop-shadow(0 20px 30px rgba(17,24,23,.08));
}
.complete-scope__visual-fade{
  position:absolute;
  z-index:3;
  inset:0 auto 0 -2px;
  width:18%;
  pointer-events:none;
  background:linear-gradient(90deg,#f7faf9 0%,rgba(247,250,249,.88) 24%,rgba(247,250,249,0) 100%);
}
.complete-scope__markers{
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
}
.complete-scope__marker{
  position:absolute;
  display:grid;
  place-items:center;
  width:35px;
  height:35px;
  padding:0;
  border:2px solid rgba(7,90,74,.42);
  border-radius:50%;
  background:rgba(255,255,255,.96);
  color:#075a4a;
  box-shadow:0 6px 18px rgba(17,24,23,.15);
  font:800 11px/1 'Poppins',sans-serif;
  backdrop-filter:blur(7px);
  cursor:pointer;
  pointer-events:auto;
  transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease;
}
.complete-scope__marker:hover,
.complete-scope__marker:focus-visible{
  transform:scale(1.11);
  background:#075a4a;
  color:#fff;
  border-color:#075a4a;
  outline:none;
}
.complete-scope__marker--1{left:50%;top:63%}
.complete-scope__marker--2{left:78%;top:20%}
.complete-scope__marker--3{left:67%;top:10%}
.complete-scope__marker--4{left:76%;top:47%}
.complete-scope__marker--5{left:87%;top:66%}
.complete-scope__marker--6{left:56%;top:79%}
.complete-scope__marker--7{left:37%;top:18%}
.complete-scope__marker--8{left:60%;top:46%}
.complete-scope__marker--9{left:31%;top:56%}
.complete-scope__marker--10{left:91%;top:56%}
.complete-scope__marker--11{left:15%;top:82%}
.complete-scope__marker--12{left:79%;top:86%}

.complete-scope-modal{
  width:min(680px,calc(100% - 28px));
  max-width:680px;
  padding:0;
  border:0;
  border-radius:22px;
  background:transparent;
  color:#111817;
  box-shadow:0 28px 80px rgba(17,24,23,.24);
}
.complete-scope-modal::backdrop{
  background:rgba(8,18,16,.56);
  backdrop-filter:blur(5px);
}
.complete-scope-modal__panel{
  position:relative;
  padding:clamp(28px,4vw,46px);
  border:1px solid rgba(7,90,74,.12);
  border-radius:22px;
  background:#fff;
}
.complete-scope-modal__close{
  position:absolute;
  top:16px;
  right:16px;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid #d8e2de;
  border-radius:50%;
  background:#f5f8f7;
  color:#111817;
  font:500 24px/1 sans-serif;
  cursor:pointer;
}
.complete-scope-modal__close:hover,
.complete-scope-modal__close:focus-visible{background:#075a4a;color:#fff;border-color:#075a4a;outline:none}
.complete-scope-modal__eyebrow{
  margin:0 0 8px;
  color:#075a4a;
  font-size:12px;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.complete-scope-modal h3{
  margin:0 50px 14px 0;
  font-size:clamp(26px,3vw,38px);
  line-height:1.07;
  letter-spacing:-.035em;
}
.complete-scope-modal__body{
  margin:0;
  color:#53605c;
  font-size:15px;
  line-height:1.72;
}
.complete-scope-modal__price{
  display:grid;
  gap:5px;
  margin:24px 0 14px;
  padding:17px 18px;
  border-left:4px solid #075a4a;
  background:#f2f7f5;
}
.complete-scope-modal__price span{
  color:#66726f;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.complete-scope-modal__price strong{
  color:#075a4a;
  font-size:clamp(18px,2.2vw,25px);
  line-height:1.25;
}
.complete-scope-modal__note{
  margin:0;
  color:#78827f;
  font-size:11px;
  line-height:1.55;
}

@media (max-width:1320px){
  .complete-scope{padding:64px 0 78px}
  .complete-scope__body{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px}
  .complete-scope__items{gap:20px 14px}
  .complete-scope__visual{margin:0 -5vw -18px -3.4vw}
  .complete-scope__marker{width:31px;height:31px;font-size:10px}
}
@media (max-width:1080px){
  .complete-scope__header{margin-bottom:30px}
  .complete-scope__title{font-size:clamp(40px,6.3vw,64px)}
  .complete-scope__intro{width:min(900px,100%)}
  .complete-scope__body{grid-template-columns:1fr}
  .complete-scope__items{grid-template-columns:repeat(4,minmax(0,1fr))}
  .complete-scope__visual{
    width:min(1080px,112%);
    margin:12px auto -12px;
    justify-self:center;
  }
  .complete-scope__visual-fade{width:11%}
}
@media (max-width:760px){
  .complete-scope{padding:48px 0 60px}
  .complete-scope__shell{width:calc(100% - 28px)}
  .complete-scope__title{font-size:clamp(35px,10vw,49px);line-height:1.01}
  .complete-scope__intro{margin-top:14px;font-size:14px}
  .complete-scope__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
  .complete-scope__item h3{font-size:14px}
  .complete-scope__item p{font-size:12px}
  .complete-scope__visual{width:116%;margin:14px -8% -6px}
  .complete-scope__visual-fade{display:none}
  .complete-scope__markers{display:none}
}
@media (max-width:480px){
  .complete-scope__items{
    display:flex;
    overflow-x:auto;
    gap:14px;
    padding:0 2px 12px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .complete-scope__items::-webkit-scrollbar{display:none}
  .complete-scope__item{flex:0 0 min(65vw,230px);scroll-snap-align:start}
}
@media (prefers-reduced-motion:reduce){
  .complete-scope__header,
  .complete-scope__item,
  .complete-scope__visual{opacity:1!important;transform:none!important;transition:none!important}
  .complete-scope__thumb img,
  .complete-scope__detail-cue,
  .complete-scope__marker{transition:none!important}
}


/* ========================================================================== 
   Design, Planning & Project Delivery — v27
   ========================================================================== */
.project-delivery{
  position:relative;
  overflow:hidden;
  padding:clamp(72px,7vw,118px) 0 clamp(76px,7.2vw,124px);
  background:
    radial-gradient(circle at 47% 42%,rgba(7,90,74,.055),transparent 31%),
    radial-gradient(circle at 63% 58%,rgba(92,61,136,.035),transparent 28%),
    #fff;
}
.project-delivery::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background-image:
    linear-gradient(rgba(7,90,74,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(7,90,74,.028) 1px,transparent 1px);
  background-size:58px 58px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 37%,#000 72%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 37%,#000 72%,transparent 100%);
}
.project-delivery__shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(285px,.82fr) minmax(360px,1.02fr) minmax(390px,.96fr);
  gap:clamp(28px,3vw,58px);
  align-items:center;
  width:min(calc(100% - 48px),1536px);
  margin:0 auto;
}
.project-delivery__copy{
  position:relative;
  z-index:3;
  max-width:520px;
}
.project-delivery__eyebrow{
  margin:0 0 12px;
  color:#075a4a;
  font-family:'Parisienne',cursive;
  font-size:clamp(34px,2.35vw,52px);
  line-height:1;
}
.project-delivery__title{
  margin:0;
  color:#111817;
  font-size:clamp(42px,3.7vw,68px);
  line-height:.98;
  letter-spacing:-.052em;
  font-weight:800;
  text-wrap:balance;
}
.project-delivery__lead{
  margin:24px 0 0;
  color:#31403c;
  font-size:clamp(16px,1.02vw,18px);
  line-height:1.68;
}
.project-delivery__supporting{
  margin:14px 0 0;
  color:#66726f;
  font-size:14px;
  line-height:1.7;
}
.project-delivery__proof{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 16px;
  margin:26px 0 30px;
  padding:0;
  list-style:none;
}
.project-delivery__proof li{
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:#45524f;
  font-size:12px;
  line-height:1.45;
}
.project-delivery__proof span{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:19px;
  height:19px;
  margin-top:1px;
  border-radius:50%;
  background:#e8f2ef;
  color:#075a4a;
  font-size:11px;
  font-weight:800;
}
.project-delivery__cta{
  display:inline-flex;
  align-items:center;
  gap:14px;
  min-height:52px;
  padding:0 24px;
  border-radius:14px;
  background:#075a4a;
  color:#fff;
  box-shadow:0 14px 30px rgba(7,90,74,.14);
}
.project-delivery__cta span{
  font-size:20px;
  transition:transform .28s ease;
}
.project-delivery__cta:hover span,
.project-delivery__cta:focus-visible span{transform:translateX(5px)}

.project-delivery__visual{
  position:relative;
  z-index:2;
  width:100%;
  margin:0;
  min-width:0;
  justify-self:center;
  isolation:isolate;
}
.project-delivery__visual-glow{
  position:absolute;
  z-index:-1;
  inset:14% 7% 9%;
  border-radius:48%;
  background:radial-gradient(circle at 50% 43%,rgba(7,90,74,.16),rgba(92,61,136,.055) 42%,transparent 72%);
  filter:blur(30px);
  opacity:.56;
}
.project-delivery__visual-inner{
  display:block;
  width:100%;
  transform:translateY(var(--pd-visual-shift,0px));
  will-change:transform;
}
.project-delivery__visual img{
  display:block;
  width:min(100%,520px);
  height:auto;
  margin:0 auto;
  object-fit:contain;
  filter:drop-shadow(0 22px 24px rgba(17,24,23,.12));
}

.project-delivery__timeline{
  position:relative;
  z-index:3;
  min-width:0;
  padding:6px 0 6px 58px;
}
.project-delivery__timeline ol{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}
.project-delivery__track{
  position:absolute;
  top:26px;
  bottom:26px;
  left:18px;
  width:2px;
  border-radius:999px;
  background:#dfe8e4;
  overflow:visible;
}
.project-delivery__track::before{
  content:"";
  position:absolute;
  left:50%;
  top:-4px;
  width:12px;
  height:12px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#075a4a;
  box-shadow:0 0 0 5px rgba(7,90,74,.08);
}
.project-delivery__track span{
  position:absolute;
  inset:0;
  border-radius:999px;
  background:linear-gradient(180deg,#075a4a,#5c3d88);
  transform:scaleY(var(--pd-progress,0));
  transform-origin:top;
  transition:transform .16s linear;
}
.project-delivery__step{
  position:relative;
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:16px;
  align-items:start;
  min-height:86px;
  padding:6px 0 13px;
  transition:transform .3s ease,opacity .3s ease;
}
.project-delivery__step::before{
  content:"";
  position:absolute;
  left:-45px;
  top:27px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#dfe8e4;
  box-shadow:0 0 0 4px #fff;
  transition:background .3s ease,transform .3s ease,box-shadow .3s ease;
}
.project-delivery__number{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border:1.5px solid rgba(92,61,136,.42);
  border-radius:50%;
  color:#5c3d88;
  background:rgba(255,255,255,.88);
  font-size:16px;
  font-weight:700;
  line-height:1;
  backdrop-filter:blur(8px);
  transition:border-color .3s ease,background .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease;
}
.project-delivery__step-copy{
  padding-top:2px;
  min-width:0;
}
.project-delivery__step h3{
  margin:0 0 4px;
  color:#111817;
  font-size:clamp(14px,.95vw,17px);
  line-height:1.28;
  letter-spacing:-.022em;
  font-weight:700;
}
.project-delivery__step p{
  margin:0;
  color:#66726f;
  font-size:clamp(11px,.72vw,13px);
  line-height:1.48;
}
.project-delivery__step:hover{
  transform:translateX(4px);
}
.project-delivery__step.is-active::before{
  background:#075a4a;
  transform:scale(1.08);
  box-shadow:0 0 0 5px rgba(7,90,74,.09);
}
.project-delivery__step.is-active .project-delivery__number{
  border-color:#075a4a;
  background:#075a4a;
  color:#fff;
  box-shadow:0 8px 18px rgba(7,90,74,.16);
}

/* JS only adds reveal starting states after it has successfully initialized. */
.project-delivery.pd-ready [data-pd-reveal="copy"]{
  opacity:0;
  transform:translateX(-28px);
}
.project-delivery.pd-ready [data-pd-reveal="visual"]{
  opacity:0;
  transform:translateY(30px) scale(.985);
}
.project-delivery.pd-ready [data-pd-reveal="timeline"]{
  opacity:0;
  transform:translateX(26px);
}
.project-delivery.pd-ready [data-pd-reveal]{
  transition:opacity .7s ease,transform .95s cubic-bezier(.22,1,.36,1);
}
.project-delivery.pd-ready [data-pd-reveal].is-visible{
  opacity:1;
  transform:none;
}
.project-delivery.pd-ready .project-delivery__visual-inner{
  clip-path:inset(0 0 18% 0);
  transition:clip-path 1.25s cubic-bezier(.22,1,.36,1),transform .2s linear;
}
.project-delivery.pd-ready [data-pd-reveal="visual"].is-visible .project-delivery__visual-inner{
  clip-path:inset(0 0 0 0);
}
.project-delivery.pd-ready .project-delivery__step{
  opacity:.48;
  transform:translateY(10px);
  transition:opacity .48s ease,transform .58s cubic-bezier(.22,1,.36,1);
  transition-delay:calc(var(--pd-step-delay,0) * 45ms);
}
.project-delivery.pd-ready [data-pd-reveal="timeline"].is-visible .project-delivery__step{
  opacity:1;
  transform:none;
}
.project-delivery.pd-ready [data-pd-reveal="timeline"].is-visible .project-delivery__step:hover{
  transform:translateX(4px);
}

@media (max-width:1280px){
  .project-delivery__shell{
    grid-template-columns:minmax(270px,.82fr) minmax(320px,.92fr) minmax(340px,1fr);
    gap:28px;
  }
  .project-delivery__title{font-size:clamp(39px,4vw,57px)}
  .project-delivery__timeline{padding-left:52px}
  .project-delivery__step{grid-template-columns:52px minmax(0,1fr);gap:13px;min-height:82px}
  .project-delivery__number{width:46px;height:46px;font-size:14px}
}
@media (max-width:1080px){
  .project-delivery{padding:70px 0 82px}
  .project-delivery__shell{
    grid-template-columns:minmax(0,.86fr) minmax(300px,.74fr);
    grid-template-areas:
      "copy visual"
      "timeline timeline";
    align-items:center;
  }
  .project-delivery__copy{grid-area:copy;max-width:560px}
  .project-delivery__visual{grid-area:visual;width:min(100%,430px)}
  .project-delivery__timeline{grid-area:timeline;margin-top:18px;padding:14px 0 0}
  .project-delivery__track{display:none}
  .project-delivery__timeline ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
  .project-delivery__step{grid-template-columns:48px minmax(0,1fr);min-height:100px;padding:13px 0;border-top:1px solid #e5ece9}
  .project-delivery__step::before{display:none}
}
@media (max-width:760px){
  .project-delivery{padding:54px 0 66px}
  .project-delivery__shell{
    width:calc(100% - 30px);
    grid-template-columns:1fr;
    grid-template-areas:"copy" "visual" "timeline";
    gap:28px;
  }
  .project-delivery__copy{max-width:none}
  .project-delivery__eyebrow{font-size:36px}
  .project-delivery__title{font-size:clamp(36px,10.5vw,51px)}
  .project-delivery__lead{margin-top:18px;font-size:15px}
  .project-delivery__proof{grid-template-columns:1fr;gap:8px;margin:21px 0 26px}
  .project-delivery__visual{width:min(86vw,430px);justify-self:center}
  .project-delivery__visual img{width:100%}
  .project-delivery__timeline{margin-top:4px}
  .project-delivery__timeline ol{grid-template-columns:1fr}
  .project-delivery__step{grid-template-columns:49px minmax(0,1fr);min-height:0;padding:15px 0}
  .project-delivery__step p{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  .project-delivery [data-pd-reveal],
  .project-delivery .project-delivery__step,
  .project-delivery .project-delivery__visual-inner{
    opacity:1!important;
    transform:none!important;
    clip-path:none!important;
    transition:none!important;
  }
  .project-delivery__track span{transform:scaleY(1)!important;transition:none!important}
  .project-delivery__step::before{background:#075a4a}
}

/* ================================================================
   Custom, Luxury & Turnkey Renovation — v28
   Full 16:9 visual kept visible; section-local parallax only.
   ================================================================ */
.custom-turnkey{
  position:relative;
  padding:82px 0 86px;
  overflow:hidden;
  background:#f4f7f6;
}
.custom-turnkey__stage{
  position:relative;
  isolation:isolate;
  width:min(calc(100% - 48px),1536px);
  aspect-ratio:1672 / 941;
  min-height:690px;
  margin:0 auto;
  overflow:hidden;
  background:#edf2f0;
}
.custom-turnkey__media{
  position:absolute;
  z-index:0;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
}
.custom-turnkey__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transform:translate3d(0,var(--ct-parallax,0px),0);
  will-change:transform;
}
.custom-turnkey__veil{
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(244,247,246,.98) 0%,
      rgba(244,247,246,.965) 15%,
      rgba(244,247,246,.91) 27%,
      rgba(244,247,246,.69) 38%,
      rgba(244,247,246,.28) 49%,
      rgba(244,247,246,.04) 61%,
      rgba(244,247,246,0) 72%),
    linear-gradient(180deg,rgba(244,247,246,.08),rgba(244,247,246,0) 62%,rgba(244,247,246,.14));
}
.custom-turnkey__light-sweep{
  position:absolute;
  z-index:2;
  top:-18%;
  bottom:-18%;
  left:-26%;
  width:19%;
  pointer-events:none;
  opacity:0;
  transform:skewX(-12deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  filter:blur(10px);
}
.custom-turnkey__content{
  position:absolute;
  z-index:3;
  left:clamp(34px,4.2vw,72px);
  top:50%;
  width:min(41%,610px);
  transform:translateY(-50%);
}
.custom-turnkey__eyebrow{
  margin:0 0 8px;
  color:#075a4a;
  font-family:'Parisienne',cursive;
  font-size:clamp(36px,3.1vw,54px);
  line-height:1.05;
}
.custom-turnkey__title{
  max-width:600px;
  margin:0;
  color:#111817;
  font-size:clamp(42px,4.25vw,66px);
  line-height:.98;
  letter-spacing:-.052em;
  font-weight:800;
  text-wrap:balance;
}
.custom-turnkey__lead{
  max-width:590px;
  margin:24px 0 0;
  color:#2f3b38;
  font-size:clamp(15px,1.02vw,18px);
  line-height:1.7;
}
.custom-turnkey__supporting{
  max-width:580px;
  margin:14px 0 0;
  color:#66726f;
  font-size:clamp(13px,.88vw,15px);
  line-height:1.68;
}
.custom-turnkey__actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:17px 21px;
  margin-top:28px;
}
.custom-turnkey__cta{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:0 24px;
  border-radius:14px;
  background:#075a4a;
  color:#fff;
  box-shadow:0 14px 30px rgba(7,90,74,.16);
}
.custom-turnkey__cta span,
.custom-turnkey__secondary span{
  display:inline-block;
  transition:transform .28s ease;
}
.custom-turnkey__cta:hover span,
.custom-turnkey__cta:focus-visible span,
.custom-turnkey__secondary:hover span,
.custom-turnkey__secondary:focus-visible span{transform:translateX(5px)}
.custom-turnkey__secondary{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#075a4a;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid rgba(7,90,74,.28);
  padding:5px 0;
}
.custom-turnkey__microcopy{
  margin:19px 0 0;
  color:#5c3d88;
  font-size:12px;
  font-weight:600;
  letter-spacing:.035em;
}
.custom-turnkey__pillars{
  width:min(calc(100% - 48px),1536px);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #dbe4e1;
  border-bottom:1px solid #dbe4e1;
  background:#fff;
}
.custom-turnkey__pillar{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:15px;
  min-width:0;
  padding:24px 25px 26px;
}
.custom-turnkey__pillar + .custom-turnkey__pillar{border-left:1px solid #e5ece9}
.custom-turnkey__pillar::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  bottom:-1px;
  height:2px;
  background:#075a4a;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .38s cubic-bezier(.22,1,.36,1);
}
.custom-turnkey__pillar:hover::after{transform:scaleX(1)}
.custom-turnkey__pillar-index{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-top:1px;
  border:1px solid rgba(7,90,74,.19);
  border-radius:50%;
  color:#075a4a;
  background:#f4f7f6;
  font-size:11px;
  font-weight:800;
}
.custom-turnkey__pillar h3{
  margin:0 0 5px;
  color:#111817;
  font-size:clamp(14px,1vw,17px);
  line-height:1.25;
  font-weight:700;
}
.custom-turnkey__pillar p{
  margin:0;
  color:#66726f;
  font-size:clamp(11px,.76vw,13px);
  line-height:1.52;
}

/* Reveal states are only applied after JS initializes, so content never depends on JS. */
.custom-turnkey.ct-ready [data-ct-reveal="copy"]{
  opacity:0;
  transform:translateY(calc(-50% + 24px));
}
.custom-turnkey.ct-ready [data-ct-reveal="pillars"]{
  opacity:0;
  transform:translateY(22px);
}
.custom-turnkey.ct-ready [data-ct-reveal]{
  transition:opacity .72s ease,transform .9s cubic-bezier(.22,1,.36,1);
}
.custom-turnkey.ct-ready [data-ct-reveal].is-visible{opacity:1}
.custom-turnkey.ct-ready [data-ct-reveal="copy"].is-visible{transform:translateY(-50%)}
.custom-turnkey.ct-ready [data-ct-reveal="pillars"].is-visible{transform:none}
.custom-turnkey.ct-ready .custom-turnkey__media img{
  opacity:.86;
  transform:translate3d(0,var(--ct-parallax,0px),0) scale(1.018);
  transition:opacity 1s ease,transform 1.25s cubic-bezier(.22,1,.36,1);
}
.custom-turnkey.ct-ready.is-visible .custom-turnkey__media img{
  opacity:1;
  transform:translate3d(0,var(--ct-parallax,0px),0) scale(1);
}
.custom-turnkey.ct-ready.is-visible .custom-turnkey__light-sweep{
  animation:customTurnkeySweep 1.35s .22s cubic-bezier(.22,1,.36,1) 1 both;
}
.custom-turnkey.ct-ready .custom-turnkey__pillar{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .52s ease,transform .7s cubic-bezier(.22,1,.36,1);
  transition-delay:calc(var(--ct-delay,0) * 85ms + 160ms);
}
.custom-turnkey.ct-ready [data-ct-reveal="pillars"].is-visible .custom-turnkey__pillar{
  opacity:1;
  transform:none;
}
@keyframes customTurnkeySweep{
  0%{left:-26%;opacity:0}
  16%{opacity:.75}
  70%{opacity:.28}
  100%{left:108%;opacity:0}
}

@media (max-width:1240px){
  .custom-turnkey__stage{min-height:650px}
  .custom-turnkey__content{width:min(44%,560px)}
  .custom-turnkey__title{font-size:clamp(40px,4.55vw,59px)}
  .custom-turnkey__lead{font-size:14px;line-height:1.62}
  .custom-turnkey__supporting{font-size:12px;line-height:1.58}
  .custom-turnkey__pillar{padding:21px 18px 23px;gap:12px}
}
@media (max-width:980px){
  .custom-turnkey{padding:66px 0 72px}
  .custom-turnkey__stage{
    width:min(calc(100% - 36px),900px);
    aspect-ratio:auto;
    min-height:0;
    display:flex;
    flex-direction:column;
    overflow:visible;
    background:transparent;
  }
  .custom-turnkey__media{
    position:relative;
    order:2;
    inset:auto;
    aspect-ratio:1672 / 941;
    margin-top:28px;
    overflow:hidden;
  }
  .custom-turnkey__media img{object-fit:cover;transform:none!important}
  .custom-turnkey__veil,
  .custom-turnkey__light-sweep{display:none}
  .custom-turnkey__content{
    position:relative;
    order:1;
    left:auto;
    top:auto;
    width:min(100%,720px);
    transform:none!important;
  }
  .custom-turnkey__title{max-width:760px;font-size:clamp(40px,7vw,62px)}
  .custom-turnkey__lead{max-width:720px;font-size:15px}
  .custom-turnkey__supporting{max-width:700px;font-size:13px}
  .custom-turnkey__pillars{
    width:min(calc(100% - 36px),900px);
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .custom-turnkey__pillar:nth-child(3){border-left:0;border-top:1px solid #e5ece9}
  .custom-turnkey__pillar:nth-child(4){border-top:1px solid #e5ece9}
  .custom-turnkey.ct-ready [data-ct-reveal="copy"]{transform:translateY(20px)}
  .custom-turnkey.ct-ready [data-ct-reveal="copy"].is-visible{transform:none}
}
@media (max-width:620px){
  .custom-turnkey{padding:54px 0 62px}
  .custom-turnkey__stage{width:calc(100% - 30px)}
  .custom-turnkey__eyebrow{font-size:36px}
  .custom-turnkey__title{font-size:clamp(36px,11.5vw,49px)}
  .custom-turnkey__actions{align-items:flex-start;flex-direction:column;gap:12px;margin-top:23px}
  .custom-turnkey__cta{width:100%;justify-content:center}
  .custom-turnkey__media{margin-top:24px}
  .custom-turnkey__pillars{
    width:calc(100% - 30px);
    grid-template-columns:1fr;
  }
  .custom-turnkey__pillar + .custom-turnkey__pillar{border-left:0;border-top:1px solid #e5ece9}
  .custom-turnkey__pillar{padding:19px 4px 20px 0}
  .custom-turnkey__pillar::after{left:0;right:0}
}
@media (prefers-reduced-motion:reduce){
  .custom-turnkey [data-ct-reveal],
  .custom-turnkey .custom-turnkey__pillar,
  .custom-turnkey .custom-turnkey__media img{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
  .custom-turnkey__light-sweep{display:none!important}
}