.country-page { padding-bottom: 54px; }.country-breadcrumbs { display: flex; gap: 9px; padding-top: 17px; color: var(--muted); font-size: 13px; }.country-breadcrumbs a { color: var(--evergreen); text-decoration: none; }.country-hero { display: grid; grid-template-columns: minmax(320px, .95fr) minmax(440px, 1.05fr); min-height: 348px; padding: 20px 0 14px; }.country-hero-copy { position: relative; z-index: 2; }.country-hero-copy h1 { max-width: 560px; margin: 0 0 12px; color: var(--evergreen); font: 600 clamp(40px, 4.2vw, 56px)/.98 Newsreader, serif; letter-spacing: -.035em; }.country-hero-copy > p { max-width: 420px; margin: 0; color: var(--muted); font-size: 14px; font-weight: 700; line-height: 1.45; }.country-hero-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }.country-hero-tags span { padding: 6px 10px; border: 1px solid #d4dfcd; border-radius: 16px; background: #f5f7ef; color: #547b55; font-size: 13px; font-weight: 700; }.country-signal-card { display: grid; grid-template-columns: 145px minmax(0, 1fr); max-width: 510px; margin-top: 16px; overflow: hidden; border: 1px solid #e0e5da; border-radius: 7px; background: var(--panel); }.country-signal-card > div { display: flex; flex-direction: column; padding: 11px 13px; border-right: 1px solid #e0e5da; }.country-signal-card span, .country-signal-card small { color: var(--muted); font-size: 13px; line-height: 1.35; }.country-signal-card strong { margin: 4px 0; color: #41795e; font: 600 28px Newsreader, serif; }.country-signal-card p { margin: 0; padding: 12px 13px; color: var(--muted); font-size: 13px; line-height: 1.38; }.country-signal-card b { display: block; margin-top: 7px; color: #5b8b58; font-size: 13px; }.country-hero-map { position: relative; min-height: 320px; overflow: hidden; }.country-hero-contour { position: absolute; top: 1%; left: 10%; width: 66%; height: 94%; object-fit: contain; opacity: .78; }.country-hero-art { position: absolute; z-index: 2; right: 1%; bottom: 2%; width: 59%; height: 84%; object-fit: contain; object-position: right bottom; }.country-map-destination { position: absolute; z-index: 4; right: 29%; bottom: 22%; color: var(--evergreen); font: 600 16px Newsreader, serif; }.country-map-destination::before, .country-map-origin::before { content: ''; position: absolute; width: 8px; height: 8px; border: 2px solid #dae528; border-radius: 50%; background: #006047; }.country-map-destination::before { top: -13px; left: 50%; transform: translateX(-50%); }.country-map-line { position: absolute; z-index: 3; height: 1px; border-top: 1px dashed #4f8965; transform-origin: right center; }.country-map-origin { position: absolute; z-index: 4; color: #356b50; font-size: 13px; font-weight: 700; }.country-map-origin::before { top: 50%; right: -13px; transform: translateY(-50%); }.country-map-line--1 { top: 25%; left: 4%; width: 47%; transform: rotate(31deg); }.country-map-origin--1 { top: 21%; left: 1%; }.country-map-line--2 { top: 39%; left: 5%; width: 43%; transform: rotate(20deg); }.country-map-origin--2 { top: 36%; left: 2%; }.country-map-line--3 { top: 53%; left: 7%; width: 39%; transform: rotate(8deg); }.country-map-origin--3 { top: 51%; left: 4%; }.country-map-line--4 { top: 66%; left: 10%; width: 35%; transform: rotate(-8deg); }.country-map-origin--4 { top: 65%; left: 7%; }.country-map-line--5, .country-map-origin--5 { display: none; }.country-search { margin-top: 2px; }@media (max-width: 820px) { .country-hero { grid-template-columns: minmax(300px, .9fr) minmax(330px, 1.1fr); }.country-hero-copy h1 { font-size: clamp(38px, 5.6vw, 50px); }.country-hero-art { right: -9%; width: 62%; } }@media (max-width: 600px) { .country-page { padding-bottom: 30px; }.country-breadcrumbs { overflow: hidden; padding-top: 13px; white-space: nowrap; }.country-hero { display: flex; flex-direction: column; min-height: 0; padding-top: 20px; }.country-hero-map { order: -1; min-height: 205px; margin-bottom: 8px; opacity: .78; }.country-hero-copy h1 { font-size: clamp(36px, 10vw, 46px); }.country-hero-copy > p { max-width: 370px; }.country-signal-card { grid-template-columns: 130px minmax(0, 1fr); max-width: none; }.country-hero-art { top: 0; right: 2%; width: auto; height: 91%; }.country-hero-contour { top: -4%; left: 4%; width: 77%; }.country-map-line, .country-map-origin { display: none; }.country-map-destination { right: 22%; bottom: 15%; } }
