/* ===== HOME-STYLE CENTER / MOTION SYNC ===== */
:root{--content-max:1240px}

/* Keep large sections centered like the Home composition instead of stretching edge-to-edge. */
.about-statbar,
.about-block,
.about-strength{width:min(100%,var(--content-max));margin-inline:auto}
.about-block{padding-left:0;padding-right:0}
.about-strength{padding-left:0;padding-right:0}

/* Our Work: same centered content rhythm as Home. */
.ow-hero-inner,.ow-filter-inner,.ow-work-inner,.ow-cta-inner{width:min(calc(100% - 64px),var(--content-max))!important;margin-inline:auto!important}

/* Enquire hero: full-bleed background, centered content stage. */
.kr-enquiry-hero .inner{width:min(calc(100% - 64px),var(--content-max))!important;max-width:var(--content-max)!important;margin-inline:auto!important}
.kr-enquiry-copy{padding-left:0!important;padding-right:36px!important}

/* Consistent centered section rhythm. */
.media-section{padding-left:max(0px,calc((100vw - var(--content-max))/2));padding-right:max(0px,calc((100vw - var(--content-max))/2))}
.kr-section{padding-left:max(0px,calc((100vw - var(--content-max))/2));padding-right:max(0px,calc((100vw - var(--content-max))/2))}
.network-map-section,.network-market-showcase,.network-capabilities{padding-left:max(0px,calc((100vw - var(--content-max))/2));padding-right:max(0px,calc((100vw - var(--content-max))/2))}

/* Keep the actual inner containers at the same Home width. */
.media-section>.container,.kr-section>.container,.network-map-section>.container,.network-market-showcase>.container,.network-capabilities>.container{width:100%!important;max-width:var(--content-max)!important}

/* Home-style heading scale: strong, compact and never oversized inside the centered stage. */
.about-copybox h2,.about-copybox h3,.about-strength-copy h2,.about-lead-head h2,
.media-copy h2,.network-presence-head h2,.network-section-head h2,
.ow-title,.kr-head h2{letter-spacing:-.025em}
.about-copybox h2,.about-copybox h3,.about-strength-copy h2,.media-copy h2,.network-presence-head h2,.network-section-head h2,.ow-title,.kr-head h2{ text-wrap:balance }

