/* r12.css v1 (27 Sep 2026, round 12): Nandita's board, second page. _site/patch-round12.py writes the HTML;
   the catalog is _site/NANDITA-REVIEW-2026-09-27-round12.md.

   1. HER COLLAGE AS THE HERO PICTURE. "Replace the collage to be like my collage": the home page's founder
      collage (.fd7__art in site.css, built 1:1 from her picture: pink gingham card, a taped photo, a polaroid,
      a pink and a yellow note, two hearts, a star) now sits in the hero of eight pages, each with its own
      photos. The main photo shuffles like the old hero picture did (hero-shuffle.js). */
.r12-host{ position:relative; min-width:0; align-self:center; }
.hero--svc .hero__wrap > .r12-host{ grid-column:2; grid-row:2; }
.r12-col{ width:100%; max-width:600px; margin-inline:auto; }
.r12-shuf{ position:relative; }
.r12-col .hero__shuf{ position:absolute; z-index:1; overflow:hidden; border-radius:0; opacity:0; pointer-events:none; }
.r12-col .hero__shuf img{ display:block; width:100%; height:100%; object-fit:cover; }
.r12-col .hero__shuf.is-on{ opacity:1; }
/* "Need it image be square" (community) */
.r12-col--square .fd7__main{ width:54%; top:7%; }
.r12-col--square .fd7__main img{ aspect-ratio:1; }
@media (max-width:980px){
  .r7t-hero__wrap > .r12-host, .mk-hero__wrap > .r12-host{ margin-top:clamp(1rem,4vw,2rem); }
}
@media (max-width:900px){
  .hero--svc .hero__wrap > .r12-host{ grid-column:1; grid-row:3; margin-top:clamp(var(--s6),5vw,var(--s7)); }
}
@media (max-width:640px){
  .r12-col{ max-width:460px; }
  .r12-col .fd7__note{ font-size:.92rem; padding:.55rem .65rem; }
  .r12-col .fd7__mini figcaption{ font-size:.82rem; }
}

/* 2. "BUTTONS": the teen pages' pink buttons were gingham, the words sank into the checks. They are the
      plain pink paint button now (patch removes .r7t-gingham from those links). */

/* 3. SHOP: "Fix the crop of image" (twice). The slider cut the keychains and the high tops to fill its box;
      every picture now shows whole, centred on the pale pink. */
.r10-slider__slide{ position:relative; }
.r10-slider__slide img, .r10-slider__slide:nth-child(n+2) img{ position:absolute; inset:0; width:100%; height:100%; max-height:none; object-fit:contain; }

/* her merch form copy: the hoodie + hat picture sits in the copy column, where her mockup has it */
.r12-merch{ display:block; width:100%; height:auto; margin:.2rem 0 1.1rem; border-radius:18px; background:#FFF3F7; }
.r12-form__lede{ margin:-.3rem 0 1rem; font-size:.86rem; line-height:1.45; color:var(--ink-2); }
/* Shop top half, her mockup 19a321d7 (27 Sep 2026): the small line under the two buttons */
.r12-shop__tag{ margin:var(--s4) 0 0; font-size:.9rem; letter-spacing:.01em; color:var(--ink-2); }