/* Diaspora art direction: a warm editorial page opens onto a nocturnal atlas. */
.diaspora-page { background: #f3eee5; }
.diaspora-hero-v2 { min-height: 590px; background: #f3eee5; }
.diaspora-hero-copy { position: relative; background: radial-gradient(circle at 0 0, #fffaf0 0, #f3eee5 65%); }
.diaspora-hero-copy .diaspora-eyebrow { color: #7b3339; letter-spacing: .2em; }
.diaspora-hero-copy h1 { max-width: 740px; font-weight: 610; letter-spacing: .04em; }
.diaspora-hero-copy > p:not(.diaspora-eyebrow) { color: #514d48; }
.diaspora-hero-action { color: #78323a; border-color: #78323a; }
.diaspora-hero-scenery { background: radial-gradient(circle at 95% 5%, #6a3434 0, #3d222b 52%, #211d25 100%); border-left-color: #493238; color: #f4ead8; }
.diaspora-hero-scenery__label, .diaspora-hero-scenery span { color: #d7b574 !important; }
.diaspora-hero-scenery > div { border-color: rgba(232,207,169,.27); }
.diaspora-hero-scenery strong { color: #f6ebd9; font-weight: 540; letter-spacing: .035em; }
.diaspora-hero-scenery small, .diaspora-hero-scenery > p:last-child { color: #d0c2b0; }

.diaspora-movement {
  --d-red: #78343c;
  --d-ink: #282727;
  --d-secondary: #5b5b57;
  --d-rule: #c8beb0;
  background: #eee8dc;
}
.diaspora-movement-head h2 { font-weight: 570; letter-spacing: .045em; }
.diaspora-period-switch button { color: #4d5150; }
.diaspora-period-switch button span { color: #8c5e44; }
.diaspora-period-switch button[aria-pressed="true"] { color: #272625; }
.diaspora-period-switch button[aria-pressed="true"] span,
.diaspora-period-switch button[aria-pressed="true"] small { color: #78343c; }
.diaspora-period-switch button[aria-pressed="true"]::after { background: #78343c; }
.diaspora-replay { color: #78343c; border-color: #78343c; }
.diaspora-period-switch button:focus-visible,
.diaspora-route-picker button:focus-visible,
.diaspora-replay:focus-visible,
.diaspora-globe-viewport:focus-visible { outline-color: #d4aa64; }

.diaspora-globe-stage {
  grid-template-columns: minmax(305px, .37fr) minmax(0, .63fr);
  height: 760px;
  min-height: 760px;
  border-color: #473336;
  background: #171c21;
  box-shadow: 0 34px 80px rgba(40,29,31,.2);
}
.diaspora-map-caption {
  position: relative;
  border-right-color: rgba(218,177,110,.28);
  background: radial-gradient(circle at 5% 0, rgba(148,67,56,.3), transparent 46%), linear-gradient(155deg,#39232b 0,#201e27 73%);
  color: #f7ecdb;
}
.diaspora-map-caption::before { display: block; width: 44px; height: 3px; margin-bottom: 34px; background: #d6ae68; content: ''; }
.diaspora-map-caption > span:first-child { color: #dcb979; letter-spacing: .2em; }
.diaspora-map-caption strong { color: #f7ecdb; font-weight: 560; letter-spacing: .035em; }
.diaspora-map-caption > span:nth-child(3) { color: #d4c7b3; }
.diaspora-map-caption a { border-color: #c49662; color: #e9bc7c; }
.diaspora-map-caption a:hover { color: #ffdda8; }
.diaspora-globe-key { color: #d4c7b3; }
.diaspora-globe-key i { border-color: #d8ae67; background: #e0ad62; }
.diaspora-globe-key span + span i { border-color: #ea8672; background: #ea796a; }
.diaspora-map-caption .diaspora-globe-scale, .diaspora-map-caption small { color: #bcb2a5; }
.diaspora-globe-viewport {
  background: radial-gradient(circle at 50% 48%, rgba(109,89,66,.25) 0, rgba(51,63,62,.22) 37%, transparent 70%), linear-gradient(145deg,#243139 0,#161e25 64%,#201b24 100%);
}
.diaspora-globe-viewport::after { inset: 5% 7%; border-color: rgba(225,185,117,.2); }
.diaspora-globe-kicker, .diaspora-globe-hint { color: #e2c995; text-shadow: 0 1px 9px rgba(0,0,0,.4); }
.diaspora-globe-hint span { color: #eb796a; }
.diaspora-globe-label { border-color: rgba(219,183,121,.75); background: rgba(23,34,37,.9); color: #f8eacb; box-shadow: 0 3px 16px rgba(0,0,0,.3); }
.diaspora-globe-label--destination { border-color: #e87a6a; color: #ffc0a7; }
.diaspora-map-swipe { color: #69584b; }

.diaspora-route-picker button { border-color: #c9bba9; }
.diaspora-route-picker button[aria-pressed="true"] { color: #5d292f; }
.diaspora-route-picker button[aria-pressed="true"]::after { color: #a75849; }
.diaspora-route-story { border-color: #c9bba9; }
.diaspora-route-story > span, .diaspora-route-story a { color: #7b3339; }
.diaspora-work-data { border-color: #8a4547; }
.diaspora-work-bar::after { background: #9d5c51; }

@media (max-width: 950px) {
  .diaspora-globe-stage { height: auto; min-height: 620px; }
  .diaspora-globe-viewport { min-height: 620px; }
}
@media (max-width: 650px) {
  .diaspora-hero-v2 { min-height: 0; }
  .diaspora-hero-scenery { border-left: 0; border-top: 1px solid #493238; }
  .diaspora-globe-stage { min-height: 0; box-shadow: 0 18px 45px rgba(40,29,31,.18); }
  .diaspora-map-caption { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(218,177,110,.28); }
  .diaspora-map-caption::before { width: 32px; height: 2px; margin-bottom: 18px; }
  .diaspora-map-caption strong { font-size: clamp(36px,10vw,48px); }
  .diaspora-globe-viewport { min-height: 420px; }
  .diaspora-globe-viewport::after { inset: 8% 6%; }
}