/* ============================================================
   PHOTOGRAPHY — maps each plate slot to a real image.
   Real campaign photos + product stills live in assets/img/.
   To swap any image, change its url() below.
   ============================================================ */

/* Category heroes + homepage collection tiles (worn / editorial) */
.plate[data-photo="cat-rings"]     { --img: url("../img/hero-hand.jpg");        --focus: center 40%; }
.plate[data-photo="cat-necklaces"] { --img: url("../img/worn-earnecklace.jpg"); --focus: center 30%; }
.plate[data-photo="cat-earrings"]  { --img: url("../img/worn-earnecklace.jpg"); --focus: center 20%; }
.plate[data-photo="cat-bracelets"] { --img: url("../img/worn-bracelet.jpg");    --focus: center 40%; }
.plate[data-photo="cat-sets"]      { --img: url("../img/look-full.jpg");        --focus: center 25%; }

/* Hero fallback slot (if ever used as an image) */
.plate[data-photo="hero-hand"]     { --img: url("../img/hero-hand.jpg");        --focus: center 36%; }

/* Shop-the-look editorial models */
.plate[data-photo="look-01"] { --img: url("../img/look-full.jpg");        --focus: center 24%; }
.plate[data-photo="look-02"] { --img: url("../img/worn-earnecklace.jpg"); --focus: center 26%; }
.plate[data-photo="look-03"] { --img: url("../img/look-full.jpg");        --focus: center 24%; }

/* Brand story + About */
.plate[data-photo="story-portrait"] { --img: url("../img/look-full.jpg");        --focus: center 22%; }
.plate[data-photo="about-hero"]     { --img: url("../img/look-full.jpg");        --focus: center 28%; }
.plate[data-photo="about-1"]        { --img: url("../img/hero-hand.jpg");        --focus: center 40%; }
.plate[data-photo="about-2"]        { --img: url("../img/necklace-sapphire.jpg"); --focus: center 45%; }

/* Journal */
.plate[data-photo="journal-1"] { --img: url("../img/necklace-sapphire.jpg"); --focus: center 40%; }
.plate[data-photo="journal-2"] { --img: url("../img/prod-pearl.jpg");        --focus: center 50%; }
.plate[data-photo="journal-3"] { --img: url("../img/hero-hand.jpg");         --focus: center 40%; }
.plate[data-photo="journal-4"] { --img: url("../img/worn-earnecklace.jpg");  --focus: center 30%; }
.plate[data-photo="journal-5"] { --img: url("../img/prod-pendant.jpg");      --focus: center 50%; }