/* Media-Trek authoritative hybrid homepage — 2026-09-28
   Media-Trek homepage layout and responsive refinements. */
body.hybrid-home{--hy-red:#CD171F;--hy-ink:#111417;--hy-muted:#626a71;--hy-line:#e0e4e7;--hy-soft:#f4f6f7;--hy-dark:#0b1014;background:#fff;color:var(--hy-ink)}
body.hybrid-home main{overflow:hidden;background:#fff}
body.hybrid-home .container{width:min(calc(100% - 48px),1280px)}
body.hybrid-home section{padding:0}

/* HERO */
body.hybrid-home .hero{background:#0b1014!important;color:#fff!important;position:relative;overflow:hidden}
body.hybrid-home .hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(520px,1.35fr);gap:0;align-items:stretch;min-height:500px}
body.hybrid-home .hero-copy{padding:76px 54px 72px 0;align-self:center;position:relative;z-index:2}
body.hybrid-home .hero .eyebrow{color:#f14249!important;font-size:.72rem;letter-spacing:.146em;font-weight:800;text-transform:uppercase;margin-bottom:20px}
body.hybrid-home .hero .eyebrow:before{background:#f14249!important}
body.hybrid-home .hero h1{color:#fff!important;font-size:clamp(3.45rem,5vw,5.45rem)!important;line-height:.98!important;letter-spacing:-.049em!important;max-width:690px;margin:0 0 24px}
body.hybrid-home .hero .lead{color:#dce1e4!important;font-size:clamp(1.08rem,1.35vw,1.28rem)!important;line-height:1.55;max-width:570px;margin-bottom:28px}
body.hybrid-home .hero-actions{margin-top:0}
body.hybrid-home .hero .btn-ghost{background:var(--hy-red)!important;border-color:var(--hy-red)!important;color:#fff!important;box-shadow:0 10px 24px rgba(205,23,31,.18)}
body.hybrid-home .hero .btn-ghost:hover{background:#b9131b!important;border-color:#b9131b!important;transform:translateY(-2px)}
body.hybrid-home .hero-proof{display:none!important}
body.hybrid-home .hero-visual{position:relative;height:auto;min-height:500px;margin-right:calc((100vw - min(100vw - 48px,1280px))/ -2);overflow:hidden;background:#0b1014}
body.hybrid-home .hero-visual:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0b1014 0%,rgba(11,16,20,.8) 4%,rgba(11,16,20,.16) 21%,transparent 42%);pointer-events:none}
body.hybrid-home .hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

/* PROCESS */
body.hybrid-home .process{background:#fff!important;color:var(--hy-ink)!important;padding:54px 0 64px!important;border:0!important}
body.hybrid-home .process .section-head{display:block;text-align:center;margin:0 auto 30px!important}
body.hybrid-home .process .section-head>div{width:100%}
body.hybrid-home .process .eyebrow{display:block;color:#f0242d!important;font-size:.72rem;letter-spacing:.136em;font-weight:800;text-transform:uppercase;margin-bottom:7px}
body.hybrid-home .process .eyebrow:before{display:none}
body.hybrid-home .process h2{color:#111!important;font-size:clamp(2rem,2.9vw,3rem)!important;letter-spacing:-.029em!important;margin:0 auto;line-height:1.05}
body.hybrid-home .steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
body.hybrid-home .process .step{position:relative;min-height:190px!important;padding:30px 20px 25px!important;background:#fff!important;border:1px solid #dfe3e6!important;border-radius:10px!important;box-shadow:0 7px 20px rgba(20,26,31,.035)!important;text-align:center;color:#111!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important}
body.hybrid-home .process .step-num{width:28px;height:28px;display:grid;place-items:center;position:absolute;top:-14px;left:50%;transform:translateX(-50%);border-radius:999px;background:#ef2730;color:#fff!important;font-size:.78rem;font-weight:800}
body.hybrid-home .process .step-icon{width:34px;height:34px;margin:3px 0 16px;stroke:#f01d27!important;stroke-width:1.7;fill:none}
body.hybrid-home .process .step h3{color:#15181b!important;font-size:1.02rem!important;line-height:1.15;margin:0 0 8px}
body.hybrid-home .process .step p{color:#535d64!important;font-size:.88rem;line-height:1.42;margin:0;max-width:190px}
@media (hover:hover) and (pointer:fine){body.hybrid-home .process .step:hover{transform:translateY(-5px)!important;border-color:#efb8bb!important;box-shadow:0 14px 28px rgba(20,26,31,.08)!important}}

/* TRUSTED */
body.hybrid-home .trust-section{
  background:radial-gradient(circle at 50% -35%,rgba(255,255,255,.055),transparent 48%),linear-gradient(180deg,#151c22 0%,#0e1419 100%)!important;
  color:#fff!important;margin:0!important;padding:68px 0 72px!important;border:0!important;overflow:hidden;
}
body.hybrid-home .trust-section .trust-head{width:min(100%,820px);margin:0 auto 42px!important;padding:0 24px!important;text-align:center}
body.hybrid-home .trust-rule{display:block;width:34px;height:2px;margin:0 auto 15px;border-radius:999px;background:#f0252e}
body.hybrid-home .trust-eyebrow{color:#9da8b1!important;font-size:.69rem!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.276em!important;text-transform:uppercase!important;margin:0 0 14px!important}
body.hybrid-home .trust-section .trust-head h2{color:#f7f8f9!important;font-size:clamp(2rem,2.65vw,2.85rem)!important;line-height:1.08!important;letter-spacing:-.029em!important;margin:0!important;font-weight:700!important}
body.hybrid-home .trust-title-accent{color:#ef2530!important}
body.hybrid-home .trust-copy{max-width:720px;margin:14px auto 0!important;color:#aeb7bf!important;font-size:.92rem!important;line-height:1.55!important}
body.hybrid-home .logo-marquee-shell{overflow:hidden!important;padding:4px 0!important;width:100vw;margin-left:calc(50% - 50vw);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
body.hybrid-home .logo-marquee-shell:before, body.hybrid-home .logo-marquee-shell:after{display:none!important}
body.hybrid-home .logo-marquee{gap:58px!important;padding:8px 0!important;animation-duration:250s!important;align-items:center}
body.hybrid-home .logo-set{gap:58px!important;align-items:center}
body.hybrid-home .client-logo-card{height:52px!important;max-height:52px!important;min-height:52px!important;padding:0!important;overflow:visible!important;display:flex;align-items:center;justify-content:center}
body.hybrid-home .client-logo-card img{width:auto!important;height:auto!important;max-height:31px!important;max-width:124px!important;object-fit:contain!important;opacity:.72!important;filter:grayscale(1) brightness(0) invert(1)!important}
body.hybrid-home .client-logo-card.client-logo-compact img{max-height:35px!important;max-width:82px!important}
body.hybrid-home .client-logo-card.client-logo-wide img{max-height:27px!important;max-width:136px!important}
body.hybrid-home .client-logo-card.client-logo-ultrawide img{max-height:22px!important;max-width:154px!important}

/* WHY */
body.hybrid-home .partner-section{background:#fff!important;color:#111!important;padding:72px 0 80px!important;border:0!important}
body.hybrid-home .partner-grid{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(480px,1.15fr)!important;gap:70px!important;align-items:center!important}
body.hybrid-home .partner-copy{min-width:0}
body.hybrid-home .partner-section .eyebrow{color:#ef2029!important;font-size:.7rem;letter-spacing:.146em;font-weight:800;text-transform:uppercase;margin-bottom:9px}
body.hybrid-home .partner-section .eyebrow:before{background:#ef2029!important}
body.hybrid-home .partner-section h2{color:#111!important;font-size:clamp(2.6rem,4vw,4.4rem)!important;line-height:.98!important;letter-spacing:-.049em!important;margin:0 0 20px;max-width:580px}
body.hybrid-home .partner-section .lead{color:#525c63!important;font-size:1rem!important;line-height:1.6;max-width:610px;margin-bottom:28px}
body.hybrid-home .benefits{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:30px 0 0!important;border-top:1px solid #e0e4e7}
body.hybrid-home .partner-section .benefit{background:transparent!important;border:0!important;border-right:1px solid #e0e4e7!important;border-radius:0!important;box-shadow:none!important;padding:20px 16px 8px!important;min-width:0}
body.hybrid-home .partner-section .benefit:first-child{padding-left:0!important}
body.hybrid-home .partner-section .benefit:last-child{border-right:0!important;padding-right:0!important}
body.hybrid-home .partner-section .benefit strong{color:#111!important;font-size:.86rem;line-height:1.25}
body.hybrid-home .partner-section .benefit span{color:#697178!important;font-size:.77rem;line-height:1.35;margin-top:5px}
body.hybrid-home .history-block{margin-top:34px!important;padding:24px 0 0!important;background:transparent!important;border:0!important;border-top:1px solid #e0e4e7!important;border-radius:0!important;box-shadow:none!important;display:grid!important;grid-template-columns:.72fr 1.28fr!important;gap:28px!important}
body.hybrid-home .history-label{color:#ef2029!important;font-size:.66rem!important;letter-spacing:.136em!important}
body.hybrid-home .history-block h3{color:#111!important;font-size:1.22rem!important;margin-top:5px!important}
body.hybrid-home .history-copy p{color:#626a71!important;font-size:.84rem!important;line-height:1.55!important}
body.hybrid-home .why-media.has-home-image{width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:16/10!important;max-height:none!important;border-radius:14px!important;border:1px solid #dfe3e6!important;background:#f1f3f4!important;overflow:hidden!important;box-shadow:0 18px 40px rgba(24,30,35,.09)!important;padding:0!important}
body.hybrid-home .why-media.has-home-image:before, body.hybrid-home .why-media.has-home-image:after{display:none!important}
body.hybrid-home .why-media.has-home-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;transition:transform .48s ease!important}
@media (hover:hover) and (pointer:fine){body.hybrid-home .why-media.has-home-image:hover img{transform:scale(1.012)!important}}

/* CATEGORIES */
body.hybrid-home #services{background:#f7f8f9!important;color:#111!important;padding:72px 0 84px!important;border-top:1px solid #e7eaec!important}
body.hybrid-home #services .section-head{margin-bottom:34px!important;align-items:end}
body.hybrid-home #services .section-head h2{color:#111!important;font-size:clamp(2.35rem,3.4vw,3.5rem)!important;letter-spacing:-.039em!important;line-height:1.02}
body.hybrid-home #services .section-head p{color:#60686e!important;max-width:390px}
body.hybrid-home #services .eyebrow{color:#ef2029!important}
body.hybrid-home .services-grid{gap:18px!important}
body.hybrid-home #services .service-card{background:#fff!important;border:1px solid #e0e4e7!important;border-radius:14px!important;color:#111!important;box-shadow:0 8px 24px rgba(20,26,31,.04)!important;padding:18px!important;min-height:0!important}
body.hybrid-home #services .service-photo{height:210px!important;border-radius:10px!important;margin-bottom:18px!important}
body.hybrid-home #services .service-card h3{color:#111!important;font-size:1.22rem!important}
body.hybrid-home #services .service-card p{color:#60686e!important;font-size:.9rem!important;min-height:44px}
body.hybrid-home #services .tag{background:#f5f6f7!important;border-color:#e2e5e7!important;color:#555d63!important;font-size:.72rem!important}
body.hybrid-home #services .catalog-link{color:#111!important;font-weight:800!important}
body.hybrid-home #services .catalog-link:hover{color:var(--hy-red)!important}

/* QUOTE */
body.hybrid-home #quote{background:#0b1014!important;padding:82px 0!important;color:#fff}
body.hybrid-home #quote .quote-wrap{border-radius:20px!important;box-shadow:0 26px 60px rgba(0,0,0,.22)!important}

@media (max-width:1050px){
 body.hybrid-home .container{width:min(calc(100% - 36px),1280px)}
 body.hybrid-home .hero-grid{grid-template-columns:1fr 1fr;min-height:440px}
 body.hybrid-home .hero-copy{padding:60px 30px 58px 0}
 body.hybrid-home .hero-visual{min-height:440px;margin-right:-18px}
 body.hybrid-home .steps{grid-template-columns:repeat(3,1fr)}
 body.hybrid-home .process .step{min-height:170px!important}
 body.hybrid-home .partner-grid{grid-template-columns:1fr 1fr!important;gap:38px!important}
 body.hybrid-home .benefits{grid-template-columns:1fr 1fr!important}
 body.hybrid-home .partner-section .benefit:nth-child(2){border-right:0!important}
 body.hybrid-home .partner-section .benefit:nth-child(-n/**/+2){border-bottom:1px solid #e0e4e7!important}
 body.hybrid-home .services-grid{grid-template-columns:1fr 1fr!important}
}
@media (max-width:760px){
 body.hybrid-home .container{width:min(calc(100% - 28px),1280px)}
 body.hybrid-home .hero-grid{grid-template-columns:1fr;min-height:0}
 body.hybrid-home .hero-copy{padding:46px 0 32px}
 body.hybrid-home .hero h1{font-size:clamp(2.85rem,13vw,4.1rem)!important}
 body.hybrid-home .hero-visual{height:300px;min-height:300px;margin:0 -14px}
 body.hybrid-home .hero-visual:before{background:linear-gradient(0deg,#0b1014 0%,rgba(11,16,20,.18) 34%,transparent 66%)}
 body.hybrid-home .process{padding:48px 0 56px!important}
 body.hybrid-home .steps{grid-template-columns:1fr 1fr;gap:22px 12px}
 body.hybrid-home .process .step{min-height:155px!important;padding:28px 15px 20px!important}
 body.hybrid-home .trust-section{padding:54px 0 58px!important}
 body.hybrid-home .trust-section .trust-head{margin-bottom:34px!important}
 body.hybrid-home .logo-marquee, body.hybrid-home .logo-set{gap:34px!important}
 body.hybrid-home .client-logo-card{height:44px!important;min-height:44px!important;max-height:44px!important}
 body.hybrid-home .client-logo-card img{max-height:25px!important;max-width:102px!important}
 body.hybrid-home .client-logo-card.client-logo-compact img{max-height:28px!important;max-width:68px!important}
 body.hybrid-home .client-logo-card.client-logo-wide img{max-height:22px!important;max-width:112px!important}
 body.hybrid-home .client-logo-card.client-logo-ultrawide img{max-height:19px!important;max-width:124px!important}
 body.hybrid-home .partner-section{padding:54px 0 62px!important}
 body.hybrid-home .partner-grid{grid-template-columns:1fr!important;gap:34px!important}
 body.hybrid-home .partner-section h2{font-size:clamp(2.6rem,12vw,3.6rem)!important}
 body.hybrid-home .benefits{grid-template-columns:1fr 1fr!important}
 body.hybrid-home .history-block{grid-template-columns:1fr!important;gap:12px!important}
 body.hybrid-home .why-media.has-home-image{aspect-ratio:16/10!important}
 body.hybrid-home #services{padding:58px 0 68px!important}
 body.hybrid-home #services .section-head{display:block!important}
 body.hybrid-home #services .section-head p{margin-top:12px}
 body.hybrid-home #services .service-photo{height:180px!important}
 body.hybrid-home #quote{padding:64px 0!important}
}
@media (max-width:520px){
 body.hybrid-home .steps{grid-template-columns:1fr}
 body.hybrid-home .process .step{min-height:140px!important}
 body.hybrid-home .benefits{grid-template-columns:1fr!important}
 body.hybrid-home .partner-section .benefit{border-right:0!important;border-bottom:1px solid #e0e4e7!important;padding:16px 0!important}
 body.hybrid-home .partner-section .benefit:last-child{border-bottom:0!important}
 body.hybrid-home .services-grid{grid-template-columns:1fr!important}
}
@media (max-width:520px){
 body.hybrid-home .trust-section .trust-head{padding:0 14px!important;margin-bottom:30px!important}
 body.hybrid-home .trust-eyebrow{font-size:.62rem!important;letter-spacing:.226em!important}
 body.hybrid-home .trust-section .trust-head h2{font-size:clamp(1.75rem,8.5vw,2.15rem)!important}
 body.hybrid-home .trust-copy{font-size:.86rem!important;line-height:1.55!important}
}
@media (prefers-reduced-motion:reduce){body.hybrid-home .process .step, body.hybrid-home .why-media.has-home-image img{transition:none!important}}

/* Typography/layout stabilization — 2026-09-28 audit pass */
body.hybrid-home .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1.22fr)!important;min-height:500px!important}
body.hybrid-home .hero-copy{text-align:left!important;padding:72px 48px 68px 0!important}
body.hybrid-home .hero h1{font-size:clamp(3.45rem,4.35vw,4.25rem)!important;line-height:1.01!important;letter-spacing:-.042em!important;max-width:590px!important;margin:0 0 22px!important;text-align:left!important;text-wrap:balance}
body.hybrid-home .hero .lead{font-size:clamp(1.04rem,1.2vw,1.18rem)!important;line-height:1.55!important;max-width:555px!important;text-align:left!important}
body.hybrid-home .hero-actions{justify-content:flex-start!important;text-align:left!important}
body.hybrid-home .hero .btn-ghost{border-radius:10px!important;padding:13px 20px!important;min-height:46px!important}
body.hybrid-home .process h2{font-size:clamp(2rem,2.7vw,2.75rem)!important;line-height:1.06!important;letter-spacing:-.029em!important}
body.hybrid-home #services .section-head h2{font-size:clamp(2.25rem,3vw,3.15rem)!important;line-height:1.04!important}
body.hybrid-home .partner-section h2{font-size:clamp(2.5rem,3.45vw,3.75rem)!important;line-height:1.01!important;letter-spacing:-.042em!important}
@media (max-width:1050px){
 body.hybrid-home .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important}
 body.hybrid-home .hero-copy{padding:58px 30px 54px 0!important}
 body.hybrid-home .hero h1{font-size:clamp(3.05rem,5.6vw,3.7rem)!important}
}
@media (max-width:760px){
 body.hybrid-home .hero-grid{grid-template-columns:1fr!important}
 body.hybrid-home .hero-copy{text-align:left!important;padding:42px 0 30px!important}
 body.hybrid-home .hero h1{font-size:clamp(2.65rem,11.5vw,3rem)!important;line-height:1.02!important;letter-spacing:-.036em!important;max-width:350px!important;margin-left:0!important;margin-right:0!important;text-align:left!important}
 body.hybrid-home .hero .lead{font-size:1rem!important;line-height:1.55!important;max-width:350px!important;margin-left:0!important;margin-right:0!important;text-align:left!important}
 body.hybrid-home .hero-actions{justify-content:flex-start!important}
 body.hybrid-home .hero .btn-ghost{padding:12px 18px!important;min-height:44px!important}
 body.hybrid-home .process h2{font-size:clamp(1.9rem,8.5vw,2.35rem)!important}
 body.hybrid-home .partner-section h2{font-size:clamp(2.35rem,10.5vw,3.1rem)!important}
}

/* Trusted logo fidelity fix — 2026-09-28
   Keep the premium dark story treatment, but present client artwork on a
   neutral light rail so original logo colors and fine details remain intact. */
body.hybrid-home .trust-section .logo-marquee-shell{
  width:min(1180px,calc(100% - 48px))!important;
  margin:0 auto!important;
  padding:17px 0!important;
  overflow:hidden!important;
  background:#f7f7f4!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.18)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
body.hybrid-home .trust-section .logo-marquee-shell:before, body.hybrid-home .trust-section .logo-marquee-shell:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:54px!important;
  z-index:4!important;
  pointer-events:none!important;
}
body.hybrid-home .trust-section .logo-marquee-shell:before{
  left:0!important;
  background:linear-gradient(90deg,#f7f7f4 25%,rgba(247,247,244,0))!important;
}
body.hybrid-home .trust-section .logo-marquee-shell:after{
  right:0!important;
  background:linear-gradient(270deg,#f7f7f4 25%,rgba(247,247,244,0))!important;
}
body.hybrid-home .trust-section .logo-marquee{
  padding:3px 0!important;
  gap:54px!important;
}
body.hybrid-home .trust-section .logo-set{gap:54px!important}
body.hybrid-home .trust-section .client-logo-card{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
}
body.hybrid-home .trust-section .client-logo-card img{
  opacity:1!important;
  filter:none!important;
  max-height:30px!important;
  max-width:120px!important;
}
body.hybrid-home .trust-section .client-logo-card.client-logo-compact img{max-height:34px!important;max-width:78px!important}
body.hybrid-home .trust-section .client-logo-card.client-logo-wide img{max-height:26px!important;max-width:132px!important}
body.hybrid-home .trust-section .client-logo-card.client-logo-ultrawide img{max-height:21px!important;max-width:148px!important}
@media (max-width:760px){
  body.hybrid-home .trust-section .logo-marquee-shell{
    width:calc(100% - 28px)!important;
    padding:14px 0!important;
    border-radius:13px!important;
  }
  body.hybrid-home .trust-section .logo-marquee-shell:before, body.hybrid-home .trust-section .logo-marquee-shell:after{width:28px!important}
  body.hybrid-home .trust-section .logo-marquee, body.hybrid-home .trust-section .logo-set{gap:34px!important}
  body.hybrid-home .trust-section .client-logo-card{height:40px!important;min-height:40px!important;max-height:40px!important}
  body.hybrid-home .trust-section .client-logo-card img{max-height:24px!important;max-width:96px!important}
  body.hybrid-home .trust-section .client-logo-card.client-logo-compact img{max-height:27px!important;max-width:64px!important}
  body.hybrid-home .trust-section .client-logo-card.client-logo-wide img{max-height:21px!important;max-width:108px!important}
  body.hybrid-home .trust-section .client-logo-card.client-logo-ultrawide img{max-height:18px!important;max-width:118px!important}
}


/* Trusted logo scale + hero cleanup — 2026-09-28 */
body.hybrid-home .trust-section .logo-marquee-shell{padding:20px 0!important}
body.hybrid-home .trust-section .logo-marquee, body.hybrid-home .trust-section .logo-set{gap:58px!important}
body.hybrid-home .trust-section .client-logo-card{height:68px!important;min-height:68px!important;max-height:68px!important}
body.hybrid-home .trust-section .client-logo-card img{max-height:44px!important;max-width:160px!important}
body.hybrid-home .trust-section .client-logo-card.client-logo-compact img{max-height:50px!important;max-width:106px!important}
body.hybrid-home .trust-section .client-logo-card.client-logo-wide img{max-height:38px!important;max-width:176px!important}
body.hybrid-home .trust-section .client-logo-card.client-logo-ultrawide img{max-height:31px!important;max-width:198px!important}
@media (max-width:760px){
  body.hybrid-home .trust-section .logo-marquee-shell{padding:16px 0!important}
  body.hybrid-home .trust-section .logo-marquee, body.hybrid-home .trust-section .logo-set{gap:38px!important}
  body.hybrid-home .trust-section .client-logo-card{height:52px!important;min-height:52px!important;max-height:52px!important}
  body.hybrid-home .trust-section .client-logo-card img{max-height:32px!important;max-width:124px!important}
  body.hybrid-home .trust-section .client-logo-card.client-logo-compact img{max-height:36px!important;max-width:82px!important}
  body.hybrid-home .trust-section .client-logo-card.client-logo-wide img{max-height:28px!important;max-width:136px!important}
  body.hybrid-home .trust-section .client-logo-card.client-logo-ultrawide img{max-height:23px!important;max-width:150px!important}
}

/* Homepage confidence-flow simplification — 2026-09-28
   Promise -> relevance -> proof -> trust -> differentiation -> process -> action. */
body.hybrid-home #services{
  background:#fff!important;
  padding:76px 0 82px!important;
  border-top:0!important;
}
body.hybrid-home #services .section-head{
  max-width:900px;
  margin:0 auto 34px!important;
  text-align:center!important;
  display:block!important;
}
body.hybrid-home #services .section-head p{
  margin:12px auto 0!important;
  max-width:470px!important;
}
body.hybrid-home .services-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
body.hybrid-home #services .service-card{
  position:relative;
  padding:25px 22px 22px!important;
  min-height:190px!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:14px!important;
  box-shadow:none!important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
body.hybrid-home #services .service-card:before{
  content:"";display:block;width:28px;height:2px;border-radius:999px;background:var(--hy-red);margin-bottom:20px
}
body.hybrid-home #services .service-photo, body.hybrid-home #services .service-tags{display:none!important}
body.hybrid-home #services .service-card h3{font-size:1.18rem!important;margin:0 0 9px!important}
body.hybrid-home #services .service-card p{font-size:.88rem!important;line-height:1.5!important;min-height:0!important;margin:0 0 20px!important;max-width:250px}
body.hybrid-home #services .service-actions{margin-top:auto!important}
body.hybrid-home #services .catalog-link{font-size:.84rem!important}
@media (hover:hover) and (pointer:fine){
 body.hybrid-home #services .service-card:hover{transform:translateY(-4px);border-color:#ccd2d6!important;box-shadow:0 14px 30px rgba(20,26,31,.07)!important}
}

/* Visual proof immediately after the category scan. */
body.hybrid-home .made-section{background:#f4f6f7!important;padding:72px 0 78px!important;border-top:1px solid #e8ebed;border-bottom:1px solid #e8ebed}
body.hybrid-home .made-head{text-align:center;margin:0 auto 30px;max-width:760px}
body.hybrid-home .made-head .eyebrow{display:block;color:#ef2029!important;font-size:.7rem;letter-spacing:.146em;font-weight:800;text-transform:uppercase;margin-bottom:8px}
body.hybrid-home .made-head .eyebrow:before{display:none!important}
body.hybrid-home .made-head h2{color:#111!important;font-size:clamp(2.2rem,3vw,3.1rem)!important;line-height:1.04!important;letter-spacing:-.034em!important;margin:0}
body.hybrid-home .made-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.hybrid-home .made-card{display:block;position:relative;overflow:hidden;border-radius:14px;background:#111;color:#fff;text-decoration:none;aspect-ratio:1.08/1;border:1px solid rgba(0,0,0,.06);box-shadow:0 12px 30px rgba(16,22,27,.08)}
body.hybrid-home .made-media, body.hybrid-home .made-media picture{display:block;width:100%;height:100%}
body.hybrid-home .made-media:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(6,10,13,.76));pointer-events:none}
body.hybrid-home .made-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
body.hybrid-home .made-label{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;color:#fff;font-size:.92rem;font-weight:800;letter-spacing:-.004em}
@media (hover:hover) and (pointer:fine){body.hybrid-home .made-card:hover img{transform:scale(1.025)}}

/* Keep each chapter visually separate and easy to scan. */
body.hybrid-home .trust-section{padding-top:76px!important;padding-bottom:78px!important}
body.hybrid-home .partner-section{padding-top:78px!important;padding-bottom:84px!important}
body.hybrid-home .process{background:#f5f6f7!important;padding:76px 0 82px!important;border-top:1px solid #e6e9eb!important}
body.hybrid-home .process .section-head{margin-bottom:38px!important}
body.hybrid-home .process .step{box-shadow:none!important}

/* Homepage closes with one simple invitation; the full form lives on Contact. */
body.hybrid-home #quote.home-final-cta{background:#0b1014!important;padding:74px 0 78px!important}
body.hybrid-home .home-cta-card{max-width:860px;margin:0 auto;text-align:center;padding:48px 44px;border:1px solid #293138;border-radius:20px;background:linear-gradient(145deg,#151b20,#0f1418);box-shadow:0 22px 50px rgba(0,0,0,.2)}
body.hybrid-home .home-cta-card .eyebrow{display:block;color:#ef3640!important;font-size:.7rem;letter-spacing:.146em;font-weight:800;text-transform:uppercase;margin:0 0 10px}
body.hybrid-home .home-cta-card .eyebrow:before{display:none!important}
body.hybrid-home .home-cta-card h2{color:#fff!important;font-size:clamp(2.15rem,3.1vw,3.2rem)!important;line-height:1.04!important;letter-spacing:-.034em!important;margin:0 0 12px}
body.hybrid-home .home-cta-card p{color:#b7c0c7!important;font-size:1rem!important;line-height:1.55!important;max-width:520px;margin:0 auto 24px!important}
body.hybrid-home .home-cta-actions{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
body.hybrid-home .home-cta-card .btn{border-radius:10px!important;padding:13px 20px!important}
body.hybrid-home .home-cta-secondary{color:#e5e9ec;text-decoration:none;font-weight:700;font-size:.9rem}
body.hybrid-home .home-cta-secondary:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}

@media (max-width:1050px){
 body.hybrid-home .services-grid{grid-template-columns:1fr 1fr!important}
 body.hybrid-home .made-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
 body.hybrid-home #services{padding:58px 0 64px!important}
 body.hybrid-home #services .section-head{margin-bottom:26px!important;text-align:left!important}
 body.hybrid-home #services .section-head p{margin:10px 0 0!important}
 body.hybrid-home .services-grid{grid-template-columns:1fr!important;gap:12px!important}
 body.hybrid-home #services .service-card{min-height:0!important;padding:21px 19px 19px!important}
 body.hybrid-home #services .service-card:before{margin-bottom:15px}
 body.hybrid-home #services .service-card p{margin-bottom:16px!important}
 body.hybrid-home .made-section{padding:54px 0 58px!important}
 body.hybrid-home .made-head{text-align:left;margin-bottom:24px}
 body.hybrid-home .made-grid{grid-template-columns:1fr 1fr;gap:10px}
 body.hybrid-home .made-card{border-radius:11px}
 body.hybrid-home .made-label{left:13px;right:13px;bottom:12px;font-size:.82rem}
 body.hybrid-home .trust-section{padding-top:58px!important;padding-bottom:60px!important}
 body.hybrid-home .partner-section{padding-top:58px!important;padding-bottom:64px!important}
 body.hybrid-home .process{padding:58px 0 64px!important}
 body.hybrid-home #quote.home-final-cta{padding:58px 0 62px!important}
 body.hybrid-home .home-cta-card{padding:36px 22px;border-radius:16px}
}
@media (max-width:480px){body.hybrid-home .made-grid{grid-template-columns:1fr}}

/* ============================================================
   HOMEPAGE MODERNIZATION — 2026-09-28
   Cleaner category discovery, client-work gallery, editorial Why section.
   ============================================================ */

/* Hero: no redundant CTA; keep the opening focused. */
body.hybrid-home .hero-actions{display:none!important}

/* WHAT WE DO — modern image-led editorial grid */
body.hybrid-home #services{
  background:#f4f5f6!important;
  padding:88px 0 96px!important;
  border:0!important;
}
body.hybrid-home #services .modern-section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.72fr)!important;
  align-items:end!important;
  gap:56px!important;
  max-width:none!important;
  margin:0 0 38px!important;
  text-align:left!important;
}
body.hybrid-home #services .section-head .eyebrow{
  display:block!important;
  color:#e51b24!important;
  font-size:.69rem!important;
  font-weight:800!important;
  letter-spacing:.156em!important;
  text-transform:uppercase!important;
  margin:0 0 9px!important;
}
body.hybrid-home #services .section-head .eyebrow:before{display:none!important}
body.hybrid-home #services .section-head h2{
  color:#101316!important;
  font-size:clamp(2.55rem,3.8vw,4.25rem)!important;
  line-height:.98!important;
  letter-spacing:-.044em!important;
  max-width:720px!important;
  margin:0!important;
}
body.hybrid-home #services .section-head p{
  color:#5c656c!important;
  font-size:1rem!important;
  line-height:1.6!important;
  max-width:420px!important;
  margin:0!important;
  justify-self:end!important;
}
body.hybrid-home #services .modern-service-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
body.hybrid-home #services .modern-service-card{
  position:relative!important;
  display:block!important;
  min-height:350px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid rgba(16,20,23,.08)!important;
  background:#111!important;
  box-shadow:0 14px 34px rgba(20,26,31,.08)!important;
  color:#fff!important;
  text-decoration:none!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
  transition:transform .34s cubic-bezier(.2,.7,.2,1),box-shadow .34s ease,border-color .34s ease!important;
}
body.hybrid-home #services .modern-service-card .service-photo{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
}
body.hybrid-home #services .modern-service-card .service-photo picture, body.hybrid-home #services .modern-service-card .service-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
body.hybrid-home #services .modern-service-card .service-photo img{
  object-fit:cover!important;
  filter:saturate(.9) contrast(1.02) brightness(.82)!important;
  transition:transform .62s cubic-bezier(.2,.7,.2,1),filter .35s ease!important;
}
body.hybrid-home #services .service-card-shade{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(5,8,10,.05) 18%,rgba(5,8,10,.18) 48%,rgba(5,8,10,.88) 100%);
}
body.hybrid-home #services .service-card-content{
  position:absolute!important;
  inset:auto 0 0!important;
  z-index:2!important;
  padding:28px 30px 27px!important;
}
body.hybrid-home #services .service-index{
  position:absolute;right:28px;bottom:31px;
  color:rgba(255,255,255,.5);font-size:.72rem;font-weight:800;letter-spacing:.126em;
}
body.hybrid-home #services .modern-service-card h3{
  color:#fff!important;
  font-size:clamp(1.45rem,2vw,2rem)!important;
  line-height:1.05!important;
  letter-spacing:-.029em!important;
  margin:0 0 8px!important;
}
body.hybrid-home #services .modern-service-card p{
  color:#e4e8ea!important;
  font-size:.9rem!important;
  line-height:1.48!important;
  max-width:400px!important;
  min-height:0!important;
  margin:0!important;
  padding-right:72px!important;
}
body.hybrid-home #services .service-card-arrow{
  position:absolute;right:28px;top:26px;
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.42);background:rgba(10,14,17,.24);color:#fff;
  font-size:1.05rem;transition:background .28s ease,border-color .28s ease,transform .28s ease;
}
body.hybrid-home #services .service-tags, body.hybrid-home #services .service-actions{display:none!important}
@media (hover:hover) and (pointer:fine){
  body.hybrid-home #services .modern-service-card:hover{
    transform:translateY(-5px)!important;
    border-color:rgba(229,27,36,.32)!important;
    box-shadow:0 24px 52px rgba(20,26,31,.15)!important;
  }
  body.hybrid-home #services .modern-service-card:hover .service-photo img{
    transform:scale(1.035)!important;
    filter:saturate(.98) contrast(1.03) brightness(.86)!important;
  }
  body.hybrid-home #services .modern-service-card:hover .service-card-arrow{
    background:#e51b24;border-color:#e51b24;transform:translate(2px,-2px)
  }
}

/* MADE BY MEDIA-TREK — gallery, not another navigation grid */
body.hybrid-home .made-section{
  background:#fff!important;
  padding:96px 0 104px!important;
  border:0!important;
}
body.hybrid-home .made-head{
  max-width:760px!important;
  margin:0 0 38px!important;
  text-align:left!important;
}
body.hybrid-home .made-head .eyebrow{
  margin-bottom:9px!important;
}
body.hybrid-home .made-head h2{
  font-size:clamp(2.55rem,3.7vw,4.05rem)!important;
  line-height:.99!important;
  letter-spacing:-.044em!important;
}
body.hybrid-home .made-head p{
  color:#626a71;
  font-size:1rem;
  line-height:1.6;
  max-width:500px;
  margin:14px 0 0;
}
body.hybrid-home .client-work-gallery{
  display:grid!important;
  grid-template-columns:1.18fr .82fr .82fr!important;
  grid-template-rows:280px 280px!important;
  gap:16px!important;
}
body.hybrid-home .client-work-gallery .gallery-card{
  margin:0!important;
  aspect-ratio:auto!important;
  min-height:0!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#111!important;
  border:0!important;
  box-shadow:none!important;
}
body.hybrid-home .client-work-gallery .gallery-card-a{grid-column:1 / span 2;grid-row:1}
body.hybrid-home .client-work-gallery .gallery-card-b{grid-column:3;grid-row:1}
body.hybrid-home .client-work-gallery .gallery-card-c{grid-column:1;grid-row:2}
body.hybrid-home .client-work-gallery .gallery-card-d{grid-column:2 / span 2;grid-row:2}
body.hybrid-home .client-work-gallery .made-media, body.hybrid-home .client-work-gallery .made-media picture, body.hybrid-home .client-work-gallery .made-media img{display:block!important;width:100%!important;height:100%!important}
body.hybrid-home .client-work-gallery .made-media:after{
  inset:45% 0 0!important;
  background:linear-gradient(transparent,rgba(6,9,11,.76))!important;
}
body.hybrid-home .client-work-gallery .made-media img{
  object-fit:cover!important;
  filter:saturate(.92) contrast(1.02)!important;
  transition:transform .62s cubic-bezier(.2,.7,.2,1),filter .34s ease!important;
}
body.hybrid-home .client-work-gallery .made-label{
  left:22px!important;right:22px!important;bottom:19px!important;
  font-size:.88rem!important;font-weight:700!important;letter-spacing:.021em!important;
  color:#fff!important;
}
@media (hover:hover) and (pointer:fine){
  body.hybrid-home .client-work-gallery .gallery-card:hover .made-media img{transform:scale(1.025)!important;filter:saturate(1) contrast(1.03)!important}
}

/* WHY MEDIA-TREK — editorial story, clean benefits, quiet history */
body.hybrid-home .partner-section{
  background:#f3f5f6!important;
  padding:98px 0 104px!important;
  border:0!important;
}
body.hybrid-home .why-editorial{
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr)!important;
  gap:72px!important;
  align-items:center!important;
}
body.hybrid-home .why-editorial .why-media.has-home-image{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1.42/1!important;
  min-height:0!important;
  margin:0!important;
  border-radius:22px!important;
  border:0!important;
  overflow:hidden!important;
  background:#e9edef!important;
  box-shadow:0 24px 56px rgba(22,28,33,.11)!important;
}
body.hybrid-home .why-editorial .why-media.has-home-image img{
  width:100%!important;height:100%!important;display:block!important;
  object-fit:cover!important;object-position:center!important;
  filter:saturate(.92) contrast(1.02)!important;
  transform:scale(1)!important;
  transition:transform .62s cubic-bezier(.2,.7,.2,1)!important;
}
@media (hover:hover) and (pointer:fine){body.hybrid-home .why-editorial .why-media.has-home-image:hover img{transform:scale(1.018)!important}}
body.hybrid-home .why-copy{min-width:0}
body.hybrid-home .why-copy .eyebrow{
  display:block!important;color:#e51b24!important;font-size:.69rem!important;font-weight:800!important;letter-spacing:.156em!important;text-transform:uppercase!important;margin:0 0 10px!important
}
body.hybrid-home .why-copy .eyebrow:before{display:none!important}
body.hybrid-home .why-copy h2{
  color:#101316!important;
  font-size:clamp(2.75rem,3.75vw,4.25rem)!important;
  line-height:.98!important;
  letter-spacing:-.046em!important;
  max-width:590px!important;
  margin:0 0 18px!important;
}
body.hybrid-home .why-copy .lead{
  color:#596269!important;
  font-size:1rem!important;
  line-height:1.62!important;
  max-width:540px!important;
  margin:0 0 28px!important;
}
body.hybrid-home .why-benefits{
  border-top:1px solid #d8dde0;
}
body.hybrid-home .why-benefit{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  padding:16px 0;
  border-bottom:1px solid #d8dde0;
  align-items:start;
}
body.hybrid-home .why-benefit-num{
  color:#e51b24;font-size:.69rem;font-weight:700;letter-spacing:.086em;padding-top:3px
}
body.hybrid-home .why-benefit>div{display:flex;flex-direction:column;gap:4px}
body.hybrid-home .why-benefit strong{color:#111417;font-size:.9rem;line-height:1.3}
body.hybrid-home .why-benefit>div>span{color:#687178;font-size:.79rem;line-height:1.4}
body.hybrid-home .why-history{
  display:grid;
  grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);
  gap:52px;
  margin-top:54px;
  padding:34px 38px;
  border-radius:18px;
  background:#fff;
  border:1px solid #e0e4e7;
  box-shadow:0 10px 28px rgba(22,28,33,.035);
}
body.hybrid-home .why-history .history-label{
  display:block;color:#e51b24!important;font-size:.66rem!important;font-weight:800!important;letter-spacing:.146em!important;text-transform:uppercase!important;margin-bottom:7px!important
}
body.hybrid-home .why-history h3{
  color:#111417!important;font-size:1.45rem!important;line-height:1.08!important;letter-spacing:-.019em!important;margin:0!important
}
body.hybrid-home .why-history .history-copy{
  display:grid;grid-template-columns:1fr 1fr;gap:26px
}
body.hybrid-home .why-history .history-copy p{
  color:#626b72!important;font-size:.84rem!important;line-height:1.6!important;margin:0!important
}

/* Homepage English title treatment: deliberate Title Case without altering French grammar. */
body.hybrid-home .home-final-cta h2{letter-spacing:-.034em!important}

@media (max-width:1050px){
  body.hybrid-home #services .modern-section-head{grid-template-columns:1fr!important;gap:14px!important}
  body.hybrid-home #services .section-head p{justify-self:start!important}
  body.hybrid-home #services .modern-service-card{min-height:310px!important}
  body.hybrid-home .client-work-gallery{grid-template-columns:1fr 1fr!important;grid-template-rows:250px 250px!important}
  body.hybrid-home .client-work-gallery .gallery-card-a, body.hybrid-home .client-work-gallery .gallery-card-b, body.hybrid-home .client-work-gallery .gallery-card-c, body.hybrid-home .client-work-gallery .gallery-card-d{grid-column:auto!important;grid-row:auto!important}
  body.hybrid-home .why-editorial{grid-template-columns:1fr 1fr!important;gap:38px!important}
  body.hybrid-home .why-history{grid-template-columns:1fr!important;gap:18px!important}
}
@media (max-width:760px){
  body.hybrid-home #services{padding:64px 0 72px!important}
  body.hybrid-home #services .modern-section-head{margin-bottom:28px!important}
  body.hybrid-home #services .section-head h2{font-size:clamp(2.35rem,10vw,3.05rem)!important}
  body.hybrid-home #services .modern-service-grid{grid-template-columns:1fr!important;gap:12px!important}
  body.hybrid-home #services .modern-service-card{min-height:290px!important;border-radius:16px!important}
  body.hybrid-home #services .service-card-content{padding:23px 22px 22px!important}
  body.hybrid-home #services .service-card-arrow{right:20px;top:20px;width:34px;height:34px}
  body.hybrid-home #services .service-index{right:22px;bottom:25px}
  body.hybrid-home .made-section{padding:66px 0 72px!important}
  body.hybrid-home .made-head{margin-bottom:26px!important}
  body.hybrid-home .made-head h2{font-size:clamp(2.35rem,10vw,3rem)!important}
  body.hybrid-home .client-work-gallery{grid-template-columns:1fr!important;grid-template-rows:none!important;gap:12px!important}
  body.hybrid-home .client-work-gallery .gallery-card{height:250px!important;border-radius:14px!important}
  body.hybrid-home .partner-section{padding:68px 0 74px!important}
  body.hybrid-home .why-editorial{grid-template-columns:1fr!important;gap:32px!important}
  body.hybrid-home .why-editorial .why-copy{order:1}
  body.hybrid-home .why-editorial .why-media{order:2}
  body.hybrid-home .why-copy h2{font-size:clamp(2.4rem,11vw,3.15rem)!important}
  body.hybrid-home .why-editorial .why-media.has-home-image{aspect-ratio:16/10!important;border-radius:16px!important}
  body.hybrid-home .why-history{margin-top:34px;padding:26px 22px;border-radius:14px!important}
  body.hybrid-home .why-history .history-copy{grid-template-columns:1fr!important;gap:14px!important}
}
@media (prefers-reduced-motion:reduce){
  body.hybrid-home #services .modern-service-card, body.hybrid-home #services .modern-service-card .service-photo img, body.hybrid-home .client-work-gallery .made-media img, body.hybrid-home .why-editorial .why-media.has-home-image img{transition:none!important}
}


/* ============================================================
   HOMEPAGE REFINEMENT — 2026-09-28
   Cleaner cards, image-only gallery, simpler Why benefits, distinct CTA.
   ============================================================ */

/* WHAT WE DO — no numbering; stronger red hover cue like the process cards. */
body.hybrid-home #services .service-index{display:none!important}
@media (hover:hover) and (pointer:fine){
  body.hybrid-home #services .modern-service-card:hover{
    border-color:#e51b24!important;
    box-shadow:0 24px 52px rgba(20,26,31,.14),0 0 0 1px rgba(229,27,36,.08)!important;
  }
}
body.hybrid-home #services .modern-service-card:focus-visible{
  outline:0!important;
  border-color:#e51b24!important;
  box-shadow:0 0 0 3px rgba(229,27,36,.18),0 20px 42px rgba(20,26,31,.12)!important;
}

/* MADE BY MEDIA-TREK — image-only client-work gallery. */
body.hybrid-home .client-work-gallery .made-label{display:none!important}
body.hybrid-home .client-work-gallery .made-media:after{display:none!important}
body.hybrid-home .client-work-gallery .gallery-card{background:#eef1f3!important}

/* WHY MEDIA-TREK — remove decorative numbering and let the benefit copy breathe. */
body.hybrid-home .why-benefit-num{display:none!important}
body.hybrid-home .why-benefit{
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:17px 0!important;
}

/* FINAL CTA — deliberately light and separate from the dark footer. */
body.hybrid-home #quote.home-final-cta{
  position:relative;
  background:#fff!important;
  color:#111417!important;
  padding:92px 0 96px!important;
  border-top:1px solid #e3e7ea!important;
}
body.hybrid-home #quote.home-final-cta:before{
  content:"";
  position:absolute;
  top:0;left:50%;
  width:54px;height:3px;
  transform:translateX(-50%);
  background:#e51b24;
  border-radius:0 0 4px 4px;
}
body.hybrid-home .home-cta-card{
  max-width:780px!important;
  margin:0 auto!important;
  text-align:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.hybrid-home .home-cta-card .eyebrow{
  color:#e51b24!important;
  margin-bottom:12px!important;
}
body.hybrid-home .home-cta-card h2{
  color:#111417!important;
  font-size:clamp(2.45rem,3.7vw,3.9rem)!important;
  line-height:1!important;
  letter-spacing:-.044em!important;
  margin-bottom:14px!important;
}
body.hybrid-home .home-cta-card p{
  color:#687178!important;
  font-size:1rem!important;
  line-height:1.58!important;
  max-width:520px!important;
  margin:0 auto 28px!important;
}
body.hybrid-home .home-cta-card .btn{
  border-radius:10px!important;
  padding:14px 22px!important;
  box-shadow:0 10px 24px rgba(229,27,36,.14)!important;
}
body.hybrid-home .home-cta-secondary{
  color:#2d3439!important;
  font-weight:700!important;
}
body.hybrid-home .home-cta-secondary:hover{color:#e51b24!important}

@media (max-width:760px){
  body.hybrid-home #quote.home-final-cta{padding:68px 0 72px!important}
  body.hybrid-home .home-cta-card{padding:0 4px!important}
  body.hybrid-home .home-cta-card h2{font-size:clamp(2.3rem,10vw,3rem)!important}
}

/* ============================================================
   FINAL CARE POLISH — 2026-09-28
   Precision pass: rhythm, typography, radii, subtle motion, scanability.
   ============================================================ */
body.hybrid-home{
  --care-space-xl:100px;
  --care-space-lg:88px;
  --care-space-md:64px;
  --care-radius-lg:18px;
  --care-radius-md:14px;
  --care-radius-sm:10px;
  --care-border:#dde2e5;
  --care-text:#111417;
  --care-muted:#626b72;
  --care-red:#e51b24;
}

/* A calmer, repeatable vertical rhythm between the homepage chapters. */
body.hybrid-home #services{padding:96px 0 102px!important}
body.hybrid-home .made-section{padding:96px 0 104px!important}
body.hybrid-home .trust-section{padding:86px 0 90px!important}
body.hybrid-home .partner-section{padding:98px 0 104px!important}
body.hybrid-home .process{padding:88px 0 96px!important;background:#fff!important;border-top:1px solid #e5e9eb!important}
body.hybrid-home #quote.home-final-cta{padding:86px 0 94px!important;background:#f7f8f8!important}

/* One title system across every homepage chapter. */
body.hybrid-home #services .section-head .eyebrow, body.hybrid-home .made-head .eyebrow, body.hybrid-home .why-copy .eyebrow, body.hybrid-home .process .eyebrow, body.hybrid-home .home-cta-card .eyebrow{
  font-size:.68rem!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.156em!important;
  margin-bottom:10px!important;
}
body.hybrid-home #services .section-head h2, body.hybrid-home .made-head h2, body.hybrid-home .why-copy h2, body.hybrid-home .process h2, body.hybrid-home .home-cta-card h2{
  line-height:1.01!important;
  letter-spacing:-.039em!important;
  text-wrap:balance;
}
body.hybrid-home #services .section-head p, body.hybrid-home .made-head p, body.hybrid-home .why-copy .lead, body.hybrid-home .trust-copy, body.hybrid-home .home-cta-card p{
  text-wrap:pretty;
}

/* WHAT WE DO — same visual language as the rest of the new homepage. */
body.hybrid-home #services .modern-section-head{margin-bottom:42px!important}
body.hybrid-home #services .modern-service-grid{gap:20px!important}
body.hybrid-home #services .modern-service-card{
  border-radius:var(--care-radius-lg)!important;
  border:1px solid rgba(18,22,25,.10)!important;
  box-shadow:0 12px 30px rgba(18,24,29,.075)!important;
}
body.hybrid-home #services .service-card-content{padding:30px 30px 28px!important}
body.hybrid-home #services .service-card-arrow{
  border-radius:999px!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
@media (hover:hover) and (pointer:fine){
  body.hybrid-home #services .modern-service-card:hover{
    transform:translateY(-4px)!important;
    border-color:var(--care-red)!important;
    box-shadow:0 20px 46px rgba(20,26,31,.13),0 0 0 1px rgba(229,27,36,.06)!important;
  }
  body.hybrid-home #services .modern-service-card:hover .service-photo img{transform:scale(1.025)!important}
}

/* MADE BY MEDIA-TREK — let the work itself carry the section. */
body.hybrid-home .made-head{margin-bottom:40px!important}
body.hybrid-home .client-work-gallery{gap:18px!important;grid-template-rows:294px 294px!important}
body.hybrid-home .client-work-gallery .gallery-card{
  border-radius:var(--care-radius-lg)!important;
  border:1px solid rgba(17,20,23,.07)!important;
  box-shadow:0 12px 30px rgba(18,24,29,.055)!important;
}
@media (hover:hover) and (pointer:fine){
  body.hybrid-home .client-work-gallery .gallery-card:hover .made-media img{transform:scale(1.02)!important}
}

/* TRUST — preserve the approved dark treatment, just align its rhythm. */
body.hybrid-home .trust-section .trust-head{margin-bottom:40px!important}
body.hybrid-home .trust-section .logo-marquee-shell{
  border-radius:var(--care-radius-lg)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.16)!important;
}

/* WHY MEDIA-TREK — fewer visual containers, faster scanning. */
body.hybrid-home .why-editorial{gap:76px!important}
body.hybrid-home .why-editorial .why-media.has-home-image{
  border-radius:var(--care-radius-lg)!important;
  box-shadow:none!important;
}
body.hybrid-home .why-copy .lead{max-width:500px!important;margin-bottom:30px!important}
body.hybrid-home .why-benefits{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:28px!important;
  row-gap:0!important;
  border-top:0!important;
  margin-top:4px!important;
}
body.hybrid-home .why-benefit{
  padding:17px 0 18px!important;
  border-top:1px solid #d8dde0!important;
  border-bottom:0!important;
}
body.hybrid-home .why-benefit strong{font-size:.91rem!important}
body.hybrid-home .why-benefit>div>span{font-size:.8rem!important;line-height:1.42!important}
body.hybrid-home .why-history{
  grid-template-columns:minmax(200px,.46fr) minmax(0,1.54fr)!important;
  gap:46px!important;
  margin-top:42px!important;
  padding:28px 0 0!important;
  border:0!important;
  border-top:1px solid #d8dde0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.hybrid-home .why-history h3{font-size:1.28rem!important}
body.hybrid-home .why-history .history-copy{gap:30px!important}
body.hybrid-home .why-history .history-copy p{font-size:.82rem!important;line-height:1.58!important}

/* PROCESS — polished but intentionally quieter than the image-led sections. */
body.hybrid-home .process .section-head{margin-bottom:40px!important}
body.hybrid-home .process .step{
  border-radius:var(--care-radius-md)!important;
  border-color:#dfe4e7!important;
  box-shadow:0 7px 20px rgba(20,26,31,.035)!important;
}
@media (hover:hover) and (pointer:fine){
  body.hybrid-home .process .step:hover{
    transform:translateY(-4px)!important;
    border-color:#e51b24!important;
    box-shadow:0 16px 32px rgba(20,26,31,.08)!important;
  }
}

/* FINAL CTA — a quiet conclusion with a strong footer break. */
body.hybrid-home #quote.home-final-cta{border-top:1px solid #e2e6e8!important}
body.hybrid-home #quote.home-final-cta:before{width:42px!important;height:2px!important}
body.hybrid-home .home-cta-card{max-width:720px!important}
body.hybrid-home .home-cta-card .btn{border-radius:var(--care-radius-sm)!important;min-height:46px!important}

/* Refined reveal motion: visible by default, JS opts elements into motion. */
body.hybrid-home .care-reveal{
  opacity:0;
  transform:translateY(10px);
  transition:opacity .48s ease,transform .48s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--care-delay,0ms);
}
body.hybrid-home .care-reveal.care-in-view{opacity:1;transform:none}

@media (max-width:1050px){
  body.hybrid-home #services{padding:82px 0 88px!important}
  body.hybrid-home .made-section{padding:82px 0 88px!important}
  body.hybrid-home .trust-section{padding:76px 0 80px!important}
  body.hybrid-home .partner-section{padding:84px 0 90px!important}
  body.hybrid-home .process{padding:78px 0 84px!important}
  body.hybrid-home #quote.home-final-cta{padding:76px 0 82px!important}
  body.hybrid-home .client-work-gallery{grid-template-rows:260px 260px!important}
  body.hybrid-home .why-editorial{gap:42px!important}
  body.hybrid-home .why-history{grid-template-columns:1fr!important;gap:14px!important}
}

@media (max-width:760px){
  body.hybrid-home #services, body.hybrid-home .made-section, body.hybrid-home .partner-section, body.hybrid-home .process, body.hybrid-home #quote.home-final-cta{padding-top:64px!important;padding-bottom:68px!important}
  body.hybrid-home .trust-section{padding-top:62px!important;padding-bottom:66px!important}
  body.hybrid-home #services .modern-section-head, body.hybrid-home .made-head, body.hybrid-home .process .section-head{margin-bottom:28px!important}
  body.hybrid-home #services .modern-service-card{border-radius:var(--care-radius-md)!important}
  body.hybrid-home .client-work-gallery{grid-template-rows:none!important;gap:12px!important}
  body.hybrid-home .client-work-gallery .gallery-card{height:245px!important;border-radius:var(--care-radius-md)!important}
  body.hybrid-home .why-editorial{gap:30px!important}
  body.hybrid-home .why-benefits{grid-template-columns:1fr!important}
  body.hybrid-home .why-benefit{padding:15px 0 16px!important}
  body.hybrid-home .why-history{margin-top:30px!important;padding-top:24px!important}
  body.hybrid-home .why-history .history-copy{grid-template-columns:1fr!important;gap:12px!important}
  body.hybrid-home .process .step{border-radius:var(--care-radius-md)!important}
  body.hybrid-home .care-reveal{transform:translateY(8px)}
}

@media (prefers-reduced-motion:reduce){
  body.hybrid-home .care-reveal{opacity:1!important;transform:none!important;transition:none!important}
}


/* ============================================================
   CLEAN MODERN FINISH — 2026-09-28
   Subtle depth, polished motion and interaction consistency.
   ============================================================ */

/* Slightly richer surfaces without adding visual noise. */
body.hybrid-home #services{
  background:
    radial-gradient(circle at 86% 8%,rgba(255,255,255,.82),transparent 28%),
    linear-gradient(180deg,#f5f6f7 0%,#f2f4f5 100%)!important;
}
body.hybrid-home .partner-section{
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.7),transparent 28%),
    linear-gradient(180deg,#f4f6f7 0%,#f1f3f4 100%)!important;
}
body.hybrid-home #quote.home-final-cta{
  background:
    radial-gradient(circle at 50% 0,rgba(255,255,255,.95),transparent 42%),
    #f7f8f8!important;
}

/* Header gains a slightly more resolved surface after the page begins moving. */
body.hybrid-home .header{
  transition:background-color .26s ease,border-color .26s ease,box-shadow .26s ease!important;
}
body.hybrid-home .header.home-scrolled{
  background:rgba(8,13,17,.988)!important;
  border-bottom-color:#333d44!important;
  box-shadow:0 12px 32px rgba(0,0,0,.20)!important;
}

/* Crisp inset hairlines make large imagery feel intentionally framed. */
body.hybrid-home #services .modern-service-card:after, body.hybrid-home .client-work-gallery .gallery-card:after, body.hybrid-home .why-editorial .why-media.has-home-image:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
  pointer-events:none;
  z-index:4;
}
body.hybrid-home .why-editorial .why-media.has-home-image{position:relative!important}
body.hybrid-home .why-editorial .why-media.has-home-image:after{
  box-shadow:inset 0 0 0 1px rgba(17,20,23,.055);
}

/* Give the five-step process a single visual path on wide screens. */
@media (min-width:1051px){
  body.hybrid-home .process .steps{position:relative;isolation:isolate}
  body.hybrid-home .process .steps:before{
    content:"";
    position:absolute;
    top:-1px;
    left:10%;
    right:10%;
    height:1px;
    background:linear-gradient(90deg,rgba(229,27,36,.10),rgba(229,27,36,.34) 18%,rgba(229,27,36,.34) 82%,rgba(229,27,36,.10));
    z-index:0;
    pointer-events:none;
  }
  body.hybrid-home .process .step{z-index:1}
}

/* Final action gets a tiny directional cue instead of another visual treatment. */
body.hybrid-home .home-cta-card .btn-primary:after{
  content:"→";
  display:inline-block;
  margin-left:8px;
  transform:translateX(0);
  transition:transform .2s ease;
}
@media (hover:hover) and (pointer:fine){
  body.hybrid-home .home-cta-card .btn-primary:hover:after{transform:translateX(3px)}
}

/* The hero enters once, more quietly than the scroll-reveal sections. */
@media (prefers-reduced-motion:no-preference){
  body.hybrid-home .hero-copy{animation:homeHeroCopyIn .58s cubic-bezier(.2,.7,.2,1) both}
  body.hybrid-home .hero-visual img{animation:homeHeroImageIn .82s cubic-bezier(.2,.7,.2,1) both}
  @keyframes homeHeroCopyIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
  @keyframes homeHeroImageIn{from{opacity:.75;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}
}

@media (max-width:760px){
  body.hybrid-home #services .modern-service-card:after, body.hybrid-home .client-work-gallery .gallery-card:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}
}


/* MOBILE HOMEPAGE HEADING ALIGNMENT — 2026-09-29
   Center only the major homepage titles, eyebrow labels and supporting copy.
   Card/product copy remains left-aligned for fast scanning. */
@media (max-width:760px){
  body.hybrid-home .hero-copy, body.hybrid-home #services .modern-section-head, body.hybrid-home .made-head, body.hybrid-home .trust-section .trust-head, body.hybrid-home .why-copy, body.hybrid-home .process .section-head, body.hybrid-home .home-cta-card{
    text-align:center!important;
  }

  body.hybrid-home .hero-copy, body.hybrid-home #services .modern-section-head, body.hybrid-home .made-head, body.hybrid-home .why-copy, body.hybrid-home .process .section-head, body.hybrid-home .home-cta-card{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.hybrid-home .hero-copy h1, body.hybrid-home .hero-copy .lead, body.hybrid-home #services .modern-section-head>div, body.hybrid-home #services .modern-section-head>p, body.hybrid-home .made-head h2, body.hybrid-home .made-head p, body.hybrid-home .trust-section .trust-head h2, body.hybrid-home .trust-section .trust-copy, body.hybrid-home .why-copy h2, body.hybrid-home .why-copy .lead, body.hybrid-home .process .section-head>div, body.hybrid-home .home-cta-card h2, body.hybrid-home .home-cta-card p{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.hybrid-home .hero-copy .lead, body.hybrid-home #services .modern-section-head>p, body.hybrid-home .made-head p, body.hybrid-home .trust-section .trust-copy, body.hybrid-home .why-copy .lead, body.hybrid-home .home-cta-card p{
    max-width:34rem!important;
  }

  body.hybrid-home .hero-copy .eyebrow, body.hybrid-home #services .modern-section-head .eyebrow, body.hybrid-home .made-head .eyebrow, body.hybrid-home .why-copy .eyebrow, body.hybrid-home .process .section-head .eyebrow, body.hybrid-home .home-cta-card .eyebrow{
    justify-content:center!important;
    text-align:center!important;
  }

  body.hybrid-home #services .section-head p{
    justify-self:center!important;
    margin-top:10px!important;
  }
}

/* RESPONSIVE HERO SYSTEM — 2026-09-29
   One authoritative hero layout. The artwork is never cropped at any supported
   viewport width. Wide screens use a full-height, right-anchored image behind
   the split composition. Tablet/phone widths switch to a stacked layout whose
   image box follows the source image's exact aspect ratio (1037:500), so every
   product remains visible and centered with no object-position hacks. */
body.hybrid-home .hero{
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  background:#0b1014!important;
  color:#fff!important;
}

/* Wide desktop / laptop */
@media (min-width:761px){
  body.hybrid-home .hero{
    min-height:clamp(320px,35vw,500px)!important;
  }
  body.hybrid-home .hero-grid{
    position:static!important;
    display:block!important;
    min-height:inherit!important;
    width:min(calc(100% - 48px),1280px)!important;
    margin-inline:auto!important;
  }
  body.hybrid-home .hero-copy{
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-height:inherit!important;
    width:min(42vw,610px)!important;
    max-width:610px!important;
    margin:0!important;
    padding:36px 0!important;
    text-align:left!important;
  }
  body.hybrid-home .hero-copy h1{
    max-width:610px!important;
    margin:0 0 22px!important;
    color:#fff!important;
    font-size:clamp(2.7rem,4.25vw,4.25rem)!important;
    line-height:.99!important;
    letter-spacing:-.044em!important;
    text-align:left!important;
    text-wrap:balance!important;
  }
  body.hybrid-home .hero-line{display:block!important}
  body.hybrid-home .hero-line-accent{color:#ef2029!important}
  body.hybrid-home .hero-copy .lead{
    max-width:555px!important;
    margin:0!important;
    color:#e3e6e8!important;
    font-size:clamp(.96rem,1.16vw,1.16rem)!important;
    line-height:1.55!important;
    text-align:left!important;
  }
  body.hybrid-home .hero-visual{
    position:absolute!important;
    z-index:1!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    background:#0b1014!important;
    pointer-events:none!important;
  }
  body.hybrid-home .hero-visual:before{
    content:""!important;
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    width:auto!important;
    background:linear-gradient(90deg,#0b1014 0%,#0b1014 19%,rgba(11,16,20,.9) 30%,rgba(11,16,20,.42) 43%,rgba(11,16,20,.08) 55%,transparent 66%)!important;
    pointer-events:none!important;
  }
  body.hybrid-home .hero-visual img{
    position:absolute!important;
    z-index:1!important;
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;
    display:block!important;
    width:auto!important;
    max-width:none!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:right center!important;
    transform:none!important;
  }
}

/* Tablet + mobile: stacked and intrinsically scaled. Exact source ratio means
   the image fills the viewport width without cropping any edge. */
@media (max-width:760px){
  body.hybrid-home .hero-grid{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
  }
  body.hybrid-home .hero-copy{
    order:1!important;
    width:min(calc(100% - 48px),700px)!important;
    max-width:700px!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:46px 0 34px!important;
    text-align:center!important;
  }
  body.hybrid-home .hero-copy h1{
    max-width:620px!important;
    margin:0 auto 18px!important;
    color:#fff!important;
    font-size:clamp(2.7rem,7vw,3.6rem)!important;
    line-height:1!important;
    letter-spacing:-.039em!important;
    text-align:center!important;
    text-wrap:balance!important;
  }
  body.hybrid-home .hero-line{display:block!important}
  body.hybrid-home .hero-line-accent{color:#ef2029!important}
  body.hybrid-home .hero-copy .lead{
    max-width:570px!important;
    margin:0 auto!important;
    color:#e3e6e8!important;
    font-size:clamp(.98rem,2.2vw,1.08rem)!important;
    line-height:1.52!important;
    text-align:center!important;
  }
  body.hybrid-home .hero-visual{
    order:2!important;
    position:relative!important;
    z-index:1!important;
    inset:auto!important;
    width:100vw!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1037 / 500!important;
    margin:0!important;
    overflow:hidden!important;
    background:#0b1014!important;
    pointer-events:none!important;
  }
  body.hybrid-home .hero-visual:before{display:none!important}
  body.hybrid-home .hero-visual img{
    position:absolute!important;
    z-index:1!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
  }
}

/* FLUID STACKED-HERO REFINEMENT — 2026-09-29
   One continuous rule set for every stacked viewport from 320–760px.
   No additional 520px/420px hero breakpoints: spacing, type and blend interpolate
   smoothly so resizing does not cause the hero to snap between different looks. */
@media (max-width:760px){
  body.hybrid-home .hero-copy{
    position:relative!important;
    z-index:3!important;
    width:min(calc(100% - clamp(28px,6.3vw,48px)),700px)!important;
    padding:clamp(34px,6vw,46px) 0 clamp(24px,4.5vw,34px)!important;
  }
  body.hybrid-home .hero-copy h1{
    max-width:min(620px,94vw)!important;
    margin:0 auto clamp(16px,2.4vw,18px)!important;
    font-size:clamp(2.35rem,calc(1.75rem + 3.5vw),3.4rem)!important;
    line-height:1!important;
  }
  body.hybrid-home .hero-copy .lead{
    max-width:min(570px,92vw)!important;
    font-size:clamp(.93rem,calc(.86rem + .4vw),1.05rem)!important;
    line-height:1.5!important;
  }
  body.hybrid-home .hero-visual{
    margin-top:calc(-1 * clamp(14px,3vw,22px))!important;
  }
  body.hybrid-home .hero-visual:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    height:clamp(56px,11vw,84px)!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,#0b1014 0%,rgba(11,16,20,.94) 16%,rgba(11,16,20,.62) 50%,rgba(11,16,20,.18) 78%,rgba(11,16,20,0) 100%)!important;
  }
}

/* FLUID LARGE-SCREEN HERO — 2026-09-29
   761px and up uses one continuous composition. The source artwork scales from
   viewport width (never from an independently changing hero box), remains fully
   visible, right-anchored, and capped at its native 1037x500 size. */
@media (min-width:761px){
  body.hybrid-home .hero{
    min-height:clamp(360px,48.216vw,500px)!important;
  }
  body.hybrid-home .hero-grid{
    position:static!important;
    display:block!important;
    width:min(calc(100% - clamp(40px,4vw,64px)),1280px)!important;
    max-width:1280px!important;
    min-height:inherit!important;
    margin-inline:auto!important;
  }
  body.hybrid-home .hero-copy{
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    width:clamp(290px,40vw,610px)!important;
    max-width:610px!important;
    min-height:inherit!important;
    margin:0!important;
    padding:clamp(28px,4vw,56px) 0!important;
    text-align:left!important;
  }
  body.hybrid-home .hero-copy h1{
    max-width:610px!important;
    margin:0 0 clamp(16px,1.6vw,22px)!important;
    color:#fff!important;
    font-size:clamp(2.15rem,4.25vw,4.25rem)!important;
    line-height:.99!important;
    letter-spacing:-.044em!important;
    text-align:left!important;
    text-wrap:balance!important;
  }
  body.hybrid-home .hero-line{display:block!important}
  body.hybrid-home .hero-line-accent{color:#ef2029!important}
  body.hybrid-home .hero-copy .lead{
    max-width:555px!important;
    margin:0!important;
    color:#e3e6e8!important;
    font-size:clamp(.90rem,1.15vw,1.16rem)!important;
    line-height:1.52!important;
    text-align:left!important;
  }
  body.hybrid-home .hero-visual{
    position:absolute!important;
    z-index:1!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    background:#0b1014!important;
    pointer-events:none!important;
  }
  body.hybrid-home .hero-visual:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    background:linear-gradient(90deg,#0b1014 0%,rgba(11,16,20,.99) 17%,rgba(11,16,20,.92) 29%,rgba(11,16,20,.64) 42%,rgba(11,16,20,.18) 58%,rgba(11,16,20,0) 72%)!important;
    pointer-events:none!important;
  }
  body.hybrid-home .hero-visual img{
    position:absolute!important;
    z-index:1!important;
    top:50%!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;
    display:block!important;
    width:min(100vw,1037px)!important;
    max-width:none!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:right center!important;
    transform:translateY(-50%)!important;
  }
}

/* WIDESCREEN HERO EDGE BLEND — 2026-09-29
   Keep the responsive geometry untouched. On desktop/laptop widths only, fade
   the source artwork's naturally lighter left edge into the hero background so
   the 1037x500 image reads as one continuous scene instead of a rectangular panel. */
@media (min-width:761px){
  body.hybrid-home .hero-visual img{
    -webkit-mask-image:linear-gradient(90deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.10) 5%,
      rgba(0,0,0,.36) 11%,
      rgba(0,0,0,.72) 19%,
      rgba(0,0,0,.94) 26%,
      #000 31%);
    mask-image:linear-gradient(90deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.10) 5%,
      rgba(0,0,0,.36) 11%,
      rgba(0,0,0,.72) 19%,
      rgba(0,0,0,.94) 26%,
      #000 31%);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
  }
}


/* WIDESCREEN COMPOSITION TIGHTENING — 2026-09-29
   Keep the artwork flush with the right edge so no rectangular seam can appear.
   On extra-wide displays, enlarge it progressively toward the left instead of
   translating the whole image inward. This reduces center dead space while the
   approved left-edge blend remains intact. */
@media (min-width:1441px){
  body.hybrid-home .hero-visual img{
    right:0!important;
    width:min(calc(1037px + clamp(0px,calc((100vw - 1440px) * .18),150px)),1187px)!important;
  }
}

/* ============================================================
   WHAT WE DO — APPROVED 2x2 EDGE-TO-EDGE SHOWCASE — 2026-09-29
   Approved direction: centered editorial intro followed by four image-led
   category panels touching edge-to-edge. Existing Media-Trek category imagery
   is retained until replacement artwork is supplied.
   ============================================================ */
body.hybrid-home #services.what-we-do-showcase{
  position:relative!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:#fff!important;
  color:#101316!important;
  overflow:hidden!important;
}
body.hybrid-home #services.what-we-do-showcase .what-we-do-intro{
  position:relative!important;
  z-index:3!important;
  background:
    radial-gradient(circle at 14% 0%,rgba(229,27,36,.035),transparent 24%),
    radial-gradient(circle at 88% 10%,rgba(16,19,22,.03),transparent 28%),
    linear-gradient(180deg,#fff 0%,#f8f9fa 100%)!important;
  border:0!important;
}
body.hybrid-home #services.what-we-do-showcase .what-we-do-intro .container{
  width:min(calc(100% - 48px),1280px)!important;
  max-width:1280px!important;
  margin-inline:auto!important;
  padding:0!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-section-head{
  display:block!important;
  max-width:920px!important;
  margin:0 auto!important;
  padding:clamp(62px,6vw,94px) 0 clamp(52px,5.2vw,78px)!important;
  text-align:center!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-section-head>div{
  margin:0 auto!important;
  text-align:center!important;
}
body.hybrid-home #services.what-we-do-showcase .section-head .eyebrow{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin:0 0 13px!important;
  color:#e51b24!important;
  font-size:.72rem!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.196em!important;
  text-transform:uppercase!important;
}
body.hybrid-home #services.what-we-do-showcase .section-head .eyebrow:before{
  content:""!important;
  display:block!important;
  width:34px!important;
  height:2px!important;
  flex:0 0 34px!important;
  background:#e51b24!important;
}
body.hybrid-home #services.what-we-do-showcase .section-head h2{
  max-width:none!important;
  margin:0!important;
  color:#0d1012!important;
  font-size:clamp(3rem,5vw,5.15rem)!important;
  line-height:.96!important;
  letter-spacing:-.052em!important;
  font-weight:700!important;
  text-align:center!important;
  text-wrap:balance!important;
}
body.hybrid-home #services.what-we-do-showcase .what-we-do-accent{
  color:inherit!important;
}
body.hybrid-home #services.what-we-do-showcase .section-head p{
  max-width:790px!important;
  margin:16px auto 0!important;
  color:#626a70!important;
  font-size:clamp(.98rem,1.2vw,1.12rem)!important;
  line-height:1.55!important;
  text-align:center!important;
  justify-self:auto!important;
  text-wrap:pretty!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  max-width:none!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  background:#080b0e!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-card{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  min-height:clamp(310px,21.5vw,430px)!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#0b0e11!important;
  box-shadow:none!important;
  color:#fff!important;
  text-decoration:none!important;
  isolation:isolate!important;
  transform:none!important;
  transition:none!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-card:nth-child(odd){
  border-right:1px solid rgba(255,255,255,.11)!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-card:nth-child(-n/**/+2){
  border-bottom:1px solid rgba(255,255,255,.11)!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-card:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  border-radius:0!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
  pointer-events:none!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-card .service-photo{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-card .service-photo picture, body.hybrid-home #services.what-we-do-showcase .modern-service-card .service-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-card .service-photo img{
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.92) contrast(1.05) brightness(.78)!important;
  transform:scale(1.001)!important;
  transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease!important;
}
body.hybrid-home #services.what-we-do-showcase .service-card-shade{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(90deg,rgba(4,7,9,.78) 0%,rgba(4,7,9,.48) 34%,rgba(4,7,9,.12) 66%,rgba(4,7,9,.02) 100%),
    linear-gradient(180deg,rgba(4,7,9,.02) 22%,rgba(4,7,9,.16) 56%,rgba(4,7,9,.76) 100%)!important;
  transition:background .35s ease!important;
}
body.hybrid-home #services.what-we-do-showcase .service-card-content{
  position:absolute!important;
  z-index:2!important;
  left:clamp(28px,4.1vw,64px)!important;
  right:clamp(28px,4.1vw,64px)!important;
  bottom:clamp(26px,3.3vw,50px)!important;
  inset-block-start:auto!important;
  padding:0!important;
  max-width:520px!important;
}
body.hybrid-home #services.what-we-do-showcase .service-red-rule{
  display:block!important;
  width:44px!important;
  height:3px!important;
  margin:0 0 12px!important;
  background:#e51b24!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-card h3{
  max-width:520px!important;
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:clamp(1.75rem,2.45vw,2.65rem)!important;
  line-height:1.02!important;
  letter-spacing:-.039em!important;
  font-weight:700!important;
  text-shadow:0 2px 18px rgba(0,0,0,.28)!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-card p{
  max-width:360px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:clamp(.76rem,.87vw,.9rem)!important;
  line-height:1.5!important;
  font-weight:600!important;
  letter-spacing:.126em!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 10px rgba(0,0,0,.35)!important;
}
body.hybrid-home #services.what-we-do-showcase .service-card-arrow{
  position:static!important;
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  margin:19px 0 0!important;
  border:2px solid #e51b24!important;
  border-radius:50%!important;
  background:rgba(7,10,12,.28)!important;
  color:#fff!important;
  font-size:1.15rem!important;
  line-height:1!important;
  box-shadow:none!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
  transition:background .25s ease,transform .25s ease,border-color .25s ease!important;
}
@media (hover:hover) and (pointer:fine){
  body.hybrid-home #services.what-we-do-showcase .modern-service-card:hover{
    transform:none!important;
    border-color:rgba(255,255,255,.11)!important;
    box-shadow:none!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card:hover .service-photo img{
    transform:scale(1.035)!important;
    filter:saturate(.98) contrast(1.05) brightness(.83)!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card:hover .service-card-arrow{
    background:#e51b24!important;
    border-color:#e51b24!important;
    transform:translateX(3px)!important;
  }
}
body.hybrid-home #services.what-we-do-showcase .modern-service-card:focus-visible{
  outline:3px solid #e51b24!important;
  outline-offset:-3px!important;
  z-index:5!important;
}

/* Keep the approved 2x2 composition through tablet widths. */
@media (max-width:980px){
  body.hybrid-home #services.what-we-do-showcase .modern-service-card{
    min-height:clamp(300px,35vw,360px)!important;
  }
  body.hybrid-home #services.what-we-do-showcase .service-card-content{
    left:clamp(24px,4vw,38px)!important;
    right:clamp(24px,4vw,38px)!important;
    bottom:clamp(24px,3.5vw,34px)!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card h3{
    font-size:clamp(1.55rem,3.2vw,2.1rem)!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card p{
    max-width:300px!important;
  }
}

/* On phones the same panels become a seamless vertical stack for legibility. */
@media (max-width:760px){
  body.hybrid-home #services.what-we-do-showcase .what-we-do-intro .container{
    width:min(calc(100% - 32px),680px)!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-section-head{
    padding:54px 0 46px!important;
  }
  body.hybrid-home #services.what-we-do-showcase .section-head .eyebrow{
    font-size:.66rem!important;
    letter-spacing:.166em!important;
  }
  body.hybrid-home #services.what-we-do-showcase .section-head .eyebrow:before{
    width:28px!important;
    flex-basis:28px!important;
  }
  body.hybrid-home #services.what-we-do-showcase .section-head h2{
    font-size:clamp(2.7rem,13vw,4rem)!important;
  }
  body.hybrid-home #services.what-we-do-showcase .section-head p{
    max-width:34rem!important;
    margin-top:14px!important;
    font-size:.96rem!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-grid{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card{
    min-height:clamp(310px,78vw,420px)!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.11)!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card:last-child{
    border-bottom:0!important;
  }
  body.hybrid-home #services.what-we-do-showcase .service-card-content{
    left:26px!important;
    right:26px!important;
    bottom:28px!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card h3{
    font-size:clamp(1.8rem,8vw,2.35rem)!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card p{
    max-width:320px!important;
    font-size:.74rem!important;
  }
  body.hybrid-home #services.what-we-do-showcase .service-card-arrow{
    width:44px!important;
    height:44px!important;
    margin-top:16px!important;
  }
}







/* WHAT WE DO — CLEAN INTRO + CONSISTENT TITLE/COPY — 2026-09-30
   Keep the approved clean intro and one-color heading while removing legacy
   breakpoint-specific spacing. The title/copy relationship is identical at
   phone, tablet, desktop and ultrawide widths. */
body.hybrid-home #services.what-we-do-showcase .what-we-do-intro{
  background:linear-gradient(180deg,#fff 0%,#f9fafb 100%)!important;
}
body.hybrid-home #services.what-we-do-showcase .what-we-do-accent{
  color:inherit!important;
}
body.hybrid-home #services.what-we-do-showcase .section-head h2, body.hybrid-home #services.what-we-do-showcase .section-head p{
  min-height:0!important;
}
body.hybrid-home #services.what-we-do-showcase .section-head p{
  margin:6px auto 0!important;
}

/* ============================================================
   HOMEPAGE VISUAL REFINEMENT — 2026-09-30
   Approved follow-up: controlled widescreen showcase, stronger work gallery,
   and a more deliberate dark process section. Existing imagery is retained.
   ============================================================ */

/* WHAT WE DO — stay expansive on normal screens without stretching imagery
   indefinitely on ultrawide displays. The dark side gutters make the capped
   gallery feel intentional rather than boxed in. */
body.hybrid-home #services.what-we-do-showcase{
  background:#080b0e!important;
}
body.hybrid-home #services.what-we-do-showcase .what-we-do-intro{
  background:linear-gradient(180deg,#fff 0%,#f8f9fa 100%)!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-grid{
  width:min(100%,1800px)!important;
  max-width:1800px!important;
  margin-inline:auto!important;
}

/* MADE BY MEDIA-TREK — a stronger editorial portfolio composition while
   keeping the current artwork until final project photography is supplied. */
body.hybrid-home .made-section{
  background:linear-gradient(180deg,#f4f6f7 0%,#eef1f3 100%)!important;
  border-top:1px solid #e2e6e8!important;
  border-bottom:1px solid #dfe4e7!important;
  padding:96px 0 104px!important;
}
body.hybrid-home .made-section>.container{
  width:min(calc(100% - 48px),1440px)!important;
  max-width:1440px!important;
}
body.hybrid-home .made-head{
  max-width:820px!important;
  margin:0 auto 44px!important;
  text-align:center!important;
}
body.hybrid-home .made-head .eyebrow{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin:0 0 11px!important;
  color:#e51b24!important;
  font-size:.68rem!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.166em!important;
  text-transform:uppercase!important;
}
body.hybrid-home .made-head .eyebrow:before{
  content:""!important;
  display:block!important;
  width:34px!important;
  height:2px!important;
  flex:0 0 34px!important;
  background:#e51b24!important;
}
body.hybrid-home .made-head h2{
  color:#0d1012!important;
  font-size:clamp(2.75rem,4vw,4.35rem)!important;
  line-height:.99!important;
  letter-spacing:-.046em!important;
  margin:0!important;
}
body.hybrid-home .made-head p{
  max-width:620px!important;
  margin:14px auto 0!important;
  color:#626b72!important;
  font-size:1rem!important;
  line-height:1.6!important;
}
body.hybrid-home .client-work-gallery{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,clamp(300px,22vw,390px))!important;
  gap:14px!important;
}
body.hybrid-home .client-work-gallery .gallery-card{
  position:relative!important;
  overflow:hidden!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  border:1px solid rgba(13,16,18,.10)!important;
  border-radius:18px!important;
  background:#0d1114!important;
  box-shadow:0 14px 34px rgba(18,24,29,.09)!important;
}
body.hybrid-home .client-work-gallery .gallery-card-a{grid-column:1 / span 7!important;grid-row:1!important}
body.hybrid-home .client-work-gallery .gallery-card-b{grid-column:8 / span 5!important;grid-row:1!important}
body.hybrid-home .client-work-gallery .gallery-card-c{grid-column:1 / span 5!important;grid-row:2!important}
body.hybrid-home .client-work-gallery .gallery-card-d{grid-column:6 / span 7!important;grid-row:2!important}
body.hybrid-home .client-work-gallery .made-media:after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:38% 0 0!important;
  z-index:1!important;
  background:linear-gradient(180deg,transparent 0%,rgba(5,8,10,.18) 32%,rgba(5,8,10,.78) 100%)!important;
  pointer-events:none!important;
}
body.hybrid-home .client-work-gallery .made-media img{
  filter:saturate(.94) contrast(1.03)!important;
  transform:scale(1.001)!important;
  transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .35s ease!important;
}
body.hybrid-home .client-work-gallery .made-label{
  display:block!important;
  position:absolute!important;
  z-index:3!important;
  left:24px!important;
  right:24px!important;
  bottom:20px!important;
  color:#fff!important;
  font-size:.82rem!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.136em!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 14px rgba(0,0,0,.4)!important;
}
body.hybrid-home .client-work-gallery .made-label:before{
  content:"";
  display:inline-block;
  width:24px;
  height:2px;
  margin:0 10px 3px 0;
  background:#e51b24;
  vertical-align:middle;
}
@media (hover:hover) and (pointer:fine){
  body.hybrid-home .client-work-gallery .gallery-card:hover .made-media img{
    transform:scale(1.035)!important;
    filter:saturate(1) contrast(1.04)!important;
  }
}

/* FROM IDEA TO DELIVERY — stronger visual chapter that echoes the homepage
   opening without competing with the image-led sections. */
body.hybrid-home .process{
  position:relative!important;
  overflow:hidden!important;
  padding:96px 0 104px!important;
  border:0!important;
  background:
    radial-gradient(circle at 50% -25%,rgba(229,27,36,.12),transparent 38%),
    linear-gradient(180deg,#11181d 0%,#0b1014 100%)!important;
  color:#fff!important;
}
body.hybrid-home .process .section-head{
  max-width:780px!important;
  margin:0 auto 52px!important;
  text-align:center!important;
}
body.hybrid-home .process .eyebrow{
  color:#ef3039!important;
  margin-bottom:10px!important;
}
body.hybrid-home .process h2{
  color:#fff!important;
  font-size:clamp(2.55rem,3.7vw,4rem)!important;
  line-height:1!important;
  letter-spacing:-.044em!important;
  margin:0!important;
}
body.hybrid-home .process .process-intro{
  max-width:610px!important;
  margin:14px auto 0!important;
  color:#aeb8bf!important;
  font-size:1rem!important;
  line-height:1.58!important;
}
body.hybrid-home .process .steps{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  isolation:isolate!important;
}
body.hybrid-home .process .steps:before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:9%!important;
  right:9%!important;
  height:1px!important;
  z-index:0!important;
  background:linear-gradient(90deg,rgba(229,27,36,.12),rgba(229,27,36,.62) 18%,rgba(229,27,36,.62) 82%,rgba(229,27,36,.12))!important;
  pointer-events:none!important;
}
body.hybrid-home .process .step{
  position:relative!important;
  z-index:1!important;
  min-height:214px!important;
  padding:38px 20px 25px!important;
  border:1px solid #273139!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(24,33,39,.98),rgba(15,21,25,.98))!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(0,0,0,.16)!important;
  text-align:center!important;
}
body.hybrid-home .process .step:before{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#e51b24,transparent);
  opacity:.7;
}
body.hybrid-home .process .step-num{
  width:30px!important;
  height:30px!important;
  top:-15px!important;
  background:#e51b24!important;
  border:3px solid #0f1519!important;
  box-sizing:content-box!important;
  box-shadow:0 0 0 1px rgba(229,27,36,.28)!important;
  color:#fff!important;
}
body.hybrid-home .process .step-icon{
  width:36px!important;
  height:36px!important;
  margin:4px 0 18px!important;
  stroke:#f3f5f6!important;
  stroke-width:1.55!important;
}
body.hybrid-home .process .step h3{
  color:#fff!important;
  font-size:1.05rem!important;
  margin:0 0 9px!important;
}
body.hybrid-home .process .step p{
  max-width:195px!important;
  color:#aab4bb!important;
  font-size:.86rem!important;
  line-height:1.5!important;
}
@media (hover:hover) and (pointer:fine){
  body.hybrid-home .process .step:hover{
    transform:translateY(-4px)!important;
    border-color:rgba(229,27,36,.62)!important;
    box-shadow:0 20px 38px rgba(0,0,0,.24)!important;
  }
}

@media (max-width:1050px){
  body.hybrid-home .made-section{padding:82px 0 88px!important}
  body.hybrid-home .client-work-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,280px)!important;
    gap:12px!important;
  }
  body.hybrid-home .client-work-gallery .gallery-card-a,
  body.hybrid-home .client-work-gallery .gallery-card-b,
  body.hybrid-home .client-work-gallery .gallery-card-c,
  body.hybrid-home .client-work-gallery .gallery-card-d{grid-column:auto!important;grid-row:auto!important}
  body.hybrid-home .process{padding:82px 0 90px!important}
  body.hybrid-home .process .steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 14px!important}
  body.hybrid-home .process .steps:before{display:none!important}
  body.hybrid-home .process .step:last-child{grid-column:1 / -1!important;max-width:calc(50% - 7px)!important;width:100%!important;justify-self:center!important}
}
@media (max-width:760px){
  body.hybrid-home .made-section>.container{width:min(calc(100% - 28px),1440px)!important}
  body.hybrid-home .made-head{margin-bottom:30px!important}
  body.hybrid-home .made-head h2{font-size:clamp(2.45rem,11vw,3.25rem)!important}
  body.hybrid-home .client-work-gallery{grid-template-columns:1fr 1fr!important;grid-template-rows:repeat(2,230px)!important}
  body.hybrid-home .client-work-gallery .gallery-card{height:auto!important;border-radius:14px!important}
  body.hybrid-home .client-work-gallery .made-label{left:16px!important;right:16px!important;bottom:14px!important;font-size:.7rem!important;letter-spacing:.106em!important}
  body.hybrid-home .process{padding:68px 0 76px!important}
  body.hybrid-home .process .section-head{margin-bottom:42px!important}
  body.hybrid-home .process .steps{grid-template-columns:1fr!important;gap:26px!important}
  body.hybrid-home .process .step,
  body.hybrid-home .process .step:last-child{grid-column:auto!important;max-width:none!important;width:auto!important;min-height:0!important;padding:36px 22px 26px!important}
}
@media (max-width:520px){
  body.hybrid-home .client-work-gallery{grid-template-columns:1fr!important;grid-template-rows:none!important}
  body.hybrid-home .client-work-gallery .gallery-card{height:250px!important}
}


/* ============================================================
   APPLE-INSPIRED HOMEPAGE SURFACE SYSTEM — 2026-09-30
   Full-width 2x2 tile galleries with small, equal edge gutters;
   restrained white / light-grey / black section rhythm.
   ============================================================ */
body.hybrid-home{
  --home-tile-gap:12px;
  --home-tile-inset:12px;
  --home-light-grey:#f5f5f7;
}

/* WHAT WE DO — white canvas, full-width 2x2 square tiles. */
body.hybrid-home #services.what-we-do-showcase{
  background:#fff!important;
  overflow:hidden!important;
}
body.hybrid-home #services.what-we-do-showcase .what-we-do-intro{
  background:#fff!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-grid{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 var(--home-tile-inset) var(--home-tile-inset)!important;
  box-sizing:border-box!important;
  gap:var(--home-tile-gap)!important;
  background:#fff!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-card{
  aspect-ratio:1 / 1!important;
  min-height:0!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-card:nth-child(odd),
body.hybrid-home #services.what-we-do-showcase .modern-service-card:nth-child(-n+2){
  border:0!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-card:after{
  border-radius:0!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}

/* MADE BY MEDIA-TREK — same tile geometry on a quiet light-grey field. */
body.hybrid-home .made-section{
  background:var(--home-light-grey)!important;
  border:0!important;
  padding:92px 0 0!important;
}
body.hybrid-home .made-section>.container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body.hybrid-home .made-head{
  max-width:820px!important;
  margin:0 auto 46px!important;
  padding:0 24px!important;
  box-sizing:border-box!important;
}
body.hybrid-home .client-work-gallery{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:none!important;
  width:100%!important;
  margin:0!important;
  padding:0 var(--home-tile-inset) var(--home-tile-inset)!important;
  box-sizing:border-box!important;
  gap:var(--home-tile-gap)!important;
}
body.hybrid-home .client-work-gallery .gallery-card,
body.hybrid-home .client-work-gallery .gallery-card-a,
body.hybrid-home .client-work-gallery .gallery-card-b,
body.hybrid-home .client-work-gallery .gallery-card-c,
body.hybrid-home .client-work-gallery .gallery-card-d{
  grid-column:auto!important;
  grid-row:auto!important;
  aspect-ratio:1 / 1!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.hybrid-home .client-work-gallery .gallery-card:after{
  border-radius:0!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
body.hybrid-home .client-work-gallery .made-media,
body.hybrid-home .client-work-gallery .made-media picture,
body.hybrid-home .client-work-gallery .made-media img{
  width:100%!important;
  height:100%!important;
}
body.hybrid-home .client-work-gallery .made-media img{
  object-fit:cover!important;
}

/* FROM IDEA TO DELIVERY — bright, calm process chapter. */
body.hybrid-home .process{
  background:#fff!important;
  color:#111417!important;
  border:0!important;
  padding:96px 0 104px!important;
}
body.hybrid-home .process .eyebrow{color:#e51b24!important}
body.hybrid-home .process h2{color:#111417!important}
body.hybrid-home .process .process-intro{color:#687178!important}
body.hybrid-home .process .steps:before{
  background:linear-gradient(90deg,rgba(229,27,36,.08),rgba(229,27,36,.42) 18%,rgba(229,27,36,.42) 82%,rgba(229,27,36,.08))!important;
}
body.hybrid-home .process .step{
  border:1px solid #e1e5e8!important;
  background:#f7f8f9!important;
  color:#111417!important;
  box-shadow:0 12px 28px rgba(18,24,29,.07)!important;
}
body.hybrid-home .process .step:before{
  background:linear-gradient(90deg,transparent,#e51b24,transparent)!important;
}
body.hybrid-home .process .step-num{
  background:#e51b24!important;
  border-color:#fff!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(229,27,36,.18)!important;
}
body.hybrid-home .process .step-icon{
  stroke:#252b30!important;
}
body.hybrid-home .process .step h3{color:#111417!important}
body.hybrid-home .process .step p{color:#687178!important}
@media (hover:hover) and (pointer:fine){
  body.hybrid-home .process .step:hover{
    transform:translateY(-4px)!important;
    border-color:rgba(229,27,36,.38)!important;
    box-shadow:0 18px 36px rgba(18,24,29,.11)!important;
  }
}

/* WHY MEDIA-TREK — quiet light-grey chapter. */
body.hybrid-home .partner-section{
  background:var(--home-light-grey)!important;
  border:0!important;
}

/* GET A QUOTE — black closing chapter that flows naturally into the footer. */
body.hybrid-home #quote.home-final-cta{
  background:#050607!important;
  color:#fff!important;
  border:0!important;
}
body.hybrid-home #quote.home-final-cta:before{
  background:#e51b24!important;
}
body.hybrid-home .home-cta-card h2{color:#fff!important}
body.hybrid-home .home-cta-card p{color:#b5bdc3!important}
body.hybrid-home .home-cta-secondary{color:#f0f2f3!important}
body.hybrid-home .home-cta-secondary:hover{color:#fff!important}

@media (max-width:760px){
  body.hybrid-home{
    --home-tile-gap:10px;
    --home-tile-inset:10px;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-grid{
    grid-template-columns:1fr!important;
  }
  body.hybrid-home .made-section{padding-top:68px!important}
  body.hybrid-home .made-head{margin-bottom:32px!important;padding-inline:18px!important}
  body.hybrid-home .client-work-gallery{
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
  }
  body.hybrid-home .client-work-gallery .gallery-card{
    aspect-ratio:1 / 1!important;
    height:auto!important;
  }
  body.hybrid-home .process{padding:68px 0 76px!important}
}

/* ============================================================
   HOMEPAGE TILE SCALE + DARK SURFACE UNIFICATION — 2026-09-30
   Keep the full-width 2x2 Apple-inspired grid, but reduce its
   vertical footprint by roughly half. Hero, closing CTA and
   footer share one Media-Trek dark surface.
   ============================================================ */
body.hybrid-home{--home-dark:#0b1014;}
body.hybrid-home #services.what-we-do-showcase .modern-service-card,
body.hybrid-home .client-work-gallery .gallery-card,
body.hybrid-home .client-work-gallery .gallery-card-a,
body.hybrid-home .client-work-gallery .gallery-card-b,
body.hybrid-home .client-work-gallery .gallery-card-c,
body.hybrid-home .client-work-gallery .gallery-card-d{
  aspect-ratio:2 / 1!important;
  min-height:0!important;
  height:auto!important;
}
body.hybrid-home #quote.home-final-cta{background:var(--home-dark)!important;}
body.hybrid-home footer{background:var(--home-dark)!important;}
@media (max-width:760px){
  body.hybrid-home #services.what-we-do-showcase .modern-service-card,
  body.hybrid-home .client-work-gallery .gallery-card,
  body.hybrid-home .client-work-gallery .gallery-card-a,
  body.hybrid-home .client-work-gallery .gallery-card-b,
  body.hybrid-home .client-work-gallery .gallery-card-c,
  body.hybrid-home .client-work-gallery .gallery-card-d{
    aspect-ratio:4 / 3!important;
  }
}



/* HOMEPAGE SUBTITLE + CTA + PROCESS CONSISTENCY — 2026-09-30 */
body.hybrid-home{--home-subtitle-gap:10px;}
body.hybrid-home .made-head h2 + p,
body.hybrid-home .trust-section .trust-head h2 + .trust-copy,
body.hybrid-home .process h2 + .process-intro,
body.hybrid-home .why-copy h2 + .lead,
body.hybrid-home .home-cta-card h2 + p{
  margin-top:var(--home-subtitle-gap)!important;
}
body.hybrid-home .process .process-intro{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Get a Quote returns to the clean white surface. */
body.hybrid-home #quote.home-final-cta{
  background:#fff!important;
  color:#111417!important;
  border-top:1px solid #e3e7ea!important;
}
body.hybrid-home #quote.home-final-cta:before{background:#e51b24!important;}
body.hybrid-home .home-cta-card h2{color:#111417!important;}
body.hybrid-home .home-cta-card p{color:#687178!important;}
body.hybrid-home .home-cta-secondary{color:#2d3439!important;}
body.hybrid-home .home-cta-secondary:hover,
body.hybrid-home .home-cta-secondary:focus-visible{color:#e51b24!important;}

/* Process number badges are identical at every compact breakpoint. */
body.hybrid-home .process .step-num{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  font-size:.8rem!important;
  line-height:1!important;
  font-family:var(--site-font)!important;
  font-variant-numeric:tabular-nums!important;
  display:grid!important;
  place-items:center!important;
}
@media (max-width:760px){
  body.hybrid-home .process .step-num{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    font-size:.8rem!important;
  }
}


/* HOMEPAGE LABEL REMOVAL + TITLE RHYTHM — 2026-09-30
   Red pre-title labels were intentionally removed from the homepage. Keep one
   predictable title-to-supporting-copy relationship on desktop and mobile. */
body.hybrid-home{--home-title-copy-gap:8px;}
body.hybrid-home #services.what-we-do-showcase .section-head h2,
body.hybrid-home .made-head h2,
body.hybrid-home .process h2,
body.hybrid-home .why-copy h2,
body.hybrid-home .home-cta-card h2,
body.hybrid-home .why-history-title h3{
  margin-top:0!important;
}
body.hybrid-home #services.what-we-do-showcase .section-head h2 + p,
body.hybrid-home .made-head h2 + p,
body.hybrid-home .process h2 + .process-intro,
body.hybrid-home .why-copy h2 + .lead,
body.hybrid-home .home-cta-card h2 + p{
  margin-top:var(--home-title-copy-gap)!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-section-head>p{
  margin-top:var(--home-title-copy-gap)!important;
}
body.hybrid-home .process .process-intro{
  margin:var(--home-title-copy-gap) auto 0!important;
  line-height:1.55!important;
}
body.hybrid-home .why-history-title h3{
  margin-bottom:0!important;
}
@media (max-width:760px){
  body.hybrid-home{--home-title-copy-gap:8px;}
  body.hybrid-home #services.what-we-do-showcase .section-head h2 + p,
  body.hybrid-home .made-head h2 + p,
  body.hybrid-home .process h2 + .process-intro,
  body.hybrid-home .why-copy h2 + .lead,
  body.hybrid-home .home-cta-card h2 + p{
    margin-top:var(--home-title-copy-gap)!important;
  }
}

/* HOMEPAGE PRIMARY TYPOGRAPHY UNIFICATION — 2026-09-30
   One responsive size for every primary homepage chapter title, and one true
   title-to-subtitle gap. Explicitly cancel the legacy desktop min-height that
   reserved nearly two lines beneath section-head headings. */
body.hybrid-home{
  --home-section-title-size:clamp(2.2rem,4.4vw,4rem);
  --home-title-copy-gap:8px;
}
body.hybrid-home #services.what-we-do-showcase .section-head h2,
body.hybrid-home .made-head h2,
body.hybrid-home .trust-section .trust-head h2,
body.hybrid-home .process h2,
body.hybrid-home .why-copy h2,
body.hybrid-home .home-cta-card h2{
  font-size:var(--home-section-title-size)!important;
  line-height:1!important;
  letter-spacing:-.044em!important;
  font-weight:700!important;
  min-height:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
body.hybrid-home .process .section-head>div{
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-section-head>p,
body.hybrid-home .made-head h2 + p,
body.hybrid-home .trust-section .trust-head h2 + .trust-copy,
body.hybrid-home .process h2 + .process-intro,
body.hybrid-home .why-copy h2 + .lead,
body.hybrid-home .home-cta-card h2 + p{
  margin-top:var(--home-title-copy-gap)!important;
}
body.hybrid-home .process .process-intro{
  margin:var(--home-title-copy-gap) auto 0!important;
}

/* ============================================================
   HOMEPAGE TITLE SCALE + MOBILE PROCESS STEP 5 FIX — 2026-09-30
   One restrained title scale for every primary homepage section.
   On compact screens, reset the tablet centering rule so the fifth
   process card stretches exactly like steps 1–4.
   ============================================================ */
body.hybrid-home{
  --home-section-title-size:clamp(2.05rem,2.7vw,3.1rem);
  --home-title-copy-gap:8px;
}
body.hybrid-home #services.what-we-do-showcase .section-head h2,
body.hybrid-home .made-head h2,
body.hybrid-home .trust-section .trust-head h2,
body.hybrid-home .process h2,
body.hybrid-home .why-copy h2,
body.hybrid-home .home-cta-card h2{
  font-size:var(--home-section-title-size)!important;
  line-height:1.04!important;
  letter-spacing:-.034em!important;
  font-weight:700!important;
  min-height:0!important;
  margin-top:0!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-section-head>p,
body.hybrid-home .made-head h2 + p,
body.hybrid-home .trust-section .trust-head h2 + .trust-copy,
body.hybrid-home .process h2 + .process-intro,
body.hybrid-home .why-copy h2 + .lead,
body.hybrid-home .home-cta-card h2 + p{
  margin-top:var(--home-title-copy-gap)!important;
}
body.hybrid-home .process .process-intro{
  margin:var(--home-title-copy-gap) auto 0!important;
}

/* Use one true outer diameter for every process number badge. */
body.hybrid-home .process .step-num{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  box-sizing:border-box!important;
  border-width:3px!important;
  font-size:.8rem!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
}

@media (max-width:760px){
  body.hybrid-home{
    --home-section-title-size:clamp(2.05rem,8.5vw,2.35rem);
  }
  body.hybrid-home .process .steps{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.hybrid-home .process .step,
  body.hybrid-home .process .step:last-child{
    grid-column:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
  }
  body.hybrid-home .process .step-num{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    box-sizing:border-box!important;
    font-size:.8rem!important;
  }
}



/* ============================================================
   HOMEPAGE DECORATIVE CLEANUP + PROCESS CONNECTOR — 2026-09-30
   Keep image tiles visually clean and let the process numbers carry the
   brand accent. Decorative red rules are removed from cards/section heads.
   ============================================================ */
body.hybrid-home #services.what-we-do-showcase .service-red-rule{
  display:none!important;
}
body.hybrid-home .client-work-gallery .made-label,
body.hybrid-home .client-work-gallery .made-label:before{
  display:none!important;
}
body.hybrid-home .trust-section .trust-rule{
  display:none!important;
}

/* Cleaner process path: one subtle neutral connector behind the red badges,
   with no additional red strip running across each card. */
body.hybrid-home .process .step:before{
  display:none!important;
  content:none!important;
}
@media (min-width:1051px){
  body.hybrid-home .process .steps:before{
    display:block!important;
    top:0!important;
    left:10%!important;
    right:10%!important;
    height:1px!important;
    background:#d8dde1!important;
    opacity:1!important;
    z-index:0!important;
  }
}
@media (max-width:1050px){
  body.hybrid-home .process .steps:before{
    display:none!important;
  }
}

/* ============================================================
   HOMEPAGE TILE SCALE REFINEMENT — 2026-09-30
   Slightly reduce the vertical footprint of the two homepage tile grids
   while preserving the full-width 2x2 layout and equal outer/internal gutters.
   ============================================================ */
body.hybrid-home #services.what-we-do-showcase .modern-service-card,
body.hybrid-home .client-work-gallery .gallery-card,
body.hybrid-home .client-work-gallery .gallery-card-a,
body.hybrid-home .client-work-gallery .gallery-card-b,
body.hybrid-home .client-work-gallery .gallery-card-c,
body.hybrid-home .client-work-gallery .gallery-card-d{
  aspect-ratio:11 / 5!important;
}
@media (max-width:760px){
  body.hybrid-home #services.what-we-do-showcase .modern-service-card,
  body.hybrid-home .client-work-gallery .gallery-card,
  body.hybrid-home .client-work-gallery .gallery-card-a,
  body.hybrid-home .client-work-gallery .gallery-card-b,
  body.hybrid-home .client-work-gallery .gallery-card-c,
  body.hybrid-home .client-work-gallery .gallery-card-d{
    aspect-ratio:3 / 2!important;
  }
}


/* ============================================================
   HOMEPAGE SQUARE-CORNER + WHY LABEL FINALIZATION — 2026-09-30
   Homepage stylesheet loads after the global stylesheet, so repeat the key
   square rules here to ensure no earlier homepage-specific radius can win.
   ============================================================ */
body.hybrid-home .modern-service-card,
body.hybrid-home .service-card-arrow,
body.hybrid-home .client-work-gallery .gallery-card,
body.hybrid-home .trust-section .logo-marquee-shell,
body.hybrid-home .why-editorial .why-media,
body.hybrid-home .why-history,
body.hybrid-home .process .step,
body.hybrid-home .home-cta-card,
body.hybrid-home .home-cta-card .btn,
body.hybrid-home .hero .btn,
body.hybrid-home .hero .btn-ghost{
  border-radius:0!important;
}

/* Restore the red Why Media-Trek eyebrow above the section heading. */
body.hybrid-home .why-copy .eyebrow{
  display:block!important;
  color:#e51b24!important;
  font-size:.68rem!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.156em!important;
  text-transform:uppercase!important;
  margin:0 0 10px!important;
}
body.hybrid-home .why-copy .eyebrow:before{display:none!important;}


/* Homepage loads after hybrid-global.css, so enforce the same square geometry
   here as the final cascade layer. */
body.hybrid-home *{border-radius:0!important;}
body.hybrid-home *::before,
body.hybrid-home *::after{border-radius:0!important;}
body.hybrid-home .process .step-num,
body.hybrid-home .proof-dot{border-radius:50%!important;}
body.hybrid-home .why-media:before,
body.hybrid-home .why-media:after{border-radius:50%!important;}


/* MADE BY MEDIA-TREK — STATIC IMAGE HOVER — 2026-09-30
   Keep the selected-work photography completely still on hover. */
body.hybrid-home .client-work-gallery .made-media img{
  transform:none!important;
}
@media (hover:hover) and (pointer:fine){
  body.hybrid-home .client-work-gallery .gallery-card:hover .made-media img{
    transform:none!important;
  }
}

/* ============================================================
   MADE BY MEDIA-TREK — COLLAGE LAYOUT — 2026-10-01
   Distinguish the work gallery from the What We Do grid while keeping
   exactly the same homepage tile inset and gap rhythm.
   ============================================================ */
body.hybrid-home .client-work-gallery{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  aspect-ratio:11 / 5!important;
  width:100%!important;
  margin:0!important;
  padding:0 var(--home-tile-inset) var(--home-tile-inset)!important;
  gap:var(--home-tile-gap)!important;
  box-sizing:border-box!important;
}
body.hybrid-home .client-work-gallery .gallery-card,
body.hybrid-home .client-work-gallery .gallery-card-a,
body.hybrid-home .client-work-gallery .gallery-card-b,
body.hybrid-home .client-work-gallery .gallery-card-c,
body.hybrid-home .client-work-gallery .gallery-card-d{
  aspect-ratio:auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
}
body.hybrid-home .client-work-gallery .gallery-card-a{
  grid-column:1 / span 7!important;
  grid-row:1!important;
}
body.hybrid-home .client-work-gallery .gallery-card-b{
  grid-column:8 / span 5!important;
  grid-row:1!important;
}
body.hybrid-home .client-work-gallery .gallery-card-c{
  grid-column:1 / span 5!important;
  grid-row:2!important;
}
body.hybrid-home .client-work-gallery .gallery-card-d{
  grid-column:6 / span 7!important;
  grid-row:2!important;
}

/* Keep the collage image-only and completely static. */
body.hybrid-home .client-work-gallery .made-media,
body.hybrid-home .client-work-gallery .made-media picture,
body.hybrid-home .client-work-gallery .made-media img{
  width:100%!important;
  height:100%!important;
}
body.hybrid-home .client-work-gallery .made-media:after{
  display:none!important;
  content:none!important;
}
body.hybrid-home .client-work-gallery .made-media img,
body.hybrid-home .client-work-gallery .gallery-card:hover .made-media img{
  transform:none!important;
}

@media (max-width:760px){
  body.hybrid-home .client-work-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    aspect-ratio:auto!important;
  }
  body.hybrid-home .client-work-gallery .gallery-card-a{
    grid-column:1 / -1!important;
    grid-row:1!important;
    aspect-ratio:3 / 2!important;
  }
  body.hybrid-home .client-work-gallery .gallery-card-b{
    grid-column:1!important;
    grid-row:2!important;
    aspect-ratio:1 / 1!important;
  }
  body.hybrid-home .client-work-gallery .gallery-card-c{
    grid-column:2!important;
    grid-row:2!important;
    aspect-ratio:1 / 1!important;
  }
  body.hybrid-home .client-work-gallery .gallery-card-d{
    grid-column:1 / -1!important;
    grid-row:3!important;
    aspect-ratio:3 / 2!important;
  }
}

/* TRUSTED LOGO REEL — SINGLE ROUNDED RECTANGULAR SURFACE — 2026-10-01
   The client-logo rail is the one intentional rounded rectangular element.
   It is declared after the homepage square lock so no legacy radius can interfere. */
html body.hybrid-home:not(#__mt_logo_rail_a):not(#__mt_logo_rail_b) .trust-section .logo-marquee-shell{
  border-radius:24px!important;
}
@media (max-width:760px){
  html body.hybrid-home:not(#__mt_logo_rail_a):not(#__mt_logo_rail_b) .trust-section .logo-marquee-shell{
    border-radius:20px!important;
  }
}


/* OUR PRODUCTS TITLE ACCENT — 2026-10-01 */
body.hybrid-home #services .what-we-do-accent{color:inherit!important;}


/* OUR PRODUCTS RESPONSIVE CATEGORY IMAGERY — 2026-10-01
   Dedicated 11:5 desktop and 3:2 mobile artwork. The category copy sits in
   the intentionally clear upper field so it never covers the merchandise. */
body.hybrid-home #services.what-we-do-showcase .modern-service-card .service-photo img{
  object-fit:cover!important;
  object-position:center center!important;
  filter:none!important;
  transform:scale(1.001)!important;
}
body.hybrid-home #services.what-we-do-showcase .service-card-shade{
  background:linear-gradient(180deg,rgba(255,255,255,.36) 0%,rgba(255,255,255,.20) 22%,rgba(255,255,255,.08) 42%,rgba(255,255,255,.03) 100%)!important;
}
body.hybrid-home #services.what-we-do-showcase .service-card-content{
  top:clamp(8px,1vw,20px)!important;
  bottom:auto!important;
  left:50%!important;
  right:auto!important;
  width:min(76%,680px)!important;
  max-width:680px!important;
  padding:0!important;
  transform:translateX(-50%)!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-card h3{
  max-width:100%!important;
  margin:0 0 5px!important;
  color:#111417!important;
  font-size:clamp(1.45rem,1.85vw,2.05rem)!important;
  line-height:1.02!important;
  letter-spacing:-.024em!important;
  text-align:center!important;
  text-shadow:0 1px 14px rgba(255,255,255,.78)!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-card p{
  max-width:520px!important;
  margin:0!important;
  color:#3f474d!important;
  font-size:clamp(.66rem,.72vw,.78rem)!important;
  line-height:1.42!important;
  font-weight:700!important;
  letter-spacing:.095em!important;
  text-align:center!important;
  text-shadow:0 1px 12px rgba(255,255,255,.82)!important;
}
body.hybrid-home #services.what-we-do-showcase .service-card-arrow{
  width:32px!important;
  height:32px!important;
  margin:8px 0 0!important;
  border:1.5px solid #e51b24!important;
  background:rgba(255,255,255,.84)!important;
  color:#111417!important;
  font-size:.92rem!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
}
@media (hover:hover) and (pointer:fine){
  body.hybrid-home #services.what-we-do-showcase .modern-service-card:hover .service-photo img{
    transform:scale(1.018)!important;
    filter:none!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card:hover .service-card-arrow{
    background:#e51b24!important;
    color:#fff!important;
    transform:translateY(1px)!important;
  }
}
@media (max-width:980px){
  body.hybrid-home #services.what-we-do-showcase .service-card-content{
    top:clamp(9px,1.6vw,18px)!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:min(80%,600px)!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card h3{
    font-size:clamp(1.35rem,2.8vw,1.75rem)!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card p{
    max-width:430px!important;
  }
}
@media (max-width:760px){
  body.hybrid-home #services.what-we-do-showcase .service-card-content{
    top:clamp(10px,3.5vw,18px)!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:min(82%,500px)!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card h3{
    font-size:clamp(1.55rem,7.1vw,2.1rem)!important;
    margin-bottom:5px!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card p{
    max-width:330px!important;
    font-size:clamp(.64rem,2.7vw,.74rem)!important;
    line-height:1.4!important;
  }
  body.hybrid-home #services.what-we-do-showcase .service-card-arrow{
    width:30px!important;
    height:30px!important;
    margin-top:7px!important;
  }
}

/* OUR PRODUCTS FINAL COPY/CTA PLACEMENT — 2026-10-01
   Keep the writing centered in the clear upper field; move the small CTA out
   of the copy flow so neither the writing nor the CTA sits on merchandise. */
body.hybrid-home #services.what-we-do-showcase .what-we-do-accent{
  color:inherit!important;
}
body.hybrid-home #services.what-we-do-showcase .service-card-content{
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  width:100%!important;
  height:30%!important;
  max-height:30%!important;
  max-width:none!important;
  padding:clamp(10px,1.15vw,18px) clamp(54px,5vw,78px) 0!important;
  box-sizing:border-box!important;
  transform:none!important;
  justify-content:flex-start!important;
}
body.hybrid-home #services.what-we-do-showcase .service-card-content h3,
body.hybrid-home #services.what-we-do-showcase .service-card-content p{
  margin-left:auto!important;
  margin-right:auto!important;
}
body.hybrid-home #services.what-we-do-showcase .service-card-arrow{
  position:absolute!important;
  top:clamp(10px,1.15vw,18px)!important;
  right:clamp(16px,2vw,28px)!important;
  margin:0!important;
}
@media (max-width:980px){
  body.hybrid-home #services.what-we-do-showcase .service-card-content{
    height:30%!important;
    max-height:30%!important;
    padding:10px clamp(46px,4.4vw,64px) 0!important;
  }
  body.hybrid-home #services.what-we-do-showcase .service-card-arrow{
    top:10px!important;
  }
}
@media (max-width:760px){
  body.hybrid-home #services.what-we-do-showcase .service-card-content{
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:30%!important;
    max-height:30%!important;
    padding:10px 48px 0!important;
    transform:none!important;
  }
  body.hybrid-home #services.what-we-do-showcase .service-card-arrow{
    top:10px!important;
    right:14px!important;
  }
}

/* OUR PRODUCTS SMALL-PHONE SAFETY — 2026-10-01 */
@media (max-width:360px){
  body.hybrid-home #services.what-we-do-showcase .modern-service-card p{
    display:none!important;
  }
  body.hybrid-home #services.what-we-do-showcase .service-card-content{
    padding-top:8px!important;
  }
  body.hybrid-home #services.what-we-do-showcase .service-card-arrow{
    top:8px!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card h3{
    margin-bottom:0!important;
    font-size:clamp(1.38rem,7vw,1.72rem)!important;
    line-height:1.02!important;
  }
}

/* OUR PRODUCTS MOBILE MICRO-PASS — 2026-10-01
   Keep EN/FR copy safely inside the clear top field on narrow devices. */
@media (max-width:760px){
  body.hybrid-home #services.what-we-do-showcase .service-card-content{
    top:5px!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card h3{
    margin-bottom:3px!important;
    line-height:1!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card p{
    line-height:1.28!important;
  }
  body.hybrid-home #services.what-we-do-showcase .service-card-arrow{
    top:1px!important;
  }
}
@media (max-width:520px){
  body.hybrid-home #services.what-we-do-showcase .service-card-content{
    top:4px!important;
    padding-left:44px!important;
    padding-right:44px!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card h3{
    font-size:clamp(1.42rem,6.4vw,1.78rem)!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card p{
    max-width:310px!important;
    font-size:clamp(.61rem,2.45vw,.70rem)!important;
    letter-spacing:.082em!important;
  }
  body.hybrid-home #services.what-we-do-showcase .service-card-arrow{
    width:28px!important;
    height:28px!important;
    right:11px!important;
    font-size:.82rem!important;
  }
}
@media (max-width:390px){
  body.hybrid-home #services.what-we-do-showcase .service-card-content{
    top:3px!important;
    padding-left:40px!important;
    padding-right:40px!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card h3{
    font-size:clamp(1.32rem,6.1vw,1.52rem)!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card p{
    max-width:285px!important;
    line-height:1.24!important;
  }
}
@media (max-width:360px){
  body.hybrid-home #services.what-we-do-showcase .service-card-content{
    top:3px!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card h3{
    font-size:clamp(1.25rem,6vw,1.42rem)!important;
    line-height:1!important;
  }
}

/* OUR PRODUCTS BREAKPOINT REFINEMENT — 2026-10-01
   Tablet / pre-mobile: keep copy high and balanced so no orphaned 1–2 word line
   drops into the merchandise. Phone: lower the copy slightly for better visual balance. */
@media (min-width:761px) and (max-width:980px){
  body.hybrid-home #services.what-we-do-showcase .service-card-content{
    top:0!important;
    height:27%!important;
    max-height:27%!important;
    padding:4px 28px 0!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card h3{
    max-width:92%!important;
    margin-bottom:3px!important;
    font-size:clamp(1.22rem,2.45vw,1.52rem)!important;
    line-height:1!important;
    text-wrap:balance!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card p{
    width:auto!important;
    max-width:92%!important;
    font-size:clamp(.61rem,1.18vw,.69rem)!important;
    line-height:1.24!important;
    letter-spacing:.062em!important;
    text-wrap:balance!important;
    hyphens:none!important;
  }
  body.hybrid-home #services.what-we-do-showcase .service-card-arrow{
    top:4px!important;
    right:10px!important;
    width:28px!important;
    height:28px!important;
    font-size:.82rem!important;
  }
}
@media (max-width:760px){
  body.hybrid-home #services.what-we-do-showcase .service-card-content{
    top:0!important;
    height:30%!important;
    max-height:30%!important;
    padding-top:16px!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card h3,
  body.hybrid-home #services.what-we-do-showcase .modern-service-card p{
    text-wrap:balance!important;
    hyphens:none!important;
  }
  body.hybrid-home #services.what-we-do-showcase .service-card-arrow{
    top:16px!important;
  }
}
@media (max-width:520px){
  body.hybrid-home #services.what-we-do-showcase .service-card-content{
    top:0!important;
    padding-top:15px!important;
  }
  body.hybrid-home #services.what-we-do-showcase .service-card-arrow{
    top:15px!important;
  }
}
@media (max-width:390px){
  body.hybrid-home #services.what-we-do-showcase .service-card-content{
    top:0!important;
    padding-top:14px!important;
  }
  body.hybrid-home #services.what-we-do-showcase .service-card-arrow{
    top:14px!important;
  }
}

/* OUR PRODUCTS TITLES ONLY — 2026-10-01 */
body.hybrid-home #services.what-we-do-showcase .modern-service-card p{
  display:none!important;
}
body.hybrid-home #services.what-we-do-showcase .service-card-content{
  justify-content:center!important;
  gap:0!important;
}
body.hybrid-home #services.what-we-do-showcase .modern-service-card h3{
  margin-bottom:0!important;
  text-wrap:balance!important;
  hyphens:none!important;
}
body.hybrid-home #services.what-we-do-showcase .service-card-arrow{
  margin-top:10px!important;
}
@media (min-width:761px) and (max-width:980px){
  body.hybrid-home #services.what-we-do-showcase .service-card-content{
    top:0!important;
    height:24%!important;
    max-height:24%!important;
    padding-top:6px!important;
  }
  body.hybrid-home #services.what-we-do-showcase .modern-service-card h3{
    max-width:94%!important;
    font-size:clamp(1.26rem,2.55vw,1.6rem)!important;
    line-height:1.02!important;
  }
  body.hybrid-home #services.what-we-do-showcase .service-card-arrow{
    top:6px!important;
  }
}
@media (max-width:760px){
  body.hybrid-home #services.what-we-do-showcase .service-card-content{
    height:28%!important;
    max-height:28%!important;
    padding-top:18px!important;
  }
  body.hybrid-home #services.what-we-do-showcase .service-card-arrow{
    top:18px!important;
  }
}

