/* Baikal Accent — authoritative viewport/container contract. */
body.nia-accent-baikal,
body.nia-accent-baikal .site-wrapper {
  background:#061c1f;
}

.accent-page--baikal {
  --baikal-bg:#061c1f;
  --baikal-bg-raised:#0a292d;
  --baikal-surface:rgba(214,239,233,.055);
  --baikal-surface-strong:rgba(4,35,39,.88);
  --baikal-line:rgba(205,239,232,.15);
  --baikal-ink:#eef8f5;
  --baikal-muted:#9db8b3;
  --accent-container-max:1720px;
  --accent-gutter:clamp(20px,3vw,48px);
  min-height:100%;
  overflow:visible;
  color:var(--baikal-ink);
  background:
    radial-gradient(ellipse 72% 20% at 50% 0,rgba(84,157,157,.3),transparent 72%),
    radial-gradient(ellipse 38% 26% at 100% 24%,rgba(29,102,103,.2),transparent 74%),
    linear-gradient(180deg,#0a292d 0,#0d3438 34%,#09272b 68%,var(--baikal-bg) 100%);
}

.accent-page--baikal :is(.accent-archive__shell,.accent-archive__content,.accent-archive__content--stream,.accent-feature-grid,.accent-compact,.accent-matrix-head,.accent-final-cta) {
  background:transparent;
}

.accent-page--baikal .accent-archive__container {
  width:min(calc(100% - (var(--accent-gutter) * 2)),var(--accent-container-max));
  max-width:none;
  padding-top:clamp(8px,1.2vw,24px);
}

.accent-page--baikal :is(.accent-section-head,.accent-matrix-head,.accent-compact,.accent-final-cta) {
  border-color:var(--baikal-line);
}

.accent-page--baikal :is(.accent-section-head h2,.accent-matrix-head h2,.accent-final-cta a) {
  color:var(--baikal-ink)!important;
}

.accent-page--baikal .accent-card {
  border-color:var(--baikal-line);
  background:var(--baikal-surface);
  box-shadow:0 18px 42px rgba(0,13,16,.18);
}

.accent-page--baikal .accent-card h2 { color:var(--baikal-ink)!important; }
.accent-page--baikal .accent-card time { color:var(--baikal-muted); }
.accent-page--baikal .accent-load-complete { color:var(--baikal-muted)!important; }

/* Archive descent: newer stories stay near the surface; loading older stories dives deeper. */
.accent-page--baikal .baikal-archive-dive {
  --dive-progress:12%;
  position:relative;
  display:grid;
  order:5;
  grid-column:1 / -1;
  grid-row:5;
  grid-template-columns:clamp(112px,10vw,150px) minmax(0,1fr);
  gap:clamp(22px,3vw,48px);
  align-items:stretch;
  margin-top:20px;
}
.accent-page--baikal .baikal-archive-dive__gauge {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:18px 1fr;
  grid-template-rows:auto auto auto minmax(280px,1fr) auto;
  column-gap:12px;
  min-height:100%;
  padding:8px 0 4px;
  color:#a9c7c0;
}
.accent-page--baikal .baikal-archive-dive__eyebrow,
.accent-page--baikal .baikal-archive-dive__readout,
.accent-page--baikal .baikal-archive-dive__rate,
.accent-page--baikal .baikal-archive-dive__gauge>p { grid-column:1 / -1; }
.accent-page--baikal .baikal-archive-dive__eyebrow { color:#82b9ae;font:700 9px/1.3 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase; }
.accent-page--baikal .baikal-archive-dive__readout { margin:10px 0 18px; }
.accent-page--baikal .baikal-archive-dive__readout strong { display:block;color:#e8f5f1;font:500 clamp(22px,2vw,30px)/1 var(--font-editorial),Georgia,serif;letter-spacing:-.02em; }
.accent-page--baikal .baikal-archive-dive__readout small { display:block;margin-top:4px;color:#789b94;font:500 9px/1.3 Arial,sans-serif; }
.accent-page--baikal .baikal-archive-dive__rate { margin:-8px 0 15px;color:#759990;font:500 9px/1.4 Arial,sans-serif; }
.accent-page--baikal .baikal-archive-dive__rate span,.accent-page--baikal .baikal-archive-dive__rate b { display:block;font-weight:500; }
.accent-page--baikal .baikal-archive-dive__rate b { margin-top:3px;color:#a9c9c1; }
.accent-page--baikal .baikal-archive-dive__track { position:relative;grid-column:1;grid-row:4;width:2px;margin-left:7px;overflow:visible;background:rgba(181,224,215,.14); }
.accent-page--baikal .baikal-archive-dive__track i { position:absolute;inset:0 0 auto;height:var(--dive-progress);background:linear-gradient(#84cbbd,#3b8d87 72%,#77c9be);box-shadow:0 0 16px rgba(89,190,176,.18);transition:height .7s cubic-bezier(.2,.75,.2,1); }
.accent-page--baikal .baikal-archive-dive__track span { position:absolute;z-index:2;top:var(--dive-progress);left:50%;width:9px;height:9px;border:2px solid #8fd3c6;border-radius:50%;background:#09272b;box-shadow:0 0 0 5px rgba(111,199,185,.08);transform:translate(-50%,-50%);transition:top .7s cubic-bezier(.2,.75,.2,1); }
.accent-page--baikal .baikal-archive-dive__scale { position:relative;grid-column:2;grid-row:4;color:#698c85;font:500 8px/1 Arial,sans-serif; }
.accent-page--baikal .baikal-archive-dive__scale span { position:absolute;top:var(--depth-position);left:0;white-space:nowrap;transform:translateY(-50%); }
.accent-page--baikal .baikal-archive-dive__scale span::before { display:inline-block;width:6px;height:1px;margin-right:5px;background:rgba(180,220,212,.16);vertical-align:middle;content:""; }
.accent-page--baikal .baikal-archive-dive__scale span.is-major { color:#91afa8;font-weight:650; }
.accent-page--baikal .baikal-archive-dive__scale span.is-major::before { width:10px;background:rgba(180,220,212,.34); }
.accent-page--baikal .baikal-archive-dive__gauge>p { max-width:135px;margin:16px 0 0!important;color:#86a59f!important;font:500 10px/1.4 Arial,sans-serif!important; }
.accent-page--baikal .baikal-archive-dive__materials { position:relative;z-index:1;min-width:0; }
.accent-page--baikal .baikal-archive-dive__materials .accent-compact { margin-top:0!important; }
.accent-page--baikal .baikal-archive-dive.is-bottom .baikal-archive-dive__readout strong { color:#bce8df; }
.accent-page--baikal .baikal-archive-dive.is-bottom .baikal-archive-dive__track span { background:#8fd3c6;box-shadow:0 0 0 7px rgba(111,199,185,.1),0 0 22px rgba(111,199,185,.24); }

body.nia-accent-baikal .site-head-frame {
  max-width:none!important;
  border-color:rgba(218,241,236,.1)!important;
  background:linear-gradient(110deg,#051a1d,#0b2f33 58%,#10353b)!important;
  box-shadow:0 12px 32px rgba(1,18,20,.22);
}
body.nia-accent-baikal .site-head-frame :is(.top-bar,.site-header) { border-color:rgba(218,241,236,.1)!important;background:transparent!important; }
body.nia-accent-baikal .site-head-frame .nia-main-logo { filter:brightness(0) invert(1)!important;opacity:.92; }
body.nia-accent-baikal .site-head-frame :is(.nia-primary-nav .nav-menu>li>a,.nia-more__toggle,.nia-more__toggle span) { color:rgba(229,242,239,.8)!important; }
body.nia-accent-baikal .site-head-frame .nia-header-search { border-color:rgba(219,242,237,.24)!important;background:rgba(255,255,255,.06)!important;color:#eaf6f3!important; }
body.nia-accent-baikal .site-accent-nav { border-color:rgba(218,241,236,.1);background:#0a292d;color:#d8ebe6; }
body.nia-accent-baikal .site-accent-nav__label { color:#85aaa2; }
body.nia-accent-baikal .site-accent-nav a { color:#a9c2bc; }
body.nia-accent-baikal .site-accent-nav a.is-active { color:#fff; }

/* Fluid flagship scene: zoom may reduce density, never change the theme. */
@media (min-width:1100px) {
  .accent-page--baikal .accent-archive__intro {
    position:absolute;
    z-index:8;
    top:clamp(40px,4vw,58px);
    left:clamp(8%,13vw,16.5%);
    display:block;
    width:min(43vw,680px);
    min-height:0;
    padding:0;
    pointer-events:none;
  }
  .accent-page--baikal .accent-archive__intro h1 {
    margin:clamp(5px,1vw,11px) 0 0!important;
    color:#f3f6f4!important;
    font-size:clamp(64px,6vw,120px)!important;
    font-weight:450;
    line-height:.9!important;
  }
  .accent-page--baikal .accent-archive__eyebrow { color:rgba(218,239,234,.76)!important; }
  .accent-page--baikal .accent-archive__shell { padding-top:0; }
  .accent-page--baikal .accent-archive__scene {
    position:relative;
    display:grid;
    width:100vw;
    max-width:none;
    min-height:clamp(580px,44vw,680px);
    height:auto!important;
    margin-left:calc(50% - 50vw);
    padding-inline:max(var(--accent-gutter),calc((100vw - var(--accent-container-max))/2));
    grid-template-columns:minmax(0,1fr) clamp(280px,24vw,360px);
    grid-template-rows:minmax(300px,1.2fr) minmax(238px,.9fr);
    grid-template-areas:"main rail" "main monitor";
    gap:clamp(12px,1.4vw,22px);
    align-items:stretch;
    overflow:visible;
  }
  .accent-page--baikal .accent-lead__primary {
    width:100%;
    height:auto!important;
    min-height:clamp(580px,44vw,680px)!important;
    border:0!important;
    border-radius:clamp(12px,1.4vw,20px) 0 0 clamp(12px,1.4vw,20px)!important;
    box-shadow:none!important;
  }
  .accent-page--baikal .accent-lead__body {
    max-width:min(76%,850px);
    padding:clamp(30px,3.2vw,52px);
  }
  .accent-page--baikal .accent-lead__body h2 { font-size:clamp(32px,2.7vw,52px)!important;line-height:1.03!important; }
  .accent-page--baikal .accent-lead__body p { font-size:clamp(13px,1vw,15px); }
  .accent-page--baikal .accent-sidebar [data-sidebar-module] { width:100%;min-width:0;margin:0; }
  .accent-page--baikal .accent-sidebar [data-sidebar-module="main_news"] {
    height:auto!important;
    min-height:0;
    padding:clamp(14px,1.5vw,22px);
    border:0;
    border-radius:0;
    background:rgba(4,30,34,.7);
    box-shadow:none;
  }
  .accent-page--baikal .accent-sidebar .nia-sidebar-main h2 { color:#f3faf8!important;font-size:clamp(22px,2vw,30px)!important; }
  .accent-page--baikal .accent-sidebar .nia-sidebar-main strong { color:#e9f4f1;font-size:clamp(10.5px,.85vw,13px);line-height:1.22; }
  .accent-page--baikal .accent-sidebar .nia-sidebar-main li a { grid-template-columns:clamp(26px,2.3vw,38px) minmax(0,1fr);gap:clamp(6px,.7vw,10px);padding-block:clamp(4px,.5vw,7px); }
  .accent-page--baikal .accent-sidebar .nia-sidebar-dashboard {
    height:auto!important;
    min-height:0;
    padding:clamp(13px,1.3vw,18px);
    border:0;
    border-radius:0;
    background:rgba(5,42,47,.72);
    box-shadow:none;
  }
  .accent-page--baikal .accent-sidebar .nia-sidebar-dashboard .eco-monitor__title { color:#fff!important;font-size:clamp(19px,1.6vw,24px)!important; }
  .accent-page--baikal .baikal-bathymetry {
    position:absolute;
    z-index:6;
    top:clamp(205px,18vw,250px);
    right:clamp(28%,31vw,35%);
    width:clamp(230px,27vw,440px);
    height:clamp(230px,23vw,330px);
    margin:0;
    opacity:.4;
    transform:rotate(90deg) scale(.68);
    transform-origin:center;
    pointer-events:none;
  }
  .accent-page--baikal .baikal-bathymetry>span { transform:rotate(-90deg); }
  .accent-page--baikal .accent-archive__content--stream { margin-top:clamp(48px,5vw,72px); }
}

/* Shared dark component contract, including loading/error states. */
.accent-page--baikal .accent-sidebar .nia-sidebar-dashboard__header { border-color:rgba(211,240,234,.12);background:transparent!important; }
.accent-page--baikal .accent-sidebar .nia-sidebar-dashboard__grid { grid-template-columns:repeat(2,minmax(0,1fr));background:transparent; }
.accent-page--baikal .accent-sidebar .nia-sidebar-dashboard__metric { border-color:rgba(211,240,234,.1)!important;background:transparent!important; }
.accent-page--baikal .accent-sidebar .nia-sidebar-dashboard__metric>span { color:rgba(213,236,231,.68);font-size:clamp(8px,.7vw,10px)!important; }
.accent-page--baikal .accent-sidebar .nia-sidebar-dashboard__metric strong { color:#f2f8f6!important;font-size:clamp(16px,1.35vw,20px)!important; }
.accent-page--baikal .accent-sidebar .nia-sidebar-dashboard__metric small { color:rgba(192,219,213,.62)!important;font-size:clamp(8px,.65vw,9.5px)!important; }
.accent-page--baikal .accent-sidebar .nia-sidebar-dashboard__loading { background:rgba(211,240,234,.1); }
.accent-page--baikal .accent-sidebar .nia-sidebar-dashboard__loading i { background:linear-gradient(100deg,rgba(255,255,255,.025) 25%,rgba(155,213,201,.1) 40%,rgba(255,255,255,.025) 55%);background-size:240% 100%; }
.accent-page--baikal .accent-sidebar .nia-sidebar-dashboard .eco-mini-location__name { color:var(--ui-text-on-dark,#f2f6f3)!important;opacity:1!important; }
.accent-page--baikal .accent-sidebar .nia-sidebar-dashboard .eco-mini-location__change { color:#75d0bd!important;opacity:1!important; }
.accent-page--baikal .accent-sidebar .nia-sidebar-dashboard .eco-mini-location__region,
.accent-page--baikal .accent-sidebar .nia-sidebar-dashboard [data-eco-updated] { color:var(--ui-text-on-dark-muted,#c3d1cc)!important;opacity:1!important; }

/* Tablet remains a Baikal Accent, only arrangement changes. */
@media (max-width:1099px) {
  .accent-page--baikal { background:linear-gradient(180deg,#0a292d,#09272b 56%,var(--baikal-bg)); }
  .accent-page--baikal .accent-atmosphere { opacity:.5; }
  .accent-page--baikal .accent-archive__intro {
    position:relative;
    z-index:3;
    min-height:0;
    padding:clamp(30px,6vw,58px) 0 clamp(24px,4vw,38px);
  }
  .accent-page--baikal .accent-archive__intro h1 { color:#f3f6f4!important;font-size:clamp(64px,9vw,88px)!important;line-height:.92!important; }
  .accent-page--baikal .accent-archive__eyebrow { color:#9bd5c9!important; }
  .accent-page--baikal .baikal-bathymetry { display:none; }
  .accent-page--baikal .accent-archive__scene {
    display:grid;
    width:100%;
    margin:0;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:"main main" "rail monitor";
    gap:clamp(14px,2.2vw,22px);
  }
  .accent-page--baikal .accent-lead__primary { width:100%;height:auto!important;min-height:clamp(500px,64vw,620px)!important;border-radius:16px!important; }
  .accent-page--baikal .accent-lead__body { max-width:760px;padding:clamp(26px,5vw,44px); }
  .accent-page--baikal .accent-lead__body h2 { font-size:clamp(32px,5vw,46px)!important; }
  .accent-page--baikal .accent-sidebar [data-sidebar-module] { width:100%;min-width:0;margin:0; }
  .accent-page--baikal .accent-sidebar [data-sidebar-module="main_news"],
  .accent-page--baikal .accent-sidebar .nia-sidebar-dashboard { height:100%;border-color:var(--baikal-line);background:var(--baikal-surface-strong); }
  .accent-page--baikal .accent-sidebar .nia-sidebar-main :is(h2,strong) { color:var(--baikal-ink)!important; }
  .accent-page--baikal .accent-medium { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Mobile: simplified geometry, uninterrupted rubric theme. */
@media (max-width:767px) {
  .accent-page--baikal { --accent-gutter:16px; }
  .accent-page--baikal .accent-atmosphere,.accent-page--baikal :is(.baikal-cover-map,.baikal-cover-depth,.baikal-depth-axis,.accent-signature-initial) { display:none!important; }
  .accent-page--baikal .accent-archive__container { width:calc(100% - 32px);padding-top:0; }
  .accent-page--baikal .accent-archive__intro { padding:30px 0 24px; }
  .accent-page--baikal .accent-archive__intro h1 { font-size:clamp(54px,17vw,76px)!important; }
  .accent-page--baikal .accent-archive__scene { grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "rail" "monitor"; }
  .accent-page--baikal .accent-lead__primary { min-height:clamp(500px,142vw,610px)!important;border-radius:14px!important; }
  .accent-page--baikal .accent-lead__body { max-width:100%;padding:24px 20px; }
  .accent-page--baikal .accent-lead__body h2 { font-size:clamp(29px,8.2vw,39px)!important; }
  .accent-page--baikal .accent-sidebar [data-sidebar-module="main_news"],.accent-page--baikal .accent-sidebar [data-sidebar-module="eco_dashboard"] { margin:0; }
  .accent-page--baikal .accent-medium { grid-template-columns:minmax(0,1fr); }
  .accent-page--baikal .accent-card--medium:nth-child(n) { grid-area:auto; }
  .accent-page--baikal .accent-final-cta { margin-top:42px; }
  .accent-page--baikal .baikal-archive-dive { grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px; }
  .accent-page--baikal .baikal-archive-dive__gauge { grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto auto;min-height:0;padding:0; }
  .accent-page--baikal .baikal-archive-dive__eyebrow { grid-column:1 / -1; }
  .accent-page--baikal .baikal-archive-dive__readout { grid-column:1;margin:9px 14px 8px 0;white-space:nowrap; }
  .accent-page--baikal .baikal-archive-dive__rate { grid-column:1 / -1;grid-row:3;margin:0 0 8px; }
  .accent-page--baikal .baikal-archive-dive__rate span,.accent-page--baikal .baikal-archive-dive__rate b { display:inline; }
  .accent-page--baikal .baikal-archive-dive__rate b::before { content:" · "; }
  .accent-page--baikal .baikal-archive-dive__track { grid-column:2;grid-row:2;width:auto;height:2px;margin:24px 0 0; }
  .accent-page--baikal .baikal-archive-dive__track i { inset:0 auto 0 0;width:var(--dive-progress);height:2px;transition:width .7s cubic-bezier(.2,.75,.2,1); }
  .accent-page--baikal .baikal-archive-dive__track span { top:50%;left:var(--dive-progress);transition:left .7s cubic-bezier(.2,.75,.2,1); }
  .accent-page--baikal .baikal-archive-dive__scale { grid-column:2;grid-row:4;height:18px;margin-top:5px; }
  .accent-page--baikal .baikal-archive-dive__scale span { display:none;top:0;transform:none; }
  .accent-page--baikal .baikal-archive-dive__scale span:first-child,.accent-page--baikal .baikal-archive-dive__scale span:last-child { display:block; }
  .accent-page--baikal .baikal-archive-dive__scale span:first-child { left:0; }
  .accent-page--baikal .baikal-archive-dive__scale span:last-child { right:0;left:auto; }
  .accent-page--baikal .baikal-archive-dive__scale span::before { display:none; }
  .accent-page--baikal .baikal-archive-dive__gauge>p { grid-column:3;grid-row:2 / 5;align-self:center;max-width:110px;margin:8px 0 0 14px!important;text-align:right; }
}

@media (prefers-reduced-motion:reduce) {
  .accent-page--baikal * { animation:none!important;transition:none!important; }
}

/* Tablet/mobile contrast guard for the photographic editorial interruption. */
@media (max-width:1179px) {
  .accent-page--baikal .accent-editorial-strip {
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
  }
  .accent-page--baikal .accent-editorial-strip>div {
    grid-column:1 / -1;
    width:auto;
    min-width:0;
  }
  .accent-page--baikal .accent-editorial-strip::after {
    background:linear-gradient(90deg,rgba(3,26,29,.94),rgba(3,26,29,.72) 68%,rgba(3,26,29,.58))!important;
  }
  .accent-page--baikal .accent-editorial-strip :is(p,small,time),
  .accent-page--baikal .accent-editorial-strip__action {
    position:relative;
    z-index:1;
    color:#f4fbf8!important;
    opacity:1!important;
    text-shadow:0 1px 12px rgba(0,12,14,.48);
  }
  .accent-page--baikal .accent-editorial-strip small { color:#83d2c4!important; }
  .accent-page--baikal .accent-editorial-strip time { color:rgba(226,242,237,.82)!important; }
}

@media (max-width:767px) {
  .accent-page--baikal .accent-editorial-strip>div {
    padding:20px!important;
  }
  .accent-page--baikal .accent-editorial-strip p {
    max-width:24ch;
    font-size:clamp(21px,6.4vw,26px)!important;
    line-height:1.08!important;
  }
}

/* Depth archive v3 — quiet museum-like navigation, never a card background. */
.accent-page--baikal .baikal-seal-divider {
  position:relative;
  display:block;
  width:100%;
  height:96px;
  margin:0;
  overflow:hidden;
  contain:layout paint;
  pointer-events:none;
}
.accent-page--baikal .accent-matrix-head {
  display:grid;
  grid-template-columns:minmax(190px,24%) minmax(0,1fr);
  gap:clamp(28px,5vw,76px);
  align-items:end;
  min-height:112px;
  margin-top:30px;
}
.accent-page--baikal .accent-matrix-head>div:first-child { align-self:center; }
.accent-page--baikal .accent-matrix-head .baikal-seal-divider span { display:block; }
.accent-page--baikal .baikal-seal-divider__water {
  position:absolute;
  right:2%;
  bottom:18px;
  left:2%;
  height:1px;
  opacity:.46;
  background:linear-gradient(90deg,transparent,rgba(104,196,183,.28) 14%,rgba(104,196,183,.18) 82%,transparent);
}
.accent-page--baikal .baikal-seal-divider__water::before,
.accent-page--baikal .baikal-seal-divider__water::after {
  position:absolute;
  width:34%;
  height:22px;
  border-top:1px solid rgba(112,195,183,.12);
  border-radius:50%;
  content:"";
}
.accent-page--baikal .baikal-seal-divider__water::before { top:-8px;left:18%;transform:rotate(-1deg); }
.accent-page--baikal .baikal-seal-divider__water::after { top:-3px;right:12%;transform:rotate(1deg); }
.accent-page--baikal .baikal-seal-divider__runner {
  position:absolute;
  top:10px;
  left:clamp(10px,1.5vw,24px);
  display:block;
  width:calc(100% - clamp(132px,12vw,168px));
  height:82px;
  will-change:transform;
  animation:baikal-seal-traverse 24s cubic-bezier(.45,.03,.55,.97) infinite;
}
.accent-page--baikal .baikal-seal-divider__bob {
  display:block;
  width:clamp(104px,9vw,128px);
  height:76px;
  will-change:transform;
  animation:baikal-seal-bob 6s ease-in-out infinite;
}
.accent-page--baikal .baikal-seal-divider__seal {
  display:block;
  width:100%;
  height:100%;
  opacity:.52;
  background-image:url("baikal-assets/depth-life-v3/nerpa.webp");
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  filter:saturate(.58) brightness(.86) drop-shadow(0 7px 12px rgba(67,175,162,.13));
  will-change:transform;
  transform-origin:center;
  animation:baikal-seal-turn 24s ease-in-out infinite;
}
@keyframes baikal-seal-traverse {
  0%,3% { transform:translate3d(0,0,0); }
  47%,53% { transform:translate3d(100%,0,0); }
  97%,100% { transform:translate3d(0,0,0); }
}
@keyframes baikal-seal-bob {
  0%,100% { transform:translate3d(0,3px,0) rotate(-1deg); }
  50% { transform:translate3d(0,-8px,0) rotate(1.2deg); }
}
@keyframes baikal-seal-turn {
  0%,46% { transform:scaleX(1) rotate(-1deg); }
  50%,96% { transform:scaleX(-1) rotate(-1deg); }
  100% { transform:scaleX(1) rotate(-1deg); }
}
.accent-page--baikal .accent-matrix-head::after {
  display:none;
  width:clamp(95px,8vw,130px);
  aspect-ratio:486 / 300;
  margin-left:auto;
  background-image:url("baikal-assets/depth-life-v3/nerpa.webp");
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  opacity:.68;
  filter:saturate(.72) brightness(.9);
  content:"";
}
.accent-page--baikal .baikal-archive-dive {
  grid-template-columns:92px minmax(0,1fr);
  gap:clamp(22px,2.5vw,38px);
  align-items:start;
  margin-top:14px;
}
.accent-page--baikal .baikal-archive-dive__gauge {
  position:sticky;
  top:18px;
  display:block;
  width:92px;
  height:min(72vh,690px);
  min-height:520px;
  padding:0;
}
.accent-page--baikal .baikal-archive-dive__eyebrow {
  display:block;
  max-width:84px;
  color:rgba(170,215,206,.66);
  font:650 8px/1.35 Arial,sans-serif;
  letter-spacing:.1em;
}
.accent-page--baikal .baikal-archive-dive__readout { margin:8px 0 0; }
.accent-page--baikal .baikal-archive-dive__readout strong {
  font:500 23px/1 var(--font-editorial),Georgia,serif;
  color:rgba(232,247,242,.92);
}
.accent-page--baikal .baikal-archive-dive__readout small { margin-top:3px;color:rgba(158,196,188,.58);font-size:8px; }
.accent-page--baikal .baikal-archive-dive__track {
  position:absolute;
  top:92px;
  bottom:8px;
  left:7px;
  display:block;
  width:1px;
  height:auto;
  margin:0;
  overflow:visible;
  background:rgba(112,190,179,.22);
}
.accent-page--baikal .baikal-archive-dive__track i {
  inset:0 0 auto;
  width:1px;
  height:var(--dive-progress);
  background:rgba(115,202,189,.72);
  box-shadow:none;
  transition:height .85s cubic-bezier(.2,.75,.2,1);
}
.accent-page--baikal .baikal-archive-dive__track span {
  top:var(--dive-progress);
  left:50%;
  width:7px;
  height:7px;
  border:1px solid rgba(191,239,230,.92);
  background:#73bdb2;
  box-shadow:0 0 0 4px rgba(111,199,185,.08),0 0 12px rgba(111,199,185,.25);
  transition:top .85s cubic-bezier(.2,.75,.2,1);
}
.accent-page--baikal .baikal-archive-dive__scale {
  position:absolute;
  top:92px;
  right:0;
  bottom:8px;
  left:18px;
  display:block;
  height:auto;
  margin:0;
  color:rgba(153,190,182,.52);
  font:500 8px/1 Arial,sans-serif;
}
.accent-page--baikal .baikal-archive-dive__scale span {
  display:block;
  top:var(--depth-position);
  right:auto;
  left:0;
  transform:translateY(-50%);
}
.accent-page--baikal .baikal-archive-dive__scale span::before {
  width:7px;
  margin-right:5px;
  background:rgba(139,203,193,.22);
}
.accent-page--baikal .baikal-archive-dive__materials { min-width:0; }
.accent-page--baikal .baikal-depth-encounter {
  position:relative;
  display:block;
  grid-column:1 / -1;
  width:100%;
  height:116px;
  margin:8px 0 12px;
  overflow:visible;
  animation:baikal-encounter-in .7s ease both;
}
.accent-page--baikal .baikal-depth-encounter__trigger {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  padding:0;
  border:0;
  color:inherit;
  background:transparent;
  cursor:default;
  text-align:left;
}
.accent-page--baikal .baikal-depth-encounter__trigger:focus-visible {
  outline:1px solid rgba(126,211,198,.68);
  outline-offset:3px;
}
.accent-page--baikal .baikal-depth-encounter__line {
  position:absolute;
  top:94px;
  left:clamp(-38px,-2.5vw,-22px);
  width:clamp(92px,10vw,170px);
  height:1px;
  background:linear-gradient(90deg,rgba(139,218,206,.58),rgba(116,190,180,.2));
  transition:background .18s ease,filter .18s ease;
}
.accent-page--baikal .baikal-depth-encounter__line::after {
  position:absolute;
  top:50%;
  right:-3px;
  width:6px;
  height:6px;
  border:1px solid rgba(190,239,231,.78);
  border-radius:50%;
  background:#62b8ad;
  box-shadow:0 0 0 3px rgba(98,184,173,.1);
  content:"";
  transform:translateY(-50%);
  transition:background .18s ease,box-shadow .18s ease;
}
.accent-page--baikal .baikal-depth-encounter__animal {
  position:absolute;
  top:5px;
  left:clamp(72px,8vw,138px);
  display:block;
  width:clamp(120px,10.5vw,180px);
  height:92px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  opacity:.66;
  filter:saturate(.64) brightness(.86);
  transition:opacity .18s ease,filter .18s ease;
}
.accent-page--baikal .baikal-depth-encounter__label {
  position:absolute;
  top:78px;
  left:clamp(72px,8vw,138px);
  display:flex;
  width:max-content;
  max-width:min(270px,calc(100% - clamp(72px,8vw,138px)));
  padding:6px 9px 7px;
  border:1px solid rgba(151,218,207,.13);
  border-radius:4px;
  background:rgba(7,38,44,.52);
  box-shadow:0 5px 18px rgba(3,24,29,.1);
  color:#eef4ed;
  flex-direction:column;
  gap:2px;
  white-space:normal;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.accent-page--baikal .baikal-depth-encounter__label strong {
  color:#b9e2d9;
  font:700 12px/1.05 Arial,sans-serif;
  letter-spacing:.025em;
}
.accent-page--baikal .baikal-depth-encounter__label span {
  color:#f2f0e8;
  font:500 11px/1.25 Arial,sans-serif;
  letter-spacing:.01em;
}
.accent-page--baikal .baikal-depth-encounter:hover .baikal-depth-encounter__animal,
.accent-page--baikal .baikal-depth-encounter__trigger:focus-visible .baikal-depth-encounter__animal,
.accent-page--baikal .baikal-depth-encounter.is-tooltip-open .baikal-depth-encounter__animal {
  opacity:.84;
  filter:saturate(.78) brightness(1.02);
}
.accent-page--baikal .baikal-depth-encounter:hover .baikal-depth-encounter__label,
.accent-page--baikal .baikal-depth-encounter__trigger:focus-visible .baikal-depth-encounter__label,
.accent-page--baikal .baikal-depth-encounter.is-tooltip-open .baikal-depth-encounter__label {
  border-color:rgba(151,218,207,.28);
  background:rgba(9,47,53,.7);
  box-shadow:0 7px 22px rgba(3,24,29,.16);
}
.accent-page--baikal .baikal-depth-encounter:hover .baikal-depth-encounter__line,
.accent-page--baikal .baikal-depth-encounter__trigger:focus-visible .baikal-depth-encounter__line,
.accent-page--baikal .baikal-depth-encounter.is-tooltip-open .baikal-depth-encounter__line {
  background:linear-gradient(90deg,rgba(164,231,220,.78),rgba(116,190,180,.3));
  filter:brightness(1.12);
}
.accent-page--baikal .baikal-depth-encounter:hover .baikal-depth-encounter__line::after,
.accent-page--baikal .baikal-depth-encounter__trigger:focus-visible .baikal-depth-encounter__line::after,
.accent-page--baikal .baikal-depth-encounter.is-tooltip-open .baikal-depth-encounter__line::after {
  background:#91d8cd;
  box-shadow:0 0 0 4px rgba(116,207,193,.14),0 0 10px rgba(116,207,193,.24);
}
.accent-page--baikal .baikal-depth-encounter--omul .baikal-depth-encounter__animal { background-image:url("baikal-assets/depth-life-v3/omul.webp"); }
.accent-page--baikal .baikal-depth-encounter--epischura .baikal-depth-encounter__animal { width:130px;background-image:url("baikal-assets/depth-life-v3/epischura.webp"); }
.accent-page--baikal .baikal-depth-encounter--golomyanka .baikal-depth-encounter__animal { background-image:url("baikal-assets/depth-life-v3/golomyanka.webp"); }
.accent-page--baikal .baikal-depth-encounter--ommatogammarus .baikal-depth-encounter__animal { width:138px;background-image:url("baikal-assets/depth-life-v3/ommatogammarus.webp"); }
.accent-page--baikal .baikal-depth-encounter--abyssal-sculpin .baikal-depth-encounter__animal { background-image:url("baikal-assets/depth-life-v3/abyssal-sculpin.webp"); }
.accent-page--baikal .baikal-depth-encounter--nerpa .baikal-depth-encounter__animal { width:130px;background-image:url("baikal-assets/depth-life-v3/nerpa.webp"); }
.accent-page--baikal .baikal-depth-encounter--sponge .baikal-depth-encounter__animal { width:150px;background-image:url("baikal-assets/depth-life-v3/sponge.webp"); }
.accent-page--baikal .baikal-depth-encounter--yellowfin-sculpin .baikal-depth-encounter__animal { background-image:url("baikal-assets/depth-life-v3/yellowfin-sculpin.webp"); }
.accent-page--baikal .baikal-depth-encounter--macrohectopus .baikal-depth-encounter__animal { width:140px;background-image:url("baikal-assets/depth-life-v3/macrohectopus.webp"); }
.accent-page--baikal .baikal-depth-encounter--deep-sponge .baikal-depth-encounter__animal { width:145px;background-image:url("baikal-assets/depth-life-v3/deep-sponge.webp"); }
.accent-page--baikal .baikal-depth-encounter__tooltip {
  position:absolute;
  z-index:8;
  top:2px;
  left:clamp(270px,25vw,390px);
  display:flex;
  visibility:hidden;
  width:clamp(210px,18vw,240px);
  padding:13px 14px 12px;
  border:1px solid rgba(99,194,181,.28);
  border-radius:3px;
  opacity:0;
  background:#16444b;
  box-shadow:0 12px 30px rgba(4,29,34,.18);
  color:rgba(225,241,237,.9);
  flex-direction:column;
  gap:4px;
  pointer-events:auto;
  transform:translateY(3px);
  transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;
}
.accent-page--baikal .baikal-depth-encounter__tooltip strong { font:600 13px/1.25 Arial,sans-serif; }
.accent-page--baikal .baikal-depth-encounter__tooltip em { color:rgba(187,224,216,.78);font:italic 11px/1.25 Georgia,serif; }
.accent-page--baikal .baikal-depth-encounter__tooltip b { color:rgba(137,205,195,.72);font:600 9px/1.3 Arial,sans-serif;letter-spacing:.045em; }
.accent-page--baikal .baikal-depth-encounter__tooltip span { margin-top:3px;color:rgba(215,235,230,.76);font:400 11px/1.42 Arial,sans-serif; }
@media (hover:hover) and (pointer:fine) {
  .accent-page--baikal .baikal-depth-encounter:hover .baikal-depth-encounter__tooltip,
  .accent-page--baikal .baikal-depth-encounter__trigger:focus-visible + .baikal-depth-encounter__tooltip {
    visibility:visible;
    opacity:1;
    transform:none;
    transition-delay:.15s,.15s,0s;
  }
}
.accent-page--baikal .baikal-depth-encounter.is-tooltip-open .baikal-depth-encounter__tooltip {
  visibility:visible;
  opacity:1;
  transform:none;
  transition-delay:0s;
}
.accent-page--baikal .baikal-depth-bottom {
  position:relative;
  display:block;
  grid-column:1 / -1;
  height:150px;
  margin:20px 0 30px;
  overflow:visible;
}
.accent-page--baikal .baikal-depth-bottom__ground {
  position:absolute;
  right:0;
  bottom:25px;
  left:0;
  height:42px;
  border-bottom:1px solid rgba(117,185,175,.3);
  background:
    radial-gradient(ellipse 24% 25px at 18% 100%,rgba(96,158,150,.16) 0 98%,transparent 100%),
    radial-gradient(ellipse 35% 34px at 55% 100%,rgba(96,158,150,.12) 0 98%,transparent 100%),
    radial-gradient(ellipse 27% 22px at 88% 100%,rgba(96,158,150,.14) 0 98%,transparent 100%);
}
.accent-page--baikal .baikal-depth-bottom__fish,
.accent-page--baikal .baikal-depth-bottom__benthos {
  position:absolute;
  z-index:1;
  bottom:28px;
  display:block;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  opacity:.32;
  filter:saturate(.45) brightness(.72);
}
.accent-page--baikal .baikal-depth-bottom__fish { right:17%;width:108px;height:62px;background-image:url("baikal-assets/depth-life-v3/abyssal-sculpin.webp"); }
.accent-page--baikal .baikal-depth-bottom__benthos { left:13%;width:62px;height:66px;background-image:url("baikal-assets/depth-life-v3/deep-sponge.webp");opacity:.16; }
.accent-page--baikal .baikal-depth-bottom div { position:absolute;right:0;bottom:0;display:flex;align-items:flex-end;flex-direction:column;gap:3px; }
.accent-page--baikal .baikal-depth-bottom strong {
  color:rgba(169,204,197,.6);
  font:500 8px/1.3 Arial,sans-serif;
  letter-spacing:.055em;
}
.accent-page--baikal .baikal-depth-bottom div span { color:rgba(183,211,205,.58);font:400 10px/1.4 Arial,sans-serif; }
@keyframes baikal-encounter-in { from { opacity:0;transform:translateY(8px); } to { opacity:1;transform:none; } }

/* The city picker escapes the clipped Baikal scenic stage without changing its decorative overflow. */
.baikal-eco-location-portal {
  position:fixed!important;
  z-index:2147483000!important;
  top:var(--eco-portal-top)!important;
  left:var(--eco-portal-left)!important;
  display:block;
  overflow:visible!important;
  width:var(--eco-portal-width)!important;
  min-height:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#173126;
}
.baikal-eco-location-portal[hidden] { display:none!important; }
.baikal-eco-location-portal .nia-sidebar-dashboard__location {
  overflow:auto;
  max-height:var(--eco-portal-max-height);
  margin:0;
  padding:14px;
  overscroll-behavior:contain;
  box-shadow:0 18px 46px rgba(0,18,22,.32);
}

@media (max-width:767px) {
  .accent-page--baikal .accent-matrix-head { display:grid;grid-template-columns:minmax(118px,40%) minmax(0,1fr);gap:10px;min-height:76px;margin-top:14px; }
  .accent-page--baikal .baikal-seal-divider { height:70px;margin:0; }
  .accent-page--baikal .baikal-seal-divider__runner { top:2px;left:18px;width:calc(100% - 112px);animation:none;transform:translate3d(18%,0,0); }
  .accent-page--baikal .baikal-seal-divider__bob { width:88px;height:62px;animation:none;transform:translate3d(0,-2px,0); }
  .accent-page--baikal .baikal-seal-divider__seal { opacity:.42;animation:none; }
  .accent-page--baikal .baikal-seal-divider__water { bottom:12px; }
  .accent-page--baikal .accent-matrix-head::after { width:96px; }
  .accent-page--baikal .baikal-archive-dive { grid-template-columns:62px minmax(0,1fr);gap:12px;margin-top:12px; }
  .accent-page--baikal .baikal-archive-dive__gauge { position:sticky;top:10px;display:block;width:62px;height:560px;min-height:480px;padding:0; }
  .accent-page--baikal .baikal-archive-dive__eyebrow { max-width:60px;font-size:7px;letter-spacing:.07em; }
  .accent-page--baikal .baikal-archive-dive__readout { margin:7px 0 0;white-space:normal; }
  .accent-page--baikal .baikal-archive-dive__readout strong { font-size:18px; }
  .accent-page--baikal .baikal-archive-dive__readout small { font-size:7px; }
  .accent-page--baikal .baikal-archive-dive__track { top:80px;bottom:5px;left:5px;width:1px;height:auto;margin:0; }
  .accent-page--baikal .baikal-archive-dive__track i { width:1px;height:var(--dive-progress); }
  .accent-page--baikal .baikal-archive-dive__track span { top:var(--dive-progress);left:50%; }
  .accent-page--baikal .baikal-archive-dive__scale { top:80px;right:0;bottom:5px;left:13px;height:auto;margin:0; }
  .accent-page--baikal .baikal-archive-dive__scale span { display:block;top:var(--depth-position);right:auto;left:0;transform:translateY(-50%);font-size:7px; }
  .accent-page--baikal .baikal-archive-dive__scale span::before { display:inline-block;width:4px;margin-right:3px; }
  .accent-page--baikal .baikal-depth-encounter { height:96px;margin:6px 0 10px; }
  .accent-page--baikal .baikal-depth-encounter__line { top:82px;left:-12px;width:54px; }
  .accent-page--baikal .baikal-depth-encounter__animal { top:3px;left:48px;width:110px;height:74px; }
  .accent-page--baikal .baikal-depth-encounter--epischura .baikal-depth-encounter__animal,
  .accent-page--baikal .baikal-depth-encounter--ommatogammarus .baikal-depth-encounter__animal,
  .accent-page--baikal .baikal-depth-encounter--macrohectopus .baikal-depth-encounter__animal,
  .accent-page--baikal .baikal-depth-encounter--sponge .baikal-depth-encounter__animal,
  .accent-page--baikal .baikal-depth-encounter--deep-sponge .baikal-depth-encounter__animal { width:96px; }
  .accent-page--baikal .baikal-depth-encounter--nerpa .baikal-depth-encounter__animal { width:100px; }
  .accent-page--baikal .baikal-depth-encounter__label { top:66px;left:42px;max-width:calc(100% - 42px);padding:5px 7px 6px; }
  .accent-page--baikal .baikal-depth-encounter__label strong { font-size:11px; }
  .accent-page--baikal .baikal-depth-encounter__label span { font-size:10px; }
  .accent-page--baikal .baikal-depth-encounter__tooltip { top:0;right:0;left:auto;width:min(210px,calc(100vw - 92px)); }
  .accent-page--baikal .baikal-depth-bottom { height:132px;margin:16px 0 24px; }
  .accent-page--baikal .baikal-depth-bottom div { max-width:260px;text-align:right; }
}
