/* Only loaded by the region directory. Regional reading layouts stay independent. */
.premium .regions-directory{position:relative;isolation:isolate;margin:0;padding:26px 0 12px}
.regions-map-backdrop{position:fixed;z-index:-1;inset:80px 0 0;overflow:hidden;pointer-events:none}
.regions-map-backdrop>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 44%;opacity:.31;filter:saturate(.55)}
.regions-map-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#030c13e8 0%,#030c1328 25%,#030c1310 65%,#030c13 100%),linear-gradient(90deg,#030c13c9,transparent 25%,transparent 75%,#030c13c9)}
.premium .regions-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px;padding:0;border:0}
.regions-directory-heading .eyebrow{font-size:10px;letter-spacing:.19em;color:#bba66c;margin:0 0 7px}
.premium .regions-directory h1{font:400 clamp(30px,3vw,43px)/1.15 Georgia,serif;letter-spacing:-.02em;color:#e7d2a1;margin:0}
.regions-directory .regions-intro{font-size:13px;line-height:1.5;color:#a5b7b8;margin:8px 0 0}
.regions-controls{width:265px;flex-shrink:0;position:relative}
.premium .regions-controls .toolbar{display:block;background:#06141be6;border:1px solid #3c4c47;padding:0;margin:0;min-height:0}
.regions-controls .field{margin:0;min-width:0}
.regions-controls label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.premium .regions-controls input{display:block;width:100%;font-size:13px;line-height:1.4;min-height:42px;margin:0;padding:11px 14px;border:0;background:transparent;color:#d9e0d8;box-shadow:none}
.regions-controls input::placeholder{color:#96aaa9}
.regions-controls input:focus-visible{outline:2px solid #cfaf65;outline-offset:3px}
.regions-controls .count{color:#98aaa6;font-size:10px;text-align:right;margin:6px 1px 0;min-height:15px;line-height:15px}
.regions-controls .empty{font-size:12px;line-height:1.5;margin:7px 0;color:#d9c79f}
.regions-controls .pagination{display:none}
.regions-collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.region-tile{min-width:0;margin:0;position:relative;border:1px solid #394440;background:#041119;box-shadow:0 6px 17px #0003;transition:border-color .2s,box-shadow .2s}
.region-tile>a{display:block;color:inherit;text-decoration:none;height:100%}
.region-tile-art{height:133px;position:relative;overflow:hidden;background:#0c202b}
.region-tile-art>img:first-child{display:block;object-fit:cover;width:100%;height:100%;opacity:.76;filter:saturate(.78);transition:transform .28s,opacity .28s,filter .28s}
.region-tile-shade{position:absolute;inset:0;background:linear-gradient(180deg,#020c1938,#020c1930 35%,#020c19a3),radial-gradient(ellipse at center,#0510166e,transparent 68%)}
.region-tile-art>.region-tile-crest{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 2px 6px #01060fee);opacity:1}
.region-tile-name{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:45px;padding:9px 16px;border-top:1px solid #39444088;background:#041119f5}
.premium .region-tile h2{font:600 19px/1.25 Georgia,serif;color:#e5d2a7;letter-spacing:.015em;margin:0;overflow-wrap:anywhere}
.region-tile-name>span{font-size:15px;color:#9c875b;flex-shrink:0}
.region-tile:hover,.region-tile:focus-within{border-color:#c1a66a;box-shadow:0 6px 20px #0005}
.region-tile:hover .region-tile-art>img:first-child,.region-tile:focus-within .region-tile-art>img:first-child{opacity:1;filter:saturate(1);transform:scale(1.025)}
.region-tile>a:focus-visible{outline:2px solid #efd394;outline-offset:4px}
.region-tile:hover h2,.region-tile:focus-within h2{color:#f5e3bb}
.regions-atlas-link{grid-column:span 3;display:flex;gap:24px;align-items:center;justify-content:center;min-width:0;padding:18px 24px;text-decoration:none;border:1px solid #776d4770;background:linear-gradient(100deg,#07151bbd,#07151b33);color:#d2bc81;transition:background .2s,border-color .2s}
.regions-compass{font:90px/1 Georgia,serif;color:#b7a16a;text-shadow:0 2px 12px #000b;flex-shrink:0}
.regions-atlas-link .eyebrow{display:block;font-size:9px;letter-spacing:.17em;margin-bottom:9px;color:#c7b78a}
.regions-atlas-link strong{display:block;font:400 27px/1.25 Georgia,serif;color:#e1ce9e;margin-bottom:12px}
.regions-atlas-action{font-size:12px;color:#d8c492;border-bottom:1px solid #a99255;padding-bottom:4px}
.regions-atlas-action>span{margin-left:9px}
.regions-atlas-link:hover,.regions-atlas-link:focus-visible{border-color:#c1a66a;background:#0b202aaa;outline:2px solid transparent;outline-offset:3px}
.regions-collection:has(.region-tile[hidden]) .regions-atlas-link{display:none}
.regions-directory .regions-art-credit{font-size:9px;text-align:right;line-height:1.5;letter-spacing:.035em;color:#87948c;margin:12px 0 0}
@media(min-width:1600px){.region-tile-art{height:148px}.premium .region-tile h2{font-size:21px}}
@media(max-width:980px){.regions-collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.regions-atlas-link{grid-column:span 2}.regions-compass{font-size:65px}.regions-atlas-link strong{font-size:24px}.region-tile-art{height:128px}.regions-controls{width:225px}}
@media(max-width:600px){
 .premium .regions-directory{padding-top:20px}
 .premium .regions-directory-heading{display:block;margin-bottom:15px}
 .regions-directory-heading .eyebrow{font-size:9px;margin-bottom:6px}
 .premium .regions-directory h1{font-size:31px}
 .regions-directory .regions-intro{font-size:12px;margin-top:7px}
 .regions-controls{width:100%;margin-top:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
 .premium .regions-controls .toolbar{flex:1;min-width:140px}
 .premium .regions-controls input{font-size:16px;min-height:41px;padding:9px 11px}
 .regions-controls .count{margin:0;font-size:10px;min-width:62px}
 .regions-controls .empty{flex-basis:100%;margin:0}
 .regions-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .region-tile-art{height:106px}
 .region-tile-art>.region-tile-crest{width:65px;height:65px}
 .region-tile-name{padding:9px 10px;min-height:45px;gap:5px}
 .premium .region-tile h2{font-size:15px;line-height:1.25;letter-spacing:0}
 .region-tile-name>span{font-size:12px}
 .regions-atlas-link{grid-column:span 1;padding:15px 12px;display:block;text-align:center}
 .regions-compass{display:none}
 .regions-atlas-link .eyebrow{font-size:7px;letter-spacing:.08em;margin:4px 0 10px}
 .regions-atlas-link strong{font-size:19px;line-height:1.25;margin-bottom:14px}
 .regions-atlas-action{font-size:10px}
 .regions-atlas-action>span{margin-left:3px}
 .regions-map-backdrop{inset:0}
 .regions-map-backdrop>img{object-position:center center;opacity:.32}
 .regions-directory .regions-art-credit{font-size:8px;text-align:center;margin-top:13px}
}
@media(prefers-reduced-motion:reduce){.region-tile,.region-tile-art>img:first-child,.regions-atlas-link{transition:none}.region-tile:hover .region-tile-art>img:first-child,.region-tile:focus-within .region-tile-art>img:first-child{transform:none}}