/* Landing page v3 — isolated from the interior-page system */
.home-v3 {
  --home-paper: #f4f2ea;
  --home-paper-2: #e8e8de;
  --home-ink: #06110d;
  --home-green: #0f281d;
  --home-lime: #c9ff3d;
}

.home-v3 main { overflow: clip; }
.home-v3 .site-header { mix-blend-mode: normal; }
.home-v3 .site-header:not(.scrolled) { background: linear-gradient(180deg, rgba(2,7,5,.45), transparent); }

/* Hero */
.hero-v3 { height: 500vh; }
.hero-v3 .frame-fallback { background-image: url("../assets/images/projects/project-39.jpg"); filter: saturate(.74) contrast(1.05); }
.hero-v3__wash,
.hero-v3__mesh { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.hero-v3__wash {
  background:
    radial-gradient(circle at 76% 48%, rgba(201,255,61,.09), transparent 31%),
    linear-gradient(90deg, rgba(2,7,5,.96) 0%, rgba(2,7,5,.79) 32%, rgba(2,7,5,.2) 65%, rgba(2,7,5,.72) 100%),
    linear-gradient(0deg, rgba(2,7,5,.92), transparent 42%, rgba(2,7,5,.22));
}
.hero-v3__mesh {
  opacity: .28;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
  background-size: clamp(58px, 7.5vw, 130px) clamp(58px, 7.5vw, 130px);
  mask-image: linear-gradient(90deg,#000 0%,rgba(0,0,0,.9) 44%,transparent 83%);
}
.hero-v3__status {
  position: absolute;
  z-index: 4;
  top: 108px;
  left: var(--gutter);
  right: var(--gutter);
  display: flex;
  justify-content: space-between;
  color: rgba(255,255,255,.56);
  font-size: 10px;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.hero-v3__status span:first-child { display: flex; align-items: center; gap: 8px; }
.hero-v3__status i { width: 6px; height: 6px; border-radius: 50%; background: var(--home-lime); box-shadow: 0 0 0 5px rgba(201,255,61,.1); }
.hero-v3__copy { width: min(970px, 72vw); }
.hero-v3__copy h1,
.hero-v3__copy h2 { font-size: clamp(62px, 8.7vw, 160px); max-width: 1100px; }
.hero-v3__copy > p:not(.eyebrow) { max-width: 650px; }
.hero-v3__corner-card {
  position: absolute;
  z-index: 4;
  right: var(--gutter);
  top: 50%;
  width: 206px;
  padding: 20px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 20px;
  background: rgba(4,12,8,.35);
  backdrop-filter: blur(14px);
  transform: translateY(-50%);
}
.hero-v3__corner-card span,
.hero-v3__corner-card small { display: block; color: rgba(255,255,255,.56); font-size: 9px; line-height: 1.45; letter-spacing: .12em; text-transform: uppercase; }
.hero-v3__corner-card strong { display: block; margin: 16px 0 11px; font: 400 67px/.8 Georgia,serif; letter-spacing: -.06em; color: var(--home-lime); }

/* Opening statement */
.intro-statement { position: relative; background: var(--home-paper); color: var(--home-ink); padding-bottom: clamp(100px, 12vw, 190px); }
.intro-statement__top {
  min-height: 86px;
  padding: 0 var(--gutter);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  border-bottom: 1px solid rgba(6,17,13,.12);
  color: #53625a;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.intro-statement__top span { display: flex; align-items: center; gap: 13px; white-space: nowrap; }
.intro-statement__top span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #88a323; }
.intro-statement__grid { padding: clamp(90px, 11vw, 170px) var(--gutter) 0; }
.intro-statement__grid > .section-kicker { margin-bottom: clamp(30px, 4vw, 60px); }
.word-reveal {
  margin: 0;
  max-width: 1350px;
  font: 400 clamp(46px, 6.6vw, 110px)/.98 Georgia,serif;
  letter-spacing: -.057em;
}
.word-reveal .word { opacity: .16; transition: opacity .18s linear; }
.word-reveal .word.is-lit { opacity: 1; }
.intro-statement__foot {
  display: grid;
  grid-template-columns: minmax(260px, 560px) auto;
  justify-content: space-between;
  gap: 60px;
  align-items: end;
  margin-top: clamp(50px, 7vw, 100px);
  padding-top: 30px;
  border-top: 1px solid rgba(6,17,13,.14);
}
.intro-statement__foot p { margin: 0; color: #5b6861; font-size: clamp(16px, 1.4vw, 20px); line-height: 1.75; }
.dark-link { color: var(--home-ink); }

/* Sticky system presentation */
.systems-showcase { position: relative; height: 560vh; background: #07120e; }
.systems-showcase__sticky { position: sticky; top: 0; height: 100svh; display: grid; grid-template-columns: 53% 47%; overflow: hidden; }
.systems-showcase__media { position: relative; min-width: 0; overflow: hidden; }
.systems-showcase__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,transparent 55%,rgba(7,18,14,.82)); pointer-events: none; }
.system-image { position: absolute; inset: 0; margin: 0; opacity: 0; visibility: hidden; transform: scale(1.07); transition: opacity .7s var(--ease), visibility .7s, transform 1.2s var(--ease); }
.system-image.active { opacity: 1; visibility: visible; transform: scale(1); }
.system-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.84) contrast(1.02); }
.system-image > span { position: absolute; z-index: 2; left: clamp(22px,4vw,70px); bottom: 34px; color: rgba(255,255,255,.72); font: 400 clamp(55px,7vw,112px)/1 Georgia,serif; }
.systems-showcase__media-label { position: absolute; z-index: 3; left: clamp(22px,4vw,70px); top: 105px; display: flex; align-items: center; gap: 18px; color: #fff; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.systems-showcase__media-label i { width: 46px; height: 1px; background: var(--home-lime); }
.systems-showcase__content { position: relative; min-width: 0; padding: clamp(100px, 11vh, 130px) clamp(28px,5vw,90px) 38px clamp(20px,3.6vw,65px); display: flex; flex-direction: column; justify-content: space-between; }
.systems-showcase__content::before { content: ""; position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px); background-size: 90px 90px; mask-image: linear-gradient(#000,transparent); pointer-events: none; }
.systems-showcase__heading { position: relative; }
.systems-showcase__heading h2 { margin: 0; font: 400 clamp(46px, 5.4vw, 92px)/.91 Georgia,serif; letter-spacing: -.055em; }
.systems-showcase__heading h2 em { color: var(--home-lime); font-style: italic; }
.system-list { position: relative; margin-top: 40px; border-top: 1px solid rgba(255,255,255,.13); }
.system-row { position: relative; padding: 0; border-bottom: 1px solid rgba(255,255,255,.13); opacity: .46; transition: opacity .35s; }
.system-row.active { opacity: 1; }
.system-row button { width: 100%; display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 14px; padding: 18px 0; border: 0; background: transparent; text-align: left; cursor: pointer; }
.system-row button span { color: var(--home-lime); font-size: 10px; letter-spacing: .11em; }
.system-row button strong { font: 400 clamp(21px,2vw,30px)/1 Georgia,serif; }
.system-row button i { color: #829087; font-style: normal; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.system-row p,
.system-row > a { max-height: 0; margin: 0; opacity: 0; overflow: hidden; transition: max-height .45s var(--ease), opacity .35s, margin .45s; }
.system-row p { color: #9eaaa4; font-size: 13px; line-height: 1.65; }
.system-row > a { display: inline-block; color: var(--home-lime); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.system-row.active p { max-height: 90px; margin: -3px 0 12px 56px; opacity: 1; }
.system-row.active > a { max-height: 25px; margin: 0 0 17px 56px; opacity: 1; }

/* Impact */
.impact-section { position: relative; padding: clamp(100px,12vw,190px) var(--gutter); background: #0d2118; overflow: hidden; }
.impact-section__orb { position: absolute; width: 56vw; height: 56vw; min-width: 680px; min-height: 680px; right: -22vw; top: -20vw; border-radius: 50%; border: 1px solid rgba(201,255,61,.15); box-shadow: inset 0 0 140px rgba(201,255,61,.04); }
.impact-section__orb::before,
.impact-section__orb::after { content: ""; position: absolute; inset: 12%; border-radius: inherit; border: 1px solid rgba(201,255,61,.1); }
.impact-section__orb::after { inset: 27%; }
.impact-section__grid { position: relative; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(280px,.65fr); gap: 50px 100px; }
.impact-section__headline h2 { margin: 0; max-width: 940px; font: 400 clamp(50px,6.4vw,108px)/.92 Georgia,serif; letter-spacing: -.058em; }
.impact-section__headline h2 em { color: var(--home-lime); font-style: italic; }
.impact-section__copy { align-self: end; }
.impact-section__copy p { margin: 0; color: #a5b1ab; line-height: 1.8; }
.impact-stats { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,1fr); margin-top: 50px; border-top: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); }
.impact-stats article { min-height: 220px; padding: 34px 24px; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid rgba(255,255,255,.14); }
.impact-stats article:last-child { border-right: 0; }
.impact-stats strong { font: 400 clamp(54px,6vw,96px)/1 Georgia,serif; letter-spacing: -.06em; color: var(--home-lime); }
.impact-stats span { color: #8c9a92; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }

/* Featured project stories */
.featured-work { background: var(--home-paper); color: var(--home-ink); padding: clamp(100px,12vw,180px) 0; }
.featured-work__head { padding: 0 var(--gutter); display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,.36fr); gap: 50px; align-items: end; }
.featured-work__head h2 { margin: 0; font: 400 clamp(52px,6.8vw,112px)/.92 Georgia,serif; letter-spacing: -.06em; }
.featured-work__head h2 em { color: #718d19; font-style: italic; }
.featured-work__head > p { margin: 0 0 8px; color: #66736c; line-height: 1.75; }
.featured-work__layout { width: min(1680px,100%); margin: clamp(70px,8vw,120px) auto 0; padding: 0 var(--gutter); display: grid; grid-template-columns: minmax(0,1.18fr) minmax(330px,.6fr); gap: clamp(45px,7vw,120px); }
.featured-work__visual { min-width: 0; }
.featured-work__visual-sticky { position: sticky; top: 100px; height: calc(100svh - 130px); min-height: 570px; border-radius: 34px; overflow: hidden; background: #cad0c7; }
.work-image { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; opacity: 0; visibility: hidden; transform: scale(1.045); transition: opacity .7s var(--ease), visibility .7s, transform 1.1s var(--ease); cursor: zoom-in; }
.work-image.active { opacity: 1; visibility: visible; transform: scale(1); }
.work-image img { width: 100%; height: 100%; object-fit: cover; }
.work-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(3,9,6,.72),transparent 42%); }
.work-image > span { position: absolute; z-index: 2; left: 28px; bottom: 28px; padding: 11px 14px; border-radius: 999px; background: rgba(3,10,6,.65); color: #fff; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(10px); }
.featured-work__meter { position: absolute; z-index: 3; right: 26px; bottom: 28px; display: grid; grid-template-columns: auto 100px auto; align-items: center; gap: 10px; color: rgba(255,255,255,.7); font-size: 9px; letter-spacing: .12em; }
.featured-work__meter i { height: 1px; background: rgba(255,255,255,.3); }
.featured-work__meter b { display: block; height: 100%; width: 25%; background: var(--home-lime); transition: width .45s var(--ease); }
.featured-work__stories { padding-bottom: 10vh; }
.work-story { min-height: 88svh; display: flex; flex-direction: column; justify-content: center; padding: 70px 0; opacity: .34; transition: opacity .45s; }
.work-story.active { opacity: 1; }
.work-story > span { color: #728078; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.work-story h3 { margin: 20px 0 24px; font: 400 clamp(44px,5vw,82px)/.94 Georgia,serif; letter-spacing: -.055em; }
.work-story p { max-width: 560px; margin: 0 0 28px; color: #5e6c64; font-size: clamp(16px,1.35vw,20px); line-height: 1.75; }
.work-story a { color: var(--home-ink); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }

/* Delivery */
.delivery-section { background: #dfe5dc; color: var(--home-ink); padding: clamp(100px,12vw,180px) var(--gutter); }
.delivery-section__grid { display: grid; grid-template-columns: minmax(300px,.74fr) minmax(0,1.2fr); gap: clamp(60px,10vw,160px); }
.delivery-section__intro { position: sticky; top: 120px; align-self: start; }
.delivery-section__intro h2 { margin: 0 0 30px; font: 400 clamp(52px,6.3vw,98px)/.92 Georgia,serif; letter-spacing: -.058em; }
.delivery-section__intro > p:not(.section-kicker) { margin: 0 0 36px; max-width: 500px; color: #5e6b64; line-height: 1.75; }
.delivery-steps { counter-reset: delivery; border-top: 1px solid rgba(6,17,13,.15); }
.delivery-steps article { min-height: 250px; display: grid; grid-template-columns: 90px 1fr; gap: 28px; align-items: center; border-bottom: 1px solid rgba(6,17,13,.15); }
.delivery-steps article > span { align-self: start; padding-top: 42px; color: #75831d; font: italic 400 25px Georgia,serif; }
.delivery-steps h3 { margin: 0 0 15px; font: 400 clamp(42px,5vw,72px)/1 Georgia,serif; letter-spacing: -.05em; }
.delivery-steps p { margin: 0; max-width: 650px; color: #5d6b63; line-height: 1.7; }

/* Testimonials */
.proof-section { padding: clamp(100px,12vw,180px) var(--gutter); background: #07120e; }
.proof-section__grid { display: grid; grid-template-columns: minmax(280px,.58fr) minmax(0,1.1fr); gap: clamp(50px,8vw,130px); align-items: stretch; }
.proof-section__side { display: flex; flex-direction: column; justify-content: space-between; }
.proof-section__side h2 { margin: 0; font: 400 clamp(48px,5.8vw,92px)/.93 Georgia,serif; letter-spacing: -.055em; }
.proof-section__side h2 em { color: var(--home-lime); font-style: italic; }
.proof-section .testimonial-controls { margin-top: 70px; }
.proof-section__stage { position: relative; min-height: 650px; border: 1px solid rgba(255,255,255,.13); border-radius: 34px; background: linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015)); overflow: hidden; }
.proof-section__stage::before { content: "“"; position: absolute; right: 38px; top: 15px; color: rgba(201,255,61,.12); font: 400 220px/1 Georgia,serif; }
.proof-section__stage .testimonial { inset: 0; padding: clamp(34px,5vw,78px); background: transparent; }
.proof-section__stage .testimonial blockquote { max-width: 900px; font-size: clamp(36px,4.4vw,72px); }
.proof-section__stage .testimonial figcaption { left: clamp(34px,5vw,78px); bottom: clamp(34px,5vw,70px); }

/* Final CTA */
.home-contact-cta { position: relative; min-height: 95svh; display: grid; align-items: center; overflow: hidden; }
.home-contact-cta__image,
.home-contact-cta__shade { position: absolute; inset: 0; }
.home-contact-cta__image img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); }
.home-contact-cta__shade { background: linear-gradient(90deg,rgba(2,7,5,.92),rgba(2,7,5,.62) 52%,rgba(2,7,5,.28)),linear-gradient(0deg,rgba(2,7,5,.75),transparent); }
.home-contact-cta__content { position: relative; padding: 150px var(--gutter) 110px; }
.home-contact-cta h2 { margin: 0; max-width: 1180px; font: 400 clamp(56px,7.7vw,132px)/.9 Georgia,serif; letter-spacing: -.061em; }
.home-contact-cta h2 em { color: var(--home-lime); font-style: italic; }
.home-contact-cta__content > p:not(.section-kicker) { max-width: 620px; color: #b4bfb9; font-size: 18px; line-height: 1.7; }

/* Responsive */
@media (max-width: 1180px) {
  .hero-v3__corner-card { display: none; }
  .hero-v3__copy { width: min(900px, 82vw); }
  .systems-showcase__sticky { grid-template-columns: 48% 52%; }
  .systems-showcase__content { padding-inline: 35px; }
  .system-row button { grid-template-columns: 34px 1fr; }
  .system-row button i { display: none; }
  .impact-section__grid { grid-template-columns: 1fr; }
  .impact-section__copy { max-width: 650px; }
}

@media (max-width: 900px) {
  .hero-v3 { height: 420vh; }
  .hero-v3__status span:last-child { display: none; }
  .intro-statement__top { overflow-x: auto; justify-content: flex-start; }
  .intro-statement__foot { grid-template-columns: 1fr; gap: 28px; }

  .systems-showcase { height: auto; padding: 90px var(--gutter); }
  .systems-showcase__sticky { position: relative; height: auto; grid-template-columns: 1fr; gap: 34px; overflow: visible; }
  .systems-showcase__media { height: 64svh; min-height: 520px; border-radius: 28px; order: 2; }
  .systems-showcase__content { padding: 0; order: 1; }
  .systems-showcase__heading { margin-bottom: 45px; }
  .system-list { margin-top: 0; }
  .system-row p,
  .system-row > a { max-height: none; opacity: 1; }
  .system-row p { display: none; }
  .system-row > a { display: none; }
  .system-row.active p { display: block; margin: -3px 0 12px 48px; }
  .system-row.active > a { display: inline-block; margin: 0 0 17px 48px; }
  .systems-showcase__media-label { top: 30px; }

  .impact-stats { grid-template-columns: repeat(2,1fr); }
  .impact-stats article:nth-child(2) { border-right: 0; }
  .impact-stats article:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.14); }

  .featured-work__head { grid-template-columns: 1fr; }
  .featured-work__layout { grid-template-columns: 1fr; }
  .featured-work__visual-sticky { position: relative; top: auto; height: 70svh; min-height: 520px; }
  .featured-work__stories { display: grid; grid-template-columns: repeat(4, minmax(78vw,1fr)); gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 0 12px; }
  .work-story { min-height: 420px; padding: 35px; border-radius: 24px; background: #e4e7df; scroll-snap-align: start; opacity: 1; }
  .work-story h3 { font-size: clamp(40px,8vw,60px); }

  .delivery-section__grid,
  .proof-section__grid { grid-template-columns: 1fr; }
  .delivery-section__intro { position: relative; top: auto; }
  .proof-section__side { gap: 30px; }
  .proof-section .testimonial-controls { margin-top: 10px; }
}

@media (max-width: 760px) {
  .hero-v3 { height: 350vh; }
  .hero-v3__status { top: 80px; }
  .hero-v3__copy { width: auto; }
  .hero-v3__copy h1,
  .hero-v3__copy h2 { font-size: clamp(52px,15.6vw,82px); line-height: .88; }
  .hero-v3 .hero-actions { display: grid; grid-template-columns: 1fr; max-width: 290px; }
  .hero-v3 .button { width: 100%; }
  .hero-v3__wash { background: linear-gradient(0deg,rgba(2,7,5,.96) 0%,rgba(2,7,5,.54) 58%,rgba(2,7,5,.24) 100%); }
  .hero-v3__mesh { mask-image: linear-gradient(0deg,#000,transparent); }

  .intro-statement__top { min-height: 70px; }
  .word-reveal { font-size: clamp(43px,13.2vw,67px); }
  .intro-statement__grid { padding-inline: 18px; }

  .systems-showcase { padding: 80px 18px; }
  .systems-showcase__media { height: 62svh; min-height: 470px; border-radius: 21px; }
  .systems-showcase__heading h2 { font-size: clamp(46px,13vw,68px); }
  .system-row button { padding-block: 17px; }
  .system-row button strong { font-size: 23px; }
  .system-row.active p { margin-left: 48px; }

  .impact-section { padding-inline: 18px; }
  .impact-section__headline h2 { font-size: clamp(48px,13vw,70px); }
  .impact-stats { margin-top: 25px; }
  .impact-stats article { min-height: 170px; padding: 24px 15px; }
  .impact-stats strong { font-size: clamp(45px,13vw,67px); }

  .featured-work__head,
  .featured-work__layout { padding-inline: 18px; }
  .featured-work__head h2 { font-size: clamp(48px,13vw,72px); }
  .featured-work__visual-sticky { height: 64svh; min-height: 470px; border-radius: 21px; }
  .featured-work__meter { left: 20px; right: 20px; bottom: 22px; grid-template-columns: auto 1fr auto; }
  .work-image > span { left: 20px; bottom: 58px; }
  .featured-work__stories { grid-template-columns: repeat(4, minmax(86vw,1fr)); }
  .work-story { min-height: 390px; padding: 28px; }
  .work-story h3 { font-size: 43px; }

  .delivery-section { padding-inline: 18px; }
  .delivery-section__intro h2 { font-size: clamp(48px,13vw,70px); }
  .delivery-steps article { min-height: 220px; grid-template-columns: 52px 1fr; gap: 10px; }
  .delivery-steps article > span { padding-top: 38px; font-size: 19px; }
  .delivery-steps h3 { font-size: 45px; }

  .proof-section { padding-inline: 18px; }
  .proof-section__side h2 { font-size: clamp(48px,13vw,70px); }
  .proof-section__stage { min-height: 590px; border-radius: 22px; }
  .proof-section__stage .testimonial { padding: 28px; }
  .proof-section__stage .testimonial blockquote { font-size: 34px; }
  .proof-section__stage .testimonial figcaption { left: 28px; bottom: 28px; }

  .home-contact-cta { min-height: 86svh; }
  .home-contact-cta__content { padding: 120px 18px 80px; }
  .home-contact-cta h2 { font-size: clamp(52px,14.3vw,78px); }
  .home-contact-cta .hero-actions { display: grid; grid-template-columns: 1fr; max-width: 290px; }
}

@media (max-width: 420px) {
  .hero-v3__copy h1,
  .hero-v3__copy h2 { font-size: 49px; }
  .word-reveal { font-size: 42px; }
  .impact-stats article { min-height: 155px; }
  .impact-stats strong { font-size: 45px; }
  .system-row button strong { font-size: 21px; }
  .proof-section__stage .testimonial blockquote { font-size: 31px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-v3 { height: 100svh; }
  .word-reveal .word { opacity: 1; }
  .systems-showcase { height: auto; padding: 90px var(--gutter); }
  .systems-showcase__sticky { position: relative; height: auto; }
  .system-image,
  .work-image { transition: none; }
}

/* Keep the sticky systems UI fully usable on shorter laptops. */
@media (min-width: 901px) and (max-height: 850px) {
  .systems-showcase__content { padding-top: 76px; padding-bottom: 16px; }
  .systems-showcase__heading h2 { font-size: clamp(44px, 4.5vw, 68px); }
  .systems-showcase__heading .section-kicker { margin-bottom: 12px; }
  .system-list { margin-top: 20px; }
  .system-row button { padding-block: 10px; }
  .system-row button strong { font-size: clamp(20px,1.75vw,26px); }
  .system-row p { font-size: 12px; line-height: 1.45; }
  .system-row.active p { margin-top: 0; margin-bottom: 7px; }
  .system-row.active > a { margin-bottom: 9px; }
  .systems-showcase__media-label { top: 82px; }
}


/* Mobile-specific homepage tuning, including the scroll-frame hero */
@media (max-width: 760px) {
  .hero-v3 { height: 300vh; }
  .hero-v3__status {
    top: max(78px, calc(env(safe-area-inset-top) + 66px));
    left: max(18px, env(safe-area-inset-left));
    right: max(18px, env(safe-area-inset-right));
  }
  .hero-v3__copy {
    left: max(18px, env(safe-area-inset-left));
    right: max(18px, env(safe-area-inset-right));
    bottom: calc(86px + env(safe-area-inset-bottom));
  }
  .hero-v3__copy h1,
  .hero-v3__copy h2 {
    font-size: clamp(46px, 13.5vw, 68px);
    line-height: .9;
  }
  .hero-v3__copy > p:not(.eyebrow) { max-width: 34rem; }
  .hero-v3 .hero-actions { max-width: 320px; }
  .hero-rail {
    left: max(18px, env(safe-area-inset-left));
    right: max(18px, env(safe-area-inset-right));
    bottom: calc(22px + env(safe-area-inset-bottom));
  }

  .systems-showcase__media {
    height: clamp(360px, 58svh, 500px);
    min-height: 0;
  }
  .featured-work__visual-sticky {
    height: clamp(400px, 60svh, 540px);
    min-height: 0;
  }
  .work-story { min-height: 360px; }
  .delivery-steps article { min-height: 190px; }
  .delivery-steps h3 { font-size: clamp(34px, 10vw, 45px); }
  .proof-section__stage { min-height: clamp(500px, 72svh, 590px); }
  .home-contact-cta { min-height: auto; }
}

@media (max-width: 420px) {
  .hero-v3 { height: 285vh; }
  .hero-v3__copy h1,
  .hero-v3__copy h2 { font-size: clamp(42px, 13vw, 54px); }
  .hero-v3 .hero-actions { max-width: 280px; }
  .word-reveal { font-size: clamp(38px, 11.5vw, 48px); }
  .systems-showcase__media { height: clamp(340px, 54svh, 450px); }
  .featured-work__visual-sticky { height: clamp(380px, 58svh, 500px); }
  .proof-section__stage .testimonial blockquote { font-size: 29px; }
}