/* One open world record at a time; the first record leads before any pointer input. */
@media (min-width:861px){
  .world-atlas{display:flex;align-self:center;width:min(760px,100%);height:420px;overflow:hidden;border:1px solid rgba(239,217,168,.5);background:#07121b}
  .world-atlas__tile{position:relative;isolation:isolate;flex:.72 1 0;min-width:0;min-height:0;padding:28px 20px 26px;overflow:hidden;border:0;border-right:1px solid rgba(239,217,168,.34);background-image:linear-gradient(0deg,rgba(3,9,14,.88),rgba(3,11,17,.18) 64%),url("assets/home-ocean.png");background-size:cover;background-position:center;transition:flex .72s cubic-bezier(.16,.84,.28,1),filter .6s ease,background-position 1s ease;cursor:default}
  .world-atlas__tile:last-child{border-right:0}
  .world-atlas__tile:nth-child(2){background-position:62% 45%;filter:saturate(.74) brightness(.74)}
  .world-atlas__tile:nth-child(3){background-position:82% 56%;filter:saturate(.58) brightness(.62)}
  .world-atlas__tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(2,8,14,.06),rgba(3,8,12,.8));transition:opacity .5s ease}
  .world-atlas__tile.is-default{flex:2.7 1 0;background-position:36% 55%;filter:none}
  .world-atlas:hover .world-atlas__tile.is-default{flex:.72 1 0;filter:saturate(.72) brightness(.72)}
  .world-atlas:hover .world-atlas__tile:hover,.world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within{flex:2.7 1 0;filter:none;background-position:50% 52%}
  .world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile.is-default:not(:focus-within){flex:.72 1 0;filter:saturate(.72) brightness(.72)}
  .world-atlas__tile span{display:block;white-space:nowrap;transition:transform .55s ease,color .4s ease}
  .world-atlas__tile h3{position:absolute;left:20px;right:20px;bottom:28px;margin:0;font-size:clamp(22px,2.3vw,30px);transition:bottom .62s cubic-bezier(.16,.84,.28,1),transform .62s cubic-bezier(.16,.84,.28,1)}
  .world-atlas__tile p,.world-atlas__tile small{position:absolute;left:20px;right:24px;opacity:0;transform:translateY(18px);transition:opacity .42s ease .08s,transform .58s cubic-bezier(.16,.84,.28,1) .08s;pointer-events:none}
  .world-atlas__tile p{bottom:76px;margin:0;color:#f0e8dc;font:17px/1.35 var(--ledger-display)}
  .world-atlas__tile small{bottom:30px;color:#ddb86f;font:10px/1.35 var(--ledger-mono);letter-spacing:.08em;text-transform:uppercase}
  .world-atlas__tile.is-default h3,.world-atlas:hover .world-atlas__tile:hover h3,.world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within h3{bottom:156px}
  .world-atlas__tile.is-default p,.world-atlas__tile.is-default small,.world-atlas:hover .world-atlas__tile:hover p,.world-atlas:hover .world-atlas__tile:hover small,.world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within p,.world-atlas:has(.world-atlas__tile:focus-within) .world-atlas__tile:focus-within small{opacity:1;transform:none}
  .world-atlas:hover .world-atlas__tile:not(:hover) p,.world-atlas:hover .world-atlas__tile:not(:hover) small{opacity:0;transform:translateY(18px)}
}
@media(prefers-reduced-motion:reduce){.world-atlas__tile,.world-atlas__tile *{transition:none!important}}