/* =====================================================================================
   AGED CARE PAGE — PelitaCare template kit layout (15 Oct 2026)

   Built from the kit's own JSON (templates/global.json, home.json, our-services.json).
   What is copied:
     type      Nunito. H1 4.5rem/1.05 w600, H2 3rem/1.1, H3 2.375, H4 2rem, H5 1.5rem,
               eyebrow 0.875rem w700 uppercase at 0.6px, body 1.125rem/1.5,
               "bigger" 1.313rem/1.45. Buttons and fields at 12px radius.
     shape     the kit's signature asymmetric radii, one corner square and the rest
               heavily rounded: 40px 0 40px 40px on the icon boxes, 50px 50px 0 0 where a
               band rises over the one above it, 0 50px 50px 0 on the pull quote.
     structure Banner, story, wave, services, counter, wave, questions, FAQ, wave, CTA,
               with the kit's wave shape dividers between bands and dashed rules inside.

   What is not copied is the colour. PelitaCare is olive #363007, cream #F5F1E4 and
   marigold #FBC320 over a brown-to-orange banner. This page keeps the LYD palette, so
   that becomes black, warm off-white and red over a deep-red-to-red banner.
   ===================================================================================== */
main.ac-page {
  --ac-ink: #0C0F16;
  --ac-text: rgba(12, 15, 22, .80);
  --ac-cream: #FBF4F2;              /* the kit's secondary */
  --ac-highlight: #FFE9E6;          /* the kit's BG highlight */
  --ac-peach: #FFC7C2;
  --ac-red: #D40F17;                /* the kit's accent */
  --ac-deep: #7A0A0E;               /* the kit's accent 1 */
  --ac-border: rgba(12, 15, 22, .20);
  --ac-max: 75rem;                  /* the kit's 1200px container */
  font-family: "Nunito", system-ui, sans-serif;
  background: #fff;
  overflow-x: hidden;
}
main.ac-page .ac-wrap {
  max-width: var(--ac-max);
  margin-inline: auto;
  padding-inline: clamp(1.5rem, 5vw, 2.5rem);
}
main.ac-page .ac-band { padding-block: clamp(3rem, 6vw, 6rem); }
main.ac-page .ac-band--cream { background: var(--ac-cream); }
main.ac-page .ac-band--ink { background: var(--ac-ink); }
main.ac-page .ac-round-top {
  border-radius: 50px 50px 0 0;     /* the kit raises each band over the one above it */
  margin-top: -3.5rem;
  position: relative;
  z-index: 2;
}

/* ---------------------------------------------------------------- 1. banner */
main.ac-page .ac-banner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  /* the kit's 190/240; the top also has to clear this site's fixed header */
  padding: clamp(8.5rem, 12vw, 10rem) 0 clamp(4rem, 8vw, 6.5rem);
  background: linear-gradient(167deg, var(--ac-deep) 0%, var(--ac-red) 100%);
  text-align: left;
}
/* the kit floats two masked shapes behind the banner copy */
main.ac-page .ac-blob {
  position: absolute;
  z-index: -1;
  border-radius: 46% 54% 38% 62% / 52% 38% 62% 48%;
  pointer-events: none;
}
main.ac-page .ac-blob--1 {
  width: 26rem; height: 26rem;
  left: -9rem; top: -7rem;
  background: rgba(255, 255, 255, .10);
  transform: rotate(-70deg);
}
main.ac-page .ac-blob--2 {
  width: 22rem; height: 22rem;
  right: -8rem; bottom: -7rem;
  background: rgba(255, 199, 194, .16);
  transform: rotate(-18deg);
}
/* The banner used to stack a four line heading over a seven line paragraph in one narrow
   column, which is what made it feel like a page's worth of copy before the page started.
   It runs across the width now: the heading holds the left, the standfirst and the
   buttons sit beside it, and the whole band is roughly half the height it was. */