/* Shared Home-style reveal: slightly longer, smoother, with a tiny scale-in. */
.about-reveal,.reveal,.ow-reveal,.kr-reveal{will-change:transform,opacity}
.about-reveal.in,.reveal.in,.ow-reveal.in,.kr-reveal.is-visible{animation:homeSectionSettle .78s cubic-bezier(.16,.7,0,1) both}
@keyframes homeSectionSettle{0%{opacity:0;transform:translate3d(0,26px,0) scale(.985)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}

/* Home-style image motion and interactive depth. */
.about-image,.about-collage .tile,.media-card,.network-card,.ow-card,.kr-office,.leader-card{transform-style:preserve-3d;backface-visibility:hidden}
.about-image:hover,.about-collage .tile:hover,.media-card:hover,.network-card:hover,.ow-card:hover,.kr-office:hover,.leader-card:hover{transform:translateY(-6px) perspective(900px) rotateX(.7deg) rotateY(-.5deg)!important}

/* Shared button language: same red, sweep, lift and arrow movement used by Home. */
.about-btn,.media-btn,.ow-btn,.kr-btn,.network-btn,.network-card-link,.kr-office-btn{position:relative;overflow:hidden;isolation:isolate}
.about-btn:before,.media-btn:before,.ow-btn:before,.kr-btn:before,.network-btn:before,.kr-office-btn:before{content:"";position:absolute;z-index:-1;top:-45%;left:-85%;width:48%;height:190%;background:linear-gradient(105deg,transparent 10%,rgba(255,255,255,.05) 38%,rgba(255,255,255,.65) 50%,rgba(255,255,255,.05) 62%,transparent 90%);transform:skewX(-18deg);transition:left .65s cubic-bezier(.2,.7,0,1);pointer-events:none}
.about-btn:hover:before,.media-btn:hover:before,.ow-btn:hover:before,.kr-btn:hover:before,.network-btn:hover:before,.kr-office-btn:hover:before{left:145%}
.about-btn span,.media-btn b,.ow-btn span,.kr-btn span,.network-btn b,.kr-office-btn{transition:transform .3s ease}
.about-btn:hover span,.media-btn:hover b,.ow-btn:hover span,.kr-btn:hover span,.network-btn:hover b{transform:translateX(5px)}

/* Center the stats strip rather than allowing it to feel detached on wide screens. */
.about-statbar{border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}

/* Wide desktop: preserve breathing room while keeping the visual center strong. */
@media(min-width:1400px){
  .about-block,.about-strength{min-height:500px}
  .media-section{padding-top:96px;padding-bottom:96px}
  .kr-section{padding-top:96px;padding-bottom:96px}
}

@media(max-width:760px){
  .ow-hero-inner,.ow-filter-inner,.ow-work-inner,.ow-cta-inner,.kr-enquiry-hero .inner{width:calc(100% - 32px)!important}
  .media-section,.kr-section,.network-map-section,.network-market-showcase,.network-capabilities{padding-left:0;padding-right:0}
  .media-section>.container,.kr-section>.container,.network-map-section>.container,.network-market-showcase>.container,.network-capabilities>.container{width:calc(100% - 32px)!important}
  .kr-enquiry-copy{padding-right:0!important}
}

@media(prefers-reduced-motion:reduce){
  .about-reveal.in,.reveal.in,.ow-reveal.in,.kr-reveal.is-visible{animation:none!important}
}


/* =========================================================
   FINAL INNER-PAGE VISUAL SYNC
   Home remains the visual master and is intentionally excluded.
   ========================================================= */
.inner-page,
.about-page,
.media-page,
.kr-page{--inner-max:1240px}

/* Same visual language as Home: compact typography, clean spacing, depth. */
.about-page .about-block,
.about-page .about-strength,
.media-page .media-section,
.kr-page .kr-section,
.network-map-section,
.network-market-showcase,
.network-capabilities,
.ow-work,
.ow-filter{scroll-margin-top:90px}

.about-page img,
.media-page img,
.kr-page img,
.ow-work img{border-radius:0;}

/* Compact oversized media so imagery supports the content instead of dominating it. */
.about-page .about-image{min-height:380px!important;max-height:440px;overflow:hidden}
.about-page .about-image img{height:100%;max-height:440px;object-fit:cover}
.about-page .about-collage{min-height:400px!important;max-height:470px}
.about-page .about-collage .tile{min-height:170px;max-height:220px;overflow:hidden}
.about-page .about-collage .tile img{width:100%;height:100%;object-fit:cover}

.media-page .transit-image{height:430px!important;max-height:430px}
.media-page .electronic-visual,
.media-page .digital-visual{height:410px!important;max-height:410px}
.media-page .print-visual{min-height:330px!important;max-height:390px}
.media-page .media-card{transform-style:preserve-3d}
.media-page .media-card img{height:165px!important;object-fit:cover}
.media-page .transit-strip img{height:62px!important}

.network-market-showcase .network-card-media{height:210px!important;max-height:210px;overflow:hidden}
.network-market-showcase .network-card-media img{width:100%;height:100%;object-fit:cover}
.network-capabilities .network-cap{min-height:180px}

.ow-work .ow-card-media{height:245px!important;max-height:245px;overflow:hidden}
.ow-work .ow-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .45s ease}
.ow-work .ow-card:hover .ow-card-media img{transform:scale(1.055);filter:saturate(1.05)}

/* Consistent 3D depth on all inner cards, matching the Home stack-card feel. */
.about-page .about-collage .tile,
.media-page .media-card,
.media-page .electronic-cards article,
.network-market-showcase .network-card,
.ow-work .ow-card,
.kr-page .kr-office,
.kr-page .kr-role,
.kr-page .kr-step{transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .35s ease}
.about-page .about-collage .tile:hover,
.media-page .media-card:hover,
.media-page .electronic-cards article:hover,
.network-market-showcase .network-card:hover,
.ow-work .ow-card:hover,
.kr-page .kr-role:hover,
.kr-page .kr-step:hover{transform:translateY(-7px) perspective(1000px) rotateX(1.2deg) rotateY(-1deg)!important;box-shadow:0 22px 48px rgba(0,0,0,.12)}
.kr-page .kr-office:hover{transform:translateY(-8px) perspective(1000px) rotateX(1deg) rotateY(-.7deg)!important}

/* Image shine used by Home, carried consistently to inner cards. */
.about-page .about-collage .tile:after,
.media-page .media-card:after,
.network-market-showcase .network-card:after,
.ow-work .ow-card-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.24) 48%,transparent 65%);transform:translateX(-130%) skewX(-16deg);transition:transform .75s cubic-bezier(.2,.7,0,1);z-index:2}
.about-page .about-collage .tile:hover:after,
.media-page .media-card:hover:after,
.network-market-showcase .network-card:hover:after,
.ow-work .ow-card:hover .ow-card-media:after{transform:translateX(130%) skewX(-16deg)}

