/*
 * Site-wide overrides for The Breakaway.
 *
 * These rules adjust the spacing on single article pages and
 * enforce white text inside call‑to‑action panels across the site.
 */

/* Reduce top padding after article heroes to tighten the gap between
   the article metadata and the first content section. */
.article-hero + .section {
  padding-top: clamp(32px, 4vw, 58px);
}

/* Compress quote panels within articles for a cleaner look. */
.article-body .quote-panel {
  padding: 12px 20px;
}

/* Guarantee white text inside all call‑to‑action panels, even when
   default body styles might override colours. */
.cta-panel p,
.cta-panel .lead {
  color: var(--white);
}

/* Ensure text inside black sections (e.g., About page beliefs) uses white for readability */
.black-section .lead {
  color: var(--white);
}

/* Emphasis style for the home page tagline.
   The word "not" in the hero tagline should stand out in italic and use the brand red colour. */
.display .emphasis {
  /* Italic style and brand red highlight for the word "not" in the hero tagline. */
  font-style: italic;
  color: var(--red);
}

/* Highlight style for emphasised phrases (e.g., "data + creativity"). */
.highlight {
  font-style: italic;
  color: var(--red);
}

/* Half-space utility: reduce vertical padding by half for sections where the default spacing feels too generous. */
/* Tighter spacing for sections marked as half-space. The default --section-pad
   defined in the base stylesheet is generous, so halve it here to bring
   consecutive sections closer together. */
.half-space {
  padding-top: calc(var(--section-pad) * 0.4);
  padding-bottom: calc(var(--section-pad) * 0.4);
}

/* Callout style for emphasised paragraphs in Services and other pages. */
.callout {
  font-size: 1.2rem;
  font-weight: 300;
  padding: 16px 20px 16px 20px;
  margin-top: 24px;
  margin-bottom: 24px;
  border-left: 4px solid var(--red);
  background: #F1EEFB;
}

/* Impact section: used for important callouts on the homepage where a
   combination of copy and narrative requires visual emphasis. Adds a subtle
   coloured background and rounded corners. */
.impact-section {
  background: #FDF6FB;
  border-radius: 24px;
  padding: calc(var(--section-pad) * 0.6) 0;
}

/* Remove extra margin below partner logo grids when followed by case study sections */
.partner-grid {
  margin-bottom: 0;
}

/* Style for case study cards on the Our Work page. Increase visual impact
   using a subtle tinted background and border similar to the Insights cards. */
.case-card {
  background: #FDF6FB;
  border: 1.5px solid var(--black);
  border-radius: var(--radius);
  padding: 32px;
  box-shadow: 6px 6px 0 var(--black);
}

/* FAIR circle diagram styling */
.fair-circle-container {
  margin-top: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fair-circle {
  position: relative;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: conic-gradient(var(--red) 0deg 90deg, var(--lavender) 90deg 180deg, var(--yellow) 180deg 270deg, var(--soft) 270deg 360deg);
  display: flex;
  justify-content: center;
  align-items: center;
}

.fair-circle .fair-label {
  position: absolute;
  width: 50%;
  text-align: center;
  font-size: 0.9rem;
  line-height: 1.2;
}

.fair-circle .fans { top: 8%; left: 50%; transform: translateX(-50%); }
.fair-circle .athletes { top: 50%; right: -8%; transform: translateY(-50%) rotate(90deg); transform-origin: center; }
.fair-circle .identity { bottom: 8%; left: 50%; transform: translateX(-50%); }
.fair-circle .revenue { top: 50%; left: -8%; transform: translateY(-50%) rotate(-90deg); transform-origin: center; }

.fair-center {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--white);
  border: 2px solid var(--black);
  border-radius: 50%;
  width: 110px;
  height: 110px;
  text-align: center;
}

.fair-center span {
  font-weight: 300;
  font-size: 1.4rem;
}

