.perspectives-discovery { --discovery-ink:#102f43; --discovery-accent:#17675d; color:var(--discovery-ink); background:#eaf1f5; }
.perspectives-discovery .wrap { max-width:1200px; }
.discovery-intro { padding-top:64px; padding-bottom:30px; text-align:center; }
.discovery-intro .eyebrow { color:#17675d; font-size:11px; letter-spacing:.18em; }
.discovery-intro h1 { font-size:clamp(42px,6.5vw,82px); line-height:1.05; letter-spacing:-.045em; margin:18px 0; }
.discovery-intro > p:not(.eyebrow):not(.discovery-description) { font-size:24px; margin:0 0 12px; }
.discovery-description { max-width:600px; margin:0 auto 24px; color:#52636b; font-size:17px; line-height:1.6; }
.discovery-jump { display:inline-flex; gap:24px; align-items:center; font-size:14px; font-weight:600; color:var(--discovery-accent); }
.discovery-hero-image { display:block; width:100%; height:auto; margin-top:10px; border-radius:8px; }
.discovery-section { padding-top:64px; padding-bottom:12px; scroll-margin-top:100px; }
.discovery-section:last-child { padding-bottom:70px; }
.discovery-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:26px; }
.discovery-section-heading h2 { font-size:clamp(28px,3vw,40px); letter-spacing:-.03em; line-height:1.15; margin:8px 0 0; }
.discovery-section-heading p { color:#5a686e; max-width:330px; font-size:14px; margin:0; }
.discovery-section-heading .eyebrow { font-size:10px; color:var(--discovery-accent); }
.discovery-section-heading > a { color:var(--discovery-accent); font-size:14px; }
.discovery-continents { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px; }
.discovery-continent { display:block; text-decoration:none; border:1px solid #e7e9e3; border-radius:8px; overflow:hidden; background:white; transition:transform .2s ease; }
.discovery-continent:hover { transform:translateY(-4px); }
.discovery-continent img { width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; display:block; }
.discovery-continent > span { display:block; padding:14px 10px; }
.discovery-continent strong { display:block; font-size:14px; color:var(--discovery-ink); }
.discovery-continent small { display:block; margin-top:8px; font-size:11px; color:#5a686e; }
.perspectives-discovery .perspective-article-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 24px; }
.perspectives-discovery .perspective-article-card { border:0; box-shadow:none; background:transparent; border-radius:0; overflow:visible; }
.perspectives-discovery .perspective-article-card > a { display:block; text-decoration:none; height:100%; }
.perspectives-discovery .perspective-article-card img { width:100%; height:auto; aspect-ratio:1672/941; object-fit:contain; border-radius:7px; display:block; }
.perspectives-discovery .perspective-card-copy { padding:17px 0 0; }
.perspectives-discovery .perspective-card-copy .eyebrow { font-size:10px; color:#17675d; margin:0 0 10px; }
.perspectives-discovery .perspective-card-copy h3 { font-size:22px; line-height:1.28; letter-spacing:-.02em; margin:0 0 14px; }
.perspectives-discovery .perspective-card-copy > p:not(.eyebrow):not(:last-child) { display:none; }
.perspectives-discovery .perspective-card-copy time { font-size:12px; color:#637077; }
.discovery-region { border-top:1px solid #dfe5df; scroll-margin-top:100px; }
.discovery-region:last-child { border-bottom:1px solid #dfe5df; }
.discovery-region > summary { cursor:pointer; padding:22px 6px; display:flex; align-items:center; gap:18px; font-size:21px; list-style:none; }
.discovery-region > summary::after { content:'+'; margin-left:auto; font:24px sans-serif; }
.discovery-region[open] > summary::after { content:'−'; }
.discovery-region summary small { font:12px sans-serif; color:#64716f; }
.discovery-region-content { padding:8px 6px 28px; }
.perspectives-discovery .country-directory { margin-top:30px; }
.perspectives-discovery .country-directory-grid { grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); }
.discovery-reader { display:none; padding-top:40px; padding-bottom:60px; }
.discovery-reader .perspective-preview { display:none; }
.discovery-reader .perspective-preview:target { display:block; margin-top:25px; }
.perspectives-discovery:has(.discovery-reader .perspective-preview:target) .discovery-landing { display:none; }
.perspectives-discovery:has(.discovery-reader .perspective-preview:target) .discovery-reader { display:block; }
.discovery-reader-back { color:var(--discovery-accent); font-size:14px; }
.discovery-reader .perspective-preview img { height:auto; max-width:100%; }
.perspectives-discovery a:focus-visible, .perspectives-discovery summary:focus-visible, .perspectives-discovery button:focus-visible, .perspectives-discovery input:focus-visible { outline:3px solid #17675d; outline-offset:5px; }
@media(max-width:900px) { .discovery-continents { grid-template-columns:repeat(4,minmax(0,1fr)); } .discovery-section { padding-top:44px; } }
@media(max-width:600px) { .discovery-intro { padding-top:35px; padding-bottom:20px; } .discovery-intro > p:not(.eyebrow):not(.discovery-description) { font-size:20px; } .discovery-description { font-size:15px; } .discovery-hero-image { border-radius:4px; } .discovery-section-heading { align-items:flex-start; flex-direction:column; gap:12px; } .discovery-continents { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .discovery-continent img { height:auto; } .discovery-continent:last-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; align-items:center; } .discovery-continent:last-child img { height:auto; } .perspectives-discovery .perspective-article-grid { grid-template-columns:1fr; gap:28px; } .perspectives-discovery .perspective-card-copy h3 { font-size:23px; } .discovery-region summary { font-size:19px; } .discovery-region summary small { margin-left:auto; } }
@media(prefers-reduced-motion:reduce) { .discovery-continent { transition:none; } }


.perspectives-discovery .discovery-landing { background:transparent; }
.perspectives-discovery .discovery-intro { background:transparent; }
.perspectives-discovery .discovery-section { background:transparent; }
.perspectives-discovery .discovery-continent { background:#ffffff; border-color:#c8d8e1; box-shadow:0 5px 18px rgba(16,47,67,.055); }
.perspectives-discovery .discovery-continent:hover { box-shadow:0 10px 24px rgba(16,47,67,.12); }
.perspectives-discovery .discovery-region { border-color:#c8d8e1; }
.perspectives-discovery .discovery-region:last-child { border-color:#c8d8e1; }
.perspectives-discovery .country-directory a, .perspectives-discovery .country-directory button { background:#fff; border-color:#c8d8e1; }
.perspectives-discovery .discovery-reader { background:#eaf1f5; }


.perspectives-discovery .discovery-hero { padding-top:18px; }
.perspectives-discovery .discovery-hero-visual { max-width:1440px; }
.perspectives-discovery .discovery-hero-image { margin:0; width:100%; border-radius:12px; }
.perspectives-discovery .discovery-intro { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr); gap:8px 28px; align-items:center; padding-top:22px; padding-bottom:14px; text-align:left; }
.perspectives-discovery .discovery-intro .eyebrow { grid-column:1/-1; margin:0; }
.perspectives-discovery .discovery-intro h1 { grid-column:1; font-size:clamp(38px,4.1vw,64px); margin:0; line-height:1.08; }
.perspectives-discovery .discovery-intro > p:not(.eyebrow):not(.discovery-description) { grid-column:1; font-size:clamp(18px,1.7vw,23px); margin:0; }
.perspectives-discovery .discovery-description { grid-column:2; grid-row:2/4; max-width:400px; margin:0; font-size:15px; }
.perspectives-discovery .discovery-jump { grid-column:2; grid-row:4; justify-self:start; }
.perspectives-discovery .discovery-section { padding-top:38px; }
@media(max-width:700px) {
 .perspectives-discovery .discovery-hero { padding-top:10px; }
 .perspectives-discovery .discovery-hero-image { border-radius:7px; }
 .perspectives-discovery .discovery-intro { display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding-top:18px; padding-bottom:10px; }
 .perspectives-discovery .discovery-intro h1 { font-size:clamp(34px,8vw,48px); }
 .perspectives-discovery .discovery-description { font-size:14px; }
 .perspectives-discovery .discovery-jump { margin-top:4px; }
 .perspectives-discovery .discovery-section { padding-top:32px; }
}


.perspectives-discovery .discovery-landing {
 color:#edf5fb;
 background-color:#081b2d;
 background-image:
   radial-gradient(circle at 82% 12%,rgba(65,158,184,.16),transparent 32%),
   radial-gradient(circle at 10% 56%,rgba(32,105,145,.12),transparent 35%),
   linear-gradient(rgba(106,182,202,.055) 1px,transparent 1px),
   linear-gradient(90deg,rgba(106,182,202,.055) 1px,transparent 1px),
   linear-gradient(135deg,#071725,#0b253b 52%,#071b2c);
 background-size:auto,auto,64px 64px,64px 64px,auto;
 position:relative;
 isolation:isolate;
}
.perspectives-discovery .discovery-landing::before {
 content:""; position:absolute; inset:0; pointer-events:none; z-index:-1;
 opacity:.3;
 background-image:
  radial-gradient(circle,rgba(111,211,231,.65) 1.3px,transparent 1.6px),
  repeating-linear-gradient(135deg,transparent 0 142px,rgba(94,169,191,.13) 143px,transparent 144px 284px);
 background-size:128px 128px,auto;
 background-position:20px 35px,center;
}
.perspectives-discovery .discovery-intro h1,
.perspectives-discovery .discovery-section-heading h2,
.perspectives-discovery .discovery-region > summary,
.perspectives-discovery .perspective-card-copy h3 { color:#f5f8fc; }
.perspectives-discovery .discovery-intro .eyebrow,
.perspectives-discovery .discovery-section-heading .eyebrow,
.perspectives-discovery .perspective-card-copy .eyebrow { color:#81dbe5; }
.perspectives-discovery .discovery-intro > p:not(.eyebrow),
.perspectives-discovery .discovery-description,
.perspectives-discovery .discovery-section-heading p,
.perspectives-discovery .perspective-card-copy time,
.perspectives-discovery .discovery-region summary small { color:#c5d7e3; }
.perspectives-discovery .discovery-jump,
.perspectives-discovery .discovery-section-heading > a { color:#85e4e7; }
.perspectives-discovery .discovery-region,
.perspectives-discovery .discovery-region:last-child { border-color:rgba(157,209,226,.25); }
.perspectives-discovery .discovery-continent { background:#f8fbfd; }
.perspectives-discovery .discovery-continent strong { color:#102f43; }
.perspectives-discovery .discovery-continent small { color:#496575; }
.perspectives-discovery .discovery-region-content .country-directory { color:#edf5fb; }
.perspectives-discovery .discovery-region-content .country-directory a,
.perspectives-discovery .discovery-region-content .country-directory button { color:#102f43; background:#f8fbfd; }
.perspectives-discovery .discovery-landing a:focus-visible,
.perspectives-discovery .discovery-landing summary:focus-visible,
.perspectives-discovery .discovery-landing input:focus-visible { outline-color:#85e4e7; }


.perspectives-discovery .discovery-intro { display:flex; align-items:baseline; justify-content:space-between; gap:18px 28px; flex-wrap:wrap; padding-top:22px; padding-bottom:10px; }
.perspectives-discovery .discovery-intro h1 { margin:0; font-size:clamp(36px,4.1vw,62px); }
.perspectives-discovery .discovery-intro .discovery-jump { margin:0; align-self:center; }
.perspectives-discovery .discovery-section-heading { margin-bottom:18px; }
@media(max-width:700px) { .perspectives-discovery .discovery-intro { align-items:flex-start; gap:10px; padding-top:16px; } .perspectives-discovery .discovery-intro h1 { font-size:clamp(34px,8vw,48px); } }


.perspectives-discovery .discovery-reader .perspective-preview {
  width: 100%;
  max-width: 1040px;
  margin: clamp(42px, 6vw, 88px) auto;
  padding: 0 0 clamp(30px, 5vw, 64px);
  border-radius: 18px;
  background: #f6f9fa;
  box-shadow: 0 16px 48px rgb(2 21 38 / 12%);
  overflow: hidden;
  scroll-margin-top: 18px;
}
.perspectives-discovery .discovery-reader .perspective-preview > header {
  padding: clamp(28px, 5vw, 64px) clamp(22px, 6vw, 78px);
  background-color: #0b253b;
  background-image:
    radial-gradient(circle at 12% 30%, rgb(113 211 231 / 24%) 1px, transparent 2px),
    linear-gradient(rgb(113 211 231 / 7%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(113 211 231 / 7%) 1px, transparent 1px),
    linear-gradient(135deg, #081c2f, #12344c);
  background-size: 140px 140px, 76px 76px, 76px 76px, auto;
}
.perspectives-discovery .discovery-reader .perspective-preview > header .eyebrow {
  color: #8ee2eb;
  font-size: 12px;
  letter-spacing: .15em;
  margin-bottom: 18px;
}
.perspectives-discovery .discovery-reader .perspective-preview > header h3 {
  max-width: 21ch;
  color: #f7fafc;
  font: 500 clamp(32px, 4.6vw, 58px)/1.13 var(--serif);
  letter-spacing: -.035em;
  text-wrap: balance;
}
.perspectives-discovery .discovery-reader .perspective-preview > figure {
  margin: 0;
  background: #e7eef2;
}
.perspectives-discovery .discovery-reader .perspective-preview > figure img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.perspectives-discovery .discovery-reader .perspective-preview > figure figcaption {
  margin: 0;
  padding: 12px clamp(22px, 6vw, 78px);
  color: #465c6d;
  font-size: 12px;
  border-bottom: 1px solid #d5e0e6;
}
.perspectives-discovery .discovery-reader .perspective-preview > .prose {
  max-width: 72ch;
  margin: 0 auto;
  padding: clamp(30px, 5vw, 62px) clamp(22px, 4vw, 42px) 12px;
  font-size: clamp(16px, 1.45vw, 18px);
  line-height: 1.85;
  color: #23394a;
}
.perspectives-discovery .discovery-reader .perspective-preview > .prose p {
  margin: 0 0 1.2em;
  color: inherit;
}
.perspectives-discovery .discovery-reader .perspective-preview > .prose h4 {
  margin: 2.2em 0 .8em;
  color: #0b253b;
  font: 650 clamp(23px, 2.5vw, 30px)/1.3 var(--sans);
  letter-spacing: -.02em;
}
.perspectives-discovery .discovery-reader .perspective-preview > .prose a {
  color: #086b7b;
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
.perspectives-discovery .discovery-reader .perspective-preview > .text-link {
  margin: 12px clamp(22px, 6vw, 78px) 0;
  color: #086b7b;
}
@media (max-width: 600px) {
  .perspectives-discovery .discovery-reader .perspective-preview {
    border-radius: 12px;
    margin-block: 30px;
  }
  .perspectives-discovery .discovery-reader .perspective-preview > header h3 {
    max-width: none;
    font-size: clamp(30px, 8vw, 42px);
  }
  .perspectives-discovery .discovery-reader .perspective-preview > .prose {
    padding-inline: 22px;
    line-height: 1.75;
  }
}



.perspectives-discovery:has(.discovery-reader .perspective-preview:target) {
  background-color:#081b2d;
  background-image:
    radial-gradient(circle at 82% 12%,rgba(65,158,184,.16),transparent 32%),
    radial-gradient(circle at 10% 56%,rgba(32,105,145,.12),transparent 35%),
    linear-gradient(rgba(106,182,202,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(106,182,202,.055) 1px,transparent 1px),
    linear-gradient(135deg,#071725,#0b253b 52%,#071b2c);
  background-size:auto,auto,64px 64px,64px 64px,auto;
}
.perspectives-discovery:has(.discovery-reader .perspective-preview:target) .discovery-reader {
  background:transparent;
}
.perspectives-discovery:has(.discovery-reader .perspective-preview:target) .discovery-reader-back {
  color:#85e4e7;
}
.perspectives-discovery .discovery-reader .perspective-preview > header {
  padding-block:clamp(26px,3.5vw,46px);
}
.perspectives-discovery .discovery-reader .perspective-preview > header h3 {
  max-width:27ch;
  font-size:clamp(30px,3.45vw,45px);
  line-height:1.17;
  letter-spacing:-.025em;
}
@media(max-width:600px) {
  .perspectives-discovery .discovery-reader .perspective-preview > header h3 {
    max-width:none;
    font-size:clamp(28px,7.2vw,36px);
  }
}