/* Inner hero typography stays compact; Home hero is untouched. */
.about-hero-title,.media-hero-copy h1,.network-hero-copy h1,.ow-hero h1,.kr-hero h1{letter-spacing:-.035em}
.about-hero-desc,.media-hero-copy p,.network-hero-copy p,.ow-hero-copy,.kr-hero p{max-width:540px}

/* Careers: static hero only — ad-intro is reserved for Home. */
.careers-hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.95) contrast(1.04);animation:innerHeroDrift 14s ease-in-out infinite alternate}
@keyframes innerHeroDrift{from{transform:scale(1.02)}to{transform:scale(1.065)}}

@media(max-width:900px){
 .about-page .about-image{min-height:300px!important;max-height:360px}
 .about-page .about-collage{min-height:300px!important;max-height:360px}
 .about-page .about-collage .tile{min-height:125px;max-height:165px}
 .media-page .transit-image{height:330px!important;max-height:330px}
 .media-page .electronic-visual,.media-page .digital-visual{height:320px!important;max-height:320px}
 .media-page .print-visual{min-height:280px!important;max-height:320px}
 .media-page .media-card img{height:145px!important}
 .network-market-showcase .network-card-media{height:200px!important}
 .ow-work .ow-card-media{height:220px!important}
}

@media(prefers-reduced-motion:reduce){.careers-hero-image{animation:none!important}}

/* Apply the same compact/depth treatment even on pages whose body has no page class. */
.about-hero~*, .media-page, .network-hero~*, .ow-hero~*, .kr-page{--inner-max:1240px}
.about-collage .tile{position:relative}
.media-card,.network-card,.ow-card{position:relative}

/* =========================================================
   FINAL CAREERS + ENQUIRE HERO POLISH
   Match the compact inner-page hero language without touching Home.
   ========================================================= */

/* Shared hero frame and readable content stage */
.kr-page .kr-hero,
.kr-page .kr-enquiry-hero{
  position:relative!important;
  height:590px!important;
  min-height:590px!important;
  overflow:hidden!important;
}

.kr-page .kr-hero-inner{
  width:min(calc(100% - 64px),var(--content-max))!important;
  max-width:var(--content-max)!important;
  min-height:590px!important;
  height:590px!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}

.kr-page .kr-hero h1,
.kr-page .kr-enquiry-copy h1{
  font-size:clamp(36px,4vw,54px)!important;
  line-height:.94!important;
  max-width:610px!important;
  margin:8px 0 14px!important;
  letter-spacing:-.035em!important;
}

.kr-page .kr-hero p,
.kr-page .kr-enquiry-copy p{
  max-width:500px!important;
  font-size:13px!important;
  line-height:1.55!important;
  margin:0 0 22px!important;
}

.kr-page .kr-kicker{
  font-size:9px!important;
  letter-spacing:.16em!important;
  margin-bottom:9px!important;
}

.kr-page .kr-actions{gap:10px!important}
.kr-page .kr-btn{
  min-height:44px!important;
  padding:12px 18px!important;
  font-size:12px!important;
}

/* Careers: keep its original static image, but make the text stage cleaner. */
.kr-page .kr-hero:after{
  background:linear-gradient(90deg,rgba(5,8,11,.94) 0%,rgba(5,8,11,.70) 43%,rgba(5,8,11,.16) 82%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 55%)!important;
}

/* Enquire: use the same full hero composition as other inner pages. */
.kr-page .kr-enquiry-hero .inner{
  position:relative!important;
  width:min(calc(100% - 64px),var(--content-max))!important;
  max-width:var(--content-max)!important;
  min-height:590px!important;
  height:590px!important;
  display:flex!important;
  align-items:center!important;
  margin-inline:auto!important;
}

