/* Approved AI illustration, progressively enhanced; base remains the fallback. */
.hero-atmosphere-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:0}
.hero-wildlife-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:0}
.focus-hero[data-atmosphere-ready="true"] .hero-wildlife-canvas{opacity:1;transition:opacity var(--scene-reveal-duration,1.5s) ease-in-out}
.hero-atmosphere-panel [data-wildlife-preview]{align-self:end}
.focus-hero[data-atmosphere-ready="true"] .hero-atmosphere-canvas{opacity:1;transition:opacity var(--scene-reveal-duration,1.5s) ease-in-out}
/* Keep the photo opaque underneath: a single fade avoids a dip to the background.
   The transition only applies when ready; a lost graphics context falls back at once. */
.focus-hero[data-scene-transition="none"]{--scene-reveal-duration:0s}
@media(prefers-reduced-motion:reduce){.focus-hero{--scene-reveal-duration:0s}}
.hero-atmosphere-slot{min-height:44px;margin-top:22px}
.hero-atmosphere{max-width:440px;color:#fff;font-size:13px;line-height:1.5}
.hero-atmosphere[hidden]{display:none}
.hero-atmosphere summary{width:fit-content;max-width:100%;min-height:44px;cursor:pointer;list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:10px 14px;background:#10261ddd;border:1px solid #adc9b58a;border-radius:6px}
.hero-atmosphere summary::-webkit-details-marker{display:none}
.hero-atmosphere summary::before{content:"◌";font-size:20px;color:#9be8b8;line-height:1}
.hero-atmosphere summary::after{content:"+";margin-left:4px}
.hero-atmosphere[open] summary::after{content:"−"}
.hero-atmosphere-status{color:#d0e5d6}
.hero-atmosphere-panel{margin-top:8px;padding:16px;background:#10261df5;border:1px solid #adc9b58a;border-radius:6px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hero-atmosphere-panel label{display:grid;gap:5px;font-weight:600}
.hero-atmosphere-panel select{font:inherit;font-size:16px;color:#132d20;background:#fff;min-width:0;width:100%;min-height:44px;border-radius:4px;border:1px solid #9cbda9;padding:7px}
.hero-atmosphere-panel button{font:inherit;min-height:44px;padding:8px 12px;border:1px solid #9cbda9;border-radius:4px;background:#214b36;color:#fff;cursor:pointer}
.hero-atmosphere-panel button:disabled{opacity:.65;cursor:default}
.hero-atmosphere-panel p{grid-column:1/-1;font-size:12px;color:#c7d8cd;margin:0}
.hero-atmosphere-panel p:empty{display:none}
.hero-atmosphere summary:focus-visible,.hero-atmosphere-panel select:focus-visible,.hero-atmosphere-panel button:focus-visible{outline:3px solid #9be8b8;outline-offset:3px}
@media(max-width:600px){.hero-atmosphere-slot{margin-top:18px}.hero-atmosphere-panel{padding:12px}.hero-atmosphere summary{font-size:12px}}