main.ac-page .ac-banner__inner {
  position: relative; z-index: 1;
  display: grid;
  gap: clamp(1.5rem, 4vw, 3.5rem);
  align-items: end;
  max-width: var(--ac-max);
  margin-inline: auto;
  padding-inline: clamp(1.5rem, 5vw, 2.5rem);
}
@media (min-width: 60rem) {
  main.ac-page .ac-banner__inner { grid-template-columns: 1.45fr 1fr; }
}
main.ac-page .ac-banner .ac-h1 { max-width: none; }
main.ac-page .ac-banner .ac-bigger { margin: 0; max-width: 34rem; }
main.ac-page .ac-banner .ac-btns { margin-top: 1.5rem; }

/* ---------------------------------------------------------------- shared furniture */
/* The kit centres any header that sits above a full width grid (Mission, Services, CTA)
   and keeps the two column blocks left. Mixing the two was what read as unsettled. */
main.ac-page .ac-head {
  max-width: 46rem;
  margin: 0 auto clamp(2rem, 4vw, 3rem);
  text-align: center;
}
main.ac-page .ac-head .ac-eyebrow { display: inline-block; }
main.ac-page .ac-note { margin-inline: auto; text-align: center; }
main.ac-page :is(.ac-story__text, .ac-faqwrap__lead, .ac-sources, .ac-cta__row) { text-align: left; }
main.ac-page :is(.ac-story__text, .ac-sources) .ac-note { margin-inline: 0; text-align: left; }
main.ac-page .ac-head p { margin-top: .9rem; }
main.ac-page .ac-note { margin-top: 1.5rem; max-width: 46rem; }

/* the kit's dashed rule, 2px at a 24px gap */
main.ac-page .ac-dash {
  height: 0;
  margin: 1.5rem 0;
  border-top: 2px dashed var(--ac-border);
}
main.ac-page .ac-band--ink .ac-dash { border-top-color: rgba(255, 255, 255, .22); }

main.ac-page .ac-btns { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.75rem; }
main.ac-page .ac-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: .85rem 1.6rem;
  border: 1px solid var(--ac-red);
  border-radius: 12px;              /* the kit's button radius */
  background: var(--ac-red);
  color: #fff;
  text-decoration: none;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
