/* Monika memoir — consolidated production stylesheet.
   Broad cinematic story bands, responsive editorial text, and watercolor art.
   Scoped to .partner-page so no other Family page is affected. */
.partner-page .parents-story{
  --monika-ink:#153f35;
  --monika-rust:#bd4a28;
  --monika-gold:#d99b2b;
  --monika-paper:#fffaf0;
  --monika-night:#123a32;
  background:var(--monika-paper);
  color:#2d2a25;
  padding-bottom:0;
  overflow:hidden;
}

.partner-page .story-toc{
  width:min(1540px,calc(100% - 6vw));
  max-width:none;
  margin:0 auto;
  padding:24px 0 20px;
  border-bottom:1px solid rgba(21,63,53,.35);
  gap:0;
}
.partner-page .story-toc-item{
  padding:0 28px 12px;
  border-right:1px solid rgba(189,74,40,.45);
}
.partner-page .story-toc-item:first-child{padding-left:0}
.partner-page .story-toc-item:last-child{padding-right:0}
.partner-page .story-toc-item .num{
  color:var(--monika-rust);
  font-size:.68rem;
  letter-spacing:.2em;
  margin-bottom:7px;
}
.partner-page .story-toc-item .t{
  color:#7d2919;
  font-size:1.16rem;
  line-height:1.08;
}

.partner-page .story-body{
  width:100%;
  max-width:none;
  padding:0;
  margin:0;
}
.partner-page .story-chapter{
  --section-bg:var(--monika-paper);
  --section-ink:#403a33;
  --section-head:var(--monika-ink);
  position:relative;
  display:grid;
  grid-template-columns:minmax(300px,.9fr) minmax(520px,1.55fr) minmax(260px,.75fr);
  grid-template-areas:"artleft opening artright" "text text text";
  column-gap:clamp(26px,2.6vw,52px);
  row-gap:18px;
  width:100%;
  margin:0;
  padding:28px max(3vw,calc((100vw - 1600px)/2)) 34px;
  background:var(--section-bg);
  color:var(--section-ink);
  border:0;
}
.partner-page #everything-between{--section-bg:linear-gradient(90deg,#cddfc7 0%,#e5eedc 48%,#d2e3cb 100%)}
.partner-page #she-made-room{--section-bg:linear-gradient(90deg,#cce3e8 0%,#e6f1ef 45%,#c7dfe6 100%)}
.partner-page #between-her-and-me{
  --section-bg:var(--monika-night);
  --section-ink:#eef0e9;
  --section-head:#fff2d7;
}

.partner-page .story-chapter-open{
  grid-area:opening;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);
  gap:26px;
  align-items:end;
  width:auto;
  margin:0;
  padding:12px 0 4px;
}
.partner-page .story-kicker{
  margin:0 0 12px;
  color:var(--monika-rust);
  font-size:.72rem;
  letter-spacing:.19em;
}
.partner-page #between-her-and-me .story-kicker{color:#f3a52f}
.partner-page .story-chapter-open h3{
  margin:0;
  color:var(--section-head);
  font-size:clamp(2.4rem,3vw,4rem);
  line-height:1.01;
  letter-spacing:-.035em;
}
.partner-page .story-lede{
  margin:0 0 4px;
  padding-left:20px;
  border-left:2px solid var(--monika-rust);
  color:#744231;
  font-size:clamp(1.04rem,1.08vw,1.26rem);
  line-height:1.42;
}
.partner-page #between-her-and-me .story-lede{
  color:#f5ddb7;
  border-left-color:var(--monika-gold);
}

