/* Mediation Group — The Dhaka Home Journal / Society Editorial v2 */
.magazine-journal{
  --jm-paper:#efe9de;
  --jm-paper-hi:#f7f2e9;
  --jm-ink:#071e35;
  --jm-muted:#625f58;
  --jm-ox:#8c2e3c;
  --jm-gold:#b08a3f;
  --jm-line:rgba(7,30,53,.22);
  --jm-serif:"Bodoni 72","Didot","Baskerville","Iowan Old Style","Times New Roman",serif;
  --jm-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --jm-gutter:clamp(1.2rem,3.25vw,4rem);
  background:var(--jm-paper);
  color:var(--jm-ink);
}
.magazine-journal main{overflow:hidden;background:var(--jm-paper)}
.magazine-journal img{display:block;width:100%;height:100%;object-fit:cover}
.magazine-journal a,.magazine-journal button{color:inherit}
.magazine-journal ::selection{background:var(--jm-ox);color:#fff}

/* editorial shell */









/* cover */
.magazine-journal .jm-cover{position:relative;min-height:calc(100svh - 4.7rem);display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto;column-gap:clamp(.75rem,1.45vw,1.7rem);padding:1.2rem var(--jm-gutter) 2rem;background:var(--jm-paper-hi)}
.magazine-journal .jm-cover__rail{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.1rem 0 .8rem;border-bottom:1px solid var(--jm-line);font:700 .62rem/1 var(--jm-sans);letter-spacing:.18em;text-transform:uppercase}
.magazine-journal .jm-cover__rail span:nth-child(2){text-align:center;color:var(--jm-ox)}
.magazine-journal .jm-cover__rail span:last-child{text-align:right}
.magazine-journal .jm-cover__copy{grid-column:1/7;grid-row:2;align-self:center;position:relative;z-index:3;padding:3rem clamp(1rem,2.2vw,2.4rem) 2rem 0}

.magazine-journal .jm-cover h1{font:500 clamp(4.7rem,8.9vw,9.3rem)/.78 var(--jm-serif);letter-spacing:-.072em;max-width:6.7ch;text-wrap:balance;margin:0}
.magazine-journal .jm-cover h1 em{font-weight:400;color:var(--jm-ox)}
.magazine-journal .jm-cover__dek{font:400 clamp(1rem,1.15vw,1.15rem)/1.55 var(--jm-serif);max-width:30rem;margin:2rem 0 0;color:var(--jm-muted)}
.magazine-journal .jm-cover__hero{grid-column:7/13;grid-row:2/4;position:relative;overflow:hidden;min-height:68vh;margin-top:1.3rem;background:#d6d0c7}
.magazine-journal .jm-cover__hero img{object-position:center 52%;filter:saturate(.9) contrast(1.02)}
.magazine-journal .jm-cover figcaption,.magazine-journal .jm-figure figcaption{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;font:700 .62rem/1.45 var(--jm-sans);letter-spacing:.1em;text-transform:uppercase;margin-top:.5rem;color:var(--jm-muted)}
.magazine-journal .jm-cover figcaption a,.magazine-journal .jm-figure figcaption a{text-decoration:underline;text-underline-offset:.18em}
.magazine-journal .jm-cover__contents{grid-column:1/7;grid-row:3;align-self:end;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--jm-line);margin-right:clamp(1rem,2.2vw,2.4rem)}
.magazine-journal .jm-cover__contents a{display:grid;grid-template-columns:auto 1fr;gap:.8rem;padding:1rem .7rem 0 0;text-decoration:none;font:700 .66rem/1.3 var(--jm-sans);letter-spacing:.12em;text-transform:uppercase}
.magazine-journal .jm-cover__contents b{font-weight:700;color:var(--jm-ox)}

/* issue opener */







/* story spread */
.magazine-journal .jm-story{display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(.8rem,1.5vw,1.8rem);padding:clamp(6rem,10vw,10rem) var(--jm-gutter);scroll-margin-top:5rem;background:var(--jm-paper-hi)}
.magazine-journal .jm-story__head{grid-column:1/6;align-self:start}
.magazine-journal .jm-story__head h2{font:500 clamp(3.6rem,6.7vw,7rem)/.87 var(--jm-serif);letter-spacing:-.062em;margin:1.05rem 0 0;max-width:7.4ch}
.magazine-journal .jm-story__head>p:last-child{font:400 1rem/1.6 var(--jm-serif);color:var(--jm-muted);margin-top:1.6rem;max-width:25rem}
.magazine-journal .jm-story__figure{grid-column:7/13;align-self:start}
.magazine-journal .jm-story__figure .jm-image{aspect-ratio:4/3;overflow:hidden;background:#d8d1c6}
.magazine-journal .jm-story__figure--portrait .jm-image{aspect-ratio:4/5}
.magazine-journal .jm-story__body{grid-column:3/13;display:grid;grid-template-columns:1.35fr 3fr;gap:clamp(1rem,2.5vw,3rem);margin-top:clamp(5rem,8vw,8rem);padding-top:1.5rem;border-top:1px solid var(--jm-line)}



.magazine-journal .jm-order{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:1.8rem;border-top:1px solid var(--jm-line)}
.magazine-journal .jm-order li{list-style:none;min-height:10rem;padding:1.1rem 1rem 0 0;border-right:1px solid var(--jm-line)}
.magazine-journal .jm-order li+li{padding-left:1rem}.magazine-journal .jm-order li:last-child{border-right:0}
.magazine-journal .jm-order span{font:700 .60rem/1 var(--jm-sans);letter-spacing:.15em;color:var(--jm-ox)}
.magazine-journal .jm-order strong{display:block;font:500 1.65rem/1 var(--jm-serif);margin:2.5rem 0 .55rem}
.magazine-journal .jm-order p{font:.72rem/1.5 var(--jm-sans);color:var(--jm-muted);max-width:9rem}

/* viewing */
.magazine-journal .jm-story--dark{background:var(--jm-ink);color:#f5eee5;position:relative}
.magazine-journal .jm-story--dark .jm-story__head{grid-column:1/5}
.magazine-journal .jm-story--dark .jm-story__head h2{font-size:clamp(3.8rem,6.4vw,6.7rem);max-width:7ch}
.magazine-journal .jm-story--dark .jm-story__head>p:last-child{color:rgba(245,238,229,.7)}
.magazine-journal .jm-story--dark .jm-story__figure{grid-column:6/13}
.magazine-journal .jm-story--dark .jm-story__figure .jm-image{aspect-ratio:1.48/1;min-height:30rem}
.magazine-journal .jm-story--dark .jm-story__body{grid-column:3/13;border-color:rgba(255,255,255,.22)}
.magazine-journal .jm-story--dark .jm-order{border-color:rgba(255,255,255,.22)}
.magazine-journal .jm-story--dark .jm-order li{border-color:rgba(255,255,255,.22)}
.magazine-journal .jm-story--dark .jm-order span{color:#e8b8a8}
.magazine-journal .jm-story--dark .jm-order p{color:rgba(245,238,229,.68)}
.magazine-journal .jm-story--dark .jm-figure figcaption{color:rgba(245,238,229,.58)}


/* living */
.magazine-journal .jm-living{background:var(--jm-paper);padding:var(--space-chapter) var(--jm-gutter);display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(.8rem,1.5vw,1.8rem);scroll-margin-top:5rem}
.magazine-journal .jm-living__figure{grid-column:1/7;grid-row:1/3}
.magazine-journal .jm-living__figure .jm-image{aspect-ratio:4/5;overflow:hidden}
.magazine-journal .jm-living__head{grid-column:8/13;align-self:start;padding-top:.1rem}
.magazine-journal .jm-living__head h2{font:500 clamp(3.8rem,6.7vw,7rem)/.87 var(--jm-serif);letter-spacing:-.062em;margin:1rem 0 0;max-width:7ch}
.magazine-journal .jm-living__head>p:last-child{font:400 1rem/1.6 var(--jm-serif);color:var(--jm-muted);margin-top:1.6rem;max-width:25rem}
.magazine-journal .jm-living__options{grid-column:8/13;align-self:end;display:grid;grid-template-columns:repeat(3,1fr);margin-top:5rem;border-top:1px solid var(--jm-line)}
.magazine-journal .jm-living__options article{padding:1rem .9rem 0 0;border-right:1px solid var(--jm-line)}
.magazine-journal .jm-living__options article+article{padding-left:.9rem}.magazine-journal .jm-living__options article:last-child{border-right:0}
.magazine-journal .jm-living__options span{font:700 .60rem/1 var(--jm-sans);letter-spacing:.13em;text-transform:uppercase;color:var(--jm-ox)}
.magazine-journal .jm-living__options h3{font:500 1.6rem/1 var(--jm-serif);margin:2.2rem 0 .6rem}
.magazine-journal .jm-living__options p{font:.74rem/1.55 var(--jm-sans);color:var(--jm-muted)}
.magazine-journal .jm-living__note{grid-column:8/13;font:500 clamp(1.55rem,2.4vw,2.5rem)/1.2 var(--jm-serif);letter-spacing:-.02em;border-top:1px solid var(--jm-line);margin-top:3rem;padding-top:1.4rem}

/* closing */
.magazine-journal .jm-close{position:relative;min-height:68vh;background:#181715;color:#f4eee5;padding:clamp(6rem,10vw,10rem) var(--jm-gutter) 3rem;overflow:hidden}
.magazine-journal .jm-close:before{content:"JOURNAL";position:absolute;left:var(--jm-gutter);top:.5rem;font:500 clamp(6rem,17vw,16rem)/.8 var(--jm-serif);letter-spacing:-.08em;color:rgba(255,255,255,.07);white-space:nowrap}
.magazine-journal .jm-close__copy{position:relative;z-index:2;margin-left:17%;max-width:58rem;margin-top:5rem}
.magazine-journal .jm-close__copy h2{font:500 clamp(4rem,8vw,8.6rem)/.82 var(--jm-serif);letter-spacing:-.064em;max-width:8ch}
.magazine-journal .jm-close__copy p{font:.86rem/1.6 var(--jm-sans);color:rgba(244,238,229,.72);max-width:32rem;margin:1.4rem 0 2rem}
.magazine-journal .jm-close__copy button{background:transparent;border:0;border-bottom:1px solid currentColor;padding:.25rem 0 .5rem;font:700 .68rem/1 var(--jm-sans);letter-spacing:.15em;text-transform:uppercase;cursor:pointer}






/* conversation retone */
.magazine-journal .conversation__panel{background:var(--jm-paper-hi)}
.magazine-journal .conversation__step legend,.magazine-journal .conversation__sent h2{font-family:var(--jm-serif);letter-spacing:-.04em}
.magazine-journal .button--navy{background:var(--jm-ink)}

@media(max-width:1000px){
  
  
  
  .magazine-journal .jm-cover__copy{grid-column:1/8}.magazine-journal .jm-cover__hero{grid-column:8/13}.magazine-journal .jm-cover__contents{grid-column:1/8}  
  .magazine-journal .jm-story__head{grid-column:1/7}.magazine-journal .jm-story__figure{grid-column:7/13}.magazine-journal .jm-story__body{grid-column:1/13}
  .magazine-journal .jm-story--dark .jm-story__head{grid-column:1/6}.magazine-journal .jm-story--dark .jm-story__figure{grid-column:6/13}.magazine-journal .jm-story--dark .jm-story__body{grid-column:1/13}
  .magazine-journal .jm-living__figure{grid-column:1/7}.magazine-journal .jm-living__head,.magazine-journal .jm-living__options,.magazine-journal .jm-living__note{grid-column:8/13}
  
}

@media(max-width:720px){
  
  .magazine-journal .jm-cover{display:block;min-height:0;padding-top:.9rem}.magazine-journal .jm-cover__rail{grid-template-columns:1fr auto}.magazine-journal .jm-cover__rail span:nth-child(2){display:none}.magazine-journal .jm-cover__copy{padding:3.7rem 0 2.5rem}.magazine-journal .jm-cover h1{font-size:clamp(4.5rem,20vw,6.8rem);max-width:6.5ch}.magazine-journal .jm-cover__dek{font-size:1rem;max-width:24rem}.magazine-journal .jm-cover__hero{min-height:0;margin:0}.magazine-journal .jm-cover__hero img{aspect-ratio:4/5;object-position:center}.magazine-journal .jm-cover__contents{margin:2rem 0 0;grid-template-columns:1fr;display:grid}.magazine-journal .jm-cover__contents a{border-top:1px solid var(--jm-line);padding:.85rem 0}.magazine-journal .jm-cover__contents a:first-child{border-top:0}
  
  .magazine-journal .jm-story,.magazine-journal .jm-living{display:block;padding-top:5.2rem}.magazine-journal .jm-story__head h2,.magazine-journal .jm-living__head h2{font-size:clamp(3.8rem,16vw,5.7rem)}.magazine-journal .jm-story__figure{margin-top:3rem}.magazine-journal .jm-story__figure .jm-image,.magazine-journal .jm-story__figure--portrait .jm-image,.magazine-journal .jm-story--dark .jm-story__figure .jm-image{aspect-ratio:4/5;min-height:0}.magazine-journal .jm-story__body{display:block;margin-top:3.5rem}.magazine-journal .jm-order{grid-template-columns:1fr 1fr;margin-top:2rem}.magazine-journal .jm-order li{border-bottom:1px solid var(--jm-line);min-height:9rem}.magazine-journal .jm-order li:nth-child(even){border-right:0}.magazine-journal .jm-story--dark .jm-order li{border-bottom-color:rgba(255,255,255,.22)}
  .magazine-journal .jm-living__figure{margin-bottom:3.5rem}.magazine-journal .jm-living__figure .jm-image{aspect-ratio:4/5}.magazine-journal .jm-living__options{grid-template-columns:1fr;margin-top:3rem}.magazine-journal .jm-living__options article{border-right:0;border-bottom:1px solid var(--jm-line);padding:1rem 0 1.5rem!important}.magazine-journal .jm-living__options article:last-child{border-bottom:0}.magazine-journal .jm-living__options h3{margin-top:1.2rem}.magazine-journal .jm-living__note{margin-top:2rem}
  .magazine-journal .jm-close{min-height:60vh;padding-top:7rem}.magazine-journal .jm-close__copy{margin:3rem 0 0}.magazine-journal .jm-close__copy h2{font-size:clamp(4rem,18vw,6.2rem)}
  
}

@media(prefers-reduced-motion:reduce){.magazine-journal *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* ART GATE v12 — editorial composition only. Copy, IA and interactions remain frozen. */
@media (min-width:1001px){
  .journal-recovered .jm-cover{grid-template-rows:auto 1fr auto;column-gap:clamp(.9rem,1.7vw,2rem)}
  .journal-recovered .jm-cover__copy{grid-column:1/8;padding-right:clamp(2rem,5vw,6rem)}
  .journal-recovered .jm-cover h1{font-size:clamp(5.1rem,9.35vw,10rem);max-width:6.35ch;line-height:.76}
  .journal-recovered .jm-cover__hero{grid-column:7/13;margin-top:1.1rem;min-height:72vh}
  .journal-recovered .jm-cover__hero img{object-position:57% 52%;filter:saturate(.86) contrast(1.035)}
  .journal-recovered .jm-cover__contents{grid-column:1/7;margin-right:clamp(2rem,5vw,6rem)}

  .journal-recovered .jm-story{padding-top:clamp(7rem,10vw,11rem);padding-bottom:clamp(7rem,10vw,11rem)}
  .journal-recovered .jm-story__head{grid-column:1/7;position:relative;z-index:3}
  .journal-recovered .jm-story__head h2{font-size:clamp(4.1rem,7.1vw,7.65rem);max-width:7ch;line-height:.84}
  .journal-recovered .jm-story__figure{grid-column:7/13;margin-top:clamp(2rem,5vh,4rem)}
  .journal-recovered .jm-story__figure--portrait .jm-image{aspect-ratio:4/5.25}
  .journal-recovered .jm-story__body{grid-column:4/13;margin-top:clamp(4.5rem,7vw,7rem)}

  .journal-recovered .jm-story--dark{min-height:100svh;align-items:center}
  .journal-recovered .jm-story--dark .jm-story__head{grid-column:1/6;align-self:center}
  .journal-recovered .jm-story--dark .jm-story__figure{grid-column:6/13;margin-top:0}
  .journal-recovered .jm-story--dark .jm-story__figure .jm-image{aspect-ratio:1.36/1;min-height:34rem}
  .journal-recovered .jm-story--dark .jm-story__body{grid-column:4/13;margin-top:5rem}


  .journal-recovered .jm-living{padding-top:clamp(8rem,11vw,12rem);padding-bottom:clamp(8rem,11vw,12rem)}
  .journal-recovered .jm-living__figure{grid-column:1/7}
  .journal-recovered .jm-living__figure .jm-image{aspect-ratio:4/5.25}
  .journal-recovered .jm-living__head{grid-column:8/13}
  .journal-recovered .jm-living__head h2{font-size:clamp(4.2rem,7vw,7.7rem);line-height:.83}
  .journal-recovered .jm-living__options{grid-column:8/13;grid-template-columns:1fr;margin-top:4rem;border-top:1px solid var(--jm-line)}
  .journal-recovered .jm-living__options article,.journal-recovered .jm-living__options article+article{display:grid;grid-template-columns:minmax(8.5rem,1fr) 2fr;gap:1.5rem;align-items:baseline;border-right:0;border-bottom:1px solid var(--jm-line);padding:1.35rem 0!important}
  .journal-recovered .jm-living__options article:last-child{border-bottom:0}
  .journal-recovered .jm-living__options h3{margin:0;font-size:clamp(1.55rem,2vw,2.1rem)}
  .journal-recovered .jm-living__options p{font-size:.76rem;max-width:20rem}
  .journal-recovered .jm-living__note{margin-top:2.6rem}

  .journal-recovered .jm-close{
    min-height:80svh;display:flex;align-items:center;
    background-image:linear-gradient(90deg,rgba(12,15,14,.84),rgba(12,15,14,.47)),url("assets/editorial-magnus.webp");
    background-size:cover;background-position:center 49%;
  }
  .journal-recovered .jm-close:before{content:none}
  .journal-recovered .jm-close::after{content:"";position:absolute;inset:clamp(1rem,2vw,2rem);border:1px solid rgba(255,255,255,.22);pointer-events:none}
  .journal-recovered .jm-close__copy{margin:0 0 0 9%;max-width:64rem}
  .journal-recovered .jm-close__copy h2{text-shadow:0 .35rem 2.4rem rgba(0,0,0,.24)}
}

@media(max-width:1000px){
  .journal-recovered .jm-living__options{grid-template-columns:1fr}
  .journal-recovered .jm-close{background-image:linear-gradient(0deg,rgba(12,15,14,.85),rgba(12,15,14,.42)),url("assets/editorial-magnus.webp");background-size:cover;background-position:62% center}
  .journal-recovered .jm-close:before{content:none}
}

/* RELEASE DTP GATE v14 — editorial microtype floor. Layout and art remain v12 authority. */
.journal-recovered .jm-cover figcaption,
.journal-recovered .jm-figure figcaption{font-size:.64rem;line-height:1.35;letter-spacing:.075em}
.journal-recovered .jm-cover__contents a{font-size:.64rem;line-height:1.35;letter-spacing:.1em;min-height:2rem}
.journal-recovered .jm-living__options p{font-size:.74rem}

@media(max-width:720px){
  .journal-recovered .jm-cover__contents a{min-height:44px;display:flex;align-items:center}
}