.reef-impact{position:absolute;inset:0;z-index:5;background:#193b3d;color:var(--paper);isolation:isolate}
.reef-impact-art{position:absolute;inset:0;overflow:hidden}
.reef-impact-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.reef-impact-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#032e3d70,transparent 63%,#032e3d26)}
.reef-impact-art,[data-impact-story]{opacity:1}
.reef-impact[data-reduced-motion="false"] .reef-impact-art,.reef-impact[data-reduced-motion="false"] [data-impact-story]{transition:opacity .32s ease-in-out}
.reef-impact[data-comparing="out"] .reef-impact-art,.reef-impact[data-comparing="out"] [data-impact-story]{opacity:0;transition-duration:.18s}
.reef-impact-copy{position:absolute;top:17%;left:var(--gutter);right:var(--gutter);text-align:center;text-shadow:0 1px 16px #072d3ab0}
.reef-impact-copy h2{font-size:clamp(34px,4.7vw,72px);font-weight:500;letter-spacing:-.045em;line-height:1.12;margin-top:13px}
.reef-impact-copy h2 em{display:inline-block;font-size:1.28em;line-height:1.06}
.reef-impact-copy [data-impact-text]{max-width:53ch;margin:20px auto 0;font-size:14px;line-height:1.85;text-wrap:pretty}
.reef-impact-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 20px;margin-top:22px}
.reef-impact-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;line-height:1.6;padding:12px 20px;font-size:12px;font-weight:600;border-radius:28px}
.reef-impact-actions [data-impact-compare]{background:var(--paper);color:var(--ink);box-shadow:0 2px 18px #052f3b26}
.reef-impact-actions [data-impact-compare]:hover{background:#e4ead9}
.reef-impact-actions [data-impact-resume]{gap:16px;background:#093e48c9;border:1px solid #f3f4e776}
.reef-impact-actions [data-impact-resume]:hover{background:#164e56}
.reef-impact-copy [data-impact-status]{font-size:10px;line-height:1.7;margin-top:11px;color:#e1e8d9}
.reef-impact[data-assets="unavailable"] .reef-impact-art{background:linear-gradient(#174e56,#0b333b)}
.dive-stage[data-impact-active="true"]>.scene-copy,.dive-stage[data-impact-active="true"]>.depth-marker{visibility:hidden}
.dive-stage[data-impact-active="true"] .scene-bottom{z-index:6;color:var(--paper)}
.scene-controls{display:flex;align-items:center;gap:22px;pointer-events:auto}
.impact-toggle{display:flex;align-items:center;gap:8px;min-height:44px;padding:12px 0;background:transparent;color:var(--paper);font-size:11px;letter-spacing:0;line-height:1.4;white-space:nowrap;text-shadow:inherit}
.impact-toggle[aria-expanded="true"] .motion-dot{background:currentColor}
.impact-toggle:hover [data-impact-open-label],.impact-toggle:focus-visible [data-impact-open-label]{text-decoration:underline;text-underline-offset:4px}
.impact-source-note{margin-top:18px;padding-top:16px;border-top:1px solid #073e4822;font-size:12px!important;line-height:1.8!important}
@media(max-width:600px){
  .reef-impact-copy{top:19%;left:22px;right:22px}
  .reef-impact-copy h2{font-size:clamp(29px,8.5vw,38px);margin-top:9px}
  .reef-impact-copy .eyebrow{font-size:9px;letter-spacing:.11em}
  .reef-impact-copy [data-impact-text]{font-size:12px;line-height:1.75;max-width:34ch;margin-top:15px}
  .reef-impact-actions{flex-direction:column;gap:9px;margin-top:17px}
  .reef-impact-actions button{min-height:44px;padding:10px 16px;font-size:11px}
  .reef-impact-copy [data-impact-status]{max-width:29ch;margin:10px auto 0;font-size:9px}
  .reef-impact-art img{object-position:48% 67%}
  .scene-bottom{align-items:flex-start}
  .scene-status{display:block;width:100%}
  .scene-controls{gap:20px;margin-top:3px}
  .impact-toggle{font-size:10px}
  .scene-bottom .scroll-cue{position:absolute;top:0;right:0;max-width:110px;margin:0;gap:8px}
}
@media(max-height:560px) and (min-width:601px){
  .reef-impact-copy{top:26%;text-align:left;right:auto;max-width:54%;width:460px}
  .reef-impact-copy h2{font-size:31px;margin-top:7px}
  .reef-impact-copy h2 br{display:none}
  .reef-impact-copy h2 em{font-size:1.2em;margin-left:.15em}
  .reef-impact-copy .eyebrow{font-size:9px}
  .reef-impact-copy [data-impact-text]{font-size:11px;line-height:1.7;margin:10px 0 0}
  .reef-impact-actions{justify-content:flex-start;gap:9px;margin-top:12px}
  .reef-impact-actions button{font-size:10px;min-height:44px;padding:9px 14px}
  .reef-impact-copy [data-impact-status]{font-size:9px;margin-top:7px}
}