/* ATLAS */
.a-hero{padding-top:8.5rem}
.a-hero .h2{margin-bottom:1.4rem}
.regions{display:flex;gap:8px;height:min(78vh,720px);margin:3rem auto 0;width:min(1500px,100% - 2rem)}
.rg{position:relative;flex:1;min-width:0;overflow:hidden;border-radius:24px;color:#fff;background:#222;transition:flex .9s var(--ease);cursor:pointer;isolation:isolate}
.rg:hover,.rg:focus-within,.rg.open{flex:4.6}
.rg>.bg{position:absolute;inset:0;z-index:-2;display:flex}
.rg>.bg img{flex:1;min-width:0;height:100%;object-fit:cover;transition:transform 1.6s var(--ease),filter .6s;filter:saturate(1.05) brightness(.85)}
.rg:hover>.bg img,.rg.open>.bg img{transform:scale(1.05);filter:saturate(1.2) brightness(1)}
.rg::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(14,10,18,.88),rgba(14,10,18,.05) 62%)}
.rg-in{position:absolute;inset:auto 0 0 0;padding:1.3rem}
.rg small{font:400 .7rem var(--sans);letter-spacing:.3em;text-transform:uppercase;opacity:.85}
.rg h3{font:300 clamp(1.7rem,2.5vw,2.9rem)/1.02 var(--serif);margin:.3rem 0 .2rem;overflow-wrap:break-word;hyphens:manual}
.rg-list{display:grid;gap:.45rem;max-height:0;opacity:0;overflow:hidden;transition:max-height .8s var(--ease),opacity .6s .15s;margin-top:.4rem}
.rg:hover .rg-list,.rg:focus-within .rg-list,.rg.open .rg-list{max-height:520px;opacity:1}
.rg-list a{display:grid;grid-template-columns:44px 1fr;gap:.8rem;align-items:center;text-decoration:none;padding:.25rem;border-radius:14px;transition:background .3s}
.rg-list a:hover{background:rgba(255,255,255,.14)}
.rg-list img{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#fff}
.rg-list b{font:italic 400 1.25rem/1.1 var(--serif);display:block}
.rg-list span{font-size:.74rem;opacity:.85;display:block;line-height:1.3}

.ix{padding:clamp(5rem,9vw,8rem) 0 clamp(5rem,9vw,8rem)}
.ix .h2{margin-bottom:2.5rem}
.ix-table{border-top:1px solid var(--line)}
.ix-row{display:grid;grid-template-columns:3.2rem 1.1fr 1.4fr auto;gap:1rem;align-items:baseline;padding:1.05rem .4rem;border-bottom:1px solid var(--line);text-decoration:none;transition:background .35s,padding .5s var(--ease)}
.ix-row:hover{background:rgba(0,0,0,.035);padding-left:1.2rem}
.ix-row i{font:400 .72rem var(--sans);font-style:normal;letter-spacing:.2em;color:var(--mute)}
.ix-row b{font:300 clamp(1.7rem,3vw,2.6rem)/1.1 var(--serif);transition:color .3s}
.ix-row:hover b{color:var(--d1)}
.ix-row span{color:#4a4640;font-size:.95rem}
.ix-row em{font:400 .68rem var(--sans);font-style:normal;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.ix-pop{position:fixed;left:0;top:0;width:200px;aspect-ratio:3/4;object-fit:cover;border-radius:18px;box-shadow:0 30px 50px -20px rgba(0,0,0,.5);pointer-events:none;opacity:0;transform:scale(.85) rotate(-4deg);transition:opacity .3s,transform .4s var(--ease);z-index:30;background:#fff}
.ix-pop.on{opacity:1;transform:scale(1) rotate(-3deg)}

@media (max-width:900px){
  .regions{flex-direction:column;height:auto}
  .rg{min-height:44vh;flex:none}.rg:hover,.rg.open{flex:none}
  .rg-list{max-height:none;opacity:1}
  .ix-row{grid-template-columns:2.4rem 1fr}
  .ix-row span{grid-column:2}.ix-row em{display:none}
  .ix-pop{display:none}
}