/* Shared place system: atmosphere follows territory; physical destinations own
   their landscape. The Orange remains the journey control color everywhere. */
body[data-place]{background:radial-gradient(ellipse at 85% 18%,var(--place-glow),transparent 64%),var(--bg)}
body[data-place] header{background:var(--bg)}
body[data-place] .eyebrow,body[data-place] .orientation>a{color:var(--place-light)}
body[data-place] .branch{background:color-mix(in srgb,var(--bg) 85%,transparent)}
body[data-place] .branch:hover{background:var(--panel);border-color:var(--place-light)}
body[data-place] #journey-guide{background:var(--panel)}
body[data-place] .route{border-color:var(--place-light)}
body[data-place] .photo:after{background:linear-gradient(transparent,rgba(7,20,19,.85))}
body[data-place] .photo-caption{color:#fffbea;text-shadow:0 2px 8px #071413}
body[data-place='solar'] main{background:radial-gradient(ellipse at 93% 18%,rgba(250,215,79,.20),transparent 57%),linear-gradient(125deg,transparent 40%,rgba(170,141,30,.09))}
body[data-place='solar'] .photo{height:440px;border-radius:50% 50% 4px 4px;box-shadow:0 0 90px rgba(233,199,60,.14);border:1px solid #d8bd4b50}
body[data-place='solar'] .photo img{filter:sepia(.7) saturate(.85) brightness(.9)}
body[data-place='solar'] .landscape{padding-top:28px}
body[data-place-kind='landscape'] .layout{display:flex;flex-direction:column;gap:32px;margin-top:28px}
body[data-place-kind='landscape'] .landscape{order:-1;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.4fr);gap:18px 32px;align-items:center}
body[data-place-kind='landscape'] .photo{grid-column:1/-1;height:clamp(280px,32vw,420px);border-radius:4px}
body[data-place-kind='landscape'] .photo img{filter:none;object-position:center 30%}
body[data-place-kind='landscape'] .route{margin:0;padding-left:18px}
body[data-place-kind='landscape'] .credit{margin:0;text-align:right;font-size:12px}
body[data-place-kind='landscape'] .story{padding-top:0;max-width:860px;width:100%;margin-inline:auto}
body[data-place-kind='landscape'] h1{margin-top:14px;max-width:none}
body[data-place-kind='landscape'] #body{max-width:760px}
@media(max-width:800px){
 body[data-place='solar'] main{background:none}
 body[data-place='solar'] .photo{height:270px}
 body[data-place-kind='landscape'] .layout{gap:24px;margin-top:24px}
 body[data-place-kind='landscape'] .landscape{grid-template-columns:1fr;gap:18px}
 body[data-place-kind='landscape'] .photo{height:300px}
 body[data-place-kind='landscape'] .credit{text-align:left}
}
@media(max-width:420px){body[data-place-kind='landscape'] .photo{height:250px}body[data-place='solar'] .photo{height:260px}}
/* No ambient animation: still light and image depth work with reduced motion. */
@media(prefers-reduced-motion:reduce){body[data-place] *,body[data-place] *:before,body[data-place] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
