/* Mediation Group v23 — Art + Originality gate.
   CSS-only art direction. Copy, commercial logic, IA, interaction, motion state logic,
   navigation behaviour, imagery inventory and enquiry behaviour remain v22 authority. */

:root{--mg-art-ox:#9a3240;--mg-art-ink:#0a2236;--mg-art-paper:#f5f0e8}

/* --------------------------------------------------------------------------
   HOME — editorial selection framing. Mediation itself stays photographic and human.
   -------------------------------------------------------------------------- */
@media (min-width:681px){
  .magazine-home .homes-read__stage::before{
    content:"";position:absolute;z-index:7;left:calc(29vw - 1.15rem);top:clamp(6.7rem,11vh,9rem);bottom:1.85rem;
    width:1px;background:linear-gradient(180deg,rgba(214,162,169,.82),rgba(214,162,169,.12) 67%,rgba(214,162,169,.66));pointer-events:none
  }
  .magazine-home .home-frame::after{
    content:"";position:absolute;z-index:3;inset:1rem;pointer-events:none;opacity:.76;
    background:
      linear-gradient(#fff,#fff) left top/2.15rem 1px no-repeat,
      linear-gradient(#fff,#fff) left top/1px 2.15rem no-repeat,
      linear-gradient(#fff,#fff) right top/2.15rem 1px no-repeat,
      linear-gradient(#fff,#fff) right top/1px 2.15rem no-repeat,
      linear-gradient(#fff,#fff) left bottom/2.15rem 1px no-repeat,
      linear-gradient(#fff,#fff) left bottom/1px 2.15rem no-repeat,
      linear-gradient(#fff,#fff) right bottom/2.15rem 1px no-repeat,
      linear-gradient(#fff,#fff) right bottom/1px 2.15rem no-repeat
  }
  .magazine-home .homes-read__switcher::before{
    content:"";width:1.2rem;height:1px;background:#d6a2a9;display:block;margin-right:.1rem;opacity:.86
  }
}


@media (min-width:681px){
  .magazine-home .dhaka-live__architecture::after,.magazine-home .dhaka-live__people::after{
    content:"";position:absolute;pointer-events:none;inset:.85rem;z-index:3;opacity:.68;
    background:
      linear-gradient(var(--mg-art-ox),var(--mg-art-ox)) left top/2rem 1px no-repeat,
      linear-gradient(var(--mg-art-ox),var(--mg-art-ox)) left top/1px 2rem no-repeat,
      linear-gradient(rgba(10,34,54,.68),rgba(10,34,54,.68)) right bottom/2rem 1px no-repeat,
      linear-gradient(rgba(10,34,54,.68),rgba(10,34,54,.68)) right bottom/1px 2rem no-repeat
  }
}




/* --------------------------------------------------------------------------
   JOURNAL — one publication spine + restrained photographic framing, not extra theatre.
   -------------------------------------------------------------------------- */
@media (min-width:1001px){
  .journal-recovered .jm-cover{position:relative}
  .journal-recovered .jm-cover::after{
    content:"";position:absolute;z-index:0;left:calc(50% + .1rem);top:clamp(4.8rem,6.8vw,7rem);bottom:2rem;width:1px;background:linear-gradient(rgba(154,50,64,.46),rgba(154,50,64,.06));pointer-events:none
  }
  .journal-recovered .jm-cover__copy,.journal-recovered .jm-cover__hero,.journal-recovered .jm-cover__contents,.journal-recovered .jm-cover__rail{position:relative;z-index:1}
  .journal-recovered #shortlisting .jm-story__figure,
  .journal-recovered #viewing .jm-story__figure{position:relative}
  .journal-recovered #shortlisting .jm-story__figure::after,
  .journal-recovered #viewing .jm-story__figure::after{
    content:"";position:absolute;z-index:3;inset:.8rem;pointer-events:none;opacity:.58;
    background:
      linear-gradient(var(--mg-ox),var(--mg-ox)) left top/2rem 1px no-repeat,
      linear-gradient(var(--mg-ox),var(--mg-ox)) left top/1px 2rem no-repeat,
      linear-gradient(currentColor,currentColor) right bottom/2rem 1px no-repeat,
      linear-gradient(currentColor,currentColor) right bottom/1px 2rem no-repeat
  }
  .journal-recovered #viewing .jm-story__figure::after{color:rgba(255,255,255,.7)}
  .journal-recovered .jm-living__head{position:relative}
  .journal-recovered .jm-living__head::before{content:"";position:absolute;left:-2.6rem;top:.5rem;width:1.6rem;height:1px;background:var(--mg-ox)}
}

/* --------------------------------------------------------------------------
   PRIVACY — reuse the 'withheld / released' planes as a brand-owned visual idea.
   -------------------------------------------------------------------------- */
@media (min-width:901px){
  .privacy-recovered .policy-hero{
    background:
      linear-gradient(var(--mg-ink),var(--mg-ink)) calc(100% - 11vw) 31%/13vw clamp(3.5rem,5.8vw,6.2rem) no-repeat,
      linear-gradient(var(--mg-ox),var(--mg-ox)) calc(100% - 5.5vw) 49%/10vw clamp(3.8rem,6.1vw,6.6rem) no-repeat,
      var(--mg-paper2)
  }
  .privacy-recovered .policy-hero::after{right:calc(var(--mg-gutter) + 1.1rem);top:18%;bottom:18%;background:rgba(154,50,64,.48)}
  .privacy-recovered .policy-hero>p:last-child{position:relative;z-index:2;background:rgba(245,240,232,.90);padding:.9rem 0 .9rem 1.2rem;margin-right:clamp(2rem,6vw,6rem)}
  .privacy-recovered .policy-body{position:relative}
  .privacy-recovered .policy-body::before{content:"";position:absolute;left:calc(var(--mg-gutter) + 2.2rem);top:clamp(5rem,8vw,8rem);bottom:clamp(5rem,8vw,8rem);width:1px;background:linear-gradient(var(--mg-ox),rgba(154,50,64,.08));pointer-events:none}
  .privacy-recovered .policy-body section>div{position:relative}
  .privacy-recovered .policy-body section>div::before{
    content:"";position:absolute;left:-2.8rem;top:.35rem;width:1.7rem;height:1.7rem;opacity:.52;pointer-events:none;
    background:
      linear-gradient(var(--mg-ox),var(--mg-ox)) left top/100% 1px no-repeat,
      linear-gradient(var(--mg-ox),var(--mg-ox)) left top/1px 100% no-repeat
  }
  .privacy-recovered .policy-contact{
    margin-left:clamp(7rem,18vw,18rem);display:flex;align-items:flex-start;text-align:left;padding:clamp(6rem,9vw,9rem) clamp(4rem,9vw,9rem)
  }
  .privacy-recovered .policy-contact::before{inset:1.25rem 1.25rem 1.25rem clamp(4rem,9vw,9rem);border-left:0}
  .privacy-recovered .policy-contact h2{margin-left:0;margin-right:0;max-width:6.2ch}
  .privacy-recovered .policy-contact .button{align-self:flex-start}
}

/* Mobile keeps the same concepts without adding decorative density. */
@media (max-width:900px){
  
  
  .privacy-recovered .policy-hero{
    background:
      linear-gradient(var(--mg-ink),var(--mg-ink)) calc(100% - 1rem) 22%/5.2rem 2.3rem no-repeat,
      linear-gradient(var(--mg-ox),var(--mg-ox)) calc(100% - 1rem) 29%/3.8rem 2.5rem no-repeat,
      var(--mg-paper2)
  }
  .privacy-recovered .policy-body section{position:relative}
  .privacy-recovered .policy-body section::before{content:"";position:absolute;left:0;top:1.4rem;width:1.2rem;height:1px;background:var(--mg-ox);opacity:.58}
  .privacy-recovered .policy-contact{align-items:flex-start;text-align:left;padding-left:clamp(1.3rem,7vw,2.2rem)}
  .privacy-recovered .policy-contact h2{margin-left:0;margin-right:0}
}

@media (max-width:680px){
  .magazine-home .home-frame::after{display:none}
  .magazine-home .homes-read__stage::before{display:none}
}