/* Mediation Group v15 — Mobile Authority
   Mobile-only precision layer. Desktop v14 remains frozen. */

@media (max-width: 900px){
  /* Functional touch target floor without changing the visual language. */
  
  .privacy-recovered .policy-body a{
    min-height:44px;display:inline-flex;align-items:center;
  }
  .journal-recovered .jm-close button{
    min-height:44px;display:inline-flex;align-items:center;
  }
}

@media (max-width: 680px){
  /* Home wordmark remains visually small, but the hit area is thumb-safe. */
  
  

  /* Avoid long-word optical clipping in the signature Mediation headline. */
  .magazine-home .mediation-read__title h2{
    max-width:8.75ch;
  }
}

@media (max-width: 720px){
  /* Preserve the dark editorial spread while keeping the long headline inside its field. */
  .journal-recovered .jm-story--dark .jm-story__head h2{
    max-width:8.25ch;
  }
}

@media (max-width: 430px){
  .skip-link{min-height:44px;display:flex;align-items:center}
}


/* v40 — Mobile Editorial Balance Authority
   Desktop v39 remains the visual/copy authority. These rules only reduce
   stacked mobile prose and rebalance value per viewport. */
.copy-mobile,.about-method__mobile-summary{display:none}

@media (max-width:760px){
  .about-human-dhaka .about-method{padding:2.8rem var(--gutter) 3rem}
  .about-human-dhaka .about-method__head{margin-bottom:1.15rem}
  .about-human-dhaka .about-method__head h2{margin-top:.75rem;font-size:clamp(2.75rem,11.5vw,3.8rem)}
  .about-human-dhaka .about-method__mobile-summary{display:block;margin-top:.85rem;max-width:24rem;color:var(--about-muted);font-family:var(--serif);font-size:1rem;line-height:1.5}
  .about-human-dhaka .about-method__item{grid-template-columns:2.8rem 1fr;gap:.65rem;min-height:0;padding:.78rem 0;align-items:baseline}
  .about-human-dhaka .about-method__item span{grid-row:auto;grid-column:1;padding-top:0}
  .about-human-dhaka .about-method__item h3{grid-column:2;font-size:1.52rem;line-height:1.08}
  .about-human-dhaka .about-method__item p{display:none}
  .about-human-dhaka .about-close{padding:3rem var(--gutter) 3.2rem}
  .about-human-dhaka .about-close p{font-size:1rem;line-height:1.5;margin-top:1rem}
}

@media (max-width:720px){
  .journal-recovered #shortlisting{padding-top:3.5rem;padding-bottom:3.6rem}
  .journal-recovered #shortlisting .jm-story__figure{margin-top:2rem}
  .journal-recovered #shortlisting .jm-story__body{margin-top:2.15rem}
  .journal-recovered #shortlisting .jm-order{margin-top:1.25rem}
  .journal-recovered #shortlisting .jm-order li{min-height:7.2rem;padding-top:.8rem}
  .journal-recovered #shortlisting .jm-order strong{font-size:1.7rem;margin-top:1.15rem}
  .journal-recovered #shortlisting .jm-order p{font-size:.82rem;line-height:1.45;max-width:10rem}
  .journal-recovered .jm-story--dark .jm-order p{font-size:.82rem;line-height:1.48}
  .journal-recovered .jm-living{padding-top:4.1rem;padding-bottom:4.2rem}
  .journal-recovered .jm-living__figure{margin-bottom:2.7rem}
  .journal-recovered .jm-living__options{margin-top:2rem}
  .journal-recovered .jm-living__options article{padding:.75rem 0 1.05rem!important}
  .journal-recovered .jm-living__options h3{margin-top:.8rem}
  .journal-recovered .jm-living__options p{font-size:.82rem;line-height:1.45}
  .journal-recovered .jm-living__note{margin-top:1.5rem;padding-top:1.15rem}
  .journal-recovered .copy-desktop{display:none!important}
  .journal-recovered .copy-mobile{display:inline!important}
}