.partner-page .monika-scene{
  margin:0;
  align-self:end;
  min-width:0;
  pointer-events:none;
}
.partner-page .monika-scene img{
  display:block;
  width:100%;
  height:auto;
  border:0;
  box-shadow:none;
  background:transparent;
}
.partner-page .scene-eiffel{
  grid-area:artleft;
  align-self:stretch;
  display:flex;
  align-items:stretch;
  overflow:visible;
  margin:-18px -1vw -30px -2.5vw;
}
.partner-page .scene-eiffel img{
  width:calc(100% + 4.5vw);
  max-width:none;
  min-height:350px;
  height:100%;
  object-fit:cover;
  object-position:center 52%;
  filter:saturate(.98) contrast(1.01);
}
.partner-page .scene-portrait{
  grid-area:artright;
  align-self:stretch;
  display:flex;
  align-items:end;
  justify-content:center;
  margin:-8px -1vw -28px 0;
}
.partner-page .scene-portrait img{
  max-height:390px;
  width:auto;
  max-width:115%;
  object-fit:contain;
}

.partner-page #everything-between{
  grid-template-columns:minmax(500px,1.08fr) minmax(650px,1.38fr);
  grid-template-areas:"opening artleft" "text text";
  padding-top:18px;
  padding-bottom:24px;
}
.partner-page #everything-between .scene-family{
  grid-area:artleft;
  overflow:visible;
  margin:-30px -2.3vw -28px -5.5vw;
  display:flex;
  align-items:flex-end;
}
.partner-page #everything-between .scene-family img{
  width:calc(100% + 7.5vw);
  max-width:none;
  height:335px;
  max-height:none;
  object-fit:cover;
  object-position:48% 48%;
  margin:0;
}
.partner-page #everything-between .story-chapter-open,
.partner-page #she-made-room .story-chapter-open{
  grid-template-columns:1fr;
  align-self:center;
  padding-top:8px;
}
.partner-page #everything-between .story-lede,
.partner-page #she-made-room .story-lede{max-width:560px}

.partner-page #she-made-room{
  grid-template-columns:minmax(470px,.92fr) minmax(760px,1.55fr);
  grid-template-areas:"opening artright" "text text";
  padding-top:18px;
  padding-bottom:24px;
}
.partner-page #she-made-room .scene-tahoe{
  grid-area:artright;
  overflow:visible;
  margin:-30px -2.8vw -28px -6vw;
  display:flex;
  align-items:flex-end;
}
.partner-page #she-made-room .scene-tahoe img{
  width:calc(100% + 8vw);
  max-width:none;
  height:350px;
  max-height:none;
  object-fit:cover;
  object-position:50% 46%;
  margin:0;
}

.partner-page #between-her-and-me{
  grid-template-columns:minmax(520px,1fr) minmax(720px,1.38fr);
  grid-template-areas:"artleft opening" "text text";
  padding-top:20px;
  padding-bottom:28px;
}
.partner-page #between-her-and-me .scene-together{
  grid-area:artleft;
  margin:-24px 0 -28px -2vw;
  align-self:end;
}
.partner-page #between-her-and-me .scene-together img{
  max-height:365px;
  width:auto;
  max-width:108%;
}
.partner-page #between-her-and-me .story-chapter-open{
  align-self:center;
  padding-top:5px;
}

.partner-page .story-text{
  grid-area:text;
  max-width:none;
  width:100%;
  column-count:4;
  column-gap:clamp(22px,2.1vw,38px);
  column-rule:1px solid rgba(21,63,53,.12);
  padding-top:5px;
}
.partner-page .story-text p{
  break-inside:avoid;
  margin:0 0 .88em;
  color:var(--section-ink);
  font-size:clamp(.96rem,.93vw,1.03rem);
  line-height:1.56;
}
.partner-page .story-text p:first-of-type:first-letter{
  color:var(--monika-rust);
  font-size:4.15rem;
  line-height:.78;
  padding-top:5px;
}
.partner-page #between-her-and-me .story-text{column-rule-color:rgba(255,255,255,.13)}
.partner-page #between-her-and-me .story-text p{color:#eef0e9}
.partner-page .story-pull{
  display:block;
  break-inside:avoid;
  margin:16px 0 18px!important;
  padding:9px 12px!important;
  border-left:3px solid var(--monika-rust)!important;
  background:rgba(255,255,255,.28)!important;
  color:#8d321d!important;
  font:italic 600 1rem/1.46 Georgia,serif!important;
}
.partner-page #between-her-and-me .story-pull{
  color:#ffd779!important;
  border-left-color:var(--monika-gold)!important;
  background:rgba(255,255,255,.055)!important;
}
.partner-page .story-closing{
  break-inside:avoid;
  margin-top:22px!important;
  padding-top:12px!important;
  border-top:1px solid rgba(189,74,40,.3)!important;
  color:var(--section-head)!important;
  font-size:1.12rem!important;
}
.partner-page #between-her-and-me .story-closing{
  border-top:0!important;
  border-left:3px solid var(--monika-gold)!important;
  padding:10px 0 10px 18px!important;
  color:#f7e4b5!important;
  font:italic 500 1.14rem/1.48 Georgia,serif!important;
}
.partner-page #between-her-and-me .story-closing strong{
  display:block;
  margin-top:2px;
  color:#f0aa32;
  font-weight:800;
}

