/* Newspaper-style blog index. Prefix: c2c-blog- */
.c2c-blog {
  --c2c-ink: #222;
  --c2c-accent: #ee0979;
  --c2c-accent-2: #ff6a00;
  --c2c-rule: #e9e4e7;
  --c2c-white: #fff;
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(24px, 4vw, 56px) 16px;
  color: var(--c2c-ink);
  background: var(--c2c-white);
  font-family: "Poppins", system-ui, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}
.c2c-blog *, .c2c-blog *::before, .c2c-blog *::after { box-sizing: border-box; }
.c2c-blog img { display: block; max-width: 100%; }
.c2c-blog a { color: inherit; text-decoration: none; }
.c2c-blog a:focus-visible {
  outline: 3px solid var(--c2c-ink);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px var(--c2c-white);
}

/* Masthead */
.c2c-blog-masthead {
  margin: 0 0 clamp(20px, 3vw, 36px);
  padding-bottom: 12px;
  border-bottom: 1px solid var(--c2c-rule);
  text-align: center;
}
.c2c-blog-masthead-title {
  margin: 0;
  font-family: "Amatic SC", cursive;
  font-weight: 700;
  font-size: clamp(32px, 5vw, 56px);
  line-height: 1.1;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* Shared meta line */
.c2c-blog-date, .c2c-blog-author {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.c2c-blog-byline {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin: 0;
}
.c2c-blog-byline .c2c-blog-author::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: .9em;
  margin-left: 12px;
  vertical-align: -1px;
  background: currentColor;
  opacity: .4;
}

/* Lead story */
.c2c-blog-lead {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(16px, 3vw, 32px);
  margin: 0 0 clamp(32px, 5vw, 56px);
  padding-top: 20px;
  border-top: 3px solid var(--c2c-accent);
}
.c2c-blog-lead-media { display: block; overflow: hidden; background: var(--c2c-rule); }
.c2c-blog-lead-img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.c2c-blog-lead-body { min-width: 0; align-self: center; }
.c2c-blog-lead-title {
  margin: 0 0 16px;
  font-family: "Amatic SC", cursive;
  font-weight: 700;
  font-size: clamp(40px, 6vw, 84px);
  line-height: 1;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.c2c-blog-lead-title a {
  text-decoration: underline transparent;
  text-decoration-thickness: 3px;
  text-underline-offset: 6px;
  transition: text-decoration-color .15s;
}
.c2c-blog-lead-title a:hover { text-decoration-color: var(--c2c-accent); }
.c2c-blog-standfirst {
  margin: 0 0 20px;
  font-size: clamp(16px, 1.6vw, 19px);
  line-height: 1.6;
}
.c2c-blog-lead .c2c-blog-byline {
  padding-top: 12px;
  border-top: 1px solid var(--c2c-rule);
}

/* Tile grid */
.c2c-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2.5vw, 32px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.c2c-blog-grid > li { min-width: 0; margin: 0; }
.c2c-blog-tile {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid var(--c2c-rule);
  border-radius: 2px;
  background: #3a3a3a;
  color: var(--c2c-white);
}
.c2c-blog-tile-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Dark bottom gradient keeps white text above 4.5:1 on any photo */
.c2c-blog-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.92) 0%, rgba(0,0,0,.8) 30%, rgba(0,0,0,.4) 60%, rgba(0,0,0,0) 85%);
  pointer-events: none;
}
.c2c-blog-tile-text {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  padding: clamp(14px, 2vw, 20px);
}
.c2c-blog-tile-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  margin: 0 0 6px;
  font-size: clamp(16px, 1.6vw, 20px);
  font-weight: 600;
  line-height: 1.3;
  text-decoration: underline transparent;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  transition: text-decoration-color .15s;
}
.c2c-blog-tile:hover .c2c-blog-tile-title,
.c2c-blog-tile:focus-visible .c2c-blog-tile-title { text-decoration-color: var(--c2c-accent-2); }
.c2c-blog-tile .c2c-blog-author {
  display: block;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: none;
  font-variant: small-caps;
}
.c2c-blog-tile .c2c-blog-date { display: block; font-size: 12px; }

