/* D4 follows the sub-direction map and study rows used by D1 and D2.
   All rules are scoped to this page. Original research imagery is preserved. */
.page-research-conservation .conservation-introduction { max-width:940px; margin:24px 0 0; color:var(--muted); font-size:1.0625rem; line-height:1.75; }
.page-research-conservation .theme-label { margin:0 0 12px; color:var(--muted); font-size:.75rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.page-research-conservation .sub-map { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:64px; }
.page-research-conservation .sub-map a { display:flex; flex-direction:column; gap:6px; padding:20px 20px 22px; border:1px solid var(--line); border-top:4px solid var(--accent); border-radius:0 0 14px 14px; background:white; transition:background .2s,border-color .2s; }
.page-research-conservation .sub-map a:hover,
.page-research-conservation .sub-map a:focus-visible { border-color:var(--blue); background:var(--pale); }
.page-research-conservation .sub-map span { color:var(--blue); font-size:.8125rem; font-weight:700; }
.page-research-conservation .sub-map b { font-size:1.0625rem; line-height:1.35; letter-spacing:-.01em; }
.page-research-conservation .sub-map small { color:var(--muted); font-size:.875rem; line-height:1.55; }
.page-research-conservation .conservation-theme + .conservation-theme::before { content:""; display:block; height:1px; margin-bottom:64px; background:var(--line); }
.page-research-conservation .theme-study-block { margin-bottom:28px; }
.page-research-conservation .theme-study { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }
.page-research-conservation .theme-study li { padding:14px 0; border-bottom:1px solid var(--line); }
.page-research-conservation .theme-study h3 { margin:0; font-size:1rem; line-height:1.4; letter-spacing:-.01em; }
.page-research-conservation .theme-study p { margin:4px 0 0; color:var(--muted); font-size:.875rem; line-height:1.55; }
.page-research-conservation .project-feature { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:start; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:white; }
.page-research-conservation .feature-figure { min-width:0; margin:0; }
.page-research-conservation .feature-media { display:block; padding:16px; cursor:zoom-in; }
.page-research-conservation .conservation-lightbox { position:fixed; inset:0; margin:auto; width:min(1200px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); padding:18px; border:1px solid var(--line); border-radius:16px; color:var(--ink); background:white; box-shadow:0 24px 100px #06182855; }
.page-research-conservation .conservation-lightbox::backdrop { background:#061828d9; }
.page-research-conservation .conservation-lightbox-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; }
.page-research-conservation .conservation-lightbox-heading h2 { margin:0; font-size:1.125rem; line-height:1.4; }
.page-research-conservation .conservation-lightbox-heading button { flex-shrink:0; width:40px; height:40px; border:1px solid var(--line); border-radius:50%; color:var(--ink); background:white; cursor:pointer; font-size:1.5rem; line-height:1; }
.page-research-conservation .conservation-lightbox-stage { width:min(100%,calc((100dvh - 190px)*var(--panel-ratio))); margin:auto; }
.page-research-conservation #conservation-lightbox-caption { margin:14px 0 0; color:var(--muted); font-size:.8125rem; line-height:1.5; }
html:has(.page-research-conservation .conservation-lightbox[open]) { overflow:hidden; }
/* Separate proportional viewports exclude the embedded titles. Original pixels stay intact. */
.page-research-conservation .conservation-panel { position:relative; display:block; overflow:hidden; }
.page-research-conservation .conservation-panel img { position:absolute; display:block; width:100%; max-width:none; height:auto; left:0; }
.page-research-conservation .coast-panel { aspect-ratio:1651 / 924; }
.page-research-conservation .coast-panel img { top:-6.060606%; }
.page-research-conservation .pier-panel { aspect-ratio:1651 / 982; }
.page-research-conservation .pier-panel img { top:-105.397148%; }
.page-research-conservation .feature-figure figcaption { padding:16px 20px; border-top:1px solid var(--line); color:var(--muted); background:var(--pale); font-size:.8125rem; line-height:1.6; }
.page-research-conservation .project-copy { padding:28px; min-width:0; }
.page-research-conservation .work-team { margin:0 0 10px; color:var(--blue); font-size:.75rem; font-weight:600; }
.page-research-conservation .project-copy h3,
.page-research-conservation .restoration-card h3 { margin:0 0 14px; font-size:1.5rem; line-height:1.3; }
.page-research-conservation .project-copy > p:not(.work-team),
.page-research-conservation .restoration-card > p:not(.work-team) { margin:0; color:var(--muted); font-size:.9375rem; line-height:1.75; }
.page-research-conservation .project-copy .text-link,
.page-research-conservation .restoration-card .text-link { margin-top:22px; font-size:.875rem; }
.page-research-conservation .project-copy .project-video-link { display:table; margin-top:12px; }
.page-research-conservation .restoration-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.page-research-conservation .restoration-card { padding:28px; border:1px solid var(--line); border-top:4px solid var(--accent); border-radius:0 0 14px 14px; background:white; }
.page-research-conservation .restoration-media { display:block; aspect-ratio:16 / 9; margin-bottom:22px; overflow:hidden; border-radius:8px; background:var(--pale); cursor:zoom-in; }
.page-research-conservation .restoration-media img { display:block; width:100%; height:100%; object-fit:cover; }
.page-research-conservation .conservation-lightbox-stage > img { display:block; width:100%; height:auto; }
.page-research-conservation .theme-boundary { margin:20px 0 0; padding:16px 20px; border-left:4px solid var(--accent); border-radius:0 12px 12px 0; background:var(--pale); color:var(--muted); font-size:.9375rem; line-height:1.65; }
.page-research-conservation .theme-boundary b { color:var(--ink); }
.page-research-conservation .conservation-detail::before { content:""; grid-column:1/-1; height:1px; background:var(--line); }
.page-research-conservation .conservation-detail .priorities p { margin:8px 0 0; font-size:1rem; }
.page-research-conservation .conservation-detail .priorities a:hover { color:var(--blue); }
@media(max-width:1000px) {
  .page-research-conservation .project-feature { grid-template-columns:1fr; }
  .page-research-conservation .project-copy { border-top:1px solid var(--line); }
}
@media(max-width:640px) {
  .page-research-conservation .conservation-introduction { font-size:1rem; }
  .page-research-conservation .sub-map,
  .page-research-conservation .theme-study,
  .page-research-conservation .restoration-grid { grid-template-columns:1fr; }
  .page-research-conservation .sub-map { gap:10px; margin-bottom:44px; }
  .page-research-conservation .sub-map a { padding:16px 18px 18px; }
  .page-research-conservation .conservation-theme + .conservation-theme::before { margin-bottom:44px; }
  .page-research-conservation .theme-study { gap:0; }
  .page-research-conservation .project-feature { border-radius:12px; }
  .page-research-conservation .feature-media { padding:8px; }
  .page-research-conservation .feature-figure figcaption { padding:14px 18px; }
  .page-research-conservation .project-copy,
  .page-research-conservation .restoration-card { padding:22px; }
}
@media(prefers-reduced-motion:reduce) {
  .page-research-conservation .sub-map a { transition:none; }
}

/* Sixteen registered poses include the wave artwork; no clipped wave strip. */
.page-research-conservation .seasee-heading { display:grid; grid-template-columns:minmax(0,1fr) 166px; gap:4px; align-items:center; margin-bottom:14px; }
.page-research-conservation .seasee-heading h3 { margin-bottom:0; }
.page-research-conservation .phoenix-scene { position:relative; width:166px; height:176px; isolation:isolate; }
.page-research-conservation .phoenix-art { position:absolute; inset:8px 0; overflow:visible; }
.page-research-conservation .phoenix-bob { position:absolute; inset:0; transform-origin:50% 75%; animation:phoenix-swim 3.2s ease-in-out infinite; }
.page-research-conservation .phoenix-sprite { position:absolute; inset:0; background:url('assets/research-conservation/seaseeust-phoenix-swimming.png') 0 0 / 400% 400% no-repeat; }
.page-research-conservation .phoenix-next { opacity:0; }
@keyframes phoenix-swim {
  0%,100% { transform:translateY(2px) rotate(-1.5deg); }
  50% { transform:translateY(-3px) rotate(1.5deg); }
}
@media(max-width:640px) {
  .page-research-conservation .seasee-heading { grid-template-columns:minmax(0,1fr) 126px; gap:0; }
  .page-research-conservation .phoenix-scene { width:126px; height:142px; }
}
@media(prefers-reduced-motion:reduce) {
  .page-research-conservation .phoenix-bob { animation:none; }
  .page-research-conservation .phoenix-next { display:none; }
}