/* Desktop preview overrides. Mobile retains its current stacked layout. */
@media (min-width: 761px) {
  .page-home .nav, .page-our-treats .nav, .page-gallery .nav, .page-events .nav { width: 100%; max-width: none !important; padding-inline: clamp(24px, 4vw, 72px) !important; }

  /* Home artwork scales proportionally to the viewport, never stretched. */
  body.page-home main .hero {
    width: 100% !important; max-width: none !important; height: auto !important;
    min-height: 0 !important; aspect-ratio: 1024 / 447; margin: 0 !important;
    padding: 0 !important; background-size: 100% 100% !important; border-radius: 0 !important;
  }
  .page-home .feature-band {
    width: 100% !important; max-width: none !important; height: auto !important;
    min-height: 0 !important; aspect-ratio: 1024 / 187; margin: 0 !important;
    padding-inline: 4vw !important; background-size: 100% 100% !important;
  }
  .page-home .treats-section {
    width: 100% !important; max-width: none !important; margin: 0 !important;
    padding: 0 clamp(28px, 4vw, 72px) 34px !important; background: #fff !important;
  }
  .page-home .treats-section .reference-treats-heading {
    width: calc(100% + 2 * clamp(28px, 4vw, 72px)) !important;
    margin: 0 calc(-1 * clamp(28px, 4vw, 72px)) 18px !important;
    padding: 0 !important; height: auto !important; aspect-ratio: 1024 / 110 !important;
    position: relative !important; display: grid !important; place-content: center !important;
    overflow: hidden !important; visibility: visible !important; line-height: normal !important;
    background: url('brand/reference-treats-heading.webp') center / 100% 100% no-repeat !important;
  }
  .page-home .treats-section .reference-treats-heading::before {
    content: ''; position: absolute; z-index: 1; inset: 0 25% 0 25%;
    background-color: #fbf7ff;
    background-image: linear-gradient(90deg, rgba(235,221,248,.45) 50%, transparent 50%),
      linear-gradient(rgba(235,221,248,.45) 50%, transparent 50%);
    background-size: clamp(24px, 3.2vw, 64px) clamp(24px, 3.2vw, 64px); pointer-events: none;
  }
  .page-home .reference-treats-heading h2,
  .page-home .reference-treats-heading p,
  .page-home .reference-treats-heading .heading-heart,
  .page-home .reference-treats-heading .heading-squiggle { position: relative; z-index: 2; }
  .page-home .reference-treats-heading h2 {
    margin: 0 !important; color: #552279; text-align: center;
    font: 700 clamp(1.7rem, 3.1vw, 3.5rem)/1.05 'Comic Sans MS','Segoe Print',cursive !important;
    letter-spacing: .01em; transform: rotate(-1.3deg);
  }
  .page-home .reference-treats-heading p {
    margin: .35em 0 0 !important; color: #604b73; text-align: center;
    font-size: clamp(.72rem, 1.05vw, 1.06rem); line-height: 1.25;
  }
  .page-home .reference-treats-heading .heading-heart { position: absolute; top: 25%; color: #552279; font-size: clamp(14px, 1.8vw, 24px); }
  .page-home .reference-treats-heading .heading-heart-left { left: 28%; }
  .page-home .reference-treats-heading .heading-heart-right { right: 28%; }
  .page-home .reference-treats-heading .heading-squiggle { position: absolute; top: 31%; color: #552279; font-size: clamp(20px, 2.5vw, 35px); line-height: 1; }
  .page-home .reference-treats-heading .heading-squiggle-left { left: 22%; }
  .page-home .reference-treats-heading .heading-squiggle-right { right: 22%; }
  .page-home .treats-section .category-gallery {
    width: 100% !important; max-width: none !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: clamp(14px, 1.5vw, 28px) !important; margin: 0 auto !important;
  }
  .page-home .about-section {
    width: 100% !important; max-width: none !important; margin: 0 !important;
    height: auto !important; min-height: 0 !important; aspect-ratio: 1024 / 313 !important;
    position: relative !important; display: block !important; overflow: hidden !important; padding: 0 !important;
    background-color: #fffafc !important;
    background-image: url('brand/reference-family-textless.webp'), url('brand/reference-family-layout.webp') !important;
    background-size: 52% 100%, 100% 100% !important;
    background-position: left center, right center !important; background-repeat: no-repeat !important;
  }
  .page-home .about-section > .reference-family-copy {
    display: block !important; visibility: visible !important; position: absolute !important;
    left: 8% !important; top: 12% !important; width: 32% !important; z-index: 4 !important;
  }
  .page-home .reference-family-copy .eyebrow {
    color: #552279 !important; font: 700 clamp(1.25rem, 2.5vw, 2.6rem)/1.04 'Comic Sans MS','Segoe Print',cursive !important;
    letter-spacing: 0 !important; text-transform: none !important; transform: rotate(-3deg); margin-bottom: .55em;
  }
  .page-home .reference-family-copy p {
    max-width: 100% !important; margin: 0 !important; color: #604b73 !important;
    font-size: clamp(.72rem, 1.02vw, 1.02rem) !important; line-height: 1.42 !important;
  }
  .page-home .reference-family-copy .about-story-button {
    display: inline-flex; gap: 10px; align-items: center; margin-top: .7em; padding: .55em 1.5em;
    border-radius: 999px; background: #6417a5; color: #fff; text-decoration: none;
    font-weight: 800; font-size: clamp(.72rem, .95vw, .96rem);
  }
  .page-home .about-section .about-story-link { display: none !important; }
  .page-home .about-section > img.about-juliana {
    display: block !important; visibility: visible !important; position: absolute !important;
    left: 57% !important; top: 21% !important; width: 26% !important; height: 58% !important;
    max-width: none !important; object-fit: cover !important; object-position: center 34% !important;
    transform: rotate(-3deg) !important; z-index: 3 !important;
  }
  .page-home .about-section > img.about-bear { display: none !important; }

  /* Treats products/cart can use the page width; request forms remain centered. */
  .page-our-treats #shop, .page-our-treats .treats-page-categories,
  .page-our-treats .treats-cake-samples, .page-our-treats .treats-category-note {
    width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important;
    padding-left: clamp(28px, 4vw, 72px) !important; padding-right: clamp(28px, 4vw, 72px) !important;
  }
  .page-our-treats #shop .grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  .page-our-treats .treats-page-categories .category-gallery { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
  .page-our-treats .custom-request-card, .page-gallery .custom-request-card {
    width: min(900px, calc(100% - 48px)) !important; max-width: 900px !important;
    margin: 34px auto 26px !important; border-radius: 26px !important;
  }
  .page-gallery .gallery-page-content { width: 100% !important; max-width: none !important; padding-inline: clamp(28px, 4vw, 72px) !important; }

  /* Event page: full canvas and three event cards across on desktop. */
  .page-events .events-main { width: 100% !important; max-width: none !important; padding: 34px clamp(28px, 4vw, 72px) 60px !important; }
  .page-events .events-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: clamp(14px, 1.6vw, 26px) !important; }
  .page-events .event-card img { height: clamp(180px, 17vw, 300px) !important; }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .page-events .events-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width: 760px) {
  .page-home .treats-section .reference-treats-heading { visibility: visible !important; height: auto !important; aspect-ratio: 1024 / 110 !important; display: grid !important; place-content: center !important; position: relative !important; overflow: hidden !important; background: url('brand/reference-treats-heading.webp') center / 100% 100% no-repeat !important; }
  .page-home .treats-section .reference-treats-heading img { display: none !important; }
  .page-home .treats-section .reference-treats-heading::before { content:''; position:absolute; inset:0 22%; background-color:#fbf7ff; background-image:linear-gradient(90deg,rgba(235,221,248,.45) 50%,transparent 50%),linear-gradient(rgba(235,221,248,.45) 50%,transparent 50%); background-size:clamp(16px,4.5vw,32px) clamp(16px,4.5vw,32px); }
  .page-home .reference-treats-heading h2 { position:relative; z-index:2; margin:0!important; color:#552279; font:700 clamp(1.15rem,5vw,2rem)/1.08 'Comic Sans MS','Segoe Print',cursive!important; text-align:center; transform:rotate(-1deg); }
  .page-home .reference-treats-heading p { position:relative; z-index:2; margin:.25em 0 0!important; color:#604b73; font-size:clamp(.58rem,2.3vw,.86rem); line-height:1.2; text-align:center; }
  .page-home .reference-treats-heading .heading-heart,.page-home .reference-treats-heading .heading-squiggle { display:none!important; }
  .page-home .about-section .reference-family-copy { display:block!important; visibility:visible!important; }
  .page-home .about-section:before { background:url('brand/reference-family-textless.webp') center/100% 100% no-repeat!important; }
  .page-home .about-section .reference-family-copy { position:absolute!important; left:8%!important; top:4vw!important; width:54%!important; z-index:5!important; }
  .page-home .reference-family-copy .eyebrow { color:#552279!important; font:700 4.5vw/1.05 'Comic Sans MS','Segoe Print',cursive!important; text-transform:none!important; letter-spacing:0!important; transform:rotate(-2deg); margin-bottom:2vw!important; }
  .page-home .reference-family-copy p { color:#604b73!important; font-size:2.8vw!important; line-height:1.32!important; margin:0!important; }
  .page-home .reference-family-copy .about-story-button { display:inline-flex!important; margin-top:2vw!important; padding:1.6vw 5vw!important; border-radius:999px!important; background:#6417a5!important; color:white!important; text-decoration:none!important; font-size:2.8vw!important; font-weight:800!important; }
}

/* Follow-up: true full-width sections, no raster text beneath live text. */
.page-about .about-section {
  width:100vw!important;max-width:none!important;
  margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
}
.page-about .about-family-art,.page-about .about-photo-stage {
  width:100%!important;max-width:none!important;
}
.page-about .about-square-copy {
  width:min(calc(100% - 10vw),1440px)!important;max-width:1440px!important;
}

.page-our-treats #treats-page-categories {
  width:100vw!important;max-width:none!important;
  margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  padding-left:clamp(20px,4vw,72px)!important;padding-right:clamp(20px,4vw,72px)!important;
}
.page-our-treats #treats-page-categories #shop {
  display:block!important;width:100%!important;max-width:none!important;
  margin:0!important;padding:24px 0 36px!important;border-radius:0!important;
}
.page-our-treats #treats-page-categories #shop .grid {
  width:100%!important;max-width:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.page-our-treats .custom-request-card,.page-gallery .custom-request-card {
  display:block!important;width:min(780px,calc(100% - 40px))!important;max-width:780px!important;
  margin:32px auto!important;padding:clamp(20px,3vw,36px)!important;border-radius:24px!important;
  box-sizing:border-box!important;
}

/* The four feature cards are real responsive HTML, not text baked into an image. */
.page-home .feature-band {
  width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;
  aspect-ratio:auto!important;margin:0!important;padding:20px clamp(18px,4vw,64px)!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;
  background:#faf5ff!important;background-image:none!important;border:0!important;
}
.page-home .feature-band>div {
  visibility:visible!important;display:grid!important;justify-items:center!important;align-content:center!important;
  min-height:150px!important;padding:12px clamp(8px,1.5vw,22px)!important;
  text-align:center!important;background:transparent!important;border-right:1px solid #d8c3ed!important;
}
.page-home .feature-band>div:last-child { border-right:0!important; }
.page-home .feature-band>div>span {
  display:grid!important;place-items:center!important;width:56px!important;height:56px!important;
  margin-bottom:9px!important;border-radius:50%!important;background:#e6d3fa!important;color:#5b159d!important;
  font-size:1.75rem!important;
}
.page-home .feature-band strong { color:#5b159d!important;font-size:clamp(.95rem,1.2vw,1.18rem)!important; }
.page-home .feature-band small { color:#68527a!important;font-size:clamp(.78rem,.95vw,.95rem)!important;line-height:1.4!important; }

/* Clean heading artwork plus live heading/subheading. Original heading lettering is removed. */
.page-home .treats-section .reference-treats-heading {
  aspect-ratio:1024/110!important;background-image:url('brand/reference-treats-art-only.webp')!important;
  background-size:100% 330%!important;background-position:center 45%!important;background-repeat:no-repeat!important;
}
.page-home .treats-section .reference-treats-heading::before { content:none!important;display:none!important; }
.page-home .treats-section .reference-treats-heading h2 {
  font-family:'Segoe Print','Comic Sans MS',cursive!important;font-weight:700!important;
  font-size:clamp(1.8rem,3.2vw,3.25rem)!important;color:#552279!important;
}

/* Single live story copy on the scalloped cloud; keep the original flags and bear art. */
.page-home .about-section {
  background-image:url('brand/reference-family-textless.webp'),url('brand/reference-family-layout.webp')!important;
  background-size:52% 100%,100% 100%!important;background-position:left center,right center!important;
}
.page-home .about-section::before,.page-home .about-section::after {
  content:none!important;display:none!important;background:none!important;
}
.page-home .about-section>.about-art-foreground { display:none!important; }
.page-home .about-section>.reference-family-copy {
  left:3%!important;top:13%!important;width:41%!important;text-align:center!important;
}
.page-home .reference-family-copy .eyebrow {
  font-family:'Segoe Print','Comic Sans MS',cursive!important;
  font-size:clamp(1.8rem,2.7vw,2.8rem)!important;line-height:1.08!important;
  transform:rotate(-3deg)!important;margin:0 0 .5em!important;
}
.page-home .reference-family-copy p {
  font-size:clamp(.9rem,1.05vw,1.1rem)!important;line-height:1.4!important;
}
.page-home .about-section>img.about-juliana {
  left:calc(57% - 50px)!important;width:26%!important;height:58%!important;
}

/* Smaller hero and category tiles: use cover, not a stretched background. */
@media(min-width:761px) {
  .page-home .reference-family-copy { left:0!important;top:10%!important;width:52%!important; }
  .page-home .reference-family-copy>.eyebrow {
    font-family:'Segoe Print','Comic Sans MS',cursive!important;
    font-size:clamp(1.65rem,2.4vw,2.5rem)!important;line-height:1.08!important;
    max-width:72%!important;margin:0 auto .45em!important;text-align:center!important;
  }
  .page-home .reference-family-copy>p { max-width:72%!important;margin-inline:auto!important;text-align:center!important; }
  .page-home .reference-family-copy>.about-story-button { margin-left:auto!important;margin-right:auto!important; }
  .page-home .about-section { background-size:52% 100%,100% 100%!important; }
  .page-home .reference-cta { background-image:none!important;background-color:#603488!important; }
  .page-home .reference-cta>.footer-banner-copy { margin-left:5%!important;text-align:left!important; }
  .page-home .reference-cta>.cta { margin-left:auto!important;margin-right:1%!important; }
}

/* v5 desktop-specific refinements. Keep the previously approved mobile design unchanged. */
@media(min-width:761px) {
  .page-home .hero {
    height:clamp(360px,36vw,560px)!important;min-height:0!important;aspect-ratio:auto!important;
    background-size:cover!important;background-position:center!important;
  }
  .page-home .treats-section .category-tile,
  .page-home .treats-section .category-tile img {
    height:clamp(170px,15vw,280px)!important;min-height:0!important;
  }
  .page-home .treats-section .category-gallery { max-width:1440px!important;margin-inline:auto!important; }
}

/* Footer strip uses clean dessert artwork with live copy and a real link. */
.page-home .reference-cta {
  width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;
  aspect-ratio:1024/110!important;margin:0!important;padding:0 clamp(24px,9vw,150px)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;
  position:relative!important;overflow:hidden!important;background-color:#6c3a90!important;
  background-image:url('brand/reference-footer-art-only.webp')!important;
  background-size:100% 330%!important;background-position:center 45%!important;background-repeat:no-repeat!important;
}
.page-home .reference-cta::before { content:none!important;display:none!important; }
.page-home .reference-cta>.footer-banner-copy {
  display:block!important;visibility:visible!important;max-width:48%!important;color:#fff!important;
  font:700 clamp(1.25rem,2.5vw,2.55rem)/1.12 'Segoe Print','Comic Sans MS',cursive!important;
  transform:rotate(-3deg)!important;text-align:center!important;
}
.page-home .reference-cta>.cta {
  display:inline-flex!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;
  width:auto!important;height:auto!important;min-height:48px!important;margin:0!important;padding:12px 30px!important;
  opacity:1!important;visibility:visible!important;border:2px solid rgba(255,255,255,.65)!important;
  border-radius:999px!important;background:#f9e8ff!important;color:#5b159d!important;
  box-shadow:none!important;text-decoration:none!important;font:700 clamp(1rem,1.25vw,1.3rem) 'Segoe Print','Comic Sans MS',cursive!important;
  white-space:nowrap!important;z-index:3!important;
}
.page-home .reference-cta>.reference-socials { display:none!important; }

@media(max-width:760px) {
  .page-home .feature-band {
    width:100%!important;aspect-ratio:auto!important;min-height:0!important;padding:14px 10px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;background:#faf5ff!important;background-image:none!important;
  }
  .page-home .feature-band>div { min-height:140px!important;border-right:1px solid #d8c3ed!important;border-bottom:1px solid #d8c3ed!important; }
  .page-home .feature-band>div:nth-child(2n) { border-right:0!important; }
  .page-home .feature-band>div:nth-child(n+3) { border-bottom:0!important; }
  .page-home .treats-section .reference-treats-heading {
    background-image:url('brand/reference-treats-art-only.webp')!important;
    background-size:100% 330%!important;background-position:center 45%!important;
  }
  .page-home .reference-treats-heading h2 { font-family:'Segoe Print','Comic Sans MS',cursive!important;font-size:clamp(1.15rem,5vw,2rem)!important; }
  .page-home .about-section {
    background:none!important;height:123.2vw!important;aspect-ratio:auto!important;
  }
  .page-home .about-section::before {
    content:''!important;display:block!important;position:absolute!important;left:0!important;top:0!important;
    width:100%!important;height:61.13vw!important;
    background:url('brand/reference-family-textless.webp') center/100% 100% no-repeat!important;
  }
  .page-home .about-section::after {
    content:''!important;display:block!important;position:absolute!important;left:0!important;top:61.13vw!important;
    width:100%!important;height:62.07vw!important;
    background:url('brand/reference-family-layout.webp') right center/200% 100% no-repeat!important;
  }
  .page-home .about-section>.reference-family-copy { left:6%!important;top:4vw!important;width:58%!important;text-align:center!important; }
  .page-home .reference-family-copy .eyebrow { font-size:5.1vw!important; }
  .page-home .reference-family-copy p { font-size:2.9vw!important;line-height:1.34!important; }
  .page-home .about-section>img.about-juliana { z-index:4!important; }
  .page-home .reference-cta {
    width:100%!important;max-width:none!important;min-height:150px!important;aspect-ratio:auto!important;
    padding:18px 16px!important;flex-direction:column!important;justify-content:center!important;gap:12px!important;
    background-size:auto 330%!important;background-position:center 45%!important;
  }
  .page-home .reference-cta>.footer-banner-copy { max-width:88%!important;font-size:clamp(1rem,4.8vw,1.5rem)!important; }
  .page-home .reference-cta>.cta { min-height:40px!important;padding:8px 22px!important;font-size:.95rem!important; }
  .page-about .about-section { width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important; }
}

/* v4: live copy over clean art, and consistent full-bleed page sections. */
.page-home .reference-treats-heading {
  background-image:url('brand/reference-treats-art-only.webp')!important;
  background-size:100% 330%!important;background-position:center 45%!important;
}
.page-home .reference-treats-heading::before { content:none!important;display:none!important; }
.page-home .reference-treats-heading h2 {
  font-family:'Segoe Print','Comic Sans MS',cursive!important;
  font-size:clamp(1.7rem,3vw,3rem)!important;
}
.page-home .reference-treats-heading p { font-size:clamp(.8rem,1.05vw,1rem)!important; }
.page-home .reference-treats-heading .heading-heart,
.page-home .reference-treats-heading .heading-squiggle { z-index:2!important; }
.page-home .feature-band { background-image:none!important;background-color:#faf5ff!important; }
.page-home .feature-band>div { background-image:none!important; }

@media(min-width:761px) {
  .page-home .hero {
    height:clamp(360px,36vw,560px)!important;min-height:0!important;aspect-ratio:auto!important;
    background-size:cover!important;background-position:center!important;
  }
  .page-home .about-section { height:auto!important;aspect-ratio:1024/313!important; }
  .page-home .reference-family-copy>.eyebrow { text-align:center!important; }
}

/* Live text sits over the clean cloud/flags artwork; the bear panel remains artwork. */
.page-home .about-section::before,.page-home .about-section::after {
  content:none!important;display:none!important;background:none!important;
}
.page-home .about-section {
  background-image:url('brand/reference-family-textless.webp'),url('brand/reference-family-layout.webp')!important;
  background-size:52% 100%,100% 100%!important;background-position:left center,right center!important;
}
.page-home .about-section>.reference-family-copy {
  left:3%!important;top:12%!important;width:43%!important;text-align:center!important;z-index:5!important;
}
.page-home .reference-family-copy>.eyebrow {
  font-family:'Segoe Print','Comic Sans MS',cursive!important;
  font-size:clamp(1.8rem,2.7vw,2.8rem)!important;line-height:1.08!important;
  transform:rotate(-3deg)!important;text-align:center!important;
}
.page-home .about-section>img.about-juliana {
  left:calc(57% - 50px)!important; /* requested shift; preserve existing dimensions */
}

/* Mini-loaf/cart section is full bleed; the long custom forms stay readable. */
.page-our-treats #treats-page-categories,
.page-our-treats #treats-page-categories #shop,
.page-our-treats #shop {
  width:100vw!important;max-width:none!important;
  margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  box-sizing:border-box!important;
}
.page-our-treats #treats-page-categories #shop { padding-inline:clamp(20px,4vw,72px)!important; }
.page-our-treats #treats-page-categories #shop .grid,
.page-our-treats #shop .grid {
  width:100%!important;max-width:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.page-our-treats #treats-page-categories~#shop,
.page-our-treats main>#shop {
  width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;padding-inline:clamp(20px,4vw,72px)!important;box-sizing:border-box!important;
}
.page-our-treats .custom-request-card,.page-gallery .custom-request-card {
  width:min(780px,calc(100% - 40px))!important;max-width:780px!important;margin:32px auto!important;
}
.page-gallery .gallery-page-content { width:100%!important;max-width:none!important; }

/* Home feature panels remain live text cards, not a raster backdrop. */
.page-home .feature-band>div { visibility:visible!important; }
@media(max-width:760px) {
  .page-home .reference-treats-heading {
    background-image:url('brand/reference-treats-art-only.webp')!important;
    background-size:100% 330%!important;background-position:center 45%!important;
  }
  .page-home .reference-treats-heading::before { content:none!important;display:none!important; }
  .page-home .reference-treats-heading .heading-heart,
  .page-home .reference-treats-heading .heading-squiggle { display:inline!important; }
  .page-home .reference-treats-heading h2 { font-size:clamp(1.1rem,4.7vw,1.9rem)!important; }
  .page-home .about-section {
    background:none!important;height:123.2vw!important;aspect-ratio:auto!important;
  }
  .page-home .about-section::before {
    content:''!important;display:block!important;position:absolute!important;left:0!important;top:0!important;
    width:100%!important;height:61.13vw!important;
    background:url('brand/reference-family-textless.webp') center/100% 100% no-repeat!important;
  }
  .page-home .about-section::after {
    content:''!important;display:block!important;position:absolute!important;left:0!important;top:61.13vw!important;
    width:100%!important;height:62.07vw!important;
    background:url('brand/reference-family-layout.webp') right center/200% 100% no-repeat!important;
  }
  .page-home .about-section>.reference-family-copy { left:6%!important;top:4vw!important;width:58%!important; }
  .page-home .about-section>img.about-juliana { z-index:4!important; }
  .page-our-treats #treats-page-categories #shop .grid,
  .page-our-treats #shop .grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}

/* Full-width clean footer art, with accessible live text and a working CTA. */
.page-home .reference-cta {
  width:100vw!important;max-width:none!important;height:auto!important;min-height:0!important;
  aspect-ratio:1024/110!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  padding:0 clamp(24px,9vw,150px)!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:24px!important;position:relative!important;overflow:hidden!important;
  background:#6c3a90 url('brand/reference-footer-art-only.webp') center 45%/100% 330% no-repeat!important;
}
.page-home .reference-cta::before { content:none!important;display:none!important; }
.page-home .reference-cta>.footer-banner-copy {
  display:block!important;visibility:visible!important;max-width:50%!important;color:#fff!important;
  font:700 clamp(1.25rem,2.5vw,2.55rem)/1.12 'Segoe Print','Comic Sans MS',cursive!important;
  text-align:center!important;transform:rotate(-3deg)!important;
}
.page-home .reference-cta>.cta {
  display:inline-flex!important;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;
  min-height:48px!important;margin:0!important;padding:12px 30px!important;opacity:1!important;visibility:visible!important;
  border:2px solid rgba(255,255,255,.65)!important;border-radius:999px!important;background:#f9e8ff!important;
  color:#5b159d!important;text-decoration:none!important;font:700 clamp(1rem,1.25vw,1.3rem) 'Segoe Print','Comic Sans MS',cursive!important;
  white-space:nowrap!important;z-index:3!important;
}
.page-home .reference-cta>.reference-socials { display:none!important; }
@media(max-width:760px) {
  .page-home .reference-cta {
    min-height:150px!important;aspect-ratio:auto!important;padding:18px 16px!important;
    flex-direction:column!important;justify-content:center!important;gap:12px!important;
    background-size:auto 330%!important;background-position:center 45%!important;
  }
  .page-home .reference-cta>.footer-banner-copy { max-width:88%!important;font-size:clamp(1rem,4.8vw,1.5rem)!important; }
  .page-home .reference-cta>.cta { min-height:40px!important;padding:8px 22px!important;font-size:.95rem!important; }
}

/* v5 desktop-only refinements; the mobile stylesheet is pinned to v3. */
.footer-shop-link { display:none!important; }
@media(min-width:761px) {
  .page-home .hero {
    height:clamp(320px,26vw,440px)!important;min-height:0!important;aspect-ratio:auto!important;
  }
  .page-home .about-section>.reference-family-copy {
    left:0!important;top:10%!important;width:52%!important;text-align:center!important;
  }
  .page-home .reference-family-copy>.eyebrow {
    font-family:'Segoe Print','Comic Sans MS',cursive!important;
    font-size:clamp(1.65rem,2.4vw,2.5rem)!important;line-height:1.08!important;
    max-width:72%!important;margin:0 auto .45em!important;text-align:center!important;
  }
  .page-home .reference-family-copy>p { max-width:72%!important;margin-inline:auto!important;text-align:center!important; }
  .page-home .reference-family-copy>.about-story-button { margin-left:auto!important;margin-right:auto!important; }
  .page-home .reference-cta {
    background:#603488!important;background-image:none!important;
  }
  .page-home .reference-cta>.footer-banner-copy { max-width:90%!important;margin:auto!important;text-align:center!important; }
  .page-home .reference-cta>.cta { display:none!important; }
  .page-home footer.footer {
    position:relative!important;display:grid!important;grid-template-columns:1fr 2fr 1fr!important;
    grid-template-rows:1fr 1fr!important;align-items:center!important;justify-items:center!important;
    background-image:none!important;background-color:#5b2a86!important;
  }
  .page-home footer.footer .footer-shop-link {
    grid-column:3!important;grid-row:1/3!important;justify-self:end!important;align-self:center!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:42px!important;padding:9px 20px!important;border-radius:999px!important;
    background:#f9e8ff!important;color:#5b159d!important;text-decoration:none!important;
    font-weight:800!important;white-space:nowrap!important;
  }
}
@media(max-width:760px) { .page-home footer.footer .footer-shop-link { display:none!important; } }

/* v6: requested desktop-over-art composition; mobile uses the untouched v3 CSS. */
@media(min-width:761px) {
  .page-home .about-section>.reference-family-copy {
    left:0!important;top:8%!important;width:52%!important;text-align:center!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;
  }
  .page-home .reference-family-copy>.eyebrow,
  .page-home .reference-family-copy>p {
    font-family:'Segoe Print','Comic Sans MS',cursive!important;
    text-align:center!important;max-width:70%!important;
  }
  .page-home .reference-family-copy>.eyebrow {
    font-size:clamp(1.65rem,2.4vw,2.5rem)!important;line-height:1.08!important;
    margin:0 auto .45em!important;
  }
  .page-home .reference-family-copy>p { font-size:clamp(.78rem,1vw,1rem)!important;line-height:1.35!important;margin:0 auto!important; }
  .page-home .reference-family-copy>.about-story-button { align-self:center!important; }
  .page-home .reference-cta {
    background-color:transparent!important;
    background-image:url('brand/reference-life-footer.webp')!important;
    background-size:100% 100%!important;background-position:center!important;
  }
  .page-home .reference-cta>.footer-banner-copy {
    display:block!important;max-width:48%!important;margin:0 auto 0 3%!important;
    text-align:left!important;transform:rotate(-3deg)!important;
  }
  .page-home .reference-cta>.cta {
    display:inline-flex!important;position:absolute!important;right:8%!important;top:50%!important;
    transform:translateY(-50%)!important;margin:0!important;opacity:1!important;
  }
  .page-home footer.footer { background-image:none!important;background-color:#5b2a86!important; }
}

/* v12 — final desktop refinements from the latest screenshots. */
@media(min-width:761px) {
  /* Keep the approved height and preserve the artwork's native proportions. */
  body.page-home main .hero {
    background-color:#f4eaff!important;
    background-size:auto 100%!important;background-position:center center!important;
    background-repeat:no-repeat!important;
  }
  /* Confine all live story copy to the cloud, away from the sun and flags. */
  body.page-home main .about-section>div.reference-family-copy {
    left:8%!important;right:auto!important;top:8%!important;width:44%!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;
    box-sizing:border-box!important;text-align:center!important;
  }
  body.page-home main .about-section>div.reference-family-copy>.eyebrow,
  body.page-home main .about-section>div.reference-family-copy>p {
    width:88%!important;max-width:88%!important;margin-left:auto!important;margin-right:auto!important;
    box-sizing:border-box!important;text-align:center!important;
    font-family:'Segoe Print','Comic Sans MS',cursive!important;font-weight:700!important;
    font-style:normal!important;letter-spacing:0!important;
  }
  body.page-home main .about-section>div.reference-family-copy>.eyebrow {
    font-size:clamp(1.65rem,2.4vw,2.5rem)!important;line-height:1.08!important;
  }
  body.page-home main .about-section>div.reference-family-copy>p {
    color:#5b159d!important;font-size:clamp(1.05rem,1.2vw,1.25rem)!important;
    line-height:1.38!important;
  }
  /* Crop the background to the pastry strip; keep the solid-purple footer separate. */
  body.page-home main .reference-cta {
    background-image:url('brand/reference-footer-art-only.webp')!important;
    background-size:100% auto!important;background-position:center 24%!important;
    background-repeat:no-repeat!important;
  }
  body.page-home main .reference-cta>a.cta {
    all:unset!important;display:flex!important;position:absolute!important;right:calc(15% + 50px)!important;top:50%!important;
    transform:translateY(-50%)!important;align-items:center!important;justify-content:center!important;
    width:220px!important;height:48px!important;box-sizing:border-box!important;padding:0 18px!important;
    border:2px solid rgba(255,255,255,.7)!important;border-radius:999px!important;
    background:#f9e8ff!important;color:#5b159d!important;
    font:700 1.05rem/1 'Segoe Print','Comic Sans MS',cursive!important;
    text-align:center!important;text-decoration:none!important;white-space:nowrap!important;
    clip:auto!important;clip-path:none!important;overflow:visible!important;
    opacity:1!important;visibility:visible!important;box-shadow:0 2px 8px rgba(58,29,88,.18)!important;
    cursor:pointer!important;pointer-events:auto!important;z-index:30!important;
  }
}

/* v10: prevent crop/duplicate artwork and make the desktop banner CTA visible. */
@media(min-width:761px) {
  .page-home .hero { background-size:100% 100%!important;background-position:center!important; }
  .page-home .about-section { background:none!important; }
  .page-home .about-section::before {
    background-image:url('brand/reference-family-textless.webp')!important;
    background-size:106% 100%!important;background-position:left center!important;
  }
  .page-home .about-section::after {
    background-image:url('brand/reference-family-layout.webp')!important;
    background-size:200% 100%!important;background-position:right center!important;
  }
  .page-home .reference-family-copy>.eyebrow,
  .page-home .reference-family-copy>p {
    font-family:'Segoe Print','Comic Sans MS',cursive!important;
    font-weight:700!important;font-style:normal!important;letter-spacing:0!important;
  }
  .page-home .reference-cta {
    background-image:url('brand/reference-footer-art-only.webp')!important;
    background-size:100% auto!important;background-position:center 29%!important;
  }
  .page-home .reference-cta>.footer-banner-copy {
    display:block!important;visibility:visible!important;opacity:1!important;
    font-size:clamp(1.05rem,2vw,2rem)!important;text-align:left!important;
  }
  .page-home .reference-cta>.cta {
    display:inline-flex!important;visibility:visible!important;opacity:1!important;
    position:absolute!important;right:8%!important;top:50%!important;
    width:auto!important;height:auto!important;min-width:0!important;min-height:44px!important;
    padding:10px 24px!important;color:#5b159d!important;background:#f9e8ff!important;
    font-size:clamp(.95rem,1.2vw,1.2rem)!important;text-indent:0!important;
    clip:auto!important;overflow:visible!important;transform:translateY(-50%)!important;
    z-index:20!important;pointer-events:auto!important;
  }
  .page-home .reference-cta::before,.page-home .reference-cta::after { content:none!important;display:none!important; }
}

/* v11 corrections from the supplied screenshots. */
@media(min-width:761px) {
  .page-home .hero {
    background-size:100% 100%!important;background-position:center center!important;
  }
  .page-home .about-section { background:none!important; }
  .page-home .about-section::before {
    background-size:106% 100%!important;background-position:left center!important;
  }
  .page-home .reference-family-copy {
    left:0!important;right:auto!important;width:52%!important;box-sizing:border-box!important;
    align-items:center!important;text-align:center!important;
  }
  .page-home .reference-family-copy>.eyebrow,
  .page-home .reference-family-copy>p {
    width:78%!important;max-width:78%!important;box-sizing:border-box!important;
    margin-left:auto!important;margin-right:auto!important;text-align:center!important;
    font-family:'Segoe Print','Comic Sans MS',cursive!important;
    font-weight:700!important;font-style:normal!important;letter-spacing:0!important;
  }
  .page-home .reference-family-copy>.eyebrow { font-size:clamp(1.65rem,2.4vw,2.5rem)!important; }
  .page-home .reference-family-copy>p { font-size:clamp(.78rem,1vw,1rem)!important;line-height:1.4!important; }
  .page-home .reference-cta {
    background-image:url('brand/reference-footer-art-only.webp')!important;
    background-size:100% auto!important;background-position:center 24%!important;
    background-repeat:no-repeat!important;
  }
  .page-home .reference-cta>.cta {
    all:unset!important;display:flex!important;position:absolute!important;right:8%!important;top:50%!important;
    transform:translateY(-50%)!important;align-items:center!important;justify-content:center!important;
    width:220px!important;height:48px!important;box-sizing:border-box!important;padding:0 18px!important;
    border:2px solid rgba(255,255,255,.7)!important;border-radius:999px!important;
    background:#f9e8ff!important;color:#5b159d!important;
    font:700 1.05rem/1 'Segoe Print','Comic Sans MS',cursive!important;
    text-align:center!important;text-indent:0!important;text-decoration:none!important;white-space:nowrap!important;
    clip:auto!important;clip-path:none!important;overflow:visible!important;opacity:1!important;visibility:visible!important;
    box-shadow:0 2px 8px rgba(58,29,88,.18)!important;cursor:pointer!important;pointer-events:auto!important;z-index:30!important;
  }
}
@media(max-width:760px) {
  .page-home .reference-cta>.footer-banner-copy { display:none!important; }
  .page-home .reference-cta>.cta { display:none!important; }
  .page-home footer.footer .footer-copyright { display:block!important; }
}

/* v6 desktop final: center the full family copy in the left cloud and place
   live banner copy/button over the pastry-strip artwork, not in the footer. */
@media(min-width:761px) {
  .page-home .hero { height:clamp(320px,26vw,440px)!important;min-height:0!important;aspect-ratio:auto!important; }
  .page-home .about-section {
    background-image:none!important;position:relative!important;isolation:isolate!important;
  }
  .page-home .about-section::before {
    content:''!important;display:block!important;position:absolute!important;left:0!important;top:0!important;
    width:52%!important;height:100%!important;z-index:0!important;
    background:url('brand/reference-family-textless.webp') center/100% 100% no-repeat!important;
  }
  .page-home .about-section::after {
    content:''!important;display:block!important;position:absolute!important;right:0!important;top:0!important;
    width:48%!important;height:100%!important;z-index:0!important;
    background:url('brand/reference-family-layout.webp') right center/200% 100% no-repeat!important;
  }
  .page-home .about-section>img.about-juliana,
  .page-home .about-section>.reference-family-copy { z-index:2!important; }
  .page-home .about-section>.reference-family-copy {
    left:0!important;top:8%!important;width:52%!important;display:flex!important;
    flex-direction:column!important;align-items:center!important;text-align:center!important;
  }
  .page-home .reference-family-copy>.eyebrow,
  .page-home .reference-family-copy>p {
    width:70%!important;max-width:70%!important;margin-left:auto!important;margin-right:auto!important;
    font-family:'Segoe Print','Comic Sans MS',cursive!important;text-align:center!important;
  }
  .page-home .reference-family-copy>.eyebrow {
    font-size:clamp(1.65rem,2.4vw,2.5rem)!important;line-height:1.08!important;margin-top:0!important;margin-bottom:.4em!important;
  }
  .page-home .reference-family-copy>p { font-size:clamp(.78rem,1vw,1rem)!important;line-height:1.35!important; }
  .page-home .reference-family-copy>.about-story-button { align-self:center!important; }
  .page-home .reference-cta {
    background-color:transparent!important;
    background-image:url('brand/reference-footer-art-only.webp')!important;
    background-size:100% 330%!important;background-position:center 45%!important;background-repeat:no-repeat!important;
  }
  .page-home .reference-cta>.footer-banner-copy {
    display:block!important;max-width:48%!important;margin:0 auto 0 3%!important;
    text-align:left!important;transform:rotate(-3deg)!important;
    font-size:clamp(1.05rem,2vw,2rem)!important;
  }
  .page-home .reference-cta>.cta {
    display:inline-flex!important;position:absolute!important;right:8%!important;top:50%!important;
    transform:translateY(-50%)!important;margin:0!important;opacity:1!important;
  }
  .page-home footer.footer { background-image:none!important;background-color:#5b2a86!important; }
}

/* About artwork is intentionally capped; the page copy and shell stay full width. */
@media(min-width:761px) {
  body.page-about main .about-section>.about-family-art,
  body.page-about main .about-section>.about-photo-stage {
    display:block!important;width:min(58vw,780px)!important;max-width:780px!important;
    margin-left:auto!important;margin-right:auto!important;flex:none!important;
  }
  body.page-about main .about-family-art { aspect-ratio:512/313!important; }
  body.page-about main .about-photo-stage { aspect-ratio:512/313!important; }
  body.page-about main .about-photo-stage>img.about-juliana {
    width:58%!important;height:53%!important;left:8%!important;top:22%!important;
  }
}

/* v15 verified desktop correction. These rules intentionally come last:
   v14 contained older blocks that hid live artwork/copy and reduced the CTA
   to an invisible hit area. */
@media(min-width:761px){
  body.page-home main .hero{
    display:block!important;width:100%!important;max-width:none!important;
    height:min(447px,31vw)!important;min-height:360px!important;aspect-ratio:auto!important;
    margin:0!important;padding:0!important;overflow:hidden!important;
    border-radius:0!important;box-shadow:none!important;
    background:#d8c1f3 url('brand/reference-hero-only.webp') center/100% 100% no-repeat!important;
  }
  body.page-home main .hero>div{display:none!important;}

  body.page-home main .about-section{
    display:block!important;width:100%!important;max-width:none!important;
    height:auto!important;min-height:0!important;aspect-ratio:1024/313!important;
    margin:0!important;padding:0!important;position:relative!important;overflow:hidden!important;
    background:none!important;
  }
  body.page-home main .about-section::before{
    content:''!important;display:block!important;position:absolute!important;
    inset:0 auto 0 0!important;width:52%!important;height:100%!important;
    background:url('brand/reference-family-textless.webp') center/100% 100% no-repeat!important;
    z-index:0!important;
  }
  body.page-home main .about-section::after{
    content:''!important;display:block!important;position:absolute!important;
    inset:0 0 0 auto!important;width:48%!important;height:100%!important;
    background:url('brand/reference-family-layout.webp') right center/200% 100% no-repeat!important;
    z-index:0!important;
  }
  body.page-home main .about-section>div.reference-family-copy{
    display:flex!important;visibility:visible!important;opacity:1!important;
    position:absolute!important;left:0!important;top:13%!important;width:45%!important;
    height:auto!important;z-index:4!important;flex-direction:column!important;
    align-items:center!important;text-align:center!important;transform:none!important;
  }
  body.page-home main .reference-family-copy>.eyebrow,
  body.page-home main .reference-family-copy>p{
    visibility:visible!important;opacity:1!important;width:86%!important;max-width:86%!important;
    margin-left:auto!important;margin-right:auto!important;text-align:center!important;
    font-family:'Segoe Print','Comic Sans MS',cursive!important;font-weight:700!important;
    font-style:normal!important;letter-spacing:0!important;color:#5b159d!important;
  }
  body.page-home main .reference-family-copy>.eyebrow{
    font-size:clamp(1.65rem,2.4vw,2.5rem)!important;line-height:1.08!important;
    margin-top:0!important;margin-bottom:.4em!important;
  }
  body.page-home main .reference-family-copy>p{
    font-size:clamp(1.2rem,1.35vw,1.4rem)!important;line-height:1.35!important;
  }
  body.page-home main .reference-family-copy>.about-story-button{
    display:inline-flex!important;visibility:visible!important;opacity:1!important;
    align-self:center!important;pointer-events:auto!important;
  }

  /* Keep the pastry-photo Life banner; keep the separate footer solid purple. */
  body.page-home main .reference-cta{
    display:block!important;width:100%!important;max-width:none!important;
    height:clamp(92px,10.75vw,110px)!important;min-height:0!important;
    margin:0!important;padding:0!important;position:relative!important;overflow:hidden!important;
    background:#eadcf8 url('brand/reference-life-banner-clean.webp') center/100% 100% no-repeat!important;
  }
  body.page-home main .reference-cta::before,
  body.page-home main .reference-cta::after{content:none!important;display:none!important;}
  body.page-home main .reference-cta>.footer-banner-copy{display:none!important;}
  body.page-home main .reference-cta>a.cta{
    all:unset!important;display:flex!important;visibility:visible!important;opacity:1!important;
    position:absolute!important;right:calc(3% + 50px)!important;top:50%!important;
    transform:translateY(-50%)!important;align-items:center!important;justify-content:center!important;
    width:220px!important;height:48px!important;box-sizing:border-box!important;padding:0 18px!important;
    border:2px solid rgba(255,255,255,.7)!important;border-radius:999px!important;
    background:#f9e8ff!important;color:#5b159d!important;
    font:700 1.05rem/1 'Segoe Print','Comic Sans MS',cursive!important;
    text-align:center!important;text-decoration:none!important;white-space:nowrap!important;
    clip:auto!important;clip-path:none!important;overflow:visible!important;
    box-shadow:0 2px 8px rgba(58,29,88,.18)!important;cursor:pointer!important;
    pointer-events:auto!important;z-index:30!important;
  }

  body.page-about main .about-section>.about-family-art,
  body.page-about main .about-section>.about-photo-stage{
    width:min(52vw,640px)!important;max-width:640px!important;
    margin-left:auto!important;margin-right:auto!important;flex:none!important;
  }
  body.page-about main .about-section>.about-family-art{aspect-ratio:512/313!important;}
  body.page-about main .about-section>.about-photo-stage{aspect-ratio:512/313!important;}
}

/* v17: final desktop cascade and proportional hero sizing. */
@media(min-width:761px){
  body.page-home main .hero{
    width:min(100%,1024px)!important;max-width:1024px!important;
    height:auto!important;min-height:0!important;aspect-ratio:1024/447!important;
    margin-left:auto!important;margin-right:auto!important;
    background-size:100% 100%!important;
  }
  body.page-home main .about-section>div.reference-family-copy{
    left:2%!important;top:13%!important;width:38%!important;
  }
  body.page-home main .about-section>div.reference-family-copy>.eyebrow,
  body.page-home main .about-section>div.reference-family-copy>p{
    width:88%!important;max-width:88%!important;
  }
  body.page-home main .about-section>div.reference-family-copy>p{
    font-size:clamp(1.2rem,1.35vw,1.4rem)!important;
  }
  body.page-home main .reference-cta>a.cta{
    right:calc(3% + 50px)!important;
  }
}

/* v18: crop only the approved desktop artwork, preserve its proportions, and
   remove the separate purple homepage footer beneath the pastry banner. */
@media(min-width:761px){
  body.page-home main{background:#e8d8fb!important;}
  body.page-home main .hero{
    width:min(100%,1024px)!important;max-width:1024px!important;
    height:auto!important;min-height:0!important;aspect-ratio:1024/420!important;
    background:#d8c1f3 url('brand/reference-hero-cropped.webp') center top/100% 100% no-repeat!important;
  }
  body.page-home main .about-section>div.reference-family-copy{
    left:0!important;top:15%!important;width:50%!important;
  }
  body.page-home main .about-section>div.reference-family-copy>.eyebrow,
  body.page-home main .about-section>div.reference-family-copy>p{
    width:78%!important;max-width:78%!important;
  }
  body.page-home main .reference-cta>a.cta{right:100px!important;}
  body.page-home footer.footer{display:none!important;}
}

/* v21: authoritative desktop corrections. This block is intentionally at
   the end of the stylesheet because this file is loaded repeatedly by the
   legacy page shell. It therefore wins over every earlier desktop rule. */
@media(min-width:761px){
  /* Put the live family copy in the open area of the textless cloud and keep
     its right edge clear of the flags. */
  body.page-home main .about-section>div.reference-family-copy{
    display:flex!important;visibility:visible!important;opacity:1!important;
    left:0!important;top:14%!important;width:58%!important;height:auto!important;
    align-items:center!important;text-align:center!important;z-index:4!important;
  }
  body.page-home main .about-section>div.reference-family-copy>.eyebrow,
  body.page-home main .about-section>div.reference-family-copy>p{
    display:block!important;visibility:visible!important;opacity:1!important;
    width:70%!important;max-width:520px!important;margin-left:auto!important;
    margin-right:auto!important;text-align:center!important;
    font-family:'Segoe Print','Comic Sans MS',cursive!important;
    color:#5b159d!important;letter-spacing:0!important;
  }
  body.page-home main .about-section>div.reference-family-copy>.eyebrow{
    font-size:clamp(1.55rem,2.15vw,2.25rem)!important;
    line-height:1.06!important;margin-top:0!important;margin-bottom:.35em!important;
  }
  body.page-home main .about-section>div.reference-family-copy>p{
    font-size:clamp(1.05rem,1.18vw,1.22rem)!important;
    line-height:1.34!important;margin-top:0!important;
  }

  /* Use the cropped pastry banner asset; the purple heart strip is not part
     of this image and must not be supplied by the old footer asset. */
  body.page-home main .reference-cta{
    display:block!important;position:relative!important;overflow:hidden!important;
    width:100%!important;max-width:none!important;height:112px!important;
    min-height:0!important;margin:0!important;padding:0!important;
    background:#eadcf8 url('brand/reference-life-banner-clean.webp') center top/100% 100% no-repeat!important;
  }
  body.page-home main .reference-cta:before,
  body.page-home main .reference-cta:after{
    content:none!important;display:none!important;
  }
  body.page-home main .reference-cta>.footer-banner-copy{display:none!important;}

  /* The larger right value moves the visible pill 50px to the left from the
     previous right:100px position. */
  body.page-home main .reference-cta>a.cta{
    display:flex!important;visibility:visible!important;opacity:1!important;
    position:absolute!important;right:150px!important;top:50%!important;
    transform:translateY(-50%)!important;align-items:center!important;
    justify-content:center!important;width:220px!important;height:48px!important;
    padding:0 18px!important;box-sizing:border-box!important;
    border:2px solid rgba(255,255,255,.7)!important;border-radius:999px!important;
    background:#f9e8ff!important;color:#5b159d!important;
    font:700 1.05rem/1 'Segoe Print','Comic Sans MS',cursive!important;
    text-align:center!important;text-decoration:none!important;white-space:nowrap!important;
    clip:auto!important;clip-path:none!important;overflow:visible!important;
    box-shadow:0 2px 8px rgba(58,29,88,.18)!important;cursor:pointer!important;
    pointer-events:auto!important;z-index:30!important;
  }

  /* The old stylesheet hid the real footer. Restore it after the banner. */
  body.page-home footer.footer{
    display:grid!important;visibility:visible!important;opacity:1!important;
    min-height:76px!important;margin:0!important;padding:18px 6vw!important;
    background:#5b2a86!important;color:#fff!important;border:0!important;
    text-align:center!important;
  }
  body.page-home footer.footer a,
  body.page-home footer.footer strong,
  body.page-home footer.footer small{color:#fff!important;}
}