.subpage-shell { width: var(--shell); max-width: 1380px; margin: 0 auto; }
.secondary-page { min-height: 100vh; }
.subpage-header { position: absolute; }
.site-nav a[aria-current="page"] { color: var(--lime); }
.site-nav .nav-item.is-current > .nav-link { color: var(--lime); }
.subpage-hero { position: relative; display: flex; min-height: min(850px, 92svh); align-items: center; overflow: hidden; padding: 150px 0 112px; isolation: isolate; background: #0b0d0e; }
.subpage-cover-image { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 50%; }
.subpage-hero-shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(7,9,11,.94), rgba(7,9,11,.76) 35%, rgba(7,9,11,.2) 76%), linear-gradient(0deg, rgba(7,9,11,.85), transparent 55%, rgba(7,9,11,.2)); }
.subpage-hero-content { position: relative; z-index: 2; padding-top: 58px; }
.subpage-kicker { display: flex; align-items: center; gap: 11px; margin: 0 0 27px; color: #d3d8d3; font: 10px var(--mono); letter-spacing: .1em; }
.subpage-kicker > span { width: 29px; height: 1px; background: var(--lime); }
.subpage-hero h1 { margin: 0; font-size: clamp(72px, 11vw, 148px); font-weight: 500; letter-spacing: -.09em; line-height: 1; }
.subpage-subtitle { margin: 23px 0 15px; color: var(--lime); font-size: clamp(19px, 2.5vw, 29px); letter-spacing: -.035em; }
.subpage-description { max-width: 600px; margin: 0; color: #b7bfba; font-size: 13px; line-height: 2.05; }
.subpage-scroll { display: inline-flex; align-items: center; gap: 16px; margin-top: 31px; padding: 8px 0; color: #eceeea; font-size: 11px; }
.subpage-scroll b { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 50%; background: var(--lime); color: var(--bg); font-size: 15px; font-weight: 400; transition: transform .2s; }
.subpage-scroll:hover b { transform: translateY(4px); }
.subpage-hero-index { position: absolute; right: max(56px, calc((100vw - 1380px) / 2)); bottom: 34px; color: rgba(232,236,231,.64); font: 9px var(--mono); letter-spacing: .1em; }
.subpage-hero-index span { color: var(--lime); }
.subpage-meta { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.subpage-meta > div { display: grid; gap: 12px; padding: 22px 22px 23px 0; }
.subpage-meta > div + div { padding-left: 24px; border-left: 1px solid var(--line); }
.subpage-meta span { color: var(--muted); font: 9px var(--mono); letter-spacing: .05em; }
.subpage-meta strong { color: #e4e7e2; font-size: 12px; font-weight: 400; }
.case-overview { display: grid; grid-template-columns: .65fr 1.35fr; gap: 40px 70px; padding-top: 118px; }
.case-overview .section-kicker { align-self: start; }
.case-overview-copy h2, .about-statement h2, .placeholder-note h2, .contact-placeholder h2 { margin: -7px 0 18px; font-size: clamp(34px, 4.8vw, 62px); font-weight: 500; letter-spacing: -.07em; line-height: 1.2; }
.case-overview-copy p, .about-statement p, .placeholder-note p, .contact-placeholder p { max-width: 660px; margin: 0; color: #989f9b; font-size: 12px; line-height: 2.1; }
.case-overview > .subpage-meta { grid-column: 2; margin-top: 9px; }
.case-gallery-section { padding-top: 123px; padding-bottom: 124px; }
.case-gallery-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin: 37px 0 30px; }
.case-gallery-heading h2 { margin: 0; font-size: clamp(35px, 5vw, 66px); font-weight: 500; letter-spacing: -.075em; }
.case-gallery-heading h2 span { color: #7c8580; }
.case-gallery-heading p { margin: 0 0 3px; color: var(--lime); font: 9px/1.8 var(--mono); text-align: right; }
.case-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 22px; }
.case-gallery-item { min-width: 0; margin: 0; }
.case-gallery-item.is-wide { grid-column: span 2; }
.case-gallery-item img { display: block; width: 100%; aspect-ratio: 1.48; object-fit: cover; background: #171b1d; transition: filter .3s ease; }
.case-gallery-item.is-wide img { aspect-ratio: 2.12; }
.case-gallery-item:hover img { filter: saturate(1.08); }
.case-gallery-item figcaption { display: flex; justify-content: space-between; gap: 20px; padding-top: 12px; color: #a4aaa6; font-size: 10px; }
.case-gallery-item figcaption span:last-child { flex: none; color: var(--lime); font: 9px var(--mono); }
body[data-parent="nas"][data-suboption="01"] .case-gallery-item img,
body[data-parent="nas"][data-suboption="01"] .case-gallery-item.is-wide img { aspect-ratio: 2 / 1; object-fit: contain; background: #090b0d; }
.subpage-footer { display: flex; align-items: center; justify-content: space-between; min-height: 86px; border-top: 1px solid var(--line); color: #929a95; font-size: 10px; }
.subpage-footer > a:nth-child(2) { color: #e3e7e2; }
.subpage-footer > a:nth-child(2):hover { color: var(--lime); }
.subpage-footer > span { font: 9px var(--mono); letter-spacing: .05em; }

.is-placeholder .subpage-hero-shade { background: radial-gradient(ellipse at 76% 48%, rgba(98,139,126,.18), transparent 38%), linear-gradient(90deg, #0b0d0e 15%, rgba(11,13,14,.92) 45%, rgba(11,13,14,.72)); }
.vacuum-placeholder-art { position: absolute; z-index: 0; top: 17%; right: 5vw; width: min(45vw, 680px); height: 70%; opacity: .68; }
.vacuum-orbit { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(215,255,74,.23); border-radius: 50%; transform: translate(-50%,-50%); }
.orbit-one { width: 91%; aspect-ratio: 1; }
.orbit-two { width: 68%; aspect-ratio: 1; border-color: rgba(235,240,231,.16); }
.vacuum-disc { position: absolute; top: 50%; left: 50%; display: block; width: 42%; aspect-ratio: 1; border: 1px solid rgba(232,240,234,.5); border-radius: 50%; background: radial-gradient(circle at 40% 33%, #313a36, #111615 58%, #090b0b 72%); box-shadow: 0 0 80px rgba(156,210,183,.1), inset 0 0 30px rgba(255,255,255,.05); transform: translate(-50%,-50%); }
.vacuum-disc::before { position: absolute; top: 13%; left: 50%; width: 30%; height: 3%; border-radius: 99px; background: var(--lime); content: ""; transform: translateX(-50%); opacity: .68; }
.vacuum-disc i { position: absolute; bottom: 23%; left: 21%; width: 9%; height: 4%; border-radius: 50%; background: #616c66; }
.vacuum-disc i:nth-child(2) { left: auto; right: 21%; }
.vacuum-disc i:nth-child(3) { bottom: 11%; left: 46%; width: 8%; height: 2%; background: var(--lime); opacity: .7; }
.vacuum-tag { position: absolute; top: 15%; right: 0; color: rgba(215,255,74,.78); font: 9px var(--mono); letter-spacing: .12em; }
.placeholder-note, .contact-placeholder { display: grid; grid-template-columns: .65fr 1.35fr; gap: 40px 70px; padding-top: 92px; padding-bottom: 125px; }
.suboption-placeholder { display: grid; grid-template-columns: .65fr 1.35fr; gap: 40px 70px; padding-top: 92px; padding-bottom: 125px; }
.suboption-placeholder-copy h2 { margin: -7px 0 18px; font-size: clamp(34px, 4.8vw, 62px); font-weight: 500; letter-spacing: -.07em; line-height: 1.2; }
.suboption-placeholder-copy > p { max-width: 660px; margin: 0; color: #989f9b; font-size: 12px; line-height: 2.1; }
.suboption-placeholder .subpage-meta { margin-top: 36px; }
.placeholder-note h2 { margin-top: -7px; }
.placeholder-slots, .contact-slots { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 23px; }
.placeholder-slots span, .contact-slots span { padding: 10px 13px; border: 1px solid var(--line); color: #bbc1bc; font: 9px var(--mono); letter-spacing: .04em; }
.placeholder-note + .subpage-footer { margin-top: 0; }

.identity-art { position: absolute; top: 18%; right: 10vw; display: grid; width: min(35vw, 460px); aspect-ratio: 1; place-items: center; border: 1px solid rgba(215,255,74,.2); border-radius: 50%; background: radial-gradient(circle, rgba(215,255,74,.1), transparent 68%); }
.identity-art::before, .identity-art::after { position: absolute; inset: 9%; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; content: ""; }
.identity-art::after { inset: 20%; border-color: rgba(215,255,74,.15); }
.identity-art span { color: var(--lime); font: 180px/1 var(--mono); letter-spacing: -.12em; }
.identity-art i, .identity-art b { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 18px var(--lime); }
.identity-art i { top: 17%; right: 23%; }
.identity-art b { bottom: 19%; left: 19%; width: 5px; height: 5px; background: white; box-shadow: 0 0 15px white; }
.about-meta-wrap { margin-top: 0; }
.about-statement { display: grid; grid-template-columns: .65fr 1.35fr; gap: 40px 70px; padding-top: 92px; }
.about-statement h2 { margin-top: -7px; }
.specialties-section { padding-top: 100px; padding-bottom: 125px; }
.specialties-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 32px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.specialties-grid article { position: relative; min-height: 195px; padding: 24px 22px 20px 0; }
.specialties-grid article + article { padding-left: 24px; border-left: 1px solid var(--line); }
.specialties-grid article > span { color: var(--lime); font: 9px var(--mono); letter-spacing: .08em; }
.specialties-grid h3 { margin: 32px 0 10px; font-size: 19px; font-weight: 500; }
.specialties-grid p { max-width: 260px; margin: 0; color: #929a95; font-size: 11px; line-height: 1.9; }
.contact-placeholder { padding-top: 100px; padding-bottom: 145px; }
.contact-placeholder h2 { font-size: clamp(48px, 7vw, 90px); }
.contact-placeholder h2 span { color: #77817a; }
.contact-placeholder .subpage-meta { grid-column: 2; margin-top: 10px; }

@media (max-width: 960px) {
  .subpage-hero { min-height: 780px; }
  .case-overview, .placeholder-note, .suboption-placeholder, .about-statement, .contact-placeholder { grid-template-columns: 1fr 2fr; gap: 32px; }
  .case-overview > .subpage-meta, .contact-placeholder .subpage-meta { grid-column: 2; }
}

@media (max-width: 640px) {
  .subpage-hero { min-height: 100svh; padding: 120px 0 96px; }
  .subpage-cover-image { object-position: 58% center; }
  .subpage-hero-shade { background: linear-gradient(90deg, rgba(7,9,11,.9), rgba(7,9,11,.45)), linear-gradient(0deg, rgba(7,9,11,.9), transparent 60%); }
  .subpage-hero-content { padding-top: 46px; }
  .subpage-kicker { gap: 8px; font-size: 8px; }
  .subpage-kicker > span { width: 19px; }
  .subpage-hero h1 { font-size: clamp(66px, 19vw, 100px); }
  .subpage-subtitle { max-width: 330px; margin: 18px 0 13px; font-size: 19px; }
  .subpage-description { max-width: 390px; font-size: 11px; line-height: 1.9; }
  .subpage-scroll { margin-top: 25px; }
  .subpage-hero-index { right: 20px; bottom: 23px; font-size: 7px; }
  .case-overview, .placeholder-note, .suboption-placeholder, .about-statement, .contact-placeholder { display: block; padding-top: 75px; padding-bottom: 85px; }
  .case-overview-copy, .placeholder-note > div:nth-child(2), .suboption-placeholder-copy, .about-statement > div:nth-child(2), .contact-placeholder > div:nth-child(2) { margin-top: 28px; }
  .case-overview-copy h2, .about-statement h2, .placeholder-note h2, .suboption-placeholder-copy h2, .contact-placeholder h2 { font-size: 37px; }
  .case-overview > .subpage-meta, .contact-placeholder .subpage-meta { margin-top: 27px; }
  .suboption-placeholder .subpage-meta { margin-top: 27px; }
  .subpage-meta { grid-template-columns: 1fr; }
  .subpage-meta > div, .subpage-meta > div + div { grid-template-columns: .7fr 1.3fr; align-items: center; gap: 10px; padding: 15px 0; border-left: 0; }
  .subpage-meta > div + div { border-top: 1px solid var(--line); }
  .case-gallery-section { padding-top: 77px; padding-bottom: 88px; }
  .case-gallery-heading { align-items: end; margin: 27px 0 22px; }
  .case-gallery-heading h2 { max-width: 270px; font-size: 39px; }
  .case-gallery-heading p { font-size: 7px; }
  .case-gallery { display: block; }
  .case-gallery-item, .case-gallery-item.is-wide { margin-bottom: 27px; }
  .case-gallery-item img, .case-gallery-item.is-wide img { aspect-ratio: 1.26; }
  .case-gallery-item figcaption { font-size: 9px; }
  .subpage-footer { min-height: 76px; gap: 12px; font-size: 9px; }
  .subpage-footer > span { font-size: 7px; }
  .vacuum-placeholder-art { top: 17%; right: -9%; width: 86vw; height: 58%; opacity: .44; }
  .vacuum-tag { right: 10%; font-size: 7px; }
  .is-placeholder .subpage-hero-shade { background: linear-gradient(90deg, rgba(7,9,11,.86), rgba(7,9,11,.5)), linear-gradient(0deg, rgba(7,9,11,.85), transparent 55%); }
  .placeholder-slots, .contact-slots { gap: 7px; }
  .placeholder-slots span, .contact-slots span { padding: 8px 9px; font-size: 8px; }
  .identity-art { top: 22%; right: -4%; width: 68vw; opacity: .55; }
  .identity-art span { font-size: 130px; }
  .about-meta-wrap { margin-top: 0; }
  .specialties-section { padding-top: 70px; padding-bottom: 85px; }
  .specialties-grid { display: block; margin-top: 26px; }
  .specialties-grid article, .specialties-grid article + article { min-height: 155px; padding: 19px 0; border-left: 0; }
  .specialties-grid article + article { border-top: 1px solid var(--line); }
  .specialties-grid h3 { margin: 23px 0 8px; }
}

body[data-page] {
  color-scheme: light;
  --bg: #fff;
  --panel: #f5f6f3;
  --panel-soft: #edf0eb;
  --text: #181c19;
  --muted: #69716b;
  --muted-2: #858d87;
  --line: rgba(20, 25, 22, .14);
  --lime: #61781d;
  background: #fff;
  color: var(--text);
}

body[data-page] .site-header {
  --bg: #0b0d0e;
  --text: #f1f1ed;
  --muted: #8e9291;
  --muted-2: #626867;
  --line: rgba(241, 241, 237, .14);
  --lime: #d7ff4a;
  color: var(--text);
}

body[data-page] .subpage-hero {
  --bg: #fff;
  --text: #181c19;
  --muted: #69716b;
  --muted-2: #858d87;
  --line: rgba(20, 25, 22, .14);
  --lime: #61781d;
  background: #fff;
  color: var(--text);
}

body[data-page] .subpage-hero-shade {
  background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.98) 27%, rgba(255,255,255,.86) 44%, rgba(255,255,255,.36) 72%, rgba(255,255,255,.08)), linear-gradient(0deg, rgba(255,255,255,.24), transparent 55%);
}

body[data-page] .subpage-kicker { color: #606862; }
body[data-page] .subpage-description { color: #606862; }
body[data-page] .subpage-scroll { color: #323933; }
body[data-page] .subpage-hero-index { color: rgba(30, 35, 31, .6); }
body[data-page] .identity-art { border-color: rgba(97,120,29,.22); background: radial-gradient(circle, rgba(97,120,29,.08), transparent 68%); }
body[data-page] .identity-art::before { border-color: rgba(20,25,22,.1); }
body[data-page] .identity-art::after { border-color: rgba(97,120,29,.18); }
body[data-page] .identity-art span { color: var(--lime); }
body[data-page] .vacuum-orbit { border-color: rgba(97,120,29,.23); }
body[data-page] .orbit-two { border-color: rgba(20,25,22,.16); }
body[data-page] .vacuum-tag { color: rgba(97,120,29,.82); }

body[data-page] .site-nav .nav-item.is-current { background: #d7ff4a; }
body[data-page] .site-nav .nav-item.is-current > .nav-link,
body[data-page] .site-nav .nav-item.is-current > .nav-link > span,
body[data-page] .site-nav .nav-item.is-current > .nav-disclosure { color: #101312; }

body[data-page] .section-kicker { color: #68716b; }
body[data-page] .case-overview-copy p,
body[data-page] .about-statement p,
body[data-page] .placeholder-note p,
body[data-page] .contact-placeholder p,
body[data-page] .suboption-placeholder-copy > p { color: #606862; }
body[data-page] .subpage-meta strong { color: #252a27; }
body[data-page] .case-gallery-heading h2 span { color: #737c76; }
body[data-page] .case-gallery-item img { background: #f3f4f1; }
body[data-page] .case-gallery-item figcaption { color: #626a64; }
body[data-page] .subpage-footer { color: #69716b; }
body[data-page] .subpage-footer > a:nth-child(2) { color: #252a27; }
body[data-page] .placeholder-slots span,
body[data-page] .contact-slots span { color: #454d47; }
body[data-parent="nas"][data-suboption="01"] .case-gallery-item img,
body[data-parent="nas"][data-suboption="01"] .case-gallery-item.is-wide img { background: #fff; }

/* Keep the GT NASync hero KV unobstructed and show its complete wide frame. */
body[data-parent="nas"][data-suboption="01"] .subpage-hero {
  --bg: #0b0d0e;
  --text: #f1f1ed;
  --lime: #d7ff4a;
  background: #0b0d0e;
  color: #f1f1ed;
}
body[data-parent="nas"][data-suboption="01"] .subpage-cover-image {
  object-fit: contain;
  object-position: center;
  background: #0b0d0e;
}
body[data-parent="nas"][data-suboption="01"] .subpage-hero-shade { background: none; }
body[data-parent="nas"][data-suboption="01"] .subpage-kicker,
body[data-parent="nas"][data-suboption="01"] .subpage-description,
body[data-parent="nas"][data-suboption="01"] .subpage-scroll,
body[data-parent="nas"][data-suboption="01"] .subpage-hero-index { color: rgba(241,243,237,.82); }
body[data-parent="nas"][data-suboption="01"] .subpage-subtitle { color: #d7ff4a; }

@media (max-width: 640px) {
  body[data-parent="nas"][data-suboption="01"] .subpage-cover-image {
    object-fit: cover;
    object-position: 58% center;
  }
}

/* Robot-vacuum case study: three editorial chapters on a continuous dark canvas. */
body[data-page="robot-vacuum"] {
  color-scheme: dark;
  --bg: #080909;
  --panel: #101211;
  --panel-soft: #151817;
  --text: #f1f2ee;
  --muted: #989f9b;
  --muted-2: #707874;
  --line: rgba(236, 240, 234, .17);
  --lime: #d7ff4a;
  background: #080909;
  color: var(--text);
}

body[data-page="robot-vacuum"] .secondary-page,
body[data-page="robot-vacuum"] #secondary-main { background: #080909; }
body[data-page="robot-vacuum"] .site-header { color: #f1f2ee; }
body[data-page="robot-vacuum"] .robot-story-section { min-height: 100svh; padding: 122px 0 62px; }
body[data-page="robot-vacuum"] .robot-story-section + .robot-story-section { padding-top: 96px; }
body[data-page="robot-vacuum"] .robot-story-heading { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 60px; margin-bottom: 38px; }
body[data-page="robot-vacuum"] .robot-story-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 19px; color: #858d87; font: 9px var(--mono); letter-spacing: .12em; }
body[data-page="robot-vacuum"] .robot-story-kicker span { color: var(--lime); }
body[data-page="robot-vacuum"] .robot-story-heading h1,
body[data-page="robot-vacuum"] .robot-story-heading h2 { max-width: 760px; margin: 0; font-size: clamp(34px, 4.4vw, 60px); font-weight: 450; letter-spacing: -.065em; line-height: 1.23; }
body[data-page="robot-vacuum"] .robot-story-copy { max-width: 500px; justify-self: end; margin: 0 0 5px; color: #929a95; font-size: 12px; line-height: 2.05; }
body[data-page="robot-vacuum"] .robot-story-figure { position: relative; display: flex; height: min(60svh, 700px); min-height: 390px; align-items: center; justify-content: center; margin: 0; overflow: hidden; background: #12171b; }
body[data-page="robot-vacuum"] .robot-story-figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
body[data-page="robot-vacuum"] .robot-story-figure.is-wide { background: #080909; }
body[data-page="robot-vacuum"] .robot-story-figure.is-wide img { object-fit: contain; object-position: center; }
body[data-page="robot-vacuum"] .robot-story-figure.is-portrait { background: #070c12; }
body[data-page="robot-vacuum"] .robot-story-figure.is-portrait img { width: auto; max-width: 100%; object-fit: contain; }
body[data-page="robot-vacuum"] .robot-story-figure.is-detail { background: #f6f6f4; }
body[data-page="robot-vacuum"] .robot-story-figure.is-detail img { object-fit: contain; }
body[data-page="robot-vacuum"] .robot-story-figure figcaption { position: absolute; right: 0; bottom: 0; left: 0; display: flex; align-items: center; gap: 28px; min-height: 54px; padding: 12px 18px; background: linear-gradient(0deg, rgba(0,0,0,.78), rgba(0,0,0,0)); color: #f1f2ee; }
body[data-page="robot-vacuum"] .robot-story-figure figcaption span { color: rgba(241,242,238,.65); font: 9px var(--mono); letter-spacing: .08em; }
body[data-page="robot-vacuum"] .robot-story-figure figcaption strong { font-size: 13px; font-weight: 450; }
body[data-page="robot-vacuum"] .robot-story-figure.is-detail figcaption { color: #f1f2ee; }
body[data-page="robot-vacuum"] .robot-next-project { padding: 92px 0 96px; border-top: 1px solid var(--line); background: #080909; }
body[data-page="robot-vacuum"] .robot-next-inner { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 48px; }
body[data-page="robot-vacuum"] .robot-next-main > p { margin: 0 0 21px; color: #727a75; font: 10px var(--mono); letter-spacing: .13em; }
body[data-page="robot-vacuum"] .robot-next-main > a { display: inline-block; color: #f1f2ee; font-size: clamp(36px, 5vw, 64px); letter-spacing: -.07em; transition: color .2s ease; }
body[data-page="robot-vacuum"] .robot-next-main > a:hover { color: var(--lime); }
body[data-page="robot-vacuum"] .robot-next-aside { display: grid; justify-items: end; gap: 13px; text-align: right; }
body[data-page="robot-vacuum"] .robot-next-aside strong { color: #888f8b; font-size: 10px; font-weight: 500; }
body[data-page="robot-vacuum"] .robot-next-aside span { max-width: 300px; color: #777f7a; font-size: 11px; line-height: 1.8; }
body[data-page="robot-vacuum"] .robot-next-aside a { margin-top: 5px; color: #777f7a; font-size: 10px; }
body[data-page="robot-vacuum"] .robot-next-aside a:hover { color: var(--lime); }
body[data-page="robot-vacuum"] .subpage-footer { border-color: var(--line); color: #777f7a; }
body[data-page="robot-vacuum"] .subpage-footer > a:nth-child(2) { color: #b8beb9; }

@media (max-width: 760px) {
  body[data-page="robot-vacuum"] .robot-story-section { min-height: auto; padding: 112px 0 42px; }
  body[data-page="robot-vacuum"] .robot-story-section + .robot-story-section { padding-top: 78px; }
  body[data-page="robot-vacuum"] .robot-story-heading { display: block; margin-bottom: 24px; }
  body[data-page="robot-vacuum"] .robot-story-kicker { margin-bottom: 14px; font-size: 8px; }
  body[data-page="robot-vacuum"] .robot-story-heading h1,
  body[data-page="robot-vacuum"] .robot-story-heading h2 { font-size: clamp(31px, 8vw, 44px); }
  body[data-page="robot-vacuum"] .robot-story-copy { margin-top: 15px; font-size: 11px; }
  body[data-page="robot-vacuum"] .robot-story-figure { height: 58svh; min-height: 310px; }
  body[data-page="robot-vacuum"] .robot-story-figure.is-portrait { height: min(78svh, 600px); }
  body[data-page="robot-vacuum"] .robot-story-figure figcaption { gap: 13px; min-height: 48px; padding: 9px 12px; }
  body[data-page="robot-vacuum"] .robot-story-figure figcaption strong { font-size: 11px; }
  body[data-page="robot-vacuum"] .robot-next-project { padding: 66px 0 70px; }
  body[data-page="robot-vacuum"] .robot-next-inner { grid-template-columns: 1fr; gap: 34px; }
  body[data-page="robot-vacuum"] .robot-next-main > p { margin-bottom: 15px; font-size: 8px; }
  body[data-page="robot-vacuum"] .robot-next-main > a { font-size: 43px; }
  body[data-page="robot-vacuum"] .robot-next-aside { justify-items: start; text-align: left; }
  body[data-page="robot-vacuum"] .subpage-footer { flex-wrap: wrap; min-height: 76px; }
}