/* Mediation Group — Homepage v27 / Elegant Motion
   The site wakes once. Movement then marks a change in perspective and resolves to stillness.
   Arrival has one quiet entrance; Homes transitions only on choice; Mediation reframes the photograph without interface instrumentation; Dhaka enters once and rests. */

.magazine-home{
  --paper:#ece6dc;--paper2:#f5f0e8;--ink:#0a2236;--night:#111310;--muted:#6d675f;--ox:#9a3240;
  --serif:"Bodoni 72","Didot","Baskerville","Iowan Old Style","Times New Roman",serif;
  --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--gutter:clamp(1.2rem,3.2vw,4rem);
  background:var(--paper);color:var(--ink);font-family:var(--sans)
}
.magazine-home main{overflow-x:clip;overflow-y:visible}
.magazine-home img{display:block;width:100%;height:100%;object-fit:cover}
.magazine-home button,.magazine-home a{color:inherit}
.magazine-home button{font-family:inherit}
.magazine-home ::selection{background:var(--ox);color:#fff}

/* ARRIVAL — one complete frame. No scroll prompt or staged handoff. */
.magazine-home .arrival{min-height:100svh;position:relative;background:var(--night)}
.magazine-home .arrival__stage{position:relative;height:100svh;min-height:42rem;overflow:hidden;color:#fff;isolation:isolate}
.magazine-home .arrival__media{position:absolute;inset:-.5%;z-index:-3;overflow:hidden;transform-origin:58% 48%}
.magazine-home .arrival__media img{object-position:center 48%;filter:saturate(.72) contrast(1.04) brightness(.82);transform:scale(1.055)}
.magazine-home .arrival__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,12,11,.66) 0%,rgba(8,12,11,.25) 45%,rgba(8,12,11,.07) 70%),linear-gradient(0deg,rgba(8,10,9,.72) 0%,transparent 49%,rgba(8,10,9,.22) 100%)}
.magazine-home .arrival__copy{position:absolute;left:var(--gutter);bottom:clamp(4.7rem,8vh,7rem);width:min(53rem,62vw)}
.magazine-home .arrival__copy h1{font:500 clamp(5.3rem,9.4vw,10.8rem)/.78 var(--serif);letter-spacing:-.068em;max-width:11.3ch;text-wrap:balance;text-shadow:0 .35rem 2.2rem rgba(0,0,0,.25)}
.magazine-home .arrival__copy h1 .arrival__lead{white-space:nowrap}
.magazine-home .arrival__copy h1 em{font-weight:400;color:#e2a3aa}
.magazine-home .arrival__copy p{max-width:31rem;margin-top:1.35rem;font-size:clamp(.94rem,1.05vw,1.08rem);line-height:1.52}
.magazine-home .arrival__actions{display:flex;align-items:center;gap:1.35rem;margin-top:1.45rem}
.magazine-home .arrival__actions button,.magazine-home .homes-read__action button,.magazine-home .homes-read__action a,.magazine-home .act__copy button{background:transparent;border:0;border-bottom:1px solid currentColor;padding:.25rem 0 .48rem;cursor:pointer;font-size:.74rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}
.magazine-home .arrival__actions button+button{border-bottom-color:rgba(255,255,255,.42);font-weight:600}
.magazine-home .arrival__actions span,.magazine-home .homes-read__action span,.magazine-home .act__copy span{margin-left:.65rem}

/* HOMES — choosing a residence is a direct choice, never a scroll state. */
.magazine-home .homes-read{min-height:100svh;position:relative;background:#161815;color:#f4efe6;scroll-margin-top:var(--shell-height)}
.magazine-home .homes-read__stage{position:relative;height:100svh;min-height:43rem;overflow:hidden;background:#161815}
.magazine-home .homes-read__header{position:absolute;z-index:8;left:var(--gutter);top:clamp(6.7rem,11vh,9rem);width:min(31rem,29vw);pointer-events:none}
.magazine-home .homes-read__header h2{font:500 clamp(4.35rem,6.4vw,7.7rem)/.82 var(--serif);letter-spacing:-.062em;text-wrap:balance}
.magazine-home .homes-read__header h2 em{font-weight:400;color:#d6a2a9}
.magazine-home .home-frame{position:absolute;z-index:2;left:29vw;right:var(--gutter);top:7.5vh;bottom:10vh;display:block;color:#f4efe6;overflow:hidden;isolation:isolate;background:#242620;transition:opacity .4s ease,visibility 0s linear 0s}
.magazine-home .home-frame figure{position:absolute;inset:0;overflow:hidden;background:#242620}
.magazine-home .home-frame figure::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,9,7,.72),transparent 42%)}
.magazine-home .home-frame img{filter:saturate(.76) contrast(1.03);transform:scale(1.035);transition:transform .62s cubic-bezier(.22,1,.36,1)}
.magazine-home .home-frame__meta{position:absolute;z-index:2;left:1.5rem;right:1.5rem;bottom:1.3rem;display:grid;grid-template-columns:1fr auto;gap:.42rem 1rem;align-items:end;text-shadow:0 .2rem 1.2rem rgba(0,0,0,.35)}
.magazine-home .home-frame__meta span{grid-column:1/-1;font:500 clamp(2.25rem,3.35vw,4.1rem)/.92 var(--serif);letter-spacing:-.045em}
.magazine-home .home-frame__meta strong{font-size:.78rem;font-weight:680;letter-spacing:.035em}
.magazine-home .home-frame__meta i{grid-column:2;grid-row:2;font-style:normal;font-size:1.1rem;transition:.25s transform}
.magazine-home .home-frame:hover .home-frame__meta i{transform:translate(.2rem,-.2rem)}
.magazine-home .home-frame--one img{object-position:center 50%}
.magazine-home .home-frame--two{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility 0s linear .4s}
.magazine-home .home-frame--two img{object-position:center 50%;transform:scale(1.05)}
.magazine-home .homes-read.is-home-two .home-frame--one{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility 0s linear .4s}
.magazine-home .homes-read.is-home-two .home-frame--two{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.magazine-home .homes-read.is-home-two .home-frame--one img{transform:scale(1.02)}
.magazine-home .homes-read.is-home-two .home-frame--two img{transform:scale(1.035)}
.magazine-home .homes-read__switcher{position:absolute;z-index:10;left:29vw;bottom:2rem;display:flex;align-items:center;gap:1.15rem}
.magazine-home .homes-read__switcher button{min-height:44px;padding:.25rem 0;border:0;border-bottom:1px solid transparent;background:transparent;color:rgba(244,239,230,.58);cursor:pointer;font-size:.71rem;font-weight:720;letter-spacing:.11em;text-transform:uppercase;transition:color .18s ease,border-color .18s ease}
.magazine-home .homes-read__switcher button:hover,.magazine-home .homes-read__switcher button:focus-visible,.magazine-home .homes-read__switcher button.is-active{color:#fff;border-bottom-color:currentColor}
.magazine-home .homes-read__action{position:absolute;z-index:10;right:var(--gutter);bottom:2rem}
.magazine-home .homes-read__action button,.magazine-home .homes-read__action a{color:#fff;min-height:44px;display:inline-flex;align-items:center}

/* MEDIATION — static service composition. The image carries atmosphere; all three service states remain readable at once. */
.magazine-home .mediation-read{min-height:100svh;position:relative;background:var(--paper);scroll-margin-top:0}
.magazine-home .mediation-read__stage{position:relative;min-height:100svh;overflow:hidden;background:#c6c7bd;color:#fff;isolation:isolate;padding:clamp(6.25rem,9vh,8rem) var(--gutter) clamp(5rem,8vh,6.6rem)}
.magazine-home .mediation-read__media{position:absolute;inset:0;z-index:-3;overflow:hidden}
.magazine-home .mediation-read__media img{object-position:center 55%;filter:saturate(.72) contrast(1.045) brightness(.78);transform:scale(1.045)}
.magazine-home .mediation-read__veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,13,14,.76),rgba(8,13,14,.28) 52%,rgba(8,13,14,.10)),linear-gradient(0deg,rgba(8,10,10,.58),transparent 60%)}
.magazine-home .mediation-read__title{position:relative;z-index:4;width:min(51rem,54vw)}
.magazine-home .mediation-read__title h2{font:500 clamp(4.35rem,6.6vw,7.45rem)/.82 var(--serif);letter-spacing:-.062em;text-wrap:balance;text-shadow:0 .35rem 2rem rgba(0,0,0,.18)}
.magazine-home .mediation-read__steps{position:absolute;z-index:5;left:var(--gutter);right:var(--gutter);bottom:clamp(4.4rem,7vh,6.25rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,5rem);pointer-events:none}
.magazine-home .mediation-read__steps article{position:relative;opacity:1;transform:none;width:auto}
.magazine-home .mediation-read__steps article:nth-child(2){text-align:center}
.magazine-home .mediation-read__steps article:nth-child(3){text-align:right}
.magazine-home .mediation-read__steps strong{display:block;font:500 clamp(2.7rem,4.2vw,4.8rem)/.86 var(--serif);letter-spacing:-.052em;text-shadow:0 .25rem 1.7rem rgba(0,0,0,.24)}
.magazine-home .mediation-read__steps span{display:block;margin-top:.65rem;font-size:clamp(.92rem,.98vw,1.04rem);line-height:1.45}
.magazine-home .mediation-read__steps article:nth-child(2) span{margin-inline:auto}
.magazine-home .mediation-read__steps article:nth-child(3) span{margin-left:auto}
.magazine-home .mediation-read__advance{position:absolute;z-index:8;right:var(--gutter);bottom:1.2rem;display:inline-flex;align-items:center;gap:.62rem;min-height:44px;padding:.18rem 0 .4rem;border-bottom:1px solid rgba(255,255,255,.74);font-size:.7rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.magazine-home .mediation-read__advance span{font-size:.92rem;line-height:1;transform:translateY(-.03rem)}
.magazine-home .mediation-read__advance:focus-visible{outline:2px solid currentColor;outline-offset:6px}

/* DHAKA — normal scrolling, one automatic entry event, no scroll state. */
.magazine-home .dhaka-live{min-height:80svh;position:relative;background:var(--paper);scroll-margin-top:var(--shell-height)}
.magazine-home .dhaka-live__stage{position:relative;height:80svh;min-height:40rem;overflow:hidden;padding:clamp(5.5rem,8vh,7.2rem) var(--gutter) 2.25rem;isolation:isolate}
.magazine-home .dhaka-live__copy{position:absolute;z-index:9;left:var(--gutter);top:clamp(6.2rem,10vh,8.2rem);width:min(40rem,43vw);transform:translate3d(0,-.45rem,0)}
.magazine-home .dhaka-live__copy h2{font:500 clamp(4.25rem,6.8vw,7.6rem)/.82 var(--serif);letter-spacing:-.06em}
.magazine-home .dhaka-live__copy a{display:inline-flex;align-items:center;min-height:44px;margin-top:1.2rem;padding-bottom:.25rem;border-bottom:1px solid currentColor;font-size:.73rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}
.magazine-home .dhaka-live figure{position:absolute;overflow:hidden;background:#d4cec3;box-shadow:0 1.6rem 4.5rem rgba(16,25,25,.13)}
.magazine-home .dhaka-live figcaption{position:absolute;left:.65rem;bottom:.6rem;background:rgba(12,16,15,.76);color:#fff;padding:.38rem .5rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.magazine-home .dhaka-live__architecture{right:var(--gutter);bottom:4%;width:57vw;height:61vh;z-index:5;transform:none;opacity:1}
.magazine-home .dhaka-live__architecture img{filter:saturate(.88) contrast(1.025);transform:scale(1.015)}
.magazine-home .dhaka-live__people{left:var(--gutter);bottom:3%;width:34vw;height:33vh;z-index:7;transform:translate3d(0,1rem,0);opacity:0;transition:transform .58s cubic-bezier(.22,1,.36,1),opacity .28s ease}
.magazine-home .dhaka-live__people img{filter:saturate(.94) contrast(1.025);object-position:center 50%}
.magazine-home .dhaka-live.is-dhaka-live .dhaka-live__people{transform:none;opacity:1}

/* ACTION — still, decisive, immediately usable. */
.magazine-home .act{min-height:100svh;position:relative;display:grid;place-items:center;color:#fff;background:#111310;overflow:hidden;isolation:isolate}
.magazine-home .act__media{position:absolute;inset:0;z-index:-3}
.magazine-home .act__media img{object-position:center 48%;filter:saturate(.58) contrast(1.04) brightness(.5);transform:scale(1.035)}
.magazine-home .act__veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,10,9,.78),rgba(8,10,9,.42)),radial-gradient(circle at 78% 54%,rgba(154,50,64,.22),transparent 34%)}
.magazine-home .act__copy{text-align:center;width:min(80rem,88vw)}
.magazine-home .act__copy h2{font:500 clamp(5rem,10vw,11rem)/.78 var(--serif);letter-spacing:-.07em;text-wrap:balance}
.magazine-home .act__copy>button{margin-top:2rem}

@media(max-width:980px){
  .magazine-home .arrival__copy{width:78vw}.magazine-home .arrival__copy h1{font-size:clamp(4.8rem,13vw,8.8rem)}
  .magazine-home .homes-read__header{width:36vw}.magazine-home .home-frame{left:24vw}.magazine-home .homes-read__switcher{left:24vw}
  .magazine-home .mediation-read__title{width:62vw}
  .magazine-home .dhaka-live__copy{width:54vw}.magazine-home .dhaka-live__architecture{width:57vw}.magazine-home .dhaka-live__people{left:3vw;width:64vw}
}

@media(max-width:680px){
  .magazine-home{--gutter:max(1rem,env(safe-area-inset-left));--header-height:4.65rem}

  .magazine-home .arrival__stage{min-height:38rem}
    .magazine-home .arrival__copy{left:max(1rem,env(safe-area-inset-left));bottom:max(4.3rem,calc(3.7rem + env(safe-area-inset-bottom)));width:calc(100vw - max(2rem,calc(env(safe-area-inset-left) + env(safe-area-inset-right) + 2rem)))}
  /* v42: one mobile authority for the two-line arrival lock. The lead stays intact without crossing the safe field. */
  .magazine-home .arrival__copy h1{font-size:clamp(3.05rem,14.3vw,5.1rem);line-height:.82;max-width:calc(100vw - 2rem);letter-spacing:-.065em;padding-right:.08em}
  .magazine-home .arrival__copy p{font-size:1rem;line-height:1.46;max-width:21rem;margin-top:1rem}
  .magazine-home .arrival__actions{align-items:flex-start;flex-direction:column;gap:.18rem;margin-top:1rem}
  .magazine-home .arrival__actions button,.magazine-home .homes-read__action button,.magazine-home .homes-read__action a,.magazine-home .act__copy button{display:inline-flex;align-items:center;min-height:44px;padding:.55rem 0 .48rem;font-size:.73rem;touch-action:manipulation}
  .magazine-home .arrival__actions button+button{margin-top:.05rem}
  .magazine-home .arrival__media img{object-position:64% 48%}

  .magazine-home .homes-read,.magazine-home .homes-read__stage{min-height:max(100svh,42rem);height:100svh}
  .magazine-home .homes-read__header{left:max(1rem,env(safe-area-inset-left));top:5.35rem;width:calc(100vw - 2rem)}
  .magazine-home .homes-read__header h2{font-size:clamp(3.35rem,14.2vw,4.45rem);line-height:.84;max-width:7.5ch}
  .magazine-home .home-frame{left:0;right:0;top:27svh;bottom:9.5rem}
  .magazine-home .home-frame__meta{left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));gap:.48rem .8rem}
  .magazine-home .home-frame__meta span{font-size:clamp(2rem,8.7vw,2.7rem);line-height:.91;max-width:10ch}
  .magazine-home .home-frame__meta strong{font-size:.76rem;line-height:1.38;letter-spacing:.02em;max-width:18rem}
  .magazine-home .home-frame__meta i{font-size:1.2rem}
  .magazine-home .homes-read__switcher{left:max(1rem,env(safe-area-inset-left));bottom:max(4.7rem,calc(4rem + env(safe-area-inset-bottom)));gap:1rem}
  .magazine-home .homes-read__switcher button{font-size:.67rem;letter-spacing:.09em}
  .magazine-home .homes-read__action{left:max(1rem,env(safe-area-inset-left));right:auto;bottom:max(.7rem,env(safe-area-inset-bottom))}

  .magazine-home .mediation-read{min-height:0}
  .magazine-home .mediation-read__stage{min-height:0;padding:5.55rem max(1rem,env(safe-area-inset-right)) 3.5rem max(1rem,env(safe-area-inset-left))}
  .magazine-home .mediation-read__media img{object-position:58% 52%}
  .magazine-home .mediation-read__veil{background:linear-gradient(180deg,rgba(7,11,12,.72),rgba(7,11,12,.16) 38%,rgba(7,11,12,.72) 100%)}
  .magazine-home .mediation-read__title{width:calc(100vw - 2rem)}
  .magazine-home .mediation-read__title h2{font-size:clamp(3.35rem,13.9vw,4.55rem);line-height:.84;max-width:7.5ch}
  .magazine-home .mediation-read__steps{position:relative;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:1fr;gap:0;margin-top:clamp(12rem,35vh,17rem)}
  .magazine-home .mediation-read__steps article,.magazine-home .mediation-read__steps article:nth-child(2),.magazine-home .mediation-read__steps article:nth-child(3){text-align:left;padding:1.15rem 0;border-top:1px solid rgba(255,255,255,.28)}
  .magazine-home .mediation-read__steps strong{font-size:clamp(2.5rem,10.8vw,3.45rem);line-height:.88}
  .magazine-home .mediation-read__steps span{font-size:.96rem;line-height:1.42;margin-top:.42rem}
  .magazine-home .mediation-read__steps article:nth-child(2) span,.magazine-home .mediation-read__steps article:nth-child(3) span{margin-inline:0}
  .magazine-home .mediation-read__advance{position:relative;right:auto;bottom:auto;margin-top:1.1rem;font-size:.68rem;letter-spacing:.1em}

  .magazine-home .dhaka-live,.magazine-home .dhaka-live__stage{min-height:max(82svh,38rem);height:82svh}
  .magazine-home .dhaka-live__stage{padding:5.25rem max(1rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}
  .magazine-home .dhaka-live__copy{left:max(1rem,env(safe-area-inset-left));top:5.25rem;width:calc(100vw - 2rem)}
  .magazine-home .dhaka-live__copy h2{font-size:clamp(3.45rem,14vw,4.7rem);line-height:.84;max-width:7.2ch}
  .magazine-home .dhaka-live__copy a{font-size:.72rem;margin-top:.75rem}
  .magazine-home .dhaka-live__architecture{right:0;left:24vw;top:28%;bottom:auto;width:auto;height:41svh;transform:none;opacity:1}
  .magazine-home .dhaka-live__people{left:max(1rem,env(safe-area-inset-left));bottom:2%;width:68vw;height:31svh;transform:translate3d(0,1rem,0)}
  .magazine-home .dhaka-live figcaption{font-size:.66rem;line-height:1.2;letter-spacing:.055em;padding:.42rem .5rem;max-width:88%}

  .magazine-home .act{min-height:max(88svh,38rem);padding:4.8rem max(1rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}
  .magazine-home .act__media img{object-position:64% 48%}
  .magazine-home .act__copy{width:100%}
  .magazine-home .act__copy h2{font-size:clamp(4rem,16vw,5.4rem);line-height:.8;max-width:7.8ch;margin-inline:auto}
  .magazine-home .act__copy>button{margin-top:1.35rem}

  /* Enquiry remains direct for known intent and keyboard/iOS safe. */
  .magazine-home .conversation__panel{height:100dvh;min-height:100dvh}
  .magazine-home .conversation__header{height:4.4rem;padding:0 1rem}.magazine-home .conversation__header>button{width:44px;height:44px}
  .magazine-home .conversation__step{padding:1.45rem 1rem 1.25rem}
  .magazine-home .conversation__step legend,.magazine-home .conversation__sent h2{font-size:clamp(2.65rem,12vw,3.45rem);line-height:.92;margin-bottom:1rem}
  .magazine-home .conversation__step>p{font-size:1rem;line-height:1.42;margin-bottom:1.35rem}
  .magazine-home .conversation input,.magazine-home .conversation textarea,.magazine-home .conversation select{font-size:16px;min-height:3.15rem}
  .magazine-home .conversation__step--fields label>span,.magazine-home .seed-record span{font-size:.66rem;line-height:1.3}
  .magazine-home .conversation__actions{min-height:4.9rem;padding:max(.65rem,env(safe-area-inset-bottom)) 1rem .65rem;background:var(--cream);position:relative;z-index:2}
  .magazine-home .conversation__actions button{min-height:44px}
  .magazine-home .conversation__sent{padding:1.5rem 1rem max(1.5rem,env(safe-area-inset-bottom))}
  .magazine-home .conversation__handoff{display:grid;gap:.65rem}
  .magazine-home .conversation__sent .button{width:100%;min-height:3.2rem;display:flex;align-items:center;justify-content:center}
}

@media(max-width:390px){
  .magazine-home .arrival__copy p{font-size:.95rem}
  .magazine-home .homes-read__header h2{font-size:clamp(3.2rem,13.6vw,4rem)}.magazine-home .home-frame__meta span{font-size:clamp(1.85rem,8.2vw,2.35rem)}
  .magazine-home .mediation-read__title h2,.magazine-home .dhaka-live__copy h2{font-size:clamp(3.1rem,13.2vw,4rem)}
  .magazine-home .mediation-read__steps strong{font-size:clamp(2.35rem,10.4vw,3.2rem)}
  .magazine-home .act__copy h2{font-size:clamp(3.7rem,15.5vw,4.8rem)}
}

@media(prefers-reduced-motion:no-preference){
  .magazine-home .arrival__media img{animation:mg-arrival-image-settle .82s cubic-bezier(.22,1,.36,1) both}
  .magazine-home .arrival__copy h1{animation:mg-arrival-copy-settle .68s .04s cubic-bezier(.22,1,.36,1) both}
  @keyframes mg-arrival-image-settle{from{transform:scale(1.064)}to{transform:scale(1.055)}}
  @keyframes mg-arrival-copy-settle{from{opacity:.76;transform:translate3d(0,.32rem,0)}to{opacity:1;transform:none}}
}

@media(prefers-reduced-motion:reduce){
  .magazine-home *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
  .magazine-home .dhaka-live__architecture{opacity:.88!important;transform:none!important}
  .magazine-home .dhaka-live__people{opacity:1!important;transform:none!important}
}