.kr-page .kr-enquiry-visual{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  z-index:0!important;
}
.kr-page .kr-enquiry-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.kr-page .kr-enquiry-visual:before{
  background:linear-gradient(90deg,rgba(5,8,11,.94) 0%,rgba(5,8,11,.72) 42%,rgba(5,8,11,.16) 82%)!important;
}
.kr-page .kr-enquiry-copy{
  position:relative!important;
  z-index:3!important;
  width:58%!important;
  padding:0!important;
  background:none!important;
  display:block!important;
}
.kr-page .kr-enquiry-copy:after{display:none!important}
.kr-page .kr-enquiry-copy h1{color:#fff!important}
.kr-page .kr-enquiry-copy p{color:rgba(255,255,255,.82)!important}
.kr-page .kr-enquiry-steps{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  max-width:570px!important;
  margin-top:18px!important;
  gap:8px!important;
}
.kr-page .kr-enquiry-step{
  padding:11px 12px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(0,0,0,.18)!important;
  backdrop-filter:blur(5px)!important;
}
.kr-page .kr-enquiry-step b{font-size:16px!important;margin-bottom:3px!important}
.kr-page .kr-enquiry-step span{font-size:9px!important}

/* Keep lower enquiry content compact and visually balanced. */
.kr-page .kr-form-layout{width:min(100%,var(--content-max))!important}
.kr-page .kr-contact-form,
.kr-page .kr-side-message,
.kr-page .kr-guidance{border-radius:0!important}

@media(max-width:900px){
  .kr-page .kr-hero,
  .kr-page .kr-enquiry-hero,
  .kr-page .kr-hero-inner,
  .kr-page .kr-enquiry-hero .inner{
    height:520px!important;
    min-height:520px!important;
  }
  .kr-page .kr-hero-inner,
  .kr-page .kr-enquiry-hero .inner{
    width:calc(100% - 34px)!important;
  }
  .kr-page .kr-enquiry-copy{width:72%!important}
}

@media(max-width:600px){
  .kr-page .kr-hero,
  .kr-page .kr-enquiry-hero,
  .kr-page .kr-hero-inner,
  .kr-page .kr-enquiry-hero .inner{
    height:520px!important;
    min-height:520px!important;
  }
  .kr-page .kr-hero-inner,
  .kr-page .kr-enquiry-hero .inner{
    width:calc(100% - 32px)!important;
  }
  .kr-page .kr-hero-inner{justify-content:center!important;padding:0!important}
  .kr-page .kr-hero h1,
  .kr-page .kr-enquiry-copy h1{
    font-size:31px!important;
    line-height:.98!important;
    max-width:340px!important;
    margin:7px 0 12px!important;
  }
  .kr-page .kr-hero p,
  .kr-page .kr-enquiry-copy p{
    font-size:11px!important;
    line-height:1.5!important;
    max-width:330px!important;
    margin-bottom:17px!important;
  }
  .kr-page .kr-kicker{font-size:8px!important;margin-bottom:7px!important}
  .kr-page .kr-actions{flex-wrap:wrap!important;gap:8px!important}
  .kr-page .kr-btn{min-height:40px!important;padding:10px 14px!important;font-size:10px!important}

  .kr-page .kr-enquiry-copy{width:100%!important;padding:0!important}
  .kr-page .kr-enquiry-copy h1{max-width:330px!important}
  .kr-page .kr-enquiry-steps{
    grid-template-columns:1fr!important;
    max-width:290px!important;
    gap:6px!important;
    margin-top:12px!important;
  }
  .kr-page .kr-enquiry-step{padding:8px 10px!important;display:flex!important;align-items:center!important;gap:9px!important}
  .kr-page .kr-enquiry-step b{font-size:13px!important;margin:0!important;min-width:23px!important}
  .kr-page .kr-enquiry-step span{font-size:8px!important}
  .kr-page .kr-enquiry-visual:before{background:linear-gradient(90deg,rgba(5,8,11,.94),rgba(5,8,11,.68))!important}

  .kr-page .kr-career-grid{gap:28px!important}
  .kr-page .kr-image-stack{min-height:320px!important}
  .kr-page .kr-roles{grid-template-columns:1fr!important}
  .kr-page .kr-steps{grid-template-columns:1fr!important}
  .kr-page .kr-application{grid-template-columns:1fr!important}
  .kr-page .kr-form{padding:22px 18px!important}
}

/* Our Network custom vector India map */
.network-map-svg{display:block;width:min(620px,100%);height:auto;max-height:680px;margin:0 auto;overflow:visible}.network-map-wrap{overflow:visible}.network-map{display:flex;align-items:center;justify-content:center;width:100%;min-height:520px}.network-map-aura{pointer-events:none}@media(max-width:900px){.network-map{min-height:430px;padding:8px 0 18px}.network-map-svg{width:min(560px,100%);max-width:100%}}@media(max-width:600px){.network-map{min-height:360px;padding:0 2px 14px}.network-map-svg{width:100%;max-width:430px}.network-map-layout{gap:22px}}

/* ===== FINAL BANNER CROP / FULL-BLEED FIX ===== */
/* Enquiry banner: use the full viewport as the image stage so no black side strips appear. */
.kr-enquiry-hero{
  position:relative!important;
  min-height:78vh!important;
  overflow:hidden!important;
  background:#0c0f13!important;
}
.kr-enquiry-hero .inner{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:78vh!important;
  margin:0!important;
}
.kr-enquiry-copy{
  position:relative!important;
  z-index:3!important;
  width:min(650px,calc(100% - 64px))!important;
  margin-left:max(32px,calc((100vw - var(--content-max))/2))!important;
  padding:108px 0 72px!important;
}
.kr-enquiry-visual{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  z-index:0!important;
  overflow:hidden!important;
}
.kr-enquiry-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.06)!important;
}
.kr-enquiry-visual:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg,rgba(5,8,11,.86) 0%,rgba(5,8,11,.62) 34%,rgba(5,8,11,.20) 67%,rgba(5,8,11,.04) 100%)!important;
}
.kr-enquiry-visual:after{
  z-index:2!important;
}