main.ac-page .ac-btn:hover { background: var(--ac-deep); border-color: var(--ac-deep); }
main.ac-page .ac-btn--ghost {
  background: transparent; border-color: rgba(255, 255, 255, .55); color: #fff;
}
main.ac-page .ac-btn--ghost:hover { background: #fff; color: var(--ac-ink); border-color: #fff; }
main.ac-page .ac-btn--light {
  background: var(--ac-peach); border-color: var(--ac-peach); color: var(--ac-ink);
}
main.ac-page .ac-btn--light:hover { background: #fff; border-color: #fff; }
main.ac-page .ac-btn--ghost-light {
  background: transparent; border-color: rgba(255, 255, 255, .45); color: #fff;
}
main.ac-page .ac-btn--ghost-light:hover { background: rgba(255, 255, 255, .12); }

main.ac-page .ac-link {
  display: inline-flex; align-items: center; gap: .35rem;
  margin-top: auto; padding-top: 1rem;
  color: var(--ac-red); text-decoration: none;
}
main.ac-page .ac-link:hover { text-decoration: underline; }

/* ---------------------------------------------------------------- 2. story */
main.ac-page .ac-story { display: grid; gap: clamp(2rem, 4vw, 3.5rem); align-items: center; }
@media (min-width: 60rem) {
  main.ac-page .ac-story { grid-template-columns: 1fr 1fr; }
}
main.ac-page .ac-story__media { margin: 0; }
main.ac-page .ac-story__media img {
  display: block; width: 100%; height: clamp(16rem, 28vw, 24.375rem);
  object-fit: cover;
  border-radius: 64px 0 64px 64px;  /* the kit's image radius */
}
main.ac-page .ac-quote {
  margin: 1.25rem 0 0;
  padding: 2rem 2.25rem;
  background: linear-gradient(90deg, var(--ac-highlight) 0%, var(--ac-peach) 100%);
  border-bottom: 2px solid var(--ac-border);
  border-radius: 0 50px 50px 0;     /* the kit's blockquote radius */
}
main.ac-page .ac-quote p { position: relative; margin: 0; }
main.ac-page .ac-quote p::before {
  content: "\201C";
  position: absolute; left: -.1em; top: -.45em;
  font-size: 2.6em; line-height: 1; color: var(--ac-red); opacity: .55;
}
main.ac-page .ac-quote cite { display: block; margin-top: 1rem; font-style: normal; }

/* ---------------------------------------------------------------- shape dividers
   Elementor draws these inside the section, filled with the colour of the section below,
   and the demo does the same. Built between sections instead, a photographic band ended
   on a hard rectangular edge and the wave sat under it as a solid shape. Inside the
   band, the photograph runs all the way into the curve. */
main.ac-page .ac-band,
main.ac-page .ac-banner { position: relative; }
main.ac-page .ac-shape {
  position: absolute;
  left: 0; right: 0; bottom: -1px;          /* -1px hides the seam at fractional zooms */
  z-index: 1;
  line-height: 0;
  pointer-events: none;
}
main.ac-page .ac-shape svg {
  display: block;
  width: 100%;
  height: clamp(52px, 9vw, 120px);
}
main.ac-page .ac-shape--white path { fill: #fff; }
main.ac-page .ac-shape--cream path { fill: var(--ac-cream); }
main.ac-page .ac-shape--ink path { fill: var(--ac-ink); }
/* the band has to clear its own divider */
main.ac-page .ac-band:has(> .ac-shape) { padding-bottom: clamp(5rem, 11vw, 9.5rem); }

/* ---------------------------------------------------------------- 4. icon boxes */
main.ac-page .ac-grid { display: grid; gap: 1.5rem; }
@media (min-width: 48rem) { main.ac-page .ac-grid--3 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 64rem) { main.ac-page .ac-grid--3 { grid-template-columns: repeat(3, 1fr); } }
main.ac-page .ac-icobox {
  display: flex; flex-direction: column;
  padding: 1.875rem 1.5rem 1.5rem;  /* the kit's 30/24/24/24 */
  background: var(--ac-highlight);
  border-radius: 40px 0 40px 40px;  /* the kit's icon box radius */
  transition: background-color .4s ease;
}
main.ac-page .ac-icobox:hover { background: #fff; box-shadow: 0 18px 48px rgba(12,15,22,.09); }
main.ac-page .ac-icobox__icon {
  display: inline-grid; place-items: center;
  width: 4rem; height: 4rem;
  margin-bottom: 1rem;
  border-radius: 20px 0 20px 20px;
  background: var(--ac-red);
  color: #fff;
}
main.ac-page .ac-icon { width: 1.5rem; height: 1.5rem; }
main.ac-page .ac-icobox p { margin: .4rem 0 0; }

/* ---------------------------------------------------------------- 5. counters */
main.ac-page .ac-counts { display: grid; gap: 1.5rem; }
@media (min-width: 40rem) { main.ac-page .ac-counts { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 64rem) { main.ac-page .ac-counts { grid-template-columns: repeat(4, 1fr); } }
main.ac-page .ac-count {
  padding: 1.75rem 1.5rem;
  border-radius: 40px 0 40px 40px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .14);
}
main.ac-page .ac-count__n { display: block; color: var(--ac-peach); }
main.ac-page .ac-count__l { display: block; margin-top: .4rem; color: #fff; }
main.ac-page .ac-count__s { display: block; margin-top: .35rem; }

/* ---------------------------------------------------------------- 7. questions */
main.ac-page .ac-qas { display: grid; gap: 1.5rem; }
main.ac-page .ac-qa {
  display: grid; gap: 1.25rem clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  background: #fff;
  border-radius: 50px 0 50px 50px;
}
@media (min-width: 60rem) {
  main.ac-page .ac-qa { grid-template-columns: 34% 1fr; align-items: start; }
  main.ac-page .ac-qa--flip { border-radius: 0 50px 50px 50px; }
}
main.ac-page .ac-qa__head { display: flex; gap: 1rem; align-items: flex-start; }
main.ac-page .ac-num {
  flex: none;
  display: grid; place-items: center;
  width: 2.75rem; height: 2.75rem;
  border-radius: 14px 0 14px 14px;
  background: var(--ac-peach);
  color: var(--ac-ink);
}
main.ac-page .ac-qa__body p + p { margin-top: .75rem; }
main.ac-page .ac-src a { color: var(--ac-red); }

/* ---------------------------------------------------------------- 8. faq */
main.ac-page .ac-faqwrap { display: grid; gap: clamp(1.75rem, 3vw, 3rem); }
@media (min-width: 60rem) {
  main.ac-page .ac-faqwrap { grid-template-columns: 38% 1fr; align-items: start; }
  main.ac-page .ac-faqwrap__lead { position: sticky; top: 7rem; }
}
main.ac-page .ac-faq {
  padding: 1.1rem 1.4rem;
  margin-bottom: .75rem;
  background: var(--ac-cream);
  border-radius: 30px 0 30px 30px;
}
main.ac-page .ac-faq summary {
  cursor: pointer; list-style: none;
  display: flex; justify-content: space-between; gap: 1rem;
}
main.ac-page .ac-faq summary::-webkit-details-marker { display: none; }
main.ac-page .ac-faq summary::after { content: "+"; color: var(--ac-red); }
main.ac-page .ac-faq[open] summary::after { content: "\2013"; }
main.ac-page .ac-faq p { margin: .75rem 0 0; }

/* ---------------------------------------------------------------- 10. cta, 11. sources */
main.ac-page .ac-cta__row { display: grid; gap: 1.75rem; align-items: center; }
@media (min-width: 60rem) {
  main.ac-page .ac-cta__row { grid-template-columns: 1fr auto; }
}
main.ac-page .ac-cta .ac-btns { margin-top: 0; }
main.ac-page .ac-sources ul {
  margin: 1.1rem 0 0; padding: 0; list-style: none;
  columns: 2; column-gap: 2.5rem;
}
@media (max-width: 48rem) { main.ac-page .ac-sources ul { columns: 1; } }
main.ac-page .ac-sources li {
  break-inside: avoid; padding: .5rem 0;
  border-top: 1px solid var(--ac-border);
}
main.ac-page .ac-sources a { color: var(--ac-ink); }

/* =====================================================================================
   TYPE AND COLOUR, at the weight this site's own id-level rules require.
   `html.vc-site #main …` carries an id, so class-only rules lose to it and the light
   text on the banner, the ink band and the red tiles would come back out body-grey.
   ===================================================================================== */
html.vc-site #main.ac-page :is(h1, h2, h3, h4, h5, h6, .ac-h1, .ac-h2, .ac-h4, .ac-h5) {
  font-family: "Nunito", system-ui, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--ac-ink);
  margin: 0;
}
html.vc-site #main.ac-page .ac-h1 {
  font-size: clamp(2.125rem, 4.2vw, 3.5rem) !important;   /* the kit's scale, one step down */
  line-height: 1.05 !important;
  color: #fff !important;
}
html.vc-site #main.ac-page .ac-h2 {
  font-size: clamp(1.875rem, 3.6vw, 3rem) !important;     /* the kit's 48/38/30 */
  line-height: 1.1 !important;
}
html.vc-site #main.ac-page .ac-h4 {
  font-size: clamp(1.5rem, 2.4vw, 2rem) !important;       /* the kit's H4 */
  line-height: 1.25 !important;
}
html.vc-site #main.ac-page .ac-h5 {
  font-size: 1.5rem !important;                           /* the kit's H5 */
  line-height: 1.3 !important;
}
html.vc-site #main.ac-page .ac-h2 em {
  font-style: normal;
  color: var(--ac-red);
}
html.vc-site #main.ac-page :is(.ac-band--ink, .ac-cta) :is(h2, .ac-h2, .ac-h5) {
  color: #fff !important;
}