@media (max-width:620px){
  .relocation-human-dhaka .copy-desktop{display:none!important}
  .relocation-human-dhaka .copy-mobile{display:inline!important}
  .relocation-human-dhaka .rel-service{padding:3.25rem max(1rem,env(safe-area-inset-left)) 3.35rem}
  .relocation-human-dhaka .rel-service__head{gap:.8rem;margin-bottom:1.85rem}
  .relocation-human-dhaka .rel-service__head h2{font-size:clamp(3rem,12.8vw,4.15rem)}
  .relocation-human-dhaka .rel-service__head p:last-child{font-size:.95rem;line-height:1.45}
  .relocation-human-dhaka .rel-movement{grid-template-columns:1fr 1fr;column-gap:1rem;row-gap:.35rem;padding:.88rem 0 1rem}
  .relocation-human-dhaka .rel-movement__label{grid-column:1/-1;padding-top:.15rem;margin-bottom:.1rem}
  .relocation-human-dhaka .rel-movement__item{padding:.42rem 0 .05rem;align-self:start}
  .relocation-human-dhaka .rel-movement__item strong{font-size:1.5rem;line-height:1.06}
  .relocation-human-dhaka .rel-movement__item p{margin-top:.38rem;font-size:.9rem;line-height:1.44}
  .relocation-human-dhaka .rel-corporate{gap:1rem;padding:2.65rem max(1rem,env(safe-area-inset-left))}
  .relocation-human-dhaka .rel-corporate h2{font-size:clamp(2.85rem,12vw,3.8rem)}
  .relocation-human-dhaka .rel-corporate>p{font-size:.95rem;line-height:1.48}
  .relocation-human-dhaka .rel-close{padding:3.15rem 1rem 3.4rem}
  .relocation-human-dhaka .rel-close h2{font-size:clamp(3.25rem,13.8vw,4.5rem)}
  .relocation-human-dhaka .rel-close>div>p:not(.rel-kicker){font-size:.95rem;line-height:1.48;margin-top:1rem}
}

/* v41 — Mobile Composition Red Team Authority
   Desktop v39/v40 remains frozen. Narrow screens get a distinct composition,
   not a stacked desktop arrangement. */
@media (max-width:680px){
  /* Home / Selected addresses: editorial statement gets its own field. */
  .magazine-home .homes-read,
  .magazine-home .homes-read__stage{
    height:auto;
    min-height:0;
  }
  .magazine-home .homes-read__stage{
    display:grid;
    grid-template-columns:1fr;
    grid-template-areas:
      "headline"
      "media"
      "switcher"
      "action";
    padding:calc(var(--shell-height) + 2.5rem) 0 1.35rem;
    overflow:hidden;
  }
  .magazine-home .homes-read__header{
    grid-area:headline;
    position:relative;
    left:auto;
    top:auto;
    width:auto;
    padding:0 max(1rem,env(safe-area-inset-right)) 1.35rem max(1rem,env(safe-area-inset-left));
  }
  .magazine-home .homes-read__header h2{
    margin:0;
    max-width:7.2ch;
    font-size:clamp(3.25rem,13.8vw,4.3rem);
    line-height:.84;
  }
  .magazine-home .home-frame,
  .magazine-home .home-frame--one,
  .magazine-home .home-frame--two{
    grid-area:media;
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:4 / 5;
  }
  .magazine-home .home-frame__meta{
    left:max(1rem,env(safe-area-inset-left));
    right:max(1rem,env(safe-area-inset-right));
    bottom:1rem;
  }
  .magazine-home .homes-read__switcher{
    grid-area:switcher;
    position:relative;
    left:auto;
    bottom:auto;
    margin:.95rem max(1rem,env(safe-area-inset-right)) .1rem max(1rem,env(safe-area-inset-left));
  }
  .magazine-home .homes-read__action{
    grid-area:action;
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    margin:.15rem max(1rem,env(safe-area-inset-right)) 0 max(1rem,env(safe-area-inset-left));
  }

  /* Home / Dhaka: one primary frame, one quieter secondary frame, no overlaps. */
  .magazine-home .dhaka-live,
  .magazine-home .dhaka-live__stage{
    height:auto;
    min-height:0;
  }
  .magazine-home .dhaka-live__stage{
    display:block;
    padding:calc(var(--shell-height) + 2.5rem) max(1rem,env(safe-area-inset-right)) 3.2rem max(1rem,env(safe-area-inset-left));
    overflow:visible;
  }
  .magazine-home .dhaka-live__copy{
    position:relative;
    left:auto;
    top:auto;
    width:auto;
    transform:none;
  }
  .magazine-home .dhaka-live__copy h2{
    max-width:7.1ch;
    font-size:clamp(3.05rem,12.9vw,4rem);
  }
  .magazine-home .dhaka-live figure,
  .magazine-home .dhaka-live__architecture,
  .magazine-home .dhaka-live__people{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    height:auto;
    overflow:visible;
    background:transparent;
    box-shadow:none;
    opacity:1;
    transform:none;
  }
  .magazine-home .dhaka-live__architecture{
    width:100%;
    margin:1.8rem 0 0;
  }
  .magazine-home .dhaka-live__people{
    width:74%;
    margin:1.35rem 0 0 auto;
  }
  .magazine-home .dhaka-live figure img{
    height:auto;
    aspect-ratio:4 / 3;
    object-fit:cover;
  }
  .magazine-home .dhaka-live figcaption{
    position:static;
    max-width:none;
    margin:.45rem 0 0;
    padding:0;
    background:transparent;
    color:var(--muted);
    font-size:.67rem;
    line-height:1.35;
    letter-spacing:.025em;
    text-transform:none;
  }
}