/* Responsive */
@media (min-width: 900px) {
  .c2c-blog-lead { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
}
@media (max-width: 899px) {
  .c2c-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599px) {
  .c2c-blog-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .c2c-blog * { transition: none !important; }
}
/* Feed layout: edge-to-edge, pink-to-orange wash, columns follow screen width */
.c2c-blog{background:linear-gradient(135deg,rgba(238,9,121,.07) 0%,rgba(255,106,0,.07) 100%),#fff;min-height:100vh;padding:0 clamp(8px,1.2vw,18px) 48px;box-sizing:border-box;max-width:none}
.c2c-blog-masthead{padding:clamp(20px,3vw,36px) 4px 8px}
.c2c-blog-masthead-title{font-family:"Amatic SC",sans-serif;font-size:clamp(48px,7vw,96px);line-height:1;margin:0;color:var(--c2c-ink,#222)}
.c2c-blog-lead{margin:0 0 clamp(8px,1vw,14px);display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(12px,2vw,28px);align-items:stretch;background:#fff}
.c2c-blog-lead-media{display:block;overflow:hidden;min-height:clamp(240px,40vw,520px)}
.c2c-blog-lead-img{width:100%;height:100%;object-fit:cover;display:block}
.c2c-blog-lead-body{align-self:center;padding:clamp(8px,1.5vw,24px)}
.c2c-blog-lead-title{font-family:"Amatic SC",sans-serif;font-size:clamp(40px,5.2vw,80px);line-height:.98;text-transform:uppercase;margin:0 0 .3em}
.c2c-blog-lead-title a{color:inherit;text-decoration:none}
.c2c-blog-lead-title a:hover{text-decoration:underline}
.c2c-blog-standfirst{font-size:clamp(14px,1.1vw,17px);line-height:1.6;color:#444;margin:0 0 .8em}
.c2c-blog-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(190px,21vw,300px),1fr));grid-auto-rows:clamp(150px,15vw,230px);grid-auto-flow:dense;gap:clamp(6px,.8vw,12px)}
.c2c-blog-tile{position:relative;display:block;height:100%;overflow:hidden;border:1px solid #efe9ec;background:#f6f3f5;text-decoration:none;color:#fff}
.c2c-blog-tile-img,.c2c-blog-tile-noimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.c2c-blog-tile-noimg{background:linear-gradient(135deg,#fde4ee,#ffe9dc)}
.c2c-blog-tile:hover .c2c-blog-tile-img{transform:scale(1.03)}
.c2c-blog-tile-text{position:absolute;left:0;right:0;bottom:0;padding:64px clamp(10px,1vw,16px) clamp(10px,1vw,14px);background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,0) 100%)}
.c2c-blog-tile-title{display:block;font-weight:600;font-size:clamp(14px,1.2vw,17px);line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.c2c-blog-tile--xl .c2c-blog-tile-title{font-size:clamp(20px,2.4vw,34px)}
.c2c-blog-tile--l .c2c-blog-tile-title{font-size:clamp(16px,1.6vw,22px)}
.c2c-blog-tile--s .c2c-blog-tile-text{padding-top:30px}
.c2c-blog-tile-noimg + .c2c-blog-tile-text,.c2c-blog-tile-noimg ~ .c2c-blog-tile-text{background:none;color:var(--c2c-ink,#222)}
.c2c-blog-tile-noimg ~ .c2c-blog-tile-text .c2c-blog-tile-title{text-shadow:none;color:#222}
.c2c-blog-date{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.9;margin-top:4px}
.c2c-blog-readtime{font-size:12px;opacity:.85;margin-left:6px}
.c2c-blog-tile--m,.c2c-blog-tile--s{grid-row:span 1}
.c2c-blog-tile--l{grid-row:span 2}
.c2c-blog-tile--xl{grid-column:span 2;grid-row:span 2}
.c2c-blog-tile:focus-visible,.c2c-blog-lead-title a:focus-visible{outline:3px solid var(--c2c-accent,#ee0979);outline-offset:3px}
.c2c-blog-sentinel{height:1px}
@media (max-width:700px){.c2c-blog-lead{grid-template-columns:1fr}.c2c-blog-lead-media{min-height:0;aspect-ratio:4/3}.c2c-blog-tile--xl,.c2c-blog-tile--l{grid-column:auto;grid-row:auto}.c2c-blog-tile--xl,.c2c-blog-tile--l,.c2c-blog-tile--m,.c2c-blog-tile--s{grid-row:span 1}}
@media (prefers-reduced-motion:reduce){.c2c-blog-tile-img{transition:none}.c2c-blog-tile:hover .c2c-blog-tile-img{transform:none}}
/* Size classes live on the grid item (li), so spans take effect */
.c2c-blog-grid>li{min-width:0;min-height:0}
.c2c-blog-grid>li:has(.c2c-blog-tile--xl){grid-column:span 2;grid-row:span 2}
.c2c-blog-grid>li:has(.c2c-blog-tile--l){grid-row:span 2}
.c2c-blog-grid>li:has(.c2c-blog-tile--m),.c2c-blog-grid>li:has(.c2c-blog-tile--s){grid-row:span 1}
.c2c-blog-readtime{color:rgba(255,255,255,.88)}
@media (max-width:700px){.c2c-blog-grid>li:has(.c2c-blog-tile--xl),.c2c-blog-grid>li:has(.c2c-blog-tile--l){grid-column:auto;grid-row:span 1}}
/* One consistent fade behind every tile caption; white type; single scrim */
.c2c-blog-tile::after{display:none}
.c2c-blog-tile-text{z-index:1;padding:clamp(44px,6vw,64px) clamp(10px,1vw,14px) clamp(8px,1vw,12px);background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.5) 55%,rgba(0,0,0,0) 100%);color:#fff}
.c2c-blog-tile-title{color:#fff;font-size:clamp(13px,1vw,15px);line-height:1.3;-webkit-line-clamp:2;line-clamp:2;margin:0 0 3px;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.c2c-blog-tile--xl .c2c-blog-tile-title{font-size:clamp(18px,1.8vw,24px)}
.c2c-blog-tile--l .c2c-blog-tile-title{font-size:clamp(14px,1.3vw,18px)}
.c2c-blog-date,.c2c-blog-readtime{color:rgba(255,255,255,.92);font-size:11px;letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.c2c-blog-tile-noimg ~ .c2c-blog-tile-text{background:none;color:#222}
.c2c-blog-tile-noimg ~ .c2c-blog-tile-text .c2c-blog-tile-title{color:#222;text-shadow:none}
.c2c-blog-tile-noimg ~ .c2c-blog-tile-text .c2c-blog-date{color:#7a7a7a;text-shadow:none}
/* Crop from the upper part of each photo so heads and faces stay in frame */
.c2c-blog-tile-img{object-position:50% 18%}
.c2c-blog-lead-img{object-position:50% 22%}
/* Blush background: orange to pink, following the homepage fade */
.c2c-blog{background:linear-gradient(160deg,#ffb27e 0%,#ffcdb9 30%,#ffd6e3 65%,#f8c2da 100%) fixed,#fff}
@supports not (background-attachment:fixed){.c2c-blog{background:linear-gradient(160deg,#ffb27e 0%,#ffcdb9 30%,#ffd6e3 65%,#f8c2da 100%)}}
/* Photo-less tiles: mid-tone fill with dark type for readable dates */
.c2c-blog-tile-noimg{background:linear-gradient(135deg,#f4b49a 0%,#f0a6c0 100%)}
.c2c-blog-tile-noimg ~ .c2c-blog-tile-text .c2c-blog-date{color:#3a2030;text-shadow:none}
.c2c-blog-tile-noimg ~ .c2c-blog-tile-text .c2c-blog-readtime{color:#3a2030}
/* Excerpts on the larger tiles */
.c2c-blog-tile-excerpt{display:none;margin:6px 0 0;font-size:13px;line-height:1.45;color:rgba(255,255,255,.95);text-shadow:0 1px 2px rgba(0,0,0,.6);-webkit-box-orient:vertical;overflow:hidden}
.c2c-blog-tile--l .c2c-blog-tile-excerpt,.c2c-blog-tile--xl .c2c-blog-tile-excerpt{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3}
.c2c-blog-tile--xl .c2c-blog-tile-excerpt{font-size:15px;-webkit-line-clamp:4;line-clamp:4}
.c2c-blog-tile-noimg ~ .c2c-blog-tile-text .c2c-blog-tile-excerpt{color:#3a2030;text-shadow:none}
/* Review pass: peach-blush-pink background, deep magenta photo-less tiles, stronger excerpt scrim */
.c2c-blog{background:linear-gradient(135deg,#ffe4cf 0%,#ffdfd6 50%,#ffd6e8 100%)}
.c2c-blog-date,.c2c-blog-readtime{color:rgba(255,255,255,.95)}
.c2c-blog-tile-noimg{background:#a8104f}
.c2c-blog-tile-noimg ~ .c2c-blog-tile-text{background:none;color:#fff}
.c2c-blog-tile-noimg ~ .c2c-blog-tile-text .c2c-blog-tile-title{color:#fff;text-shadow:none}
.c2c-blog-tile-noimg ~ .c2c-blog-tile-text .c2c-blog-date,.c2c-blog-tile-noimg ~ .c2c-blog-tile-text .c2c-blog-readtime{color:#fff}
.c2c-blog-tile-noimg ~ .c2c-blog-tile-text .c2c-blog-tile-excerpt{color:#fff;text-shadow:none}
.c2c-blog-tile-text{background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,0) 75%)}
@media (max-width:600px){.c2c-blog-tile-excerpt{display:none!important}}
/* Lead text: explicit colours, readable on white */
.c2c-blog-lead-title,.c2c-blog-lead-title a{color:#222}
.c2c-blog-lead .c2c-blog-date,.c2c-blog-lead .c2c-blog-byline{color:#5a5a5a}
.c2c-blog-standfirst{color:#333}
/* Integrated-site pass: photo on top, caption block beneath. Forced so theme CSS cannot override. */
.c2c-blog .c2c-blog-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(clamp(200px,22vw,300px),1fr))!important;grid-auto-rows:clamp(250px,24vw,320px)!important;grid-auto-flow:dense!important;gap:clamp(8px,1vw,14px)!important;list-style:none!important;padding:0!important;margin:0!important}
.c2c-blog .c2c-blog-grid>li{margin:0!important;padding:0!important;min-height:0!important;list-style:none!important}
.c2c-blog .c2c-blog-grid>li:has(.c2c-blog-tile--xl){grid-column:span 2!important;grid-row:span 2!important}
.c2c-blog .c2c-blog-grid>li:has(.c2c-blog-tile--l){grid-row:span 2!important}
.c2c-blog .c2c-blog-grid>li:has(.c2c-blog-tile--m),.c2c-blog .c2c-blog-grid>li:has(.c2c-blog-tile--s){grid-row:span 1!important}
.c2c-blog .c2c-blog-tile{display:flex!important;flex-direction:column!important;position:relative!important;height:100%!important;background:#fff!important;color:#222!important;border:1px solid #efe9ec!important;overflow:hidden!important;text-decoration:none!important;box-sizing:border-box!important}
.c2c-blog .c2c-blog-tile::after{display:none!important}
.c2c-blog .c2c-blog-tile-img{position:relative!important;inset:auto!important;flex:1 1 auto!important;min-height:0!important;width:100%!important;height:auto!important;max-width:none!important;object-fit:cover!important;object-position:50% 18%!important;display:block!important;margin:0!important;transform:none!important}
.c2c-blog .c2c-blog-tile-noimg{position:relative!important;flex:1 1 auto!important;min-height:90px!important;background:linear-gradient(135deg,#f4b49a 0%,#f0a6c0 100%)!important;display:block!important}
.c2c-blog .c2c-blog-tile-text{position:static!important;background:none!important;padding:10px 12px 12px!important;flex:0 0 auto!important;color:#222!important;display:block!important;z-index:auto!important;left:auto!important;right:auto!important;bottom:auto!important}
.c2c-blog .c2c-blog-tile-title{display:block!important;color:#222!important;font-size:clamp(14px,1.1vw,16px)!important;font-weight:600!important;line-height:1.3!important;margin:0 0 4px!important;text-shadow:none!important;-webkit-line-clamp:2!important;line-clamp:2!important;overflow:hidden!important}
.c2c-blog .c2c-blog-tile--xl .c2c-blog-tile-title{font-size:clamp(20px,2vw,26px)!important}
.c2c-blog .c2c-blog-tile--l .c2c-blog-tile-title{font-size:clamp(16px,1.4vw,19px)!important}
.c2c-blog .c2c-blog-date,.c2c-blog .c2c-blog-readtime{color:#5a5a5a!important;font-size:11px!important;text-shadow:none!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.c2c-blog .c2c-blog-readtime{text-transform:none!important;letter-spacing:0!important;margin-left:6px!important}
.c2c-blog .c2c-blog-tile-excerpt{color:#444!important;text-shadow:none!important;font-size:13px!important;display:none!important}
.c2c-blog .c2c-blog-tile--l .c2c-blog-tile-excerpt,.c2c-blog .c2c-blog-tile--xl .c2c-blog-tile-excerpt{display:-webkit-box!important;-webkit-line-clamp:3!important;line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:4px 0 0!important}
.c2c-blog .c2c-blog-lead-media{position:relative!important;display:block!important;aspect-ratio:4/3!important;overflow:hidden!important}
.c2c-blog .c2c-blog-lead-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 22%!important;max-width:none!important}
.c2c-blog .c2c-blog-lead .c2c-blog-lead-title,.c2c-blog .c2c-blog-lead .c2c-blog-lead-title a{color:#222!important}
.c2c-blog .c2c-blog-lead .c2c-blog-standfirst{color:#333!important}
@media (max-width:600px){.c2c-blog .c2c-blog-tile--xl .c2c-blog-tile-excerpt,.c2c-blog .c2c-blog-tile--l .c2c-blog-tile-excerpt{display:none!important}.c2c-blog .c2c-blog-grid>li:has(.c2c-blog-tile--xl),.c2c-blog .c2c-blog-grid>li:has(.c2c-blog-tile--l){grid-column:auto!important;grid-row:span 1!important}}
/* Design-system polish (Country to Canberra design system): spectrum accent, card rules, eyebrow labels, interaction */
:root{--c2c-spectrum:linear-gradient(90deg,#E8434A 0%,#E88B3A 35%,#D4006A 70%,#8B1A6B 100%);--c2c-ink:#1A1A1A;--c2c-muted:#595959;--c2c-rule:#E0E0E0}
.c2c-blog-masthead{position:relative}
.c2c-blog-masthead::after{content:"";display:block;height:5px;border-radius:999px;background:var(--c2c-spectrum);width:180px;margin:14px auto 0}
.c2c-blog .c2c-blog-grid>li .c2c-blog-tile{border-radius:10px!important;border:1px solid var(--c2c-rule)!important;box-shadow:0 2px 10px rgba(26,26,26,.06)!important;transition:filter .18s cubic-bezier(0.4,0,0.2,1),transform .18s cubic-bezier(0.4,0,0.2,1)!important}
.c2c-blog .c2c-blog-grid>li .c2c-blog-tile:hover{filter:brightness(.94)}
.c2c-blog .c2c-blog-grid>li .c2c-blog-tile:active{transform:scale(.97)}
.c2c-blog .c2c-blog-tile-text{position:relative!important}
.c2c-blog .c2c-blog-tile-text::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--c2c-spectrum)}
.c2c-blog .c2c-blog-tile-text{padding-top:14px!important}
.c2c-blog .c2c-blog-date,.c2c-blog .c2c-blog-readtime{color:var(--c2c-muted)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.c2c-blog .c2c-blog-tile-title{color:var(--c2c-ink)!important}
.c2c-blog .c2c-blog-tile-excerpt{color:#444!important}
.c2c-blog .c2c-blog-lead{border-radius:10px;overflow:hidden;box-shadow:0 2px 14px rgba(26,26,26,.07)}
.c2c-blog .c2c-blog-lead-body::before{content:"";display:block;height:5px;border-radius:999px;background:var(--c2c-spectrum);width:120px;margin-bottom:14px}
.c2c-blog .c2c-blog-lead .c2c-blog-date{color:var(--c2c-muted)!important;letter-spacing:.1em!important;text-transform:uppercase!important;font-size:12px!important}
.c2c-blog-tile:focus-visible{outline:3px solid #D4006A!important;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.c2c-blog .c2c-blog-grid>li .c2c-blog-tile{transition:none!important}.c2c-blog .c2c-blog-grid>li .c2c-blog-tile:active{transform:none!important}}
.c2c-blog .c2c-blog-tile-media{position:relative!important;display:block!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}
.c2c-blog .c2c-blog-tile-media .c2c-blog-tile-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;flex:none!important}
.c2c-blog .c2c-blog-tile-media .c2c-blog-tile-noimg{position:absolute!important;inset:0!important;flex:none!important}
.c2c-blog-lead-media{position:relative!important}
/* Coloured overlay as the page background; white content sits on top */
.c2c-blog{background:linear-gradient(135deg,rgba(238,9,121,.92) 0%,rgba(255,106,0,.92) 100%),#fff!important}
.c2c-blog-masthead-title{color:#fff!important;text-shadow:0 2px 14px rgba(94,10,76,.35)}
.c2c-blog-masthead::after{background:#fff!important;opacity:.85}
.c2c-blog .c2c-blog-lead{background:#fff!important}
.c2c-blog .c2c-blog-grid>li .c2c-blog-tile{background:#fff!important}
/* Clean photo edge: no border; a soft shadow on the lower and right sides so cards float over the background */
.c2c-blog .c2c-blog-grid>li .c2c-blog-tile{border:0!important;box-shadow:3px 4px 10px rgba(94,10,76,.16)!important;overflow:hidden!important}
.c2c-blog .c2c-blog-tile-media{background:transparent!important}
.c2c-blog .c2c-blog-tile-media .c2c-blog-tile-img,.c2c-blog .c2c-blog-tile-media .c2c-blog-tile-noimg{margin:0!important;border:0!important;outline:0!important}
.c2c-blog .c2c-blog-lead{border:0!important;box-shadow:4px 5px 14px rgba(94,10,76,.16)!important}
.c2c-blog .c2c-blog-lead-media{border:0!important}
/* Post pages: single centred reading column (not the two-column lead layout) */
.c2c-blog .c2c-blog-post{display:block!important;grid-template-columns:none!important;max-width:880px!important;margin:clamp(16px,3vw,36px) auto!important;padding:clamp(20px,4vw,56px)!important;box-sizing:border-box!important;background:#fff!important;border-radius:10px;box-shadow:4px 5px 14px rgba(94,10,76,.14)}
.c2c-blog .c2c-blog-post .c2c-blog-lead-body{padding:0!important;align-self:auto!important;max-width:none!important}
.c2c-blog .c2c-blog-post .c2c-blog-lead-title{font-size:clamp(40px,5.6vw,64px)!important;margin-bottom:.2em!important}
.c2c-blog .c2c-blog-post .c2c-blog-byline{margin:14px 0 0!important}
.c2c-blog .c2c-blog-post-body{max-width:none!important;margin-top:28px!important;font-size:17px!important;line-height:1.7!important;color:#222!important}
.c2c-blog .c2c-blog-post-body p{margin:0 0 1em!important}
.c2c-blog .c2c-blog-post-body img{max-width:100%!important;height:auto!important;position:static!important;margin:8px 0!important;border-radius:6px}
.c2c-blog .c2c-blog-post-body figure{margin:12px 0}
.c2c-blog>p a{color:#D4006A}
/* Wide screens: the newest article card fits the first viewport, with background showing below it */
.c2c-blog-masthead{padding:clamp(10px,2vh,26px) 4px 4px!important}
.c2c-blog .c2c-blog-masthead-title{font-size:clamp(40px,min(6vw,9vh),88px)!important}
.c2c-blog .c2c-blog-lead{margin:0!important}
.c2c-blog .c2c-blog-lead-media{aspect-ratio:auto!important;height:clamp(260px,calc(100vh - 380px),540px)!important;min-height:0!important}
.c2c-blog .c2c-blog-lead-img{position:absolute!important;inset:0!important}
.c2c-blog .c2c-blog-lead-title{font-size:clamp(32px,min(4.4vw,6.2vh),72px)!important}
.c2c-blog .c2c-blog-lead-body{padding:clamp(10px,1.6vh,22px) clamp(12px,1.6vw,28px)!important}
.c2c-blog .c2c-blog-lead .c2c-blog-standfirst{margin-bottom:.4em!important}
.c2c-blog-grid{margin-top:clamp(18px,3vh,36px)!important}
.c2c-blog-masthead{border-bottom:0!important}
/* First screen: newest card fills most of the viewport; background band shows between it and the grid */
.c2c-blog .c2c-blog-lead{margin:0 0 clamp(20px,8vh,80px)!important}
.c2c-blog .c2c-blog-lead-media{height:clamp(300px,calc(92vh - 260px),640px)!important}
.c2c-blog-grid{margin-top:0!important}
/* Scroll cue: a small chevron centred in the background band between the newest card and the grid */
.c2c-blog-grid{position:relative!important}
.c2c-blog-grid::after{content:"";position:absolute;left:50%;top:calc(clamp(20px,8vh,80px) * -0.8);width:14px;height:14px;margin-left:-7px;border-right:2.5px solid rgba(255,255,255,.9);border-bottom:2.5px solid rgba(255,255,255,.9);transform:translateY(-50%) rotate(45deg);pointer-events:none;animation:c2c-cue 2.6s ease-in-out infinite}
@keyframes c2c-cue{0%,100%{transform:translateY(-50%) rotate(45deg)}50%{transform:translateY(calc(-50% + 5px)) rotate(45deg)}}
@media (prefers-reduced-motion:reduce){.c2c-blog-grid::after{animation:none}}