@media (min-width:1451px){
  .partner-page .story-chapter{
    grid-template-columns:minmax(390px,1.08fr) minmax(600px,1.48fr) minmax(330px,.88fr);
    column-gap:clamp(22px,2vw,42px);
    padding:22px max(1.6vw,calc((100vw - 1760px)/2)) 28px;
    min-height:0;
  }
  .partner-page .story-chapter-open{gap:22px;padding:8px 0 2px}
  .partner-page .story-chapter-open h3{font-size:clamp(2.55rem,3.15vw,4.2rem)}
  .partner-page .scene-family img,
  .partner-page .scene-tahoe img,
  .partner-page .scene-together img{filter:saturate(1.03) contrast(1.01)}
}

@media (max-width:1450px) and (min-width:1151px){
  .partner-page .story-chapter{
    grid-template-columns:minmax(390px,1.08fr) minmax(600px,1.48fr) minmax(330px,.88fr);
    column-gap:clamp(22px,2vw,42px);
    padding:22px max(1.6vw,calc((100vw - 1760px)/2)) 28px;
  }
  .partner-page .story-chapter-open{gap:22px;padding:8px 0 2px}
  .partner-page .story-chapter-open h3{font-size:clamp(2.55rem,3.15vw,4.2rem)}
  .partner-page .story-text{column-count:3}
  .partner-page #everything-between .scene-family img{height:315px}
  .partner-page #she-made-room .scene-tahoe img{height:330px}
}

@media(max-width:1150px){
  .partner-page .story-chapter,
  .partner-page #everything-between,
  .partner-page #she-made-room,
  .partner-page #between-her-and-me{
    grid-template-columns:1fr 1fr;
    grid-template-areas:"opening opening" "artleft artright" "text text";
    padding-left:5vw;
    padding-right:5vw;
  }
  .partner-page #everything-between{grid-template-areas:"opening artleft" "text text"}
  .partner-page #she-made-room{grid-template-areas:"opening artright" "text text"}
  .partner-page #between-her-and-me{grid-template-areas:"artleft opening" "text text"}
  .partner-page .story-text{column-count:2}
  .partner-page .scene-eiffel{margin-left:0}
  .partner-page .scene-eiffel img,
  .partner-page #everything-between .scene-family img,
  .partner-page #she-made-room .scene-tahoe img{
    width:100%;
    height:auto;
    max-width:100%;
    min-height:0;
    object-fit:contain;
  }
}

@media(max-width:760px){
  .partner-page .story-toc{
    width:90%;
    grid-template-columns:1fr 1fr;
    gap:18px 10px;
    padding:24px 0 20px;
  }
  .partner-page .story-toc-item{padding:0 10px 8px 0;border-right:0}
  .partner-page .story-chapter,
  .partner-page #everything-between,
  .partner-page #she-made-room,
  .partner-page #between-her-and-me{
    display:block;
    padding:32px 6vw 38px;
  }
  .partner-page .story-chapter-open{display:block;padding:0;margin-bottom:22px}
  .partner-page .story-lede{margin-top:18px}
  .partner-page .monika-scene{margin:0 auto 24px!important;max-width:520px}
  .partner-page .scene-portrait{display:none}
  .partner-page .story-text{column-count:1;padding-top:0}
}