/*
  Maison Miel — inner-page image language
  Purpose: make all inner-page imagery follow the Home page's visual logic:
  large integrated scenes, soft cream fades, floating product cutouts,
  no disconnected editorial rectangles. Header, footer, Home and Shop are untouched.
*/

/* ---------- ABOUT: one cinematic image stage, like Home ---------- */
body.about-editorial main{background:#f7e7c5}
body.about-editorial .editorial-hero.about-hero{
  position:relative;
  min-height:790px;
  padding:0;
  overflow:hidden;
  isolation:isolate;
  background:#f7e7c5;
}
body.about-editorial .editorial-hero .hero-grid{
  position:relative;
  min-height:790px;
  display:block;
}
body.about-editorial .editorial-hero .hero-media{
  position:absolute;
  z-index:0;
  top:0;
  bottom:0;
  left:calc((100vw - 100%) / -2);
  right:calc((100vw - 100%) / -2);
  min-height:0;
}
body.about-editorial .editorial-hero .hero-media img{
  width:100%;height:100%;min-height:0;
  display:block;object-fit:cover;object-position:center 48%;
  border-radius:0;
  filter:saturate(.88) contrast(.97) brightness(1.03);
}
body.about-editorial .editorial-hero .hero-media::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,#f7e7c5 0%,rgba(247,231,197,.96) 23%,rgba(247,231,197,.78) 39%,rgba(247,231,197,.18) 62%,rgba(247,231,197,0) 78%),
    linear-gradient(180deg,#f7e7c5 0%,rgba(247,231,197,0) 15%,rgba(247,231,197,0) 78%,#f7e7c5 100%);
}
body.about-editorial .editorial-hero .hero-copy{
  position:absolute;z-index:3;
  left:0;top:50%;transform:translateY(-46%);
  width:min(520px,43vw);padding:0;
}
body.about-editorial .editorial-hero h1{font-size:clamp(62px,6.6vw,106px);max-width:620px}
body.about-editorial .editorial-hero .lead{max-width:500px}
body.about-editorial .editorial-hero .hero-note{
  z-index:3;left:auto;right:clamp(28px,5vw,90px);bottom:58px;
  width:220px;background:rgba(255,248,233,.78);border:1px solid rgba(139,92,27,.12);
  backdrop-filter:blur(12px);
}

/* About story images become edge-integrated scenes instead of boxed photos. */
body.about-editorial .story-chapter{
  position:relative;overflow:hidden;padding:0;min-height:650px;
  background:#fbf2df;
}
body.about-editorial .story-chapter.alt{background:#f4e2bf}
body.about-editorial .story-chapter .chapter-grid{
  position:relative;min-height:650px;display:grid;
  grid-template-columns:1fr 1fr;gap:0;align-items:center;
}
body.about-editorial .story-chapter .chapter-media{
  position:absolute;z-index:0;top:0;bottom:0;
  left:calc((100vw - 100%) / -2);width:min(61vw,980px);
}
body.about-editorial .story-chapter .chapter-media img{
  width:100%;height:100%;display:block;object-fit:cover;border-radius:0;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 72%,rgba(0,0,0,.72) 84%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 72%,rgba(0,0,0,.72) 84%,transparent 100%);
}
body.about-editorial .story-chapter .chapter-copy{
  position:relative;z-index:2;grid-column:2;
  width:min(520px,88%);justify-self:end;padding:70px 0 70px 62px;
}
body.about-editorial .story-chapter.reverse .chapter-media{
  left:auto;right:calc((100vw - 100%) / -2);
}
body.about-editorial .story-chapter.reverse .chapter-media img{
  -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 72%,rgba(0,0,0,.72) 84%,transparent 100%);
  mask-image:linear-gradient(270deg,#000 0%,#000 72%,rgba(0,0,0,.72) 84%,transparent 100%);
}
body.about-editorial .story-chapter.reverse .chapter-copy{
  grid-column:1;justify-self:start;padding:70px 62px 70px 0;
}

/* ---------- BEE PRODUCTS: floating cutouts + full-width nature scene ---------- */
body.brand-editorial .discovery-hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 77% 52%,rgba(230,173,61,.16),transparent 24%),
    linear-gradient(180deg,#fbf3e4 0%,#fff8ea 100%);
}
body.brand-editorial .collection-stage{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#fff8ea 0%,#fffaf1 100%);
}
body.brand-editorial .collection-stage::before{
  content:"";position:absolute;left:-90px;bottom:-135px;width:300px;height:300px;
  background:url('assets/honeycomb-left.png') center/contain no-repeat;opacity:.18;pointer-events:none;
}
body.brand-editorial .collection-stage::after{
  content:"";position:absolute;right:-58px;top:40px;width:220px;height:330px;
  background:url('assets/floral-right.png') center/contain no-repeat;opacity:.16;pointer-events:none;
}
body.brand-editorial .collection-stage .jar-stage{position:relative;z-index:1}
body.brand-editorial .collection-stage .jar-stage img{
  background:transparent!important;filter:drop-shadow(0 24px 22px rgba(115,70,9,.09));
}
body.brand-editorial .collection-story{
  position:relative;padding:0;min-height:700px;overflow:hidden;background:#f7e7c5;
}
body.brand-editorial .collection-story .wrap{
  width:100%;max-width:none;min-height:700px;position:relative;
}
body.brand-editorial .collection-story .wide-image{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 87%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 87%,transparent 100%);
}
body.brand-editorial .collection-story .wrap::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(247,231,197,.94) 0%,rgba(247,231,197,.78) 30%,rgba(247,231,197,.12) 56%,rgba(247,231,197,0) 72%);
}
body.brand-editorial .collection-story .story-caption{
  position:relative;z-index:2;width:min(1320px,calc(100% - 64px));min-height:700px;
  margin:0 auto;display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:0;align-content:center;
}
body.brand-editorial .collection-story .story-caption h2{grid-column:1;margin:0 0 28px}
body.brand-editorial .collection-story .story-caption>div{grid-column:1}