/* About hero: trim the unnecessary lower road without changing the banner structure. */
.about-hero-media{
  transform:scale(1.12)!important;
  transform-origin:center center!important;
  object-position:center 30%!important;
}

@media(max-width:760px){
  .kr-enquiry-hero,
  .kr-enquiry-hero .inner{min-height:72vh!important;}
  .kr-enquiry-copy{
    width:calc(100% - 32px)!important;
    margin-left:16px!important;
    padding:82px 0 46px!important;
  }
  .kr-enquiry-visual img{transform:scale(1.05)!important;object-position:center center!important;}
  .kr-enquiry-visual:before{
    background:linear-gradient(90deg,rgba(5,8,11,.82) 0%,rgba(5,8,11,.52) 52%,rgba(5,8,11,.12) 100%)!important;
  }
  .about-hero-media{transform:scale(1.10)!important;object-position:center 28%!important;}
}


/* FINAL: keep a subtle black edge on the Enquiry hero, matching the approved mobile reference. */
.kr-enquiry-hero{
  background:#0c0f13!important;
}
.kr-enquiry-visual{
  inset:0 6px!important;
  width:auto!important;
  height:100%!important;
}
.kr-enquiry-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:scale(1.035)!important;
}
@media(max-width:760px){
  .kr-enquiry-visual{
    inset:0 5px!important;
  }
  .kr-enquiry-visual img{
    transform:scale(1.025)!important;
  }
}

/* =========================================================
   FINAL MOBILE BANNER + LEADERSHIP FIT
   Requested mobile-only polish: smaller banner typography,
   clean wrapping, and equal leadership image boxes.
   ========================================================= */
