/* The atlas is an opening newspaper spread, with the service always in view. */
.atlas-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:5%;border-bottom:3px double #4a423c;padding-top:35px;padding-bottom:45px;align-items:start}
.atlas-heading h1{font:600 clamp(52px,5.1vw,81px)/1.01 var(--serif);letter-spacing:-.045em;margin:24px 0 22px}
.atlas-heading h1 em{color:#a52938;font-weight:500}
.atlas-deck{max-width:510px;font:16px/1.7 var(--sans);color:#4b4540}
.atlas-actions{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin:24px 0 27px}
.atlas-actions .button{font-size:11px;gap:28px}.atlas-actions .text-link{font-size:11px;padding:12px 0}
.atlas-country-index{border-top:1px solid #a49c93;padding-top:20px}.atlas-country-index>.eyebrow{font-size:10px}
.case-globe-countries{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px}
.case-globe-countries a{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:44px;border-bottom:1px solid #c5beb5;font:600 11px/1.5 var(--sans)}
.case-globe-countries a>span{font:italic 22px/1 var(--serif);color:#a52938}.case-globe-countries a:hover,.case-globe-countries a:focus-visible{color:#a52938}
.atlas-count-note{font:10px/1.6 var(--sans);color:#6e655c;max-width:480px}.atlas-country-index>.quiet-link{font-size:11px;margin-top:12px}
.atlas-edition{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #39342f;border-bottom:1px solid #b4aaa0;padding:10px 0;font:650 9px/1.5 var(--sans);letter-spacing:.09em}
.atlas-visual{min-width:0}.case-globe-stage{width:100%;aspect-ratio:1.1;position:relative;margin:12px auto 0}
.case-globe-canvas{display:block;width:100%;height:100%}.atlas-globe-caption{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid #a49c93;padding-top:15px}
.atlas-globe-caption p{font:italic 17px/1.5 Georgia,serif;margin:0}.atlas-globe-caption p span{font:10px/1.5 var(--sans);color:#6e655c}
.case-globe-controls{display:flex;gap:5px}.case-globe-controls button{width:36px;height:38px;background:transparent;border:1px solid #a49c93;font-size:18px;color:#39342f;cursor:pointer}
.case-globe-controls button:hover{color:#a52938;border-color:#a52938}.case-globe-status{font:11px/1.6 var(--sans);color:#6e655c;min-height:18px;margin:12px 0}.atlas-read-on{display:flex;justify-content:space-between;font:650 10px/1.5 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:14px 0;border-bottom:2px solid #3a342e}
.atlas-heading :focus-visible,.atlas-visual :focus-visible{outline:2px solid #a52938;outline-offset:4px}
@media(min-width:821px) and (max-width:1099px){.atlas-hero{gap:4%;grid-template-columns:1fr 1fr}.atlas-heading h1{font-size:56px}.case-globe-countries{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-globe-caption{display:block}.case-globe-controls{margin-top:12px}.site-header .main-nav>a{font-size:12px;padding-left:5px;padding-right:5px}}
@media(min-width:821px) and (max-width:1099px){.atlas-actions{gap:10px 13px}.atlas-actions .button{padding:14px 16px;gap:12px}.atlas-actions .text-link{gap:9px}}
@media(max-width:820px){.atlas-hero{grid-template-columns:1fr;gap:24px;padding-top:27px;padding-bottom:32px}.atlas-heading h1{font-size:clamp(47px,7vw,69px);margin:18px 0}.atlas-deck{font-size:15px}.atlas-actions{margin:20px 0}.atlas-country-index{display:none}.atlas-visual{max-width:620px;width:100%;justify-self:center}.case-globe-stage{aspect-ratio:1.15;margin-top:4px}.atlas-globe-caption p{font-size:15px}.case-globe-controls button{width:34px;min-height:44px}.atlas-hero:has(.case-globe-canvas[hidden]) .atlas-country-index{display:block}}
@media(max-width:480px){.atlas-hero{gap:20px}.atlas-heading h1{font-size:47px}.atlas-actions{gap:9px 17px}.atlas-actions .button{font-size:10px;gap:17px}.atlas-globe-caption{display:block}.case-globe-controls{margin-top:12px}.case-globe-controls button{flex:1}.atlas-count-note{font-size:10px}.case-globe-countries{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Country links remain available to keyboard readers and every phone. */
@media(max-width:820px){.atlas-country-index{display:block}.case-globe-countries{grid-template-columns:repeat(3,minmax(0,1fr))}.atlas-country-index{margin-top:21px}.atlas-count-note{max-width:none}}
@media(max-width:420px){.case-globe-countries{grid-template-columns:repeat(2,minmax(0,1fr))}}
.atlas-hero{grid-template-areas:"heading globe" "countries globe";column-gap:5%;row-gap:0}.atlas-heading{grid-area:heading}.atlas-visual{grid-area:globe}.atlas-country-index{grid-area:countries;align-self:start}
@media(max-width:820px){.atlas-hero{grid-template-areas:"heading" "globe" "countries";row-gap:22px}.atlas-heading .atlas-actions{margin-bottom:0}.atlas-country-index{margin-top:0}}
.case-globe-fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.case-globe-canvas{position:relative;z-index:1}.case-globe-tooltip{z-index:2}
@media(max-width:820px){.atlas-heading h1{font-size:clamp(42px,7.4vw,62px)}.atlas-deck{font-size:14px;line-height:1.65;margin-bottom:16px}.atlas-actions .button{padding:15px 18px;font-size:10px;gap:14px;letter-spacing:.05em}.atlas-actions .text-link{font-size:10px;gap:13px;letter-spacing:.03em}.atlas-hero{row-gap:17px}.atlas-edition{padding:8px 0;font-size:8px}}
@media(max-width:360px){.atlas-heading h1{font-size:39px}.atlas-actions{gap:8px 14px}.atlas-actions .button{font-size:9px;padding-inline:14px}.atlas-actions .text-link{font-size:9px;gap:8px}}
@media(max-width:820px){.atlas-actions .button{font-size:9px;padding:13px 13px;gap:9px}.atlas-actions .text-link{min-width:0;font-size:9px;gap:9px}.atlas-actions .button>span,.atlas-actions .text-link>span{font-size:18px}.atlas-actions{gap:10px 15px}}
@media(max-width:820px){.atlas-actions{column-gap:8px}.case-globe-stage{aspect-ratio:1.18}}
/* Keep the primary action and country directory legible on narrow screens. */
@media(max-width:820px){
  .atlas-actions .button,.atlas-actions .text-link{font-size:12px;line-height:1.45;min-height:44px;letter-spacing:.035em}
  .atlas-actions .button{padding:13px 16px}
  .case-globe-countries a{font-size:13px;min-height:48px}
  .atlas-count-note,.case-globe-status{font-size:12px;line-height:1.55}
}
@media(max-width:560px){
  .atlas-actions{display:grid;grid-template-columns:1fr;gap:4px}
  .atlas-actions .button,.atlas-actions .text-link{justify-content:space-between;width:100%;font-size:12px}
  .case-globe-countries{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Give first-time phone visitors the service proposition and enquiry action before exploration. */
@media(max-width:640px){
  .atlas-hero{grid-template-areas:"heading" "globe" "countries";row-gap:22px;padding-top:17px}
  .atlas-heading>.eyebrow{display:block}
  .atlas-heading h1{margin:10px 0 14px}
  .atlas-deck{margin:0 0 14px}
  .atlas-actions{margin:10px 0 0}
  .atlas-visual{max-width:520px}
  .case-globe-stage{aspect-ratio:1.22;margin-top:0}
  .atlas-globe-caption{padding-top:10px}
}