/* ---------- JOURNAL: images behave like Home's large integrated scenes ---------- */
body.journal-index main{background:#fffaf1}
body.journal-index .featured-story{padding:0;background:#f7e7c5}
body.journal-index .featured-story .wrap{width:100%;max-width:none}
body.journal-index .featured-story .feature-card{
  position:relative;display:block;min-height:720px;overflow:hidden;background:#f7e7c5;
}
body.journal-index .featured-story .feature-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:saturate(.88) contrast(.98);
}
body.journal-index .featured-story .feature-card::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(247,231,197,0) 24%,rgba(247,231,197,.10) 42%,rgba(247,231,197,.72) 64%,#f7e7c5 86%),
    linear-gradient(180deg,#f7e7c5 0%,rgba(247,231,197,0) 12%,rgba(247,231,197,0) 86%,#f7e7c5 100%);
}
body.journal-index .featured-story .feature-copy{
  position:absolute;z-index:2;right:clamp(28px,7vw,130px);top:50%;transform:translateY(-50%);
  width:min(470px,36vw);padding:0;background:transparent;
}
body.journal-index .journal-list{padding:0;background:#fbf3e4}
body.journal-index .journal-list .wrap{width:100%;max-width:none}
body.journal-index .journal-list .journal-row{
  position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;
  min-height:470px;padding:0;overflow:hidden;border:0;background:#fbf3e4;
}
body.journal-index .journal-list .journal-row:nth-child(even){background:#f4e3c2}
body.journal-index .journal-list .journal-row img{
  position:absolute;left:0;top:0;bottom:0;width:58%;height:100%;object-fit:cover;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 74%,rgba(0,0,0,.66) 86%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 74%,rgba(0,0,0,.66) 86%,transparent 100%);
}
body.journal-index .journal-list .journal-row .row-copy{
  position:relative;z-index:2;grid-column:2;width:min(520px,78%);justify-self:center;align-self:center;
}
body.journal-index .journal-list .journal-row .row-index{
  position:absolute;z-index:2;right:5.4vw;top:46px;font-size:56px;
}
body.journal-index .journal-list .journal-row:nth-child(even) img{
  left:auto;right:0;
  -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 74%,rgba(0,0,0,.66) 86%,transparent 100%);
  mask-image:linear-gradient(270deg,#000 0%,#000 74%,rgba(0,0,0,.66) 86%,transparent 100%);
}
body.journal-index .journal-list .journal-row:nth-child(even) .row-copy{grid-column:1}
body.journal-index .journal-list .journal-row:nth-child(even) .row-index{right:auto;left:5.4vw}

/* Journal articles: edge-to-edge hero image with soft page-color fade. */
body.journal-article-page .article-editorial{padding-top:138px}
body.journal-article-page .article-hero-image{
  width:100%;max-width:none;height:min(720px,64vw);margin:0 0 86px;
  object-fit:cover;display:block;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 90%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 90%,transparent 100%);
}

/* ---------- CONTACT: one integrated visual field instead of a small inserted photo ---------- */
body.contact-page .contact-editorial{padding:0;background:#fffaf1;overflow:hidden}
body.contact-page .contact-layout{
  width:100%;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:850px;
}
body.contact-page .contact-intro{
  position:relative;top:auto;min-height:850px;padding:130px clamp(42px,7vw,118px) 92px;
  display:flex;flex-direction:column;justify-content:center;overflow:hidden;
}
body.contact-page .contact-intro::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(247,231,197,.98) 0%,rgba(247,231,197,.86) 42%,rgba(247,231,197,.40) 72%,rgba(247,231,197,.08) 100%),
    linear-gradient(180deg,#f7e7c5 0%,rgba(247,231,197,0) 18%,rgba(247,231,197,0) 82%,#f7e7c5 100%);
}
body.contact-page .contact-image{
  position:absolute;z-index:0;inset:0;width:100%;height:100%;margin:0;object-fit:cover;border-radius:0;
  filter:saturate(.86) brightness(1.03);
}
body.contact-page .contact-intro>.kicker,
body.contact-page .contact-intro>h1,
body.contact-page .contact-intro>p,
body.contact-page .contact-meta{position:relative;z-index:2}
body.contact-page .contact-intro>h1{max-width:620px}
body.contact-page .contact-intro>p{max-width:470px}
body.contact-page .contact-meta{max-width:500px}
body.contact-page .contact-form-shell{
  padding:150px clamp(42px,7vw,118px) 110px;background:#fffaf1;display:flex;align-items:center;
}
body.contact-page .contact-form-shell form{width:100%;max-width:620px;margin:0 auto}

/* ---------- PRODUCT DETAIL: image placement mirrors Home's floating product scene ---------- */
body.product-editorial .product-detail{
  position:relative;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(ellipse at 27% 53%,rgba(231,177,72,.18),transparent 30%),
    linear-gradient(180deg,#fbf3e4 0%,#fffaf1 100%);
}
body.product-editorial .product-main-image{background:transparent!important}
body.product-editorial .product-main-image::before{
  width:72%!important;border-color:rgba(188,128,31,.13)!important;
  background:radial-gradient(circle,rgba(255,227,163,.28),transparent 67%);
}
body.product-editorial .product-main-image img{
  filter:drop-shadow(0 30px 26px rgba(111,66,8,.09));
}
body.product-editorial .mood-band{
  position:relative!important;min-height:650px!important;padding:0!important;overflow:hidden!important;background:#f1dfbd!important;
}
body.product-editorial .mood-grid{
  position:relative!important;width:100%!important;max-width:none!important;min-height:650px!important;
  display:block!important;
}
body.product-editorial .mood-grid img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 90%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 90%,transparent 100%);
}
body.product-editorial .mood-grid::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,#f1dfbd 0%,rgba(241,223,189,.88) 30%,rgba(241,223,189,.28) 56%,rgba(241,223,189,0) 72%);
}
body.product-editorial .mood-copy{
  position:relative!important;z-index:2!important;width:min(520px,calc(100% - 64px));
  min-height:650px;margin-left:max(32px,calc((100vw - 1320px)/2));
  display:flex;flex-direction:column;justify-content:center;padding:0!important;
}
body.product-editorial .related-item img{
  background:transparent!important;filter:drop-shadow(0 18px 18px rgba(113,67,8,.07));
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:980px){
  body.about-editorial .editorial-hero.about-hero,
  body.about-editorial .editorial-hero .hero-grid{min-height:720px}
  body.about-editorial .editorial-hero .hero-copy{width:min(500px,52vw)}
  body.about-editorial .story-chapter .chapter-media{width:62vw}
  body.journal-index .featured-story .feature-copy{width:min(460px,43vw)}
  body.contact-page .contact-layout{grid-template-columns:.96fr 1.04fr}
}

@media(max-width:820px){
  body.about-editorial .editorial-hero.about-hero{min-height:760px}
  body.about-editorial .editorial-hero .hero-grid{min-height:760px;width:100%}
  body.about-editorial .editorial-hero .hero-media{left:0;right:0}
  body.about-editorial .editorial-hero .hero-media img{object-position:63% center}
  body.about-editorial .editorial-hero .hero-media::before{
    background:linear-gradient(180deg,rgba(247,231,197,.10) 0%,rgba(247,231,197,.18) 38%,rgba(247,231,197,.86) 69%,#f7e7c5 100%);
  }
  body.about-editorial .editorial-hero .hero-copy{
    left:18px;right:18px;top:auto;bottom:54px;transform:none;width:auto;padding:0;
  }
  body.about-editorial .editorial-hero .hero-note{display:none}
  body.about-editorial .editorial-hero h1{font-size:clamp(54px,15vw,78px)}

  body.about-editorial .story-chapter,
  body.about-editorial .story-chapter .chapter-grid{min-height:auto}
  body.about-editorial .story-chapter .chapter-grid{display:block;width:100%}
  body.about-editorial .story-chapter .chapter-media,
  body.about-editorial .story-chapter.reverse .chapter-media{
    position:relative;left:auto;right:auto;width:100%;height:430px;
  }
  body.about-editorial .story-chapter .chapter-media img,
  body.about-editorial .story-chapter.reverse .chapter-media img{
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 75%,rgba(0,0,0,.72) 87%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 75%,rgba(0,0,0,.72) 87%,transparent 100%);
  }
  body.about-editorial .story-chapter .chapter-copy,
  body.about-editorial .story-chapter.reverse .chapter-copy{
    width:calc(100% - 36px);padding:18px 0 72px;justify-self:auto;margin:0 auto;
  }

  body.brand-editorial .collection-story,
  body.brand-editorial .collection-story .wrap{min-height:680px}
  body.brand-editorial .collection-story .wrap::after{
    background:linear-gradient(180deg,rgba(247,231,197,0) 22%,rgba(247,231,197,.30) 50%,rgba(247,231,197,.94) 72%,#f7e7c5 100%);
  }
  body.brand-editorial .collection-story .story-caption{
    width:calc(100% - 36px);min-height:680px;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:72px;
  }

  body.journal-index .featured-story .feature-card{min-height:680px}
  body.journal-index .featured-story .feature-card::after{
    background:linear-gradient(180deg,rgba(247,231,197,0) 25%,rgba(247,231,197,.28) 50%,rgba(247,231,197,.92) 70%,#f7e7c5 100%);
  }
  body.journal-index .featured-story .feature-copy{
    left:20px;right:20px;top:auto;bottom:54px;transform:none;width:auto;
  }
  body.journal-index .journal-list .journal-row{min-height:610px;display:block}
  body.journal-index .journal-list .journal-row img,
  body.journal-index .journal-list .journal-row:nth-child(even) img{
    left:0;right:0;top:0;width:100%;height:66%;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 72%,rgba(0,0,0,.62) 86%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 72%,rgba(0,0,0,.62) 86%,transparent 100%);
  }
  body.journal-index .journal-list .journal-row .row-copy,
  body.journal-index .journal-list .journal-row:nth-child(even) .row-copy{
    position:absolute;left:20px;right:20px;bottom:48px;width:auto;
  }
  body.journal-index .journal-list .journal-row .row-index,
  body.journal-index .journal-list .journal-row:nth-child(even) .row-index{left:20px;right:auto;top:24px}

  body.journal-article-page .article-hero-image{height:62vh;min-height:420px}

  body.contact-page .contact-layout{grid-template-columns:1fr}
  body.contact-page .contact-intro{min-height:680px;padding:80px 20px 62px;justify-content:flex-end}
  body.contact-page .contact-intro::after{
    background:linear-gradient(180deg,rgba(247,231,197,.04) 15%,rgba(247,231,197,.24) 44%,rgba(247,231,197,.90) 70%,#f7e7c5 100%);
  }
  body.contact-page .contact-form-shell{padding:76px 20px 88px}

  body.product-editorial .mood-band,
  body.product-editorial .mood-grid{min-height:610px!important}
  body.product-editorial .mood-grid::after{
    background:linear-gradient(180deg,rgba(241,223,189,0) 22%,rgba(241,223,189,.30) 49%,rgba(241,223,189,.94) 72%,#f1dfbd 100%);
  }
  body.product-editorial .mood-copy{
    width:calc(100% - 36px);min-height:610px;margin:0 auto;justify-content:flex-end;padding-bottom:64px!important;
  }
}

@media(max-width:430px){
  body.about-editorial .editorial-hero.about-hero,
  body.about-editorial .editorial-hero .hero-grid{min-height:700px}
  body.about-editorial .story-chapter .chapter-media,
  body.about-editorial .story-chapter.reverse .chapter-media{height:350px}
  body.journal-index .featured-story .feature-card{min-height:620px}
  body.journal-index .journal-list .journal-row{min-height:570px}
  body.contact-page .contact-intro{min-height:620px}
  body.product-editorial .mood-band,
  body.product-editorial .mood-grid{min-height:560px!important}
  body.product-editorial .mood-copy{min-height:560px}
}