/* Design study B — light editorial / international mission brief. */
:root{--paper:#fcfbf7;--mist:#f4f1e9;--pale:#e9eff4;--sand:#b79b68}
body{background:var(--paper)}
.site-header{box-shadow:inset 0 4px 0 var(--blue)}
.header-inner{min-height:116px}
.brand img{width:92px;height:92px}
.brand{align-items:flex-end}
.brand-copy{align-self:flex-end;min-width:9.5em;max-width:none;padding-bottom:3px;color:var(--navy);font-size:.76rem;font-weight:600;line-height:1.18;letter-spacing:.085em;text-transform:uppercase;overflow-wrap:normal;word-break:keep-all}
.brand-copy span{display:block}
.hero{background:#f4f1e9;color:var(--ink);overflow:hidden;border-bottom:1px solid #d7d2c7}
.hero::before{display:none}
.hero-core{grid-template-columns:minmax(0,1.25fr) minmax(500px,.9fr);gap:30px;padding-block:70px 66px;align-items:center}
.hero-slogan{display:flex;align-items:center;justify-content:center;min-width:0;text-align:center}
.hero .eyebrow{color:var(--blue)}
.hero h1{color:var(--navy);font-size:clamp(3.43rem,5.05vw,5.23rem);line-height:1.04;max-width:860px;margin-inline:auto}
.slogan-end{color:#526b83;margin-top:34px;font-size:.55em}
.hero-visual{position:relative;width:100%;max-width:570px;aspect-ratio:1.12/1;margin:0;align-self:center;justify-self:center;overflow:hidden;background:transparent;-webkit-mask-image:radial-gradient(ellipse 104% 96% at 50% 50%,#000 49%,rgb(0 0 0/.84) 69%,transparent 100%);mask-image:radial-gradient(ellipse 104% 96% at 50% 50%,#000 49%,rgb(0 0 0/.84) 69%,transparent 100%)}
.hero-visual::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 103% 95% at 50% 50%,transparent 47%,rgb(244 241 233/.2) 66%,rgb(244 241 233/.74) 88%,#f4f1e9 100%)}
.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 49%;filter:saturate(.8) contrast(.9) brightness(1.035);transform:scale(1.025)}
.signal-frequency{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:5px 18px;max-width:100%;margin:0}
.signal-frequency>span{white-space:nowrap}
.signal-frequency .frequency-unit{margin-top:0;color:#dce9f4;font-size:1.08rem;letter-spacing:.1em}
.signal-rings{width:700px;left:62%;opacity:.75}
.signal-rings i{border-color:rgb(255 255 255/.13)}
.frequency{font-family:var(--serif);font-weight:400;font-size:8.8rem;letter-spacing:-.06em}
.frequency-unit{color:#c2d5e8}
.signal-rule{background:var(--sand)}
.signal-caption{color:#cad8e5}
.project-summary{padding-block:66px 74px;background:var(--paper);border-bottom:1px solid var(--line)}
.project-summary-copy{max-width:920px;margin-inline:auto}
.project-summary p{max-width:920px;text-align:justify;text-justify:inter-word;hyphens:auto;text-wrap:pretty}
.project-summary .summary-lead{font:400 1.5rem/1.55 var(--serif);color:var(--navy)}
.project-summary .summary-history{font:400 1.23rem/1.65 var(--serif);color:#3d566e}
.project-summary .summary-reach{font-size:1.14rem;line-height:1.78}
.country-name{font-weight:600;color:var(--navy);letter-spacing:.01em}
.project-summary-conclusion .text-link{display:inline;margin-left:.35em;padding:0;font:600 1rem var(--sans);white-space:nowrap}
.chapter-nav{background:#f4f1e9}
.chapter-nav .wrap{overflow-x:auto;scrollbar-width:none}
.chapter-nav .wrap::-webkit-scrollbar{display:none}
.monitoring-list{margin:22px 0;padding-left:1.45em}
.editorial-section,.editorial-section:nth-of-type(even){background:var(--paper)}
.section-title h2{color:var(--navy)}
.section-title .eyebrow{color:#7a6747}
.mission-serif{font-family:var(--serif)}
#about .mission-lead{font-size:1.42rem;line-height:1.58;color:var(--navy)}
#about .mission-closing{font-size:1.2rem;line-height:1.68;color:#3d566e}
.principle,.pricing-note{border-left-color:var(--sand)}
.testimonial{background:transparent;border:0;border-block:1px solid #d7d2c7}
.editorial-conclusion{max-width:800px;margin:34px 0 0 auto!important;padding:18px 0 18px 25px!important;border:0!important;border-left:2px solid var(--sand)!important;background:transparent;font:400 1.2rem/1.62 var(--serif)!important;color:var(--navy)!important}
.coverage-section{background:var(--paper)}
.coverage-section .wide-heading h2{color:var(--navy)}
.coverage-section .eyebrow{color:#7a6747}
.coverage-section .wide-heading .map-location,.coverage-section .coverage-note p{color:var(--muted)}
.coverage-figure{background:#f4f1e9;border-color:#899caf}
.test-section{background:var(--paper);color:var(--ink)}
.test-section .eyebrow,.test-section .section-title .eyebrow{color:#7a6747}
.test-section h2,.test-section h3,.test-section .section-body>p:first-child{color:var(--navy)}
.test-section ul{border-top-color:var(--line)}
.test-section li::marker{color:var(--blue)}
.test-section .test-terms{margin-top:1.05em;padding:0;border:0;color:var(--ink);font-size:1.16rem}
.test-section .test-finish{padding-top:20px;border-top:1px solid var(--line);color:var(--ink);font-size:1.08rem}
#why-am,#audience-building,#status,.technical-section{background:var(--paper)}
.roadmap .text-unit::before{outline-color:var(--paper)}
.legal-section{background:#fcfbf7}
.site-footer{background:#17293c}
@media(min-width:1600px){.hero-core{grid-template-columns:minmax(0,1.25fr) minmax(570px,.9fr)}.hero h1{font-size:5.53rem}.hero-visual{max-width:620px}}
@media(max-width:1199px){.header-inner{min-height:var(--header)}.brand img{width:76px;height:76px}.hero-core{grid-template-columns:minmax(0,1.32fr) minmax(410px,.82fr);gap:28px;padding-block:55px}.hero h1{font-size:3.68rem}.hero-visual{max-width:460px}}
@media(max-width:899px){.brand img{width:70px;height:70px}.brand-copy{font-size:.7rem}.hero-core{grid-template-columns:minmax(0,1.2fr) minmax(320px,.85fr);gap:18px}.hero h1{font-size:3.03rem}.hero-visual{max-width:360px}.project-summary{padding-block:56px 62px}.editorial-conclusion{max-width:none}}
@media(max-width:899px){.chapter-nav::before,.chapter-nav::after{content:'';position:absolute;top:0;bottom:0;z-index:2;width:34px;pointer-events:none;opacity:0;transition:opacity .18s ease}.chapter-nav::before{left:0;background:linear-gradient(90deg,#f4f1e9 8%,rgb(244 241 233/0) 100%)}.chapter-nav::after{right:0;background:linear-gradient(270deg,#f4f1e9 8%,rgb(244 241 233/0) 100%)}.chapter-nav.is-scrollable:not(.at-start)::before,.chapter-nav.is-scrollable:not(.at-end)::after{opacity:1}}
@media(max-width:639px){.brand img{width:66px;height:66px}.brand-copy{min-width:9em;padding-bottom:2px;font-size:.64rem;line-height:1.16}.hero{background:#f4f1e9}.hero-core{padding-top:45px;padding-bottom:38px}.hero h1{font-size:clamp(2.31rem,8.9vw,3.18rem)}.hero .eyebrow{color:var(--blue)}.slogan-end{font-size:.58em;color:#526b83;margin-top:24px}.hero-visual{width:min(112%,520px);max-width:none;margin:31px auto 0}.project-summary{padding-block:45px 51px}.project-summary .summary-lead{font-size:1.32rem}.project-summary .summary-history{font-size:1.16rem}.project-summary .summary-reach{font-size:1.08rem}.project-summary-conclusion .text-link{display:inline-block;margin:.45em 0 0}.editorial-conclusion{margin-top:25px!important;padding:17px 0 17px 20px!important;font-size:1.08rem!important}.coverage-section{padding-block:50px}.coverage-figure{background:#f4f1e9}}

:where(.project-summary,.section-body,.coverage-note,.testimonial-body,.editorial-conclusion,.legal-intro,.legal-part) p,:where(.section-body,.legal-part) li,p.editorial-conclusion,p.legal-intro{text-align:justify;text-justify:inter-word;hyphens:auto;text-wrap:pretty}
@media(max-width:639px){main :where(p,li,blockquote){text-align:left!important;text-justify:auto!important;hyphens:none!important}}

/* Final hero integration: quieter image treatment with restored scene detail. */
.hero{position:relative;isolation:isolate}
.hero::before{content:'';display:block;position:absolute;inset:5% 0 3% 47%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 62% 78% at 72% 45%,rgb(118 139 155/.14) 0%,rgb(160 157 145/.08) 48%,rgb(244 241 233/0) 80%),radial-gradient(ellipse 46% 52% at 82% 74%,rgb(177 143 104/.09) 0%,rgb(244 241 233/0) 78%);filter:blur(18px)}
.hero-core{position:relative;z-index:1}
.hero-visual{-webkit-mask-image:radial-gradient(ellipse 108% 99% at 52% 50%,#000 47%,rgb(0 0 0/.97) 68%,rgb(0 0 0/.82) 86%,transparent 105%);mask-image:radial-gradient(ellipse 108% 99% at 52% 50%,#000 47%,rgb(0 0 0/.97) 68%,rgb(0 0 0/.82) 86%,transparent 105%)}
.hero-visual::after{background:radial-gradient(ellipse 31% 36% at 10% 31%,rgb(20 36 52/.075) 0%,rgb(20 36 52/.045) 48%,transparent 100%),linear-gradient(90deg,rgb(255 255 255/.025) 0%,rgb(255 255 255/.035) 48%,rgb(255 255 255/.11) 100%),linear-gradient(90deg,rgb(244 241 233/.44) 0%,rgb(244 241 233/.15) 7%,transparent 16%,transparent 90%,rgb(244 241 233/.1) 97%,rgb(244 241 233/.28) 100%),radial-gradient(ellipse 105% 97% at 52% 50%,transparent 55%,rgb(236 235 228/.07) 73%,rgb(244 241 233/.34) 100%)}
.hero-visual img{filter:saturate(.74) contrast(.88) brightness(.92);opacity:.98}

/* Approved compact logo-and-descriptor lockup. */
.brand{align-items:center;gap:7px}
.brand-copy{align-self:center;margin-top:0;padding-bottom:0;transform:translateY(-5px)}
@media(max-width:639px){.brand-copy{margin-top:0;padding-bottom:0;transform:translateY(-4px)}}

/* Approved accessibility and interaction refinements. */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline-color:#9b681f}
.site-footer a:focus-visible{outline-color:#c78a31}
.footer-nav a{display:inline-flex;align-items:center;min-height:40px;padding-block:5px}
.project-summary-conclusion .text-link{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
.partner-closing-title{max-width:760px;margin:0 0 14px;color:var(--blue);font-family:var(--serif);font-weight:400;font-size:1.9rem;line-height:1.3}
.partner-contact{font-size:1rem}
.footer-meta{text-align:right}
.footer-meta p{margin:0}
.footer-meta p+p{margin-top:7px}
@media(max-width:899px){.footer-nav a{min-height:44px;padding-block:10px}}
@media(max-width:639px){.project-summary-conclusion .text-link{display:inline-flex}.partner-closing-title{font-size:1.65rem}.footer-meta{text-align:left}}

/* Listener letter: translation and original scan as one editorial unit. */
.testimonial{grid-template-columns:minmax(310px,.78fr) minmax(0,1.34fr);grid-template-rows:auto auto;column-gap:clamp(38px,4.5vw,72px);row-gap:0;align-items:start;padding-block:48px}
.testimonial-copy{display:contents}
.testimonial-heading{grid-column:1;grid-row:1}
.testimonial-body{grid-column:1;grid-row:2;min-width:0}
.testimonial-email{grid-column:2;grid-row:2;align-self:start;min-width:0;margin:0;background:#fff;border:1px solid #c7d0d8;box-shadow:0 16px 38px rgb(23 41 60/.12)}
.testimonial-email img{display:block;width:100%;height:auto}
@media(max-width:899px){.testimonial{grid-template-columns:180px minmax(0,1fr);grid-template-rows:auto auto;column-gap:35px;row-gap:30px}.testimonial-heading{grid-column:1;grid-row:1}.testimonial-body{grid-column:2;grid-row:1}.testimonial-email{grid-column:1/-1;grid-row:2;width:100%}}
@media(max-width:639px){.testimonial{display:block;margin-inline:-5px;padding:28px 0}.testimonial-copy{display:block;padding-inline:24px}.testimonial-email{margin-top:26px;border-inline:0;box-shadow:0 10px 26px rgb(23 41 60/.1)}}

/* Stable fallback offsets when JavaScript is unavailable. */
@media(min-width:1200px){html:not(.js){--header:117px}}

/* Keep the contact and technical tables useful in printed project dossiers. */
@media print{
  .site-footer{display:block!important;padding:18pt 0 0!important;border-top:1px solid #777;background:#fff!important;color:#000!important}
  .site-footer .footer-main{display:block!important}
  .site-footer .footer-main>a,.site-footer .footer-nav,.site-footer .footer-bottom{display:none!important}
  .site-footer .footer-contact,.site-footer .footer-contact strong,.site-footer .footer-contact a{color:#000!important}
  .city-table{width:100%!important;min-width:0!important;table-layout:fixed}
  .city-table th,.city-table td{padding:5pt 4pt!important;font-size:8.5pt;line-height:1.25;overflow-wrap:anywhere}
}