@media (max-width: 600px){
  /* Home hero — compact enough to stay comfortably inside the banner. */
  .hero-inner{padding-top:42px!important;padding-bottom:34px!important}
  .hero-kicker{font-size:8px!important;letter-spacing:1.4px!important}
  .hero h1{font-size:44px!important;line-height:.91!important;letter-spacing:-1.2px!important;margin:12px 0 15px!important;max-width:330px!important}
  .hero-inner>p{font-size:11.5px!important;line-height:1.42!important;max-width:330px!important}
  .hero-actions{margin-top:18px!important;gap:8px!important}
  .hero-actions .btn{padding:11px 13px!important;font-size:9px!important;gap:10px!important}

  /* About hero */
  .about-hero,.about-hero-inner{min-height:520px!important}
  .about-hero-inner{padding-top:38px!important;padding-bottom:28px!important}
  .about-hero-copy{width:92%!important;max-width:340px!important}
  .about-kicker,.about-tag{font-size:8px!important;letter-spacing:.1em!important}
  .about-hero-title{font-size:35px!important;line-height:.91!important;letter-spacing:-.55px!important;margin:9px 0 13px!important;max-width:330px!important}
  .about-hero-desc{font-size:10.5px!important;line-height:1.38!important;max-width:320px!important;margin-bottom:13px!important}
  .about-hero-actions{gap:7px!important}
  .about-hero-actions .about-btn{padding:9px 11px!important;font-size:9px!important}

  /* Media Solutions hero */
  .media-hero,.media-hero-inner{min-height:545px!important}
  .media-hero-inner{align-items:flex-start!important}
  .media-hero-copy{width:100%!important;max-width:330px!important;padding:42px 0 30px!important}
  .media-hero-copy .tag{font-size:8px!important;letter-spacing:1px!important}
  .media-hero-copy h1{font-size:33px!important;line-height:.93!important;letter-spacing:-.45px!important;margin:9px 0 13px!important;max-width:330px!important}
  .media-hero-copy p{font-size:10.5px!important;line-height:1.4!important;max-width:315px!important;margin:0 0 7px!important}
  .media-quote{font-size:11px!important;line-height:1.2!important;margin-top:12px!important}

  /* Network hero */
  .network-hero{min-height:545px!important}
  .network-hero-inner{padding:76px 0 34px!important}
  .network-hero-copy{max-width:330px!important}
  .network-hero-copy .tag{font-size:8px!important;letter-spacing:1px!important}
  .network-hero-copy h1{font-size:34px!important;line-height:.92!important;letter-spacing:-.5px!important;margin:9px 0 13px!important}
  .network-hero-copy p{font-size:10.5px!important;line-height:1.4!important;max-width:320px!important}
  .network-btn{font-size:9px!important;padding:10px 12px!important;margin-top:13px!important}
  .network-stats{margin-top:18px!important}

  /* Our Work / Campaign hero */
  .ow-hero{min-height:545px!important}
  .ow-hero-inner{padding-top:62px!important;padding-bottom:30px!important}
  .ow-kicker{font-size:8px!important;letter-spacing:1px!important}
  .ow-hero h1{font-size:34px!important;line-height:.92!important;letter-spacing:-.5px!important;margin:9px 0 13px!important}
  .ow-hero-copy{font-size:10.5px!important;line-height:1.4!important;max-width:320px!important;margin-bottom:7px!important}
  .ow-btn{font-size:9px!important;padding:10px 12px!important}

  /* Careers + Enquire banners */
  .kr-page .kr-hero,.kr-page .kr-enquiry-hero,
  .kr-page .kr-hero-inner,.kr-page .kr-enquiry-hero .inner{height:500px!important;min-height:500px!important}
  .kr-page .kr-hero-inner,.kr-page .kr-enquiry-hero .inner{width:calc(100% - 32px)!important}
  .kr-page .kr-hero-inner{justify-content:center!important;padding:0!important}
  .kr-page .kr-kicker{font-size:8px!important;letter-spacing:1px!important;margin-bottom:6px!important}
  .kr-page .kr-hero h1,.kr-page .kr-enquiry-copy h1{font-size:30px!important;line-height:.94!important;letter-spacing:-.45px!important;max-width:320px!important;margin:6px 0 11px!important}
  .kr-page .kr-hero p,.kr-page .kr-enquiry-copy p{font-size:10.5px!important;line-height:1.4!important;max-width:315px!important;margin-bottom:13px!important}
  .kr-page .kr-btn{min-height:36px!important;padding:9px 12px!important;font-size:9px!important}

  /* Media detail heroes */
  .media-detail-hero{height:520px!important;min-height:520px!important}
  .media-detail-hero .hero-inner{padding-top:55px!important;padding-bottom:30px!important}
  .media-detail-hero .hero-kicker{font-size:8px!important}
  .media-detail-hero .hero-inner h1{font-size:39px!important;line-height:.92!important;letter-spacing:-.55px!important;margin:10px 0 13px!important;max-width:330px!important}
  .media-detail-hero .hero-inner>p{font-size:10.5px!important;line-height:1.4!important;max-width:315px!important}

  /* Leadership: identical card/image footprint for Rakesh + Kevin. */
  .about-lead-grid{grid-template-columns:1fr!important;gap:14px!important;align-items:stretch!important}
  .about-lead-grid .leader-card,
  .about-lead-grid .leader-card:nth-child(2){
    width:100%!important;
    min-height:0!important;
    grid-template-columns:1fr!important;
    display:grid!important;
    overflow:hidden!important;
    align-items:stretch!important;
  }
  .about-lead-grid .leader-card img,
  .about-lead-grid .leader-card:nth-child(2) img{
    width:100%!important;
    height:270px!important;
    min-height:270px!important;
    max-height:270px!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    background:#f4f4f4!important;
    margin:0!important;
    transform:none!important;
  }
  /* Kevin has a small amount of empty floor below the shoes; trim only that area. */
  .about-lead-grid .leader-card:nth-child(2) img{object-position:center bottom!important}
  .about-lead-grid .leader-copy{padding:13px 14px 14px!important}
  .about-lead-grid .leader-copy small{font-size:8px!important}
  .about-lead-grid .leader-copy h3{font-size:21px!important;line-height:1!important;margin:3px 0 7px!important}
  .about-lead-grid .leader-copy .leader-role{font-size:10px!important;line-height:1.25!important;margin:-1px 0 7px!important}
  .about-lead-grid .leader-copy p{font-size:10.5px!important;line-height:1.38!important;margin-bottom:5px!important}
  .about-lead-grid .leader-readmore{font-size:8.5px!important;padding:7px 10px!important}
}

