.global-nav a[aria-current="page"] { color: #23627a; }
.global-nav a[aria-current="page"]::after { right: 0; left: 0; }
.lysosome-kicker { margin: 0 0 13px; font-size: 12px; letter-spacing: .28em; }

.lysosome-hero { height: var(--hero-third-height); min-height: var(--hero-third-height); position: relative; background: #eaf4f8 url("../../assets/technology/lysosome/lysosome-hero-cells.webp") center / cover no-repeat; }
.lysosome-hero::before { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgba(236,246,249,.96), rgba(236,246,249,.67) 42%, rgba(236,246,249,.05) 72%); }
.lysosome-hero__inner { max-width: var(--max); min-height: var(--hero-third-height); margin: 0 auto; padding: 12px 14px 16px; position: relative; z-index: 1; }
.breadcrumb { display: flex; align-items: center; gap: 12px; color: #4e687b; font-size: 11px; }
.breadcrumb a { transition: color .25s ease; }
.lysosome-hero__copy { margin-top: 18px; }
.lysosome-hero h1 { margin: 0 0 6px; font-size: 32px; line-height: 1.35; font-weight: 400; letter-spacing: .08em; }
.lysosome-hero__copy > p:last-child { margin: 0; font-size: 15px; line-height: 1.5; letter-spacing: .04em; }
.lysosome-hero__side { width: 132px; margin: 0; position: absolute; right: 12px; bottom: 58px; font: 9px/1.85 var(--sans); letter-spacing: .12em; }
.lysosome-hero__side span { width: 42px; height: 1px; display: inline-block; margin: 0 0 3px 10px; background: #9bb0bc; }

.lysosome-shell { max-width: 940px; margin: 0 auto; }
.lysosome-intro { min-height: 315px; padding: 26px 0; display: grid; grid-template-columns: 1fr 1.04fr; gap: 40px; align-items: center; border-bottom: 1px solid var(--line); }
.lysosome-copy { padding: 0 16px; }
.lysosome-copy h2, .lysosome-functions h2, .lysosome-cta h2 { margin: 0 0 22px; font-size: 28px; line-height: 1.5; font-weight: 400; letter-spacing: .05em; }
.lysosome-copy p { margin: 0; color: #405c70; font-size: 14px; line-height: 1.95; }
.cell-diagram { min-height: 255px; margin: 0; position: relative; overflow: hidden; background: #f4f8fb; }
.cell-diagram img { width: 100%; height: 255px; object-fit: cover; object-position: center; }
.cell-diagram figcaption { position: absolute; top: 83px; right: 25px; display: grid; gap: 2px; font-size: 13px; }
.cell-diagram figcaption::before { width: 48px; height: 1px; position: absolute; right: calc(100% + 9px); top: 10px; content: ""; background: #526f84; transform: rotate(-35deg); transform-origin: right center; }
.cell-diagram figcaption b { font-weight: 600; }
.cell-diagram figcaption span { font: 10px var(--sans); }
.cell-diagram small { position: absolute; right: 9px; bottom: 8px; color: #62798a; font-size: 9px; }

.lysosome-functions { padding: 29px 16px 34px; border-bottom: 1px solid var(--line); }
.lysosome-functions h2 { margin-bottom: 24px; }
.lysosome-functions ul { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; }
.lysosome-functions li { min-width: 0; padding: 0 20px; display: grid; grid-template-columns: 82px 1fr; gap: 16px; align-items: center; border-right: 1px solid var(--line); }
.lysosome-functions li:first-child { padding-left: 0; }
.lysosome-functions li:last-child { padding-right: 0; border-right: 0; }
.lysosome-functions img { width: 82px; height: 82px; object-fit: cover; border-radius: 50%; }
.lysosome-functions h3 { margin: 0 0 8px; font-size: 16px; font-weight: 500; }
.lysosome-functions p { margin: 0; color: #526a7b; font-size: 12px; line-height: 1.7; }

.lysosome-why { min-height: 280px; padding: 27px 0; display: grid; grid-template-columns: 1fr 1.04fr; gap: 40px; align-items: center; }
.lysosome-why__image { min-height: 218px; background: url("../../assets/technology/lysosome/lysosome-microscope-dish.webp") center / cover no-repeat; }

.lysosome-cta { min-height: 243px; position: relative; background: #eaf4f8 url("../../assets/technology/lysosome/lysosome-pipette-dish.webp") center / cover no-repeat; }
.lysosome-cta::before { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgba(237,247,250,.93), rgba(237,247,250,.63) 50%, rgba(255,255,255,.04)); }
.lysosome-cta__inner { max-width: var(--max); min-height: 243px; margin: 0 auto; padding: 43px 16px 34px; position: relative; z-index: 1; }
.lysosome-cta h2 { margin-bottom: 15px; }
.lysosome-cta p { margin: 0 0 18px; color: #405c70; font-size: 14px; line-height: 1.8; }
.lysosome-cta a { width: 210px; min-height: 40px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #6e899b; border-radius: 22px; background: rgba(255,255,255,.72); font-size: 13px; transition: color .25s ease, background-color .25s ease, transform .25s ease; }
.lysosome-cta a span { font-family: var(--sans); }
.lysosome-cta small { position: absolute; right: 14px; bottom: 55px; font: 9px/1.9 var(--sans); letter-spacing: .14em; }

@media (max-width: 900px) {
  .lysosome-hero__inner { padding-right: 6vw; padding-left: 6vw; }
  .lysosome-shell { margin: 0 5vw; }
  .lysosome-intro, .lysosome-why { gap: 24px; }
  .lysosome-functions li { padding: 0 14px; grid-template-columns: 68px 1fr; gap: 12px; }
  .lysosome-functions img { width: 68px; height: 68px; }
  .lysosome-cta__inner { padding-right: 6vw; padding-left: 6vw; }
}

@media (max-width: 680px) {
  .lysosome-hero { height: var(--hero-third-height); min-height: var(--hero-third-height); background-position: 66% center; }
  .lysosome-hero::before { background: linear-gradient(180deg, rgba(236,246,249,.94), rgba(236,246,249,.58) 62%, rgba(236,246,249,.18)); }
  .lysosome-hero__inner { height: var(--hero-third-height); min-height: var(--hero-third-height); padding: 22px 7vw 38px; }
  .breadcrumb { font-size: 11px; }
  .lysosome-hero__copy { margin-top: 48px; }
  .lysosome-hero h1 { font-size: 34px; }
  .lysosome-hero__copy > p:last-child { font-size: 18px; }
  .lysosome-hero__side { display: none; }
  .lysosome-shell { margin: 0; }
  .lysosome-intro, .lysosome-why { padding: 40px 6vw 44px; display: flex; flex-direction: column; align-items: stretch; gap: 27px; }
  .lysosome-copy { padding: 0; }
  .lysosome-copy h2, .lysosome-functions h2, .lysosome-cta h2 { font-size: 26px; }
  .lysosome-copy p { font-size: 16px; }
  .cell-diagram { min-height: 0; aspect-ratio: 1.55 / 1; }
  .cell-diagram img { height: 100%; }
  .cell-diagram figcaption { top: 31%; right: 4%; }
  .lysosome-functions { padding: 40px 6vw 44px; }
  .lysosome-functions ul { grid-template-columns: 1fr; gap: 22px; }
  .lysosome-functions li, .lysosome-functions li:first-child, .lysosome-functions li:last-child { padding: 0 0 22px; grid-template-columns: 82px 1fr; border-right: 0; border-bottom: 1px solid var(--line); }
  .lysosome-functions li:last-child { padding-bottom: 0; border-bottom: 0; }
  .lysosome-functions img { width: 82px; height: 82px; }
  .lysosome-functions h3 { font-size: 18px; }
  .lysosome-functions p { font-size: 16px; }
  .lysosome-why__image { min-height: 0; aspect-ratio: 1.65 / 1; }
  .lysosome-cta { min-height: 330px; background-position: 66% center; }
  .lysosome-cta::before { background: linear-gradient(180deg, rgba(237,247,250,.94), rgba(237,247,250,.48) 76%, rgba(255,255,255,.08)); }
  .lysosome-cta__inner { min-height: 330px; padding: 42px 7vw; }
  .lysosome-cta p { max-width: 24em; font-size: 16px; }
  .lysosome-cta p br { display: none; }
  .lysosome-cta a { width: 230px; min-height: 46px; font-size: 14px; }
  .lysosome-cta small { display: none; }
}

@media (hover: hover) {
  .breadcrumb a:hover { color: #23627a; }
  .lysosome-cta a:hover { color: #fff; background: #23627a; transform: translateX(3px); }
}