html.vc-site #main.ac-page :is(p, li, dd, summary, cite, figcaption, td) {
  font-family: "Nunito", system-ui, sans-serif !important;
  font-size: 1.125rem !important;                         /* the kit's body */
  line-height: 1.5 !important;
  color: var(--ac-text);
}
html.vc-site #main.ac-page .ac-bigger {
  font-size: 1.3125rem !important;                        /* the kit's "Text — Bigger" */
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, .92) !important;
}
html.vc-site #main.ac-page .ac-lead { font-weight: 600; color: var(--ac-ink); }
html.vc-site #main.ac-page :is(.ac-note, .ac-src, .ac-sources li, .ac-count__s, .ac-quote cite) {
  font-size: .875rem !important;                          /* the kit's "Text — Smaller" */
  line-height: 1.4 !important;
}
html.vc-site #main.ac-page .ac-eyebrow {
  display: inline-block;
  margin-bottom: .75rem;
  font-family: "Nunito", system-ui, sans-serif !important;
  font-size: .875rem !important;                          /* the kit's Subtitle */
  font-weight: 700 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase;
  color: var(--ac-red) !important;
}
html.vc-site #main.ac-page :is(.ac-banner, .ac-band--ink, .ac-cta) .ac-eyebrow {
  color: var(--ac-peach) !important;
}
html.vc-site #main.ac-page .ac-btn {
  font-family: "Nunito", system-ui, sans-serif !important;
  font-size: 1.0625rem !important;                        /* the kit's Accent */
  font-weight: 600 !important;
  border-radius: 12px !important;
}
html.vc-site #main.ac-page .ac-price { font-weight: 700; color: var(--ac-ink); }
html.vc-site #main.ac-page .ac-count__n {
  font-family: "Nunito", system-ui, sans-serif !important;
  font-size: clamp(2.25rem, 4vw, 3rem) !important;
  font-weight: 700;
  line-height: 1.05;
}
html.vc-site #main.ac-page .ac-count__l { font-weight: 600; color: #fff !important; }
/* everything on the ink band and the banner reads light */
html.vc-site #main.ac-page :is(.ac-band--ink, .ac-cta, .ac-banner) :is(p, li, span, cite) {
  color: rgba(255, 255, 255, .80) !important;
}
html.vc-site #main.ac-page :is(.ac-band--ink, .ac-cta) .ac-btn--light { color: var(--ac-ink) !important; }
html.vc-site #main.ac-page .ac-count__n { color: var(--ac-peach) !important; }
html.vc-site #main.ac-page .ac-quote :is(p, cite) { color: #3A1A18 !important; }
html.vc-site #main.ac-page .ac-icobox :is(h3, .ac-h5) { color: var(--ac-ink) !important; }
/* the site forces square corners site-wide; the kit's shapes need the same weight */
html.vc-site #main.ac-page :is(.ac-icobox, .ac-icobox__icon, .ac-count, .ac-qa, .ac-num,
                               .ac-faq, .ac-quote, .ac-btn, .ac-story__media img,
                               .ac-round-top) {
  border-radius: inherit;
}
html.vc-site #main.ac-page .ac-icobox { border-radius: 40px 0 40px 40px !important; }
html.vc-site #main.ac-page .ac-icobox__icon { border-radius: 20px 0 20px 20px !important; }
html.vc-site #main.ac-page .ac-count { border-radius: 40px 0 40px 40px !important; }
html.vc-site #main.ac-page .ac-qa { border-radius: 50px 0 50px 50px !important; }
html.vc-site #main.ac-page .ac-num { border-radius: 14px 0 14px 14px !important; }
html.vc-site #main.ac-page .ac-faq { border-radius: 30px 0 30px 30px !important; }
html.vc-site #main.ac-page .ac-quote { border-radius: 0 50px 50px 0 !important; }
html.vc-site #main.ac-page .ac-story__media img { border-radius: 64px 0 64px 64px !important; }
html.vc-site #main.ac-page .ac-round-top { border-radius: 50px 50px 0 0 !important; }
@media (min-width: 60rem) {
  html.vc-site #main.ac-page .ac-qa--flip { border-radius: 0 50px 50px 50px !important; }
}