/* PROCESS RESPONSIVE EQUAL-CARD SYSTEM — 2026-10-01
   Keep every step card identical in size at each breakpoint and use stable,
   centered grid patterns instead of stretching the fifth card. */
body.hybrid-home .process .steps{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-rows:1fr!important;
  align-items:stretch!important;
  gap:14px!important;
}
body.hybrid-home .process .step,
body.hybrid-home .process .step:last-child{
  grid-column:auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:224px!important;
  min-height:224px!important;
  box-sizing:border-box!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:38px 18px 24px!important;
}
body.hybrid-home .process .step-icon{
  flex:0 0 auto!important;
}
body.hybrid-home .process .step h3{
  width:100%!important;
  max-width:100%!important;
  min-height:2.3em!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 0 8px!important;
  text-align:center!important;
  text-wrap:balance!important;
}
body.hybrid-home .process .step p{
  width:100%!important;
  max-width:190px!important;
  margin:0 auto!important;
  text-align:center!important;
  text-wrap:balance!important;
}
@media (min-width:1180px){
  body.hybrid-home .process .steps:before{display:block!important;}
}
@media (min-width:900px) and (max-width:1179px){
  body.hybrid-home .process .steps{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:24px 14px!important;
  }
  body.hybrid-home .process .step,
  body.hybrid-home .process .step:last-child{
    grid-column:span 2!important;
    height:224px!important;
    min-height:224px!important;
  }
  body.hybrid-home .process .step:nth-child(4){grid-column:2 / span 2!important;}
  body.hybrid-home .process .step:nth-child(5){grid-column:4 / span 2!important;}
  body.hybrid-home .process .steps:before{display:none!important;}
}
@media (min-width:600px) and (max-width:899px){
  body.hybrid-home .process .steps{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:24px 14px!important;
  }
  body.hybrid-home .process .step,
  body.hybrid-home .process .step:last-child{
    grid-column:span 2!important;
    height:224px!important;
    min-height:224px!important;
  }
  body.hybrid-home .process .step:nth-child(5){grid-column:2 / span 2!important;}
  body.hybrid-home .process .steps:before{display:none!important;}
}
@media (max-width:599px){
  body.hybrid-home .process .steps{
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px!important;
  }
  body.hybrid-home .process .step,
  body.hybrid-home .process .step:last-child{
    grid-column:1!important;
    width:100%!important;
    max-width:100%!important;
    height:200px!important;
    min-height:200px!important;
    padding:34px 20px 22px!important;
  }
  body.hybrid-home .process .step h3{min-height:1.2em!important;}
  body.hybrid-home .process .steps:before{display:none!important;}
}