@media (max-width:620px){
  /* Relocation: place follows the proposition immediately; service prose follows the image. */
  .relocation-human-dhaka .rel-hero{
    display:grid;
    grid-template-columns:1fr;
    grid-template-areas:
      "eyebrow"
      "title"
      "media"
      "lede"
      "actions";
    row-gap:1rem;
    padding-top:calc(var(--shell-height) + 1.15rem);
  }
  .relocation-human-dhaka .rel-hero__copy{display:contents}
  .relocation-human-dhaka .rel-hero__copy .eyebrow{grid-area:eyebrow}
  .relocation-human-dhaka .rel-hero__copy h1{
    grid-area:title;
    margin-top:.25rem;
    max-width:9.8ch;
    font-size:clamp(3.15rem,14.6vw,4.55rem);
    line-height:.9;
  }
  .relocation-human-dhaka .rel-hero__lede{
    grid-area:lede;
    margin-top:.2rem;
    max-width:29rem;
    font-size:.98rem;
    line-height:1.48;
  }
  .relocation-human-dhaka .rel-hero__media{
    grid-area:media;
    aspect-ratio:auto;
    overflow:visible;
    border-radius:0;
    background:transparent;
  }
  .relocation-human-dhaka .rel-hero__media picture{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:4 / 3;
    overflow:hidden;
    border-radius:.7rem;
    background:#d8d2c8;
  }
  .relocation-human-dhaka .rel-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
  .relocation-human-dhaka .rel-hero__caption{
    position:static;
    max-width:none;
    margin:.45rem 0 0;
    padding:0;
    background:transparent;
    color:var(--rel-muted);
    font-size:.67rem;
    line-height:1.35;
    letter-spacing:.02em;
    text-transform:none;
  }
  .relocation-human-dhaka .rel-hero__actions{grid-area:actions;margin-top:.15rem}

  /* About: the contextual building remains subordinate until real human evidence is available. */
  .about-human-dhaka .about-hero{
    gap:1.35rem;
    padding-top:calc(var(--shell-height) + 1.05rem);
    padding-bottom:2.5rem;
  }
  .about-human-dhaka .about-hero h1{
    max-width:10.4ch;
    font-size:clamp(3.05rem,12.7vw,4.05rem);
    line-height:.92;
  }
  .about-human-dhaka .about-hero__lede{
    margin-top:1rem;
    max-width:27rem;
    font-size:1rem;
    line-height:1.5;
  }
  .about-human-dhaka .about-hero__media{
    width:78%;
    justify-self:end;
    aspect-ratio:auto;
    overflow:visible;
    border-radius:0;
    background:transparent;
  }
  .about-human-dhaka .about-hero__media picture{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:4 / 3;
    overflow:hidden;
    border-radius:.7rem;
    background:#d9d1c6;
  }
  .about-human-dhaka .about-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
  .about-human-dhaka .about-hero__caption{
    position:static;
    max-width:none;
    margin:.42rem 0 0;
    padding:0;
    background:transparent;
    color:var(--about-muted);
    font-size:.66rem;
    line-height:1.35;
    letter-spacing:.02em;
    text-transform:none;
  }
}

@media (max-width:390px){
  .relocation-human-dhaka .rel-hero__copy h1{font-size:3.25rem}
  .about-human-dhaka .about-hero h1{font-size:3.05rem}
}

/* v41.1 — Mobile value-per-scroll trim after composition QA. */
@media (max-width:680px){
  .magazine-home .homes-read__stage{padding-top:calc(var(--shell-height) + 2.1rem);padding-bottom:1rem}
  .magazine-home .homes-read__header{padding-bottom:1rem}
  .magazine-home .homes-read__header h2{max-width:9ch;font-size:clamp(3.05rem,12.8vw,4rem);line-height:.86}
  .magazine-home .home-frame,.magazine-home .home-frame--one,.magazine-home .home-frame--two{aspect-ratio:4 / 3}
  .magazine-home .homes-read__switcher{margin-top:.75rem}
  .magazine-home .homes-read__action{margin-top:.05rem}

  .magazine-home .dhaka-live__stage{padding-top:calc(var(--shell-height) + 2.1rem);padding-bottom:2.55rem}
  .magazine-home .dhaka-live__copy h2{max-width:9ch;font-size:clamp(2.95rem,12.4vw,3.85rem);line-height:.86}
  .magazine-home .dhaka-live__architecture{margin-top:1.35rem}
  .magazine-home .dhaka-live__people{width:70%;margin-top:1rem}
  .magazine-home .dhaka-live figure img{aspect-ratio:16 / 10}
}