/* The site's generic .text-link colour lands at 2.07:1 on this page's cream band, so the
   sourced citations were effectively unreadable. They carry the page's own link colour. */
html.vc-site #main.ac-page .text-link,
html.vc-site #main.ac-page .ac-src a,
html.vc-site #main.ac-page .ac-sources a {
  color: var(--ac-red) !important;
  text-decoration: underline;
  text-underline-offset: .18em;
}
html.vc-site #main.ac-page .ac-sources a { color: var(--ac-ink) !important; }
html.vc-site #main.ac-page :is(.ac-src, .ac-sources) a:hover { color: var(--ac-deep) !important; }

/* Measured: the kit's eyebrow colour over the banner's lighter gradient stop is peach on
   #D40F17 at 3.66:1, under AA for 14px. White on the same red is 5.41:1, so the banner
   eyebrow is white. Peach stays on the ink band, where it reads at 7.5:1 or better. */
html.vc-site #main.ac-page .ac-banner .ac-eyebrow { color: #fff !important; }

/* ======================================================================================
   ALIGNMENT, taken back from the site's blanket centring (15 Oct 2026)

   about.6qAjRcHO.css centres `main h1`, `main h2` and the paragraph directly after
   either of them, unless the class happens to contain "text-left". That is what made the
   two column blocks read as unsettled: their headings were centred over left-aligned
   body copy. The kit centres a header only above a full width grid.
   ====================================================================================== */