/* =========================================================
   MOBILE BANNER COMPACT + READ-MORE POLISH
   Keep Home hero unchanged; compact all other hero banners.
   ========================================================= */
@media (max-width:600px){
  .about-hero-title,.media-hero-copy h1,.network-hero-copy h1,.ow-hero h1,
  .kr-page .kr-hero h1,.kr-page .kr-enquiry-copy h1,.media-detail-hero .hero-inner h1{
    font-size:29px!important;
    line-height:.95!important;
    letter-spacing:-.4px!important;
    margin:7px 0 9px!important;
  }
  .about-hero-desc,.media-hero-copy p,.network-hero-copy p,.ow-hero-copy,
  .kr-page .kr-hero p,.kr-page .kr-enquiry-copy p,.media-detail-hero .hero-inner>p{
    font-size:9.5px!important;
    line-height:1.32!important;
    max-width:315px!important;
    margin-bottom:7px!important;
  }
  .about-hero-copy,.media-hero-copy,.network-hero-copy,.ow-hero-inner>div:first-child,
  .kr-page .kr-hero-inner,.kr-page .kr-enquiry-copy,.media-detail-hero .hero-inner{
    max-width:320px!important;
  }
  .about-hero-actions,.kr-actions{gap:6px!important;margin-top:9px!important}
  .about-hero-actions .about-btn,.network-btn,.ow-btn,.kr-page .kr-btn{font-size:8px!important;padding:8px 10px!important}
  .media-quote{font-size:9px!important;line-height:1.15!important;margin-top:7px!important}
  .mobile-banner-text-wrap{position:relative;max-width:315px!important}
  .mobile-banner-text-wrap.is-collapsed{max-height:39px;overflow:hidden}
  .mobile-banner-text-wrap.is-expanded{max-height:1000px;overflow:visible}
  .mobile-banner-text-wrap.is-collapsed:after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:20px;
    background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.78));pointer-events:none;
  }
  .mobile-read-more{
    display:inline-flex!important;align-items:center;justify-content:center;
    width:27px;height:27px;margin:4px 0 0 0;padding:0;border:1px solid rgba(255,255,255,.7);
    border-radius:50%;background:rgba(0,0,0,.28);color:#fff;font-size:16px;line-height:1;
    cursor:pointer;transition:transform .3s ease,background .3s ease,border-color .3s ease;
  }
  .mobile-read-more:active{transform:scale(.94)}
  .mobile-read-more.is-open{transform:rotate(180deg);background:#fff;color:#111;border-color:#fff}
  .mobile-banner-actions{margin-top:8px!important}
  /* Keep banner buttons on the banner even when copy is collapsed. */
  .about-hero-actions,.network-btn,.ow-btn,.kr-actions,.kr-enquiry-steps{position:relative;z-index:3}
}
@media (min-width:601px){.mobile-read-more{display:none!important}}

/* =========================================================
   FINAL MOBILE HERO ARRANGEMENT — clean compact copy + inline reveal
   Home hero is intentionally excluded.
   ========================================================= */