.fair-center small {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* Lighter key takeaways panel */
.article-body .quote-panel {
  /* Use a very light lavender background for the key takeaways box */
  background: #F1EEFB;
  border-radius: 32px;
  padding: 24px 28px;
  border: 1.5px solid var(--black);
}

/* Adjust the spacing around the "Key takeaways" heading */
.article-body .quote-panel h2 {
  margin-top: 0;
  margin-bottom: 10px;
}

/* Reduce the gap between article hero and first section */
.article-hero + .section {
  padding-top: clamp(24px, 3vw, 48px);
}

/* Reduce article meta spacing and insert Author label */
.article-meta {
  margin: 12px 0 20px;
}

.article-meta .tag:first-of-type::before {
  /* Prefix the first tag in an article meta block with "Author" so that
     author names are clearly labelled. */
  content: 'Author ';
  margin-right: 4px;
}

/* Enlarged logo in header */
/* Slightly enlarge the logo in the site header to improve visibility */
.site-header .logo img {
  width: 115px;
}

/* Emphasise the Home link in the navigation so visitors can easily return
   to the front page. The red colour echoes the brand palette without
   introducing bold weight. */
.nav-links a[href="index.html"] {
  color: var(--red);
}/* Revision 1 June 2026 updates */
.impact-section .lead { font-size: clamp(1.55rem, 2.5vw, 2.25rem); line-height: 1.18; }
.soft-gradient-bottom { background: linear-gradient(180deg, rgba(250,235,244,1) 0%, rgba(246,239,248,0.75) 65%, rgba(247,247,247,1) 100%); }
.who-work-home { padding-top: 72px; padding-bottom: 42px; background: #f7f6f2; }
.who-work-home + .section { padding-top: 36px; }
.soft-grey-block { background: #f7f6f2; }
.accent-highlight { color: var(--red); font-style: italic; font-weight: 400; }
.image-split { align-items: center; gap: clamp(2rem, 5vw, 5rem); }
.section-photo, .portrait-photo, .presence-main { width: 100%; border-radius: 28px; object-fit: cover; display: block; box-shadow: 0 24px 80px rgba(20,20,20,.12); }
.section-photo { max-height: 560px; }
.portrait-photo { aspect-ratio: 4/5; }
.fair-note { margin-top: 28px; max-width: 980px; font-size: 1.12rem; line-height: 1.55; }
.filter-bar { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0 32px; }
.filter-chip { border: 1px solid rgba(30,30,30,.2); background: #fff; border-radius: 999px; padding: 10px 14px; font-family: inherit; cursor: pointer; }
.filter-chip.active, .filter-chip:hover { background: var(--red); color: #fff; border-color: var(--red); }
.article-image { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 18px; margin-bottom: 20px; background: #eee; }
.insight-card[hidden] { display: none; }
.public-presence { display: grid; grid-template-columns: minmax(260px, 1fr) 1.35fr; gap: clamp(1.25rem, 4vw, 3rem); align-items: stretch; }
.presence-main { height: 100%; min-height: 520px; object-fit: cover; }
.presence-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.presence-grid img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 18px; }
.bw-photo, .bw-gallery img { filter: grayscale(100%); }
.media-link-list { display: grid; gap: 14px; }
.media-link-list a { padding: 16px 18px; border: 1px solid rgba(30,30,30,.12); border-radius: 16px; background: #fff; text-decoration: none; color: var(--black); }
.media-link-list a:hover { border-color: var(--red); color: var(--red); }
.bigger-note { font-size: 1.05rem; line-height: 1.55; }
.brand-grid { margin-top: 0; }
.case-study-grid { display: grid; grid-template-columns: repeat(5, minmax(160px, 1fr)); gap: 18px; }
.case-study-tile { display: flex; flex-direction: column; gap: 16px; min-height: 260px; padding: 24px; border-radius: 24px; background: #fff; border: 1px solid rgba(30,30,30,.08); text-decoration: none; color: var(--black); box-shadow: 0 20px 60px rgba(20,20,20,.06); }
.case-study-tile:hover { transform: translateY(-3px); border-color: var(--red); }
.case-study-tile img { width: 92px; height: 64px; object-fit: contain; background: #fff; border-radius: 14px; }
.case-study-tile h3 { margin: 0; font-size: 1.2rem; }
.case-study-tile p { margin: 0; font-size: .95rem; line-height: 1.45; }
@media (max-width: 900px) { .public-presence { grid-template-columns: 1fr; } .presence-grid { grid-template-columns: repeat(2, 1fr); } .case-study-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .case-study-grid, .presence-grid { grid-template-columns: 1fr; } }


/* Article cards and article pages */
.article-meta, .article-meta-large { color: #6f6470; font-size: 0.9rem; margin-bottom: 0.65rem; }
.article-card .article-meta time { text-transform: uppercase; letter-spacing: .04em; font-size: .78rem; }
.article-card h3 { margin-top: .55rem; }
.compact-article-card { padding: 1.35rem; }
.compact-article-card h3 { font-size: 1.05rem; line-height: 1.2; }
.compact-article-card p { font-size: .92rem; }
.home-insights-compact { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
.explore-more-wrap { grid-column: 1 / -1; text-align: center; margin-top: .5rem; }
.text-link { color: #b12238; font-weight: 500; text-decoration: none; border-bottom: 1px solid currentColor; }
.article-hero .back-link { display: inline-block; margin-bottom: 1.25rem; color: #6f6470; text-decoration: none; }
.article-layout { max-width: 980px; }
.article-cover { margin: 0 0 2rem; border-radius: 28px; overflow: hidden; background: #f5f0f2; }
.article-cover img { width: 100%; display: block; aspect-ratio: 16/8; object-fit: cover; }
.article-body { max-width: 760px; margin: 0 auto; font-size: 1.08rem; line-height: 1.75; }
.article-body p { margin-bottom: 1.25rem; }
.article-cta { margin-top: 2.5rem; padding: 1.5rem; border-radius: 24px; background: #f6f1f3; }
@media (max-width: 900px) { .home-insights-compact { grid-template-columns: 1fr; } }


/* Revision 6 June 2026 */
.page-hero { background: var(--white) !important; }
.page-hero + .section.framework,
main > .page-hero + .section.soft-grey-block { background: var(--soft); }
.page-hero .eyebrow { display: inline-flex; align-items: center; line-height: 1; }
.services-audience .card { display: flex; flex-direction: column; }
.speaking-presence-section { background: var(--soft); }
.speaking-hero-photo { object-position: center 68%; }
.logo-link { display: block; height: 100%; }
.case-flow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 32px; }
.case-flow-step { position: relative; background: #fff; border: 1.5px solid rgba(5,5,5,.22); border-radius: 24px; padding: 24px 20px 26px; min-height: 300px; box-shadow: 6px 6px 0 rgba(5,5,5,.14); }
.case-flow-step::after { content: ''; position: absolute; right: -20px; top: 48px; width: 40px; height: 14px; background: linear-gradient(90deg, var(--yellow), var(--lavender)); clip-path: polygon(0 0, 78% 0, 100% 50%, 78% 100%, 0 100%); z-index: 2; }
.case-flow-step:last-child::after { display: none; }
.case-flow-step:nth-child(1) .pill-num { background: var(--red); color: #fff; }
.case-flow-step:nth-child(2) .pill-num { background: var(--yellow); color: var(--black); }
.case-flow-step:nth-child(3) .pill-num { background: var(--lavender); color: #fff; }
.case-flow-step:nth-child(4) .pill-num { background: #bfbfbf; color: var(--black); }
.case-flow-step h2 { font-size: 1.5rem; letter-spacing: -.035em; line-height: 1.05; margin: 0 0 14px; text-transform: uppercase; font-weight: 300; }
.case-flow-step p, .case-flow-step li { font-size: .96rem; line-height: 1.5; }
.case-flow-step ul { padding-left: 18px; margin: 0; }
.case-photo-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; margin-top: 34px; }
.case-photo-grid img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 24px; border: 1.5px solid rgba(5,5,5,.18); filter: grayscale(100%); }
.case-photo-grid.single { grid-template-columns: minmax(0, 760px); }
.photo-credit { color: var(--grey); font-size: .9rem; margin-top: 10px; }
.case-intro-logo { max-width: 160px; max-height: 100px; object-fit: contain; margin-bottom: 22px; }
@media (max-width: 980px) { .case-flow { grid-template-columns: repeat(2,1fr); } .case-flow-step::after { display: none; } }
@media (max-width: 620px) { .case-flow, .case-photo-grid, .case-photo-grid.single { grid-template-columns: 1fr; } }


/* Revision 6 June 2026 n.2 */
:root { --soft:#f7f6f2; }
.site-header .logo img { width:166px !important; max-height:92px !important; object-fit:contain; }
.nav { height:110px !important; }
@media(max-width:900px){ .site-header .logo img{width:142px !important; max-height:80px !important;} .nav{height:96px !important;} .nav-links{top:96px !important;} }
.hero{ background:linear-gradient(90deg,var(--yellow) 0 33.333%, var(--lavender) 33.333% 66.666%, var(--red) 66.666% 100%) !important; }
.explore-more-wrap{ text-align:left !important; }
.home-insights-section{ background:var(--soft) !important; }
.case-study-grid{ grid-template-columns:repeat(6,minmax(0,1fr)) !important; gap:14px !important; }
.case-study-tile{ padding:18px !important; min-height:250px !important; }
.case-study-tile h3{ font-size:1.05rem !important; }
.case-study-tile p{ font-size:.88rem !important; line-height:1.36 !important; }
.case-hero{ background:var(--soft) !important; }
.case-hero .lead{ margin-top:6px !important; }
.case-hero .display{ margin-bottom:6px !important; }
.case-photo-grid.contain img{ object-fit:contain !important; background:#fff; }
.case-photo-grid.broadcast img{ object-fit:contain !important; background:#fff; }
.case-photo-grid.evz img:first-child{ object-fit:contain !important; object-position:center center !important; background:#fff; }
.services-hero-grid{ display:grid; grid-template-columns:1fr minmax(280px,420px); gap:42px; align-items:center; }
.services-hero-photo{ width:100%; max-height:520px; object-fit:contain; object-position:center center; filter:grayscale(100%); border-radius:28px; }
@media(max-width:980px){ .case-study-grid{ grid-template-columns:repeat(2,1fr) !important;} .services-hero-grid{grid-template-columns:1fr;} }
@media(max-width:620px){ .case-study-grid{ grid-template-columns:1fr !important;} }


/* Revision 7 June 2026 n.1 */
:root{--soft:#f7f6f2;}
/* all imagery and visual boxes rounded; keep homepage horizontal banner unchanged */
img:not(.logo img):not(.footer img), .media-logo-card, .partner-card, .case-study-tile, .card, .contact-form input, .contact-form textarea, .contact-form select{border-radius:24px;}
.banner-strip{border-radius:0 !important;}
.cta-panel:after{display:none !important;}
.white-bg{background:#fff !important;}
.beige-bg{background:var(--soft) !important;}
/* alternate section rhythm outside homepage */
body:not(.home-page) main > section:nth-child(1){background:#fff !important;}
body:not(.home-page) main > section:nth-child(2){background:var(--soft) !important;}
body:not(.home-page) main > section:nth-child(3){background:#fff !important;}
body:not(.home-page) main > section:nth-child(4){background:var(--soft) !important;}
body:not(.home-page) main > section:nth-child(5){background:#fff !important;}
/* Homepage logo adjustments */
.partner-card img[src*="partner-fc-como-women"], .partner-card img[src*="partner-yougov"], .partner-card img[src*="partner-fondazione-bracco"]{height:100px !important; width:100% !important; object-fit:contain !important;}
.media-logo-card img[src*="media-la-repubblica"], .media-logo-card img[src*="media-the-guardian"], .media-logo-card img[src*="media-sport-e-finanza"]{height:70px !important; width:100% !important; object-fit:contain !important;}
a.media-logo-card{transition:.18s ease;} a.media-logo-card:hover{border-color:var(--red); transform:translateY(-2px);}
/* Services requested background sequence */
.services-audience{background:#fff !important;}
.services-hero-photo{border-radius:28px !important;}
/* Our Work hero */
.our-work-hero-grid{display:grid;grid-template-columns:1.05fr .72fr;gap:42px;align-items:center;}
.our-work-hero-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px;filter:grayscale(100%);border:1.5px solid rgba(0,0,0,.16);}
/* Case study cards */
.case-study-tile img[src*="partner-evz"], .case-study-tile img[src*="partner-yougov"], .case-study-tile img[src*="partner-fc-como-women"]{width:132px !important;height:84px !important;object-fit:contain !important;}
.case-study-tile h3{font-size:1.575rem !important;line-height:1.06 !important;margin-bottom:0 !important;}
.case-study-tile{gap:7px !important;}
.case-study-tile p{margin-top:0 !important;}
/* Case detail hero: image alongside title */
.case-hero-grid{display:grid;grid-template-columns:1.05fr minmax(260px,420px);gap:36px;align-items:center;}
.case-hero-img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:28px;border:1.5px solid rgba(0,0,0,.16);}
.case-hero-img.bw{filter:grayscale(100%);}
.case-hero .display{margin-bottom:4px !important;}
.case-hero .lead{margin-top:0 !important;}
.case-flow{margin-top:22px !important;}
.case-photo-grid{margin-top:24px !important;}
.case-photo-grid img{border-radius:28px !important;}
.case-photo-grid.contain img, .case-photo-grid.wide-contain img{object-fit:contain !important;background:#fff;}
.case-photo-grid.wide-contain{grid-template-columns:1fr !important;}
.case-photo-grid.wide-contain img{width:100%;height:auto;aspect-ratio:auto;}
.case-photo-grid.beyond-verticals{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
.case-photo-grid.beyond-verticals img{aspect-ratio:auto !important;height:auto !important;object-fit:contain !important;background:#fff;}
.photo-credit{margin-top:8px !important;}
.contact-emphasis{display:block;margin-top:18px;padding:18px 22px;border-left:4px solid var(--red);background:var(--soft);border-radius:18px;font-size:1.18rem;line-height:1.45;color:var(--black);}
@media(max-width:980px){.our-work-hero-grid,.case-hero-grid{grid-template-columns:1fr}.case-photo-grid.beyond-verticals{grid-template-columns:1fr !important;}}

/* Revision 7 June 2026 n.2 - requested refinements */
/* Case study detail pages invert the background rhythm: client intro block beige, content block white. */
body.case-page main > section:nth-child(1){background:var(--soft) !important;}
body.case-page main > section:nth-child(2){background:#fff !important;}

/* Keep page titles aligned consistently across Services, Insights, Speaking and Our Work. */
body:not(.home-page) .page-hero{padding-top:86px !important;padding-bottom:86px !important;}
body:not(.home-page) .page-hero .container{width:min(var(--max),calc(100% - 40px)) !important;margin-inline:auto !important;}
body:not(.home-page) .page-hero .eyebrow{margin-bottom:18px !important;}
body:not(.home-page) .page-hero .display{margin-top:0 !important;}

/* All photographic case-study imagery should be black and white, rounded and never cut unless explicitly cropped for the YouGov top line. */
body.case-page .case-hero-img,
body.case-page .case-photo-grid img{filter:grayscale(100%) !important;border-radius:28px !important;}
body.case-page .case-photo-grid img{object-fit:contain !important;object-position:center center !important;background:#fff !important;}
body.case-page .case-hero-img.no-crop,
body.case-como-beyond .case-hero-img,
body.case-como-broadcasting .case-hero-img,
body.case-evz-women .case-hero-img,
body.case-ehc .case-hero-img,
body.case-efd .case-hero-img{object-fit:contain !important;object-position:center center !important;background:#fff !important;}

.case-hero-figure{margin:0;}
.case-hero-figure .case-hero-img{width:100%;aspect-ratio:16/10;display:block;}
.case-hero-figure .photo-credit{font-size:.78rem;margin-top:6px;text-align:left;color:#777;}
.case-photo-figure{margin:0;}
.case-photo-figure img{width:100%;display:block;}
.case-photo-figure .photo-credit{font-size:.78rem;margin-top:6px;color:#777;}

/* EV Zug audience-survey image centering and credit placement. */
body.case-evz-women .case-photo-grid.evz > img:first-child{object-fit:contain !important;object-position:50% 50% !important;margin-inline:auto !important;display:block !important;}
body.case-evz-women .team-credit-figure{align-self:start;}
body.case-evz-women .team-credit-figure .photo-credit{text-align:left;}

/* YouGov: crop a few pixels from the top of the hero image to remove the visible black line; reduce presentation photo. */
body.case-yougov .case-hero-img.yougov-crop-top{object-fit:cover !important;object-position:center 58% !important;}
body.case-yougov .yougov-presentation-grid{max-width:680px !important;margin-left:auto !important;margin-right:auto !important;}
body.case-yougov .yougov-presentation-grid img{width:100% !important;height:auto !important;aspect-ratio:auto !important;}

/* Services footballer photo: same rounded treatment as the rest of the site. */
.services-hero-photo{border-radius:28px !important;overflow:hidden !important;display:block !important;}

/* Our Work hero image: show the full content, never crop. */
.our-work-hero-img.no-crop,.our-work-hero-img{object-fit:contain !important;object-position:center center !important;background:#fff !important;height:auto !important;max-height:520px !important;}

/* Keep all single / wide case images fully visible and correctly proportioned. */
.case-photo-grid.single,.case-photo-grid.wide-contain{justify-items:center;}
.case-photo-grid.single img,.case-photo-grid.wide-contain img{height:auto !important;aspect-ratio:auto !important;max-height:none !important;}
.case-photo-grid.beyond-verticals img{height:auto !important;aspect-ratio:auto !important;object-fit:contain !important;}


/* --- Corrections requested 2026-06-07 --- */
/* Services hero: rounded corners while keeping the full footballer visible. */
.services-hero-photo-frame{
  margin:0 !important;
  width:100% !important;
  max-width:420px !important;
  border-radius:28px !important;
  overflow:hidden !important;
  background:transparent !important;
  line-height:0 !important;
}
.services-hero-photo-frame .services-hero-photo{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  filter:grayscale(100%) !important;
  border-radius:28px !important;
  display:block !important;
}

/* Case study logos requested larger. */
body.case-evz-women .case-intro-logo[src*="partner-evz"],
body.case-yougov .case-intro-logo[src*="partner-yougov"],
body.case-como-beyond .case-intro-logo[src*="partner-fc-como-women"],
body.case-como-broadcasting .case-intro-logo[src*="partner-fc-como-women"]{
  max-width:320px !important;
  max-height:200px !important;
  width:auto !important;
  height:auto !important;
}

/* Case image containers: image must touch the perimeter; no internal white border. */
.case-photo-grid.contain img,
.case-photo-grid.wide-contain img,
.case-photo-grid.broadcast img,
.case-photo-grid.single img,
.case-photo-grid.evz img{
  object-fit:cover !important;
  background:transparent !important;
}
.case-photo-grid.single.wide-contain img,
.case-photo-grid.broadcast img{
  width:100% !important;
}

/* EVZ survey image: centered within perimeter. */
body.case-evz-women .case-photo-grid.evz > img:first-child{
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  object-position:center center !important;
}

/* YouGov hero: add left breathing room and remove the thin top artefact by cropping slightly from the top. */
body.case-yougov .case-hero-img.yougov-crop-top{
  object-fit:cover !important;
  object-position:52% 60% !important;
  clip-path: inset(2px 0 0 0 round 28px) !important;
  padding-left:10px !important;
  background:#fff !important;
}


/* --- Corrections requested: services image, case pages without client logos, unframed hero images --- */
.services-hero-photo-frame{
  border-radius:28px !important;
  overflow:hidden !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.services-hero-photo-frame .services-hero-photo{
  filter:grayscale(100%) !important;
  border-radius:28px !important;
  display:block !important;
}
body.case-page .case-intro-logo{
  display:none !important;
}
body.case-page .case-hero-img,
body.case-page .case-hero-figure .case-hero-img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  clip-path:none !important;
  border-radius:28px !important;
  display:block !important;
}
body.case-page .case-hero-figure{
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  line-height:0 !important;
}
body.case-page .case-hero-figure .photo-credit{
  line-height:1.35 !important;
  margin-top:8px !important;
  color:#777 !important;
  font-size:.78rem !important;
  text-align:left !important;
}
body.case-evz-women .case-photo-grid .photo-credit{
  display:none !important;
}

/* Home visibility-to-value block: square corners, no white showing around the pink background. */
.home-page .impact-section,
.home-page .soft-gradient-bottom{
  border-radius:0 !important;
}


/* Revision 11 June 2026 - requested updates */
/* Current page state in the header */
.nav-links a[href="index.html"] { color: inherit !important; }
.nav-links a.active,
.nav-links a[aria-current="page"] { color: var(--red) !important; }
.nav-links a.btn.active,
.nav-links a.btn[aria-current="page"] { color: var(--white) !important; background: var(--red) !important; border-color: var(--red) !important; }

/* Reduce vertical gap after the dividing line in all case-study pages */
body.case-page .case-hero + .section { padding-top: clamp(32px, 4vw, 58px) !important; }

/* Center logos within Our Work cards */
.case-study-tile img { align-self: center !important; margin-left: auto !important; margin-right: auto !important; }
.case-study-tile img[src*="partner-fc-como-women"],
.case-study-tile img[src*="partner-evz"] { width: 132px !important; height: 84px !important; object-fit: contain !important; }
.partner-card img[src*="partner-fc-como-women"],
.partner-card img[src*="partner-evz"] { height: 100px !important; width: 100% !important; object-fit: contain !important; }

/* YouGov cover refinement */
body.case-yougov .case-hero-img.yougov-crop-top { display:block !important; background: transparent !important; object-position: center 58% !important; }
body.case-yougov .case-hero-grid { align-items: center !important; }

/* EV Zug case-study image centering without cropping */
body.case-evz-women .case-photo-grid.evz > img:first-child { width: 96% !important; justify-self: center !important; margin-inline: auto !important; object-fit: contain !important; object-position: center center !important; }

/* Women’s Sport Insights hero image */
.insights-hero-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(280px,.72fr); gap: clamp(28px,5vw,64px); align-items: center; }
.insights-hero-photo { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center center; filter: grayscale(100%); border-radius: 28px; border: 1.5px solid rgba(0,0,0,.16); }
@media (max-width: 900px) { .insights-hero-grid { grid-template-columns: 1fr; } .insights-hero-photo { aspect-ratio: 16 / 10; } }

/* Contact form Cloudflare placeholders */
.contact-form .cf-turnstile { margin: 2px 0 6px; }
.contact-form .form-note { margin: 0 0 8px; font-size: .82rem; line-height: 1.35; color: var(--grey); }


/* Revision 11 June 2026 - logo-only case-study refinements */
/* Homepage partner logos: keep circular logos visually consistent and centered */
.partner-card,
.partner-card .logo-link{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.partner-card .logo-link{
  width:100% !important;
  height:100% !important;
}
.partner-card img[src*="partner-evz"]{
  width:88px !important;
  height:88px !important;
  max-width:88px !important;
  max-height:88px !important;
  object-fit:contain !important;
}
.partner-card img[src*="partner-ehc"]{
  width:88px !important;
  height:88px !important;
  max-width:88px !important;
  max-height:88px !important;
  object-fit:contain !important;
  margin:auto !important;
}
/* Our Work selected case studies: logo-only tiles */
.case-study-tile.logo-only-tile{
  min-height:160px !important;
  padding:24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.case-study-tile.logo-only-tile img{
  margin:auto !important;
}
.case-study-tile.logo-only-tile img[src*="partner-evz"]{
  width:88px !important;
  height:88px !important;
  max-width:88px !important;
  max-height:88px !important;
  object-fit:contain !important;
}
.case-study-tile.logo-only-tile img[src*="partner-ehc"],
.case-study-tile.logo-only-tile img[src*="partner-elitfotboll-dam"]{
  width:88px !important;
  height:88px !important;
  max-width:88px !important;
  max-height:88px !important;
  object-fit:contain !important;
}

/* Our Work selected case studies: logo + subtitle, no client names */
.case-study-tile.subtitle-only-tile{
  min-height:230px !important;
  padding:24px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  text-align:center !important;
}
.case-study-tile.subtitle-only-tile img{
  margin-left:auto !important;
  margin-right:auto !important;
}
.case-study-tile.subtitle-only-tile img[src*="partner-evz"],
.case-study-tile.subtitle-only-tile img[src*="partner-ehc"],
.case-study-tile.subtitle-only-tile img[src*="partner-elitfotboll-dam"]{
  width:88px !important;
  height:88px !important;
  max-width:88px !important;
  max-height:88px !important;
  object-fit:contain !important;
}
.case-study-tile.subtitle-only-tile p{
  margin:0 !important;
  font-size:.88rem !important;
  line-height:1.36 !important;
}