html.vc-site #main.ac-page :is(.ac-story__text, .ac-faqwrap__lead, .ac-sources,
                               .ac-cta__row, .ac-qa, .ac-icobox, .ac-count, .ac-quote)
                           :is(h1, h2, h3, p, li, cite, dd) {
  text-align: left !important;
}
html.vc-site #main.ac-page .ac-head :is(h1, h2, p, .ac-eyebrow) {
  text-align: center !important;
}
/* the banner runs left, matching the location pages */
html.vc-site #main.ac-page .ac-banner__inner :is(h1, p, .ac-eyebrow) {
  text-align: left !important;
}

/* The bundle lists `em` with body copy and forces the body face on it with !important,
   so emphasis inside a heading came out in a different family from the words either
   side. It takes the heading's face here too. */
html.vc-site #main.ac-page :is(h1, h2, h3, .ac-h1, .ac-h2) em {
  font-family: inherit !important;
  font-weight: inherit !important;
  font-style: normal !important;
  font-synthesis: none;
  color: var(--ac-red) !important;
}

/* ======================================================================================
   PHOTOGRAPHS (15 Oct 2026)

   Supplied by Sharktech from their Envato Elements subscription. They sit behind the
   banner, the numbers band and the call to action, and beside the story.

   Every scrim here is load bearing. These are bright, high key photographs of people in
   well lit rooms, so white text cannot rely on the image being dark; the overlay carries
   the contrast and the measurements were taken against the lightest stop, not an average.
   ====================================================================================== */
main.ac-page .ac-banner__img,
main.ac-page .ac-band__img {
  position: absolute; inset: 0; z-index: -3;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center 35%;
}
main.ac-page .ac-banner__scrim,
main.ac-page .ac-band__scrim { position: absolute; inset: 0; z-index: -2; }

/* the banner keeps its red identity; the photograph reads through it */
main.ac-page .ac-banner__scrim {
  /* Measured against a blown-out white pixel, the worst case a photograph can give us.
     The bright red had to reach 84% opacity before white text cleared 4.5:1, which
     buried the picture. The deep red clears it at 72% and shows more of the photograph,
     so the whole wash runs deep. */
  background:
    linear-gradient(97deg, rgba(122,10,14,.96) 0%, rgba(122,10,14,.88) 42%,
                    rgba(122,10,14,.78) 72%, rgba(122,10,14,.72) 100%);
}
main.ac-page .ac-band--shot { position: relative; isolation: isolate; overflow: hidden; }
main.ac-page .ac-band--shot .ac-band__scrim {
  /* white clears at 62% but the peach eyebrow does not, at 3.66:1. It clears at 72%. */
  background:
    linear-gradient(97deg, rgba(12,15,22,.95) 0%, rgba(12,15,22,.88) 46%,
                    rgba(12,15,22,.78) 78%, rgba(12,15,22,.72) 100%);
}
@media (max-width: 48rem) {
  /* no room to clear a column on a phone, so both washes run vertically */
  main.ac-page .ac-banner__scrim {
    background: linear-gradient(0deg, rgba(122,10,14,.96) 0%, rgba(166,12,18,.92) 100%);
  }
  main.ac-page .ac-band--shot .ac-band__scrim {
    background: linear-gradient(0deg, rgba(12,15,22,.95) 0%, rgba(12,15,22,.88) 100%);
  }
}

/* the story photograph keeps the kit's asymmetric radius */
main.ac-page .ac-story__media img { border-radius: 64px 0 64px 64px; }