@media (max-width:600px){
  /* Keep the inner-page hero composition calm and consistent. */
  .about-hero,.media-hero,.network-hero,.ow-hero,
  .kr-page .kr-hero,.kr-page .kr-enquiry-hero,.media-detail-hero{
    overflow:hidden!important;
  }

  .about-hero-copy,.media-hero-copy,.network-hero-copy,
  .ow-hero-inner>div:first-child,.kr-page .kr-hero-inner,
  .kr-page .kr-enquiry-copy,.media-detail-hero .hero-inner{
    width:100%!important;
    max-width:312px!important;
  }

  /* Compact, readable headings — no crowding or oversized wraps. */
  .about-hero-title,.about-hero h1,
  .media-hero-copy h1,.network-hero-copy h1,.ow-hero h1,
  .kr-page .kr-hero h1,.kr-page .kr-enquiry-copy h1,
  .media-detail-hero .hero-inner h1{
    font-size:27px!important;
    line-height:.96!important;
    letter-spacing:-.35px!important;
    margin:6px 0 8px!important;
    max-width:312px!important;
  }

  .about-hero-desc,.media-hero-copy p,.network-hero-copy p,
  .ow-hero-copy,.kr-page .kr-hero p,.kr-page .kr-enquiry-copy p,
  .media-detail-hero .hero-inner>p{
    font-size:9.25px!important;
    line-height:1.28!important;
    max-width:300px!important;
    margin:0!important;
  }

  /* The reveal area is now a tidy two-line preview, rather than a clipped block. */
  .mobile-banner-text-wrap{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:300px!important;
    padding:0 29px 0 0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .mobile-banner-text-wrap.is-collapsed{
    max-height:24px!important;
    overflow:hidden!important;
  }
  .mobile-banner-text-wrap.is-expanded{
    max-height:180px!important;
    overflow:visible!important;
  }
  .mobile-banner-text-wrap.is-collapsed:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:29px!important;
    bottom:0!important;
    height:12px!important;
    background:linear-gradient(to bottom,transparent,rgba(0,0,0,.62))!important;
    pointer-events:none!important;
  }
  .mobile-banner-text-wrap p{
    margin:0 0 3px!important;
    font-size:9.25px!important;
    line-height:1.28!important;
  }

  /* Small arrow sits at the end of the copy area, not as a large separate control. */
  .mobile-read-more{
    display:inline-grid!important;
    place-items:center!important;
    width:22px!important;
    height:22px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.72)!important;
    border-radius:50%!important;
    background:rgba(0,0,0,.32)!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:1!important;
    vertical-align:middle!important;
    transform:none!important;
    transition:transform .25s ease,background .25s ease,color .25s ease!important;
  }
  .mobile-read-more.is-open{
    transform:rotate(180deg)!important;
    background:#fff!important;
    color:#111!important;
    border-color:#fff!important;
  }

  /* Keep the real CTA buttons immediately after the compact copy/reveal. */
  .about-hero-actions,.network-btn,.ow-btn,.kr-actions,.kr-enquiry-steps,.media-quote{
    margin-top:7px!important;
  }
  .about-hero-actions{gap:6px!important}
  .about-hero-actions .about-btn,.network-btn,.ow-btn,.kr-page .kr-btn{
    min-height:32px!important;
    padding:7px 10px!important;
    font-size:8px!important;
    line-height:1!important;
  }

  /* Media quote is secondary text: keep it compact and visually separate. */
  .media-quote{font-size:8.75px!important;line-height:1.18!important}

  /* Preserve the hero action row instead of letting the reveal push buttons off-screen. */
  .about-hero-actions,.about-hero-actions .about-btn{white-space:nowrap!important}
}

@media (max-width:600px){
  .mobile-banner-text-wrap{padding-right:30px!important}
  .mobile-banner-text-wrap .mobile-read-more{
    position:absolute!important;
    right:0!important;
    bottom:0!important;
    z-index:4!important;
  }
  .mobile-banner-text-wrap.is-expanded .mobile-read-more{bottom:0!important}
}

/* FINAL MOBILE HOME HERO: compact, single-line, bottom-centred headline. */
@media (max-width: 760px){
  .home-page .hero .hero-inner{
    height:100%!important;
    padding:0 14px 42px!important;
    justify-content:flex-end!important;
    align-items:center!important;
    text-align:center!important;
  }
  .home-page .hero .hero-kicker{
    font-size:7px!important;
    letter-spacing:1px!important;
    margin-bottom:6px!important;
  }
  .home-page .hero .hero-inner h1{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:5px 0 10px!important;
    font-size:clamp(16px,5.2vw,22px)!important;
    line-height:1.05!important;
    letter-spacing:-.15px!important;
    white-space:nowrap!important;
  }
  .home-page .hero .hero-inner h1 br{display:none!important;}
  .home-page .hero .hero-inner>p{
    width:100%!important;
    max-width:300px!important;
    margin:0 auto!important;
    font-size:9px!important;
    line-height:1.35!important;
  }
  .home-page .hero .hero-actions{
    justify-content:center!important;
    align-items:center!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    margin-top:12px!important;
  }
  .home-page .hero .hero-actions .btn{
    padding:8px 10px!important;
    font-size:7.5px!important;
    white-space:nowrap!important;
  }
}

/* FINAL HOME MOBILE HERO — single-line centered headline, safely inside the banner */
@media (max-width: 760px){
  .home-page .hero{position:relative!important;height:620px!important;min-height:620px!important;overflow:hidden!important}
  .home-page .hero-inner{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:20px!important;
    top:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 12px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
    z-index:5!important;
  }
  .home-page .hero-inner h1{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    white-space:nowrap!important;
    font-size:17px!important;
    line-height:1.05!important;
    letter-spacing:-.35px!important;
    text-align:center!important;
    transform:none!important;
  }
  .home-page .hero-inner h1 br{display:none!important}
  .home-page .hero-inner h1 em{display:inline!important}
}