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

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

.organelle-tech-shell { max-width: 940px; margin: 0 auto; }
.organelle-tech-copy h2, .organelle-tech-process h2, .organelle-tech-cta h2 { margin: 0 0 20px; font-size: 28px; line-height: 1.48; font-weight: 400; letter-spacing: .05em; }
.organelle-tech-copy > p { margin: 0; color: #405c70; font-size: 14px; line-height: 1.95; }
.organelle-tech-intro { min-height: 278px; padding: 27px 0; display: grid; grid-template-columns: 1fr 1.04fr; gap: 40px; align-items: center; border-bottom: 1px solid var(--line); }
.organelle-tech-copy { padding: 0 16px; }
.organelle-tech-intro__image, .organelle-tech-features__image { min-height: 222px; position: relative; background-position: center; background-size: cover; }
.organelle-tech-intro__image { background-image: url("../../assets/technology/organelle-technology/eggshell-lysosome.webp"); }
.organelle-tech-intro__image small, .organelle-tech-features__image small { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font: 8px/1.9 var(--sans); letter-spacing: .14em; }

.organelle-tech-process { padding: 25px 16px 30px; border-bottom: 1px solid var(--line); }
.organelle-tech-process h2 { margin-bottom: 5px; }
.organelle-tech-process__lead { margin: 0 0 17px; color: #405c70; font-size: 13px; }
.organelle-tech-process ol { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 28px; list-style: none; }
.organelle-tech-process li { min-width: 0; position: relative; text-align: center; }
.organelle-tech-process li:not(:last-child)::after { position: absolute; top: 40px; right: -18px; content: "›"; color: #173e60; font: 28px/1 var(--sans); }
.organelle-tech-process img { width: 84px; height: 84px; margin: 0 auto 10px; display: block; object-fit: cover; border-radius: 50%; }
.organelle-tech-process span { display: block; margin-bottom: 4px; font: 13px var(--sans); }
.organelle-tech-process h3 { margin: 0 0 8px; font-size: 17px; font-weight: 400; }
.organelle-tech-process li p { margin: 0; color: #526a7b; font-size: 12px; line-height: 1.7; text-align: left; }

.organelle-tech-features { min-height: 315px; padding: 27px 0; display: grid; grid-template-columns: 1.08fr .92fr; gap: 40px; align-items: center; }
.organelle-tech-features__image { min-height: 288px; background-image: url("../../assets/technology/organelle-technology/precision-analysis.webp"); }
.organelle-tech-feature-list { margin-top: 14px; padding: 13px 16px 12px; background: linear-gradient(90deg, #edf5fa, #f8fbfd); }
.organelle-tech-feature-list h3 { margin: 0 0 7px; display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 400; }
.organelle-tech-feature-list h3::before { width: 25px; height: 1px; content: ""; background: #5e7a8d; }
.organelle-tech-feature-list ul { margin: 0; padding-left: 39px; color: #405c70; font-size: 12px; line-height: 1.75; }

.organelle-tech-cta { min-height: 184px; position: relative; background: #eaf4f8 url("../../assets/technology/organelle-technology/research-cta.webp") center / cover no-repeat; }
.organelle-tech-cta::before { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgba(237,247,250,.94), rgba(237,247,250,.72) 49%, rgba(255,255,255,.05)); }
.organelle-tech-cta__inner { max-width: var(--max); min-height: 184px; margin: 0 auto; padding: 29px 16px 22px; position: relative; z-index: 1; }
.organelle-tech-cta h2 { margin-bottom: 8px; }
.organelle-tech-cta p { margin: 0 0 14px; color: #405c70; font-size: 13px; line-height: 1.75; }
.organelle-tech-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; }
.organelle-tech-cta a span { font-family: var(--sans); }
.organelle-tech-cta small { position: absolute; right: 13px; bottom: 31px; font: 8px/1.9 var(--sans); letter-spacing: .14em; }

@media (max-width: 900px) {
  .organelle-tech-hero__inner, .organelle-tech-cta__inner { padding-right: 6vw; padding-left: 6vw; }
  .organelle-tech-shell { margin: 0 5vw; }
  .organelle-tech-intro, .organelle-tech-features { gap: 24px; }
  .organelle-tech-process ol { gap: 16px; }
  .organelle-tech-process li:not(:last-child)::after { right: -12px; }
  .organelle-tech-process img { width: 72px; height: 72px; }
}

@media (max-width: 680px) {
  .organelle-tech-hero { height: var(--hero-third-height); min-height: var(--hero-third-height); background-position: 66% center; }
  .organelle-tech-hero::before { background: linear-gradient(180deg, rgba(236,246,249,.96), rgba(236,246,249,.6) 62%, rgba(236,246,249,.16)); }
  .organelle-tech-hero__inner { height: var(--hero-third-height); min-height: var(--hero-third-height); padding: 22px 7vw 38px; }
  .organelle-tech-breadcrumb { font-size: 11px; }
  .organelle-tech-hero__copy { margin-top: 48px; }
  .organelle-tech-hero h1 { font-size: 34px; }
  .organelle-tech-hero__copy > p:last-child { font-size: 18px; }
  .organelle-tech-side { display: none; }
  .organelle-tech-shell { margin: 0; }
  .organelle-tech-intro, .organelle-tech-features { padding: 40px 6vw 44px; display: flex; flex-direction: column; align-items: stretch; gap: 27px; }
  .organelle-tech-copy { padding: 0; }
  .organelle-tech-copy h2, .organelle-tech-process h2, .organelle-tech-cta h2 { font-size: 26px; }
  .organelle-tech-copy > p { font-size: 16px; }
  .organelle-tech-intro__image, .organelle-tech-features__image { min-height: 0; aspect-ratio: 1.55 / 1; }
  .organelle-tech-intro__image small, .organelle-tech-features__image small { display: none; }
  .organelle-tech-process { padding: 40px 6vw 44px; }
  .organelle-tech-process__lead { margin-bottom: 28px; font-size: 16px; line-height: 1.8; }
  .organelle-tech-process ol { grid-template-columns: 1fr; gap: 0; }
  .organelle-tech-process li { padding: 0 0 25px; display: grid; grid-template-columns: 88px 38px 1fr; grid-template-rows: auto auto; gap: 2px 13px; align-items: center; border-bottom: 1px solid var(--line); text-align: left; }
  .organelle-tech-process li + li { padding-top: 25px; }
  .organelle-tech-process li:last-child { padding-bottom: 0; border-bottom: 0; }
  .organelle-tech-process li:not(:last-child)::after { display: none; }
  .organelle-tech-process img { width: 88px; height: 88px; margin: 0; grid-row: 1 / 3; }
  .organelle-tech-process span { margin: 0; grid-row: 1; font-size: 14px; }
  .organelle-tech-process h3 { margin: 0; grid-row: 1; font-size: 19px; }
  .organelle-tech-process li p { grid-column: 2 / 4; grid-row: 2; font-size: 16px; }
  .organelle-tech-feature-list { margin-top: 20px; padding: 18px; }
  .organelle-tech-feature-list h3 { font-size: 17px; }
  .organelle-tech-feature-list ul { padding-left: 25px; font-size: 15px; }
  .organelle-tech-cta { min-height: 310px; background-position: 68% center; }
  .organelle-tech-cta::before { background: linear-gradient(180deg, rgba(237,247,250,.96), rgba(237,247,250,.52) 76%, rgba(255,255,255,.08)); }
  .organelle-tech-cta__inner { min-height: 310px; padding: 42px 7vw; }
  .organelle-tech-cta p { max-width: 24em; font-size: 16px; }
  .organelle-tech-cta p br { display: none; }
  .organelle-tech-cta a { width: 230px; min-height: 46px; font-size: 14px; }
  .organelle-tech-cta small { display: none; }
}

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