/* Maison Miel Journal V3 — deliberately mirrors Home composition without modifying Home. */
body.journal-index{background:#fff8ea!important;color:#2e1e10}
body.journal-index .journal-v3-main{overflow:hidden;background:#fff8ea;padding-top:0}

.jv3-hero{
  position:relative;
  min-height:760px;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 40%,rgba(230,164,42,.10),transparent 31%),
    linear-gradient(180deg,#fffaf1 0%,#fff7e6 100%);
}
.jv3-hero-inner{
  width:min(1360px,calc(100% - 80px));
  min-height:760px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(400px,.82fr) minmax(560px,1.18fr);
  align-items:center;
  gap:42px;
  padding:118px 0 58px;
  position:relative;
  z-index:2;
}
.jv3-copy{max-width:575px;padding-top:10px}
.jv3-kicker{
  display:block;
  margin-bottom:20px;
  font:700 11px/1.2 Arial,sans-serif;
  letter-spacing:.27em;
  text-transform:uppercase;
  color:#b16f12;
}
.jv3-copy h1{
  margin:0 0 26px;
  max-width:570px;
  font-family:Baskerville,"Times New Roman",serif;
  font-size:clamp(58px,5.4vw,88px);
  line-height:.96;
  font-weight:400;
  letter-spacing:-.038em;
  color:#302012;
}
.jv3-copy p{
  max-width:490px;
  margin:0 0 34px;
  font:400 18px/1.72 Arial,sans-serif;
  color:#765f47;
}
.jv3-cta{
  display:inline-flex;
  align-items:center;
  gap:0;
  height:54px;
  padding-left:25px;
  color:#2d2015;
  text-decoration:none;
  border:1px solid rgba(102,73,40,.26);
  background:rgba(255,250,240,.58);
}
.jv3-cta>span:first-child{padding-right:22px;font:600 14px/1 Arial,sans-serif}
.jv3-cta-arrow{
  width:54px;height:54px;
  display:grid;place-items:center;
  border-left:1px solid rgba(102,73,40,.26);
  font-size:20px;
  transition:transform .25s ease;
}
.jv3-cta:hover .jv3-cta-arrow{transform:translateX(3px)}

.jv3-scene{position:relative;height:590px;align-self:center}
.jv3-glow{
  position:absolute;
  width:520px;height:520px;
  right:30px;top:20px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(236,182,73,.18),rgba(255,248,232,0) 70%);
  filter:blur(6px);
}
.jv3-scene-main{
  position:absolute;
  width:min(620px,82%);
  height:510px;
  right:0;top:22px;
  object-fit:cover;
  object-position:center;
  box-shadow:0 24px 58px rgba(89,57,19,.08);
}
.jv3-scene-detail{
  position:absolute;
  width:210px;
  height:250px;
  left:18px;
  bottom:12px;
  object-fit:cover;
  object-position:center;
  box-shadow:0 18px 42px rgba(63,38,13,.12);
}
.jv3-scene-floral{
  position:absolute;
  width:220px;
  right:-72px;
  bottom:-12px;
  opacity:.36;
  pointer-events:none;
}
.jv3-scene-bee{
  position:absolute;
  width:64px;
  left:173px;
  top:44px;
  transform:rotate(-9deg);
  filter:drop-shadow(0 8px 8px rgba(65,42,14,.13));
}
.jv3-ghost-flowers{
  position:absolute;
  width:240px;
  left:-92px;
  bottom:6px;
  opacity:.12;
  pointer-events:none;
}

.jv3-stories{
  position:relative;
  background:#f7e7c5;
  padding:92px 0 118px;
}
.jv3-stories::before{
  content:"";
  position:absolute;
  left:0;right:0;top:-48px;height:48px;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(247,231,197,0),#f7e7c5 100%);
}
.jv3-stories-intro{text-align:center;width:min(720px,calc(100% - 40px));margin:0 auto 64px}
.jv3-stories-intro .jv3-kicker{margin-bottom:16px}
.jv3-stories-intro h2{
  margin:0;
  font-family:Baskerville,"Times New Roman",serif;
  font-size:clamp(46px,4vw,66px);
  line-height:.98;
  font-weight:400;
  letter-spacing:-.03em;
}
.jv3-mark{height:19px;margin:20px auto 0;display:flex;align-items:center;justify-content:center;gap:2px}
.jv3-mark i{display:block;width:2px;background:#dfa03c;border-radius:99px}
.jv3-mark i:nth-child(1),.jv3-mark i:nth-child(5){height:5px}
.jv3-mark i:nth-child(2),.jv3-mark i:nth-child(4){height:10px}
.jv3-mark i:nth-child(3){height:15px}

.jv3-grid{
  width:min(1320px,calc(100% - 80px));
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:72px 44px;
}
.jv3-story{display:block;text-decoration:none;color:inherit;min-width:0}
.jv3-story-image{
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#ead8b6;
}
.jv3-story-image img{
  width:100%;height:100%;display:block;object-fit:cover;
  transition:transform .65s cubic-bezier(.2,.65,.2,1);
}
.jv3-story:hover .jv3-story-image img{transform:scale(1.018)}
.jv3-story-copy{padding:24px 0 0;max-width:570px}
.jv3-meta{
  display:block;margin-bottom:10px;
  font:700 10px/1.2 Arial,sans-serif;
  text-transform:uppercase;letter-spacing:.24em;color:#af6f17;
}
.jv3-story h3{
  margin:0 0 14px;
  font-family:Baskerville,"Times New Roman",serif;
  font-size:clamp(32px,2.5vw,43px);
  line-height:1.02;
  font-weight:400;
  letter-spacing:-.025em;
}
.jv3-story p{margin:0 0 18px;max-width:500px;font:400 16px/1.65 Arial,sans-serif;color:#715941}
.jv3-link{font:600 13px/1.2 Arial,sans-serif;color:#342313}
.jv3-link b{font-weight:400;margin-left:8px;transition:margin .2s ease}
.jv3-story:hover .jv3-link b{margin-left:12px}

@media(max-width:1050px){
  .jv3-hero-inner{grid-template-columns:.88fr 1.12fr;width:min(100% - 48px,1180px);gap:28px}
  .jv3-copy h1{font-size:clamp(52px,6vw,72px)}
  .jv3-scene{height:520px}
  .jv3-scene-main{height:455px;width:84%}
  .jv3-scene-detail{width:170px;height:210px}
  .jv3-grid{width:calc(100% - 48px);gap:58px 30px}
}

@media(max-width:820px){
  .jv3-hero{min-height:0}
  .jv3-hero-inner{
    min-height:0;
    width:calc(100% - 32px);
    grid-template-columns:1fr;
    gap:38px;
    padding:94px 0 76px;
  }
  .jv3-copy{max-width:620px;padding:0}
  .jv3-copy h1{font-size:clamp(46px,11vw,66px);max-width:610px}
  .jv3-copy p{font-size:16px;max-width:560px}
  .jv3-scene{height:min(112vw,590px);width:100%}
  .jv3-scene-main{width:88%;height:82%;top:0;right:0}
  .jv3-scene-detail{width:36%;height:40%;left:0;bottom:0}
  .jv3-scene-bee{width:50px;left:12%;top:3%}
  .jv3-scene-floral{width:170px;right:-66px;bottom:-18px}
  .jv3-ghost-flowers{display:none}
  .jv3-stories{padding:74px 0 90px}
  .jv3-stories-intro{margin-bottom:46px}
  .jv3-grid{width:calc(100% - 32px);grid-template-columns:1fr;gap:58px}
  .jv3-story-image{aspect-ratio:4/3}
  .jv3-story-copy{padding-top:20px}
}

@media(max-width:430px){
  .jv3-hero-inner{padding-top:82px}
  .jv3-copy h1{font-size:45px;line-height:.98}
  .jv3-copy p{line-height:1.62}
  .jv3-cta{height:50px}
  .jv3-cta-arrow{width:50px;height:50px}
  .jv3-scene{height:455px}
  .jv3-scene-main{height:365px;width:90%}
  .jv3-scene-detail{height:160px;width:42%}
  .jv3-scene-bee{left:7%;top:0}
  .jv3-stories-intro h2{font-size:43px}
  .jv3-grid{gap:48px}
  .jv3-story h3{font-size:34px}
}
/* neutralize global inner-page top spacer; this hero owns its header clearance */
body.journal-index main.journal-v3-main{padding-top:0!important}