/* Exclusive Essence unified campaign photography.
   The exact catalog products, set, lighting, contact shadows, reflections,
   and background are flattened into each high-resolution WebP below. */

.curated-campaigns{background:linear-gradient(180deg,#fff 0%,#fbf8f1 100%)}
.editorial-flyers{background:linear-gradient(180deg,#fbf8f1 0%,#f3ead9 100%)}
.collection-grid,.flyer-grid{gap:26px}

.collection-card,.flyer-card{
  background-image:var(--card-art)!important;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  border:1px solid rgba(143,105,40,.38);
  border-radius:22px;
  box-shadow:0 18px 44px rgba(53,40,17,.18),0 2px 8px rgba(53,40,17,.1);
  isolation:isolate;
  overflow:hidden;
  transition:transform .34s cubic-bezier(.2,.75,.25,1),box-shadow .34s ease,border-color .34s ease;
}
.collection-card{aspect-ratio:8/5;min-height:0}
.flyer-card{display:flex;align-items:flex-start;justify-content:flex-start;aspect-ratio:4/5;min-height:0}

[data-card-style="mielle"]{--card-art:url('homepage-card-art/v4/featured-mielle.webp')!important}
[data-card-style="bellatique"]{--card-art:url('homepage-card-art/v4/featured-bellatique.webp')!important}
[data-card-style="shea"]{--card-art:url('homepage-card-art/v4/featured-sheamoisture.webp')!important}
[data-card-style="season"]{--card-art:url('homepage-card-art/v4/featured-4-season.webp')!important}
[data-card-style="wash"]{--card-art:url('homepage-card-art/v4/edit-wash-day.webp')!important}
[data-card-style="style"]{--card-art:url('homepage-card-art/v4/edit-styling.webp')!important}
[data-card-style="color"]{--card-art:url('homepage-card-art/v4/edit-color.webp')!important}
.collection-card[data-card-style="mielle"]{--card-accent:#f4cb74}
.collection-card[data-card-style="bellatique"]{--card-accent:#f0c973}
.collection-card[data-card-style="shea"]{--card-accent:#f4d18b}
.collection-card[data-card-style="season"]{--card-accent:#f3ce76}
.flyer-card[data-card-style="wash"]{--edit-accent:#f4d38d}
.flyer-card[data-card-style="style"]{--edit-accent:#f4ca7f}
.flyer-card[data-card-style="color"]{--edit-accent:#f3d08a}

.collection-card::before,.flyer-card::before{
  inset:10px;
  z-index:4;
  border-color:rgba(247,223,170,.34);
  border-radius:14px;
  pointer-events:none;
}
.collection-card::before{box-shadow:inset 0 0 0 1px rgba(0,0,0,.13)}
.flyer-card::before{box-shadow:inset 0 270px 180px -150px rgba(0,0,0,.76),inset 0 0 0 1px rgba(0,0,0,.13)}
.collection-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(8,6,4,.68) 0%,rgba(8,6,4,.46) 31%,rgba(8,6,4,.08) 52%,transparent 72%);
  opacity:1;
  transform:none;
  transition:opacity .34s ease;
  pointer-events:none;
}
.flyer-card::after{top:20px;right:27px;z-index:1;color:rgba(245,211,137,.2);font-size:6.2rem;text-shadow:0 4px 28px rgba(0,0,0,.25)}

.collection-card:hover,.flyer-card:hover{
  transform:translateY(-6px);
  border-color:rgba(190,142,44,.72);
  background-position:center;
  box-shadow:0 28px 62px rgba(53,40,17,.25),0 3px 10px rgba(53,40,17,.12);
}
.collection-card:hover::after{opacity:.88;transform:none}
.collection-card:active,.flyer-card:active{transform:translateY(-2px)}
.collection-card:focus-visible,.flyer-card:focus-visible{outline:3px solid #8c6415;outline-offset:4px}

.collection-card-copy{
  position:relative;
  z-index:3;
  width:47%;
  height:100%;
  padding:30px 8px 28px 32px;
  justify-content:flex-start;
  text-shadow:0 2px 16px rgba(0,0,0,.66);
}
.collection-index{margin:0 0 auto;color:var(--card-accent);font-size:.7rem;line-height:1.35;letter-spacing:.16em}
.collection-title{margin-top:20px;font-size:clamp(1.9rem,2.4vw,2.6rem);line-height:.96;letter-spacing:-.025em}
.collection-title small{margin-top:10px;color:#f8d995;font-size:.67rem;line-height:1.45;letter-spacing:.12em}
.collection-note{max-width:190px;margin-top:14px;color:rgba(255,252,244,.86);font-size:.78rem;line-height:1.55}
.collection-shop,.flyer-cta{
  min-height:42px;
  padding:10px 14px;
  border-color:rgba(245,213,139,.62);
  background:rgba(9,7,5,.62);
  color:#fff5dc;
  box-shadow:0 5px 18px rgba(0,0,0,.14);
  font-size:.67rem;
  line-height:1.2;
}
.collection-shop{margin-top:auto}

.flyer-copy{
  position:relative;
  z-index:3;
  width:100%;
  height:auto;
  padding:30px 29px 46px;
  background:linear-gradient(180deg,rgba(7,5,3,.8) 0%,rgba(7,5,3,.5) 68%,transparent 100%);
  justify-content:flex-start;
  text-shadow:0 2px 16px rgba(0,0,0,.7);
}
.flyer-kicker{margin-bottom:12px;color:var(--edit-accent);font-size:.7rem;line-height:1.35;letter-spacing:.16em}
.flyer-title{max-width:260px;margin-bottom:11px;font-size:clamp(1.8rem,2.25vw,2.36rem);line-height:.96;letter-spacing:-.02em}
.flyer-description{display:none}
.flyer-cta{margin-top:4px}

/* Product packaging is part of the generated photograph, not a floating DOM layer. */
.collection-products,.flyer-products{display:none!important}

@media(max-width:1100px){
  .collection-card-copy{padding:27px 6px 25px 28px}.collection-title{font-size:1.9rem}.collection-note{font-size:.74rem}
  .flyer-copy{padding:27px 25px 43px}.flyer-title{font-size:1.74rem}.flyer-description{font-size:.73rem}
}
@media(max-width:900px){
  .collection-card{aspect-ratio:8/5;min-height:0}.collection-card-copy{width:45%;padding:34px}
  .flyer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flyer-card{aspect-ratio:4/5;min-height:0}.flyer-copy{width:100%;height:auto;padding:30px 28px 45px}.flyer-card:last-child{grid-column:1/-1;width:calc((100% - 26px)/2);justify-self:center}
}
@media(max-width:700px){
  .collection-grid,.flyer-grid{gap:18px}
  .collection-card{aspect-ratio:1.4/1;min-height:0;border-radius:18px;background-position:center}.collection-card::before,.flyer-card::before{inset:8px;border-radius:12px}.collection-card-copy{width:51%;padding:20px 2px 20px 21px}.collection-index{font-size:.62rem}.collection-title{margin-top:11px;font-size:1.45rem}.collection-title small{font-size:.59rem}.collection-note{display:none}.collection-shop{min-height:38px;margin-top:auto;padding:8px 10px;font-size:.59rem}
  .flyer-card{border-radius:18px}.flyer-copy{padding:27px 24px 42px}.flyer-card::after{top:17px;right:22px;font-size:5.1rem}.flyer-title{font-size:1.78rem}
}
@media(max-width:620px){
  .flyer-grid{grid-template-columns:1fr}.flyer-card:last-child{grid-column:auto;width:100%}
}
@media(max-width:430px){
  .collection-card{aspect-ratio:1.36/1}.collection-card-copy{width:53%;padding-left:19px}.collection-title{font-size:1.34rem}.collection-title small{font-size:.56rem}.collection-shop{letter-spacing:.07em}
  .flyer-copy{padding-left:22px}.flyer-title{font-size:1.68rem}
}
@media(prefers-reduced-motion:reduce){.collection-card,.collection-card::after,.flyer-card{transition:none!important}}