/* Noise Studio 2026 redesign — readable editorial system */
:root { --electric: #2f7bff; --paper-warm: #f4ecdc; --ink-soft: #292721; }

.redesign-page { background: var(--paper-warm); }
.redesign-page main { overflow: clip; }
.redesign-page .site-header { background: rgba(244,236,220,.96); }
.redesign-page .site-footer__brand p { max-width: 38ch; }
.redesign-page .display-lg { max-width: 13ch; }
.redesign-page .body-lg { color: #514b41; }
.redesign-page .section { border-bottom: 2px solid var(--ink); }
.redesign-page .section-header { margin-bottom: clamp(2.25rem,5vw,4.5rem); }
.redesign-page .section-header .body-lg { max-width: 54ch; }

.editorial-hero { position: relative; margin-top: var(--nav-h); padding-block: clamp(4.5rem,9vw,8rem); border-bottom: 2px solid var(--ink); background: var(--paper-warm); }
.editorial-hero__grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(320px,.95fr); gap: clamp(2.5rem,7vw,7rem); align-items: center; }
.editorial-hero__copy { position: relative; z-index: 3; }
.editorial-hero__copy .display-lg { margin-top: .7rem; }
.editorial-hero__copy .body-lg { margin-top: 1.5rem; }
.editorial-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.editorial-hero__note { margin-top: 1.5rem; font: 400 clamp(1.15rem,2vw,1.65rem)/1.1 var(--font-editorial); }

.credibility-bar { border-bottom: 2px solid var(--ink); background: var(--acid); }
.credibility-bar__grid { display: grid; grid-template-columns: repeat(3,1fr); }
.credibility-bar__item { display: grid; grid-template-columns: auto 1fr; gap: .75rem; padding: 1.1rem clamp(1rem,2.5vw,2rem); border-right: 2px solid var(--ink); font-size: .78rem; font-weight: 700; line-height: 1.35; text-transform: uppercase; }
.credibility-bar__item:last-child { border: 0; }
.credibility-bar__item span { color: var(--red); font-family: var(--font-editorial); }

.hero-stack { position: relative; min-height: clamp(29rem,48vw,39rem); }
.hero-stack__event, .hero-stack__interface, .hero-stack__signal { position: absolute; border: 2px solid var(--ink); box-shadow: 8px 8px 0 var(--ink); }
.hero-stack__event { inset: 4% 15% 17% 0; overflow: hidden; background: var(--ink); transform: rotate(-2.5deg); }
.hero-stack__event img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.08); }
.hero-stack__event figcaption { position: absolute; inset: auto 0 0; padding: .65rem .8rem; background: var(--paper); border-top: 2px solid var(--ink); font-size: .62rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.hero-stack__interface { right: 0; top: 11%; width: 54%; padding: 1rem; background: var(--cobalt); color: var(--white); transform: rotate(3deg); }
.hero-stack__interface-head { display: flex; justify-content: space-between; padding-bottom: .6rem; border-bottom: 1px solid rgba(255,255,255,.55); font-size: .58rem; text-transform: uppercase; }
.hero-stack__interface h2 { margin-top: 2.6rem; color: var(--white); font: 400 clamp(1.4rem,3vw,2.5rem)/.9 var(--font-display); text-transform: uppercase; }
.hero-stack__interface ul { display: grid; gap: .5rem; margin-top: 1.3rem; font-size: .72rem; }
.hero-stack__interface li { display: flex; justify-content: space-between; padding-top: .5rem; border-top: 1px solid rgba(255,255,255,.45); }
.hero-stack__signal { right: 5%; bottom: 2%; width: 44%; padding: 1.1rem; background: var(--acid); transform: rotate(-3deg); }
.hero-stack__signal strong { display: block; font: 400 clamp(1.4rem,3.5vw,3rem)/.88 var(--font-display); text-transform: uppercase; }
.hero-stack__signal span { font-size: .64rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.status-pill { display: inline-flex; width: fit-content; align-items: center; gap: .45rem; padding: .32rem .6rem; border: 1.5px solid currentColor; font-size: .62rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.status-pill::before { content: ""; width: .48rem; height: .48rem; background: currentColor; border-radius: 50%; }
.status-pill--verified { color: #126126; background: #e7f6d7; }
.status-pill--concept { color: var(--ink); background: var(--acid); }
.status-pill--ai { color: var(--white); background: var(--electric); }

.feature-ledger { display: grid; grid-template-columns: 1.2fr .8fr; border: 2px solid var(--ink); }
.feature-ledger__primary, .feature-ledger__side { min-width: 0; }
.feature-ledger__primary { border-right: 2px solid var(--ink); background: var(--surface); }
.feature-ledger__media { aspect-ratio: 16/10; overflow: hidden; border-bottom: 2px solid var(--ink); }
.feature-ledger__media img { width: 100%; height: 100%; object-fit: cover; }
.feature-ledger__body { padding: clamp(1.4rem,3vw,2.5rem); }
.feature-ledger h3 { margin-top: .8rem; font: 400 clamp(2rem,4vw,4.5rem)/.86 var(--font-display); text-transform: uppercase; }
.feature-ledger p { max-width: 50ch; margin-top: 1rem; color: var(--muted); }
.feature-ledger__links { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; margin-top: 1.4rem; }
.feature-ledger__links a { border-bottom: 2px solid; font-size: .72rem; font-weight: 700; text-transform: uppercase; }
.feature-ledger__side { display: grid; grid-template-rows: repeat(2,1fr); }
.mini-case { display: flex; flex-direction: column; min-height: 18rem; padding: clamp(1.4rem,3vw,2.2rem); border-bottom: 2px solid var(--ink); background: var(--acid); }
.mini-case:last-child { border: 0; background: var(--cobalt); color: var(--white); }
.mini-case h3 { margin-top: auto; font: 400 clamp(1.5rem,3vw,2.8rem)/.9 var(--font-display); text-transform: uppercase; }
.mini-case p { margin-top: .7rem; color: currentColor; opacity: .75; }

.taxonomy-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 2px solid var(--ink); }
.taxonomy-card { min-height: 21rem; display: flex; flex-direction: column; padding: clamp(1.35rem,2.5vw,2rem); border-right: 2px solid var(--ink); background: var(--surface); }
.taxonomy-card:last-child { border: 0; }
.taxonomy-card:nth-child(2) { background: var(--red); color: var(--white); }
.taxonomy-card:nth-child(3) { background: var(--cobalt); color: var(--white); }
.taxonomy-card:nth-child(4) { background: var(--electric); color: var(--white); }
.taxonomy-card__num { font-family: var(--font-editorial); }
.taxonomy-card h3 { margin-top: auto; font: 400 clamp(1.25rem,2.3vw,2.2rem)/.92 var(--font-display); text-transform: uppercase; }
.taxonomy-card p { margin-top: .8rem; color: currentColor; opacity: .74; }

.process-list { counter-reset: process; display: grid; grid-template-columns: repeat(3,1fr); border-top: 2px solid var(--ink); }
.process-list article { counter-increment: process; min-height: 17rem; padding: 1.5rem; border-right: 2px solid var(--ink); border-bottom: 2px solid var(--ink); }
.process-list article:last-child { border-right: 0; }
.process-list article::before { content: "0" counter(process); color: var(--red); font-family: var(--font-editorial); }
.process-list h3 { margin-top: 4rem; font: 400 clamp(1.25rem,2vw,1.9rem)/1 var(--font-display); text-transform: uppercase; }
.process-list p { margin-top: .7rem; color: var(--muted); }

/* Work */
.work-intro { background: var(--ink); color: var(--paper); }
.work-intro .display-lg { color: var(--paper); }
.work-intro .body-lg { color: #beb5a5; }
.work-intro__key { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.work-cases { padding-block: var(--section-py); background: var(--paper-warm); }
.work-track { display: grid; gap: clamp(2rem,5vw,5rem); }
.case-study { display: grid; grid-template-columns: minmax(280px,.78fr) minmax(0,1.22fr); border: 2px solid var(--ink); background: var(--surface); box-shadow: 10px 10px 0 var(--ink); }
.case-study:nth-child(even) { background: var(--acid); }
.case-study:nth-child(3) { background: var(--red); color: var(--white); }
.case-study:nth-child(4) { background: var(--cobalt); color: var(--white); }
.case-study__media { min-height: 32rem; display: grid; overflow: hidden; border-right: 2px solid currentColor; }
.case-study__media--pair { grid-template-rows: 1fr 1fr; }
.case-study__media--pair img + img { border-top: 2px solid currentColor; }
.case-study__media img { width: 100%; height: 100%; object-fit: cover; min-height: 0; }
.case-study__content { display: flex; flex-direction: column; padding: clamp(1.5rem,3vw,3rem); }
.case-study__eyebrow { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .75rem; }
.case-study__title { margin-top: 1rem; color: currentColor; font: 400 clamp(2.2rem,5vw,5rem)/.84 var(--font-display); text-transform: uppercase; }
.case-study__summary { max-width: 52ch; margin-top: 1.2rem; opacity: .76; }
.case-study__facts { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; margin-top: 2rem; }
.case-study__facts div { padding-top: .65rem; border-top: 1px solid currentColor; }
.case-study__facts dt { font-size: .62rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.case-study__facts dd { margin-top: .4rem; font-size: .87rem; line-height: 1.45; opacity: .78; }
.case-study__deliverables { margin-top: 1.5rem; }
.case-study__deliverables strong { font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; }
.case-study__tags { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .65rem; }
.case-study__tags span { padding: .28rem .55rem; border: 1px solid currentColor; font-size: .62rem; text-transform: uppercase; }
.case-study__links { display: flex; flex-wrap: wrap; gap: .7rem 1.2rem; margin-top: auto; padding-top: 1.5rem; }
.case-study__links a { border-bottom: 1px solid currentColor; font-size: .68rem; font-weight: 700; text-transform: uppercase; }

/* Pricing */
.offer-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 2px solid var(--ink); }
.offer-card { display: flex; flex-direction: column; min-height: 52rem; padding: clamp(1.4rem,2.6vw,2.2rem); border-right: 2px solid var(--ink); background: var(--surface); }
.offer-card:last-child { border: 0; }
.offer-card:nth-child(2) { background: var(--acid); }
.offer-card:nth-child(3) { background: var(--cobalt); color: var(--white); }
.offer-card h2 { margin-top: 2rem; color: currentColor; font: 400 clamp(1.7rem,3.2vw,3.2rem)/.9 var(--font-display); text-transform: uppercase; }
.offer-card__price { margin-top: 1rem; font: 400 clamp(1.35rem,2.3vw,2rem)/1 var(--font-editorial); }
.offer-card__intro { min-height: 6rem; margin-top: 1rem; opacity: .75; }
.offer-spec { display: grid; margin-block: 1.5rem; border-top: 2px solid currentColor; }
.offer-spec div { display: grid; grid-template-columns: .9fr 1.1fr; gap: .75rem; padding: .62rem 0; border-bottom: 1px solid currentColor; }
.offer-spec dt { font-size: .62rem; font-weight: 700; text-transform: uppercase; }
.offer-spec dd { font-size: .78rem; line-height: 1.4; opacity: .8; }
.offer-card__exclusion { margin-bottom: 1.5rem; padding: .85rem; border: 1px solid currentColor; font-size: .76rem; }
.offer-card .btn { margin-top: auto; }
.offer-card:nth-child(3) .btn { background: var(--paper); color: var(--ink); }
.comparison-wrap { overflow-x: auto; border: 2px solid var(--ink); background: var(--surface); }
.comparison-table { width: 100%; min-width: 760px; border-collapse: collapse; text-align: left; }
.comparison-table th, .comparison-table td { padding: 1rem; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); vertical-align: top; }
.comparison-table th:last-child, .comparison-table td:last-child { border-right: 0; }
.comparison-table tr:last-child td { border-bottom: 0; }
.comparison-table thead { background: var(--ink); color: var(--paper); }
.comparison-table tbody th { font-size: .7rem; text-transform: uppercase; }
.care-grid { display: grid; grid-template-columns: repeat(5,1fr); border: 2px solid var(--ink); }
.care-card { min-height: 16rem; padding: 1.25rem; border-right: 2px solid var(--ink); }
.care-card:last-child { border: 0; }
.care-card:nth-child(2), .care-card:nth-child(5) { background: var(--acid); }
.care-card h3 { margin-top: 3rem; font: 400 1.1rem/1 var(--font-display); text-transform: uppercase; }
.care-card p { margin-top: .7rem; color: var(--muted); font-size: .82rem; }
.commercial-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.commercial-list { border-top: 2px solid var(--ink); }
.commercial-list li { display: grid; grid-template-columns: 2rem 1fr; gap: .75rem; padding: 1rem 0; border-bottom: 1px solid var(--ink); }
.commercial-list span { color: var(--red); font-family: var(--font-editorial); }

/* AI systems */
.page-ai-redesign { --ai: var(--electric); background: #0e1420; color: var(--white); }
.page-ai-redesign .site-header { background: rgba(244,236,220,.97); color: var(--ink); }
.page-ai-redesign .editorial-hero { background: #0e1420; color: var(--white); border-color: var(--white); }
.page-ai-redesign .editorial-hero .display-lg, .page-ai-redesign .editorial-hero .body-lg { color: var(--white); }
.ai-workflow { position: relative; min-height: 34rem; padding: 1.4rem; border: 2px solid var(--white); background: #151d2b; box-shadow: 10px 10px 0 var(--electric); }
.ai-workflow__top { display: flex; justify-content: space-between; padding-bottom: .8rem; border-bottom: 1px solid rgba(255,255,255,.3); font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; }
.ai-workflow__rail { position: absolute; left: 2.5rem; right: 2.5rem; top: 46%; height: 3px; background: rgba(255,255,255,.25); }
.ai-workflow__rail span { display: block; width: 100%; height: 100%; background: var(--electric); transform-origin: left; }
.ai-workflow__steps { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(5,1fr); gap: .65rem; margin-top: 6rem; }
.ai-step { min-height: 12rem; display: flex; flex-direction: column; padding: .85rem; border: 1px solid rgba(255,255,255,.55); background: #0e1420; }
.ai-step.is-active { border-color: var(--electric); box-shadow: 0 0 0 2px var(--electric); }
.ai-step span { color: #87b0ff; font-family: var(--font-editorial); }
.ai-step strong { margin-top: auto; font-size: .72rem; text-transform: uppercase; }
.ai-step small { margin-top: .4rem; color: rgba(255,255,255,.6); line-height: 1.35; }
.ai-workflow__asset { position: absolute; z-index: 4; left: 5%; top: 40%; width: 2.2rem; height: 2.2rem; display: grid; place-items: center; border: 2px solid var(--white); background: var(--electric); font-size: .7rem; font-weight: 700; }
.ai-section { background: var(--paper-warm); color: var(--ink); }
.ai-section--dark { background: #0e1420; color: var(--white); }
.ai-section--dark .display-md, .ai-section--dark .body-lg { color: var(--white); }
.ai-capability-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 2px solid currentColor; }
.ai-capability { min-height: 20rem; padding: 1.4rem; border-right: 2px solid currentColor; }
.ai-capability:last-child { border: 0; }
.ai-capability:nth-child(2) { background: var(--electric); color: var(--white); }
.ai-capability:nth-child(3) { background: var(--acid); color: var(--ink); }
.ai-capability h3 { margin-top: 5rem; font: 400 clamp(1.2rem,2vw,1.8rem)/1 var(--font-display); text-transform: uppercase; }
.ai-capability p { margin-top: .8rem; opacity: .72; }
.guardrail-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(2rem,6vw,6rem); align-items: start; }
.guardrail-list { display: grid; grid-template-columns: repeat(2,1fr); border: 2px solid currentColor; }
.guardrail-list article { min-height: 13rem; padding: 1.25rem; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; }
.guardrail-list h3 { margin-top: 2.5rem; font: 400 1.1rem/1 var(--font-display); text-transform: uppercase; }
.guardrail-list p { margin-top: .6rem; opacity: .68; font-size: .82rem; }
.integration-cloud { display: flex; flex-wrap: wrap; gap: .65rem; }
.integration-cloud span { padding: .65rem .85rem; border: 1px solid currentColor; font-size: .72rem; text-transform: uppercase; }
.output-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.output-card { min-height: 18rem; display: flex; flex-direction: column; padding: 1.3rem; border: 2px solid var(--ink); background: var(--surface); box-shadow: 5px 5px 0 var(--ink); }
.output-card:nth-child(2) { background: var(--acid); }
.output-card:nth-child(3) { background: var(--electric); color: var(--white); }
.output-card h3 { margin-top: auto; font: 400 1.4rem/1 var(--font-display); text-transform: uppercase; }
.output-card p { margin-top: .7rem; opacity: .72; }

/* About */
.mentor-profile { display: grid; grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr); border: 2px solid var(--ink); background: var(--surface); }
.mentor-profile__portrait { min-height: 42rem; overflow: hidden; border-right: 2px solid var(--ink); background: var(--red); }
.mentor-profile__portrait img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.06); mix-blend-mode: multiply; }
.mentor-profile__content { padding: clamp(1.5rem,4vw,4rem); }
.mentor-profile h2 { margin-top: .8rem; font: 400 clamp(2.8rem,6vw,6.5rem)/.82 var(--font-display); text-transform: uppercase; }
.mentor-profile__role { margin-top: .8rem; font: 400 clamp(1.25rem,2vw,1.7rem)/1.1 var(--font-editorial); }
.mentor-profile__bio { max-width: 62ch; margin-top: 1.5rem; color: var(--muted); }
.career-timeline { margin-top: 2rem; border-top: 2px solid var(--ink); }
.career-timeline li { display: grid; grid-template-columns: 7rem 1fr; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--ink); }
.career-timeline span { color: var(--red); font-size: .66rem; font-weight: 700; text-transform: uppercase; }
.career-timeline strong { font-size: .88rem; }
.profile-sources { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem; }
.profile-sources a { border-bottom: 1px solid; font-size: .68rem; font-weight: 700; text-transform: uppercase; }
.studio-model { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(2rem,6vw,6rem); }
.studio-model__cards { display: grid; grid-template-columns: repeat(2,1fr); border: 2px solid var(--ink); }
.studio-model__cards article { min-height: 16rem; padding: 1.4rem; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.studio-model__cards article:nth-child(2) { background: var(--acid); }
.studio-model__cards article:nth-child(3) { background: var(--cobalt); color: var(--white); }
.studio-model__cards h3 { margin-top: 3rem; font: 400 1.2rem/1 var(--font-display); text-transform: uppercase; }
.studio-model__cards p { margin-top: .65rem; opacity: .72; font-size: .84rem; }
.distinction-note { margin-top: 1.5rem; padding: 1rem; border-left: 5px solid var(--red); background: var(--paper-deep); font-size: .9rem; }

@media (min-width: 1200px) and (min-height: 760px) and (prefers-reduced-motion: no-preference) {
  .work-cases.is-horizontal { overflow: hidden; padding-block: 4rem; }
  .work-cases.is-horizontal .work-track { display: flex; width: max-content; gap: 2rem; padding-inline: max(3vw,2rem); }
  .work-cases.is-horizontal .case-study { width: min(86vw,1120px); min-height: calc(100vh - var(--nav-h) - 8rem); box-shadow: none; }
}

@media (max-width: 1050px) {
  .editorial-hero__grid { grid-template-columns: 1fr; }
  .hero-stack { width: min(100%,700px); }
  .taxonomy-grid, .ai-capability-grid { grid-template-columns: repeat(2,1fr); }
  .taxonomy-card:nth-child(2), .ai-capability:nth-child(2) { border-right: 0; }
  .taxonomy-card:nth-child(-n+2), .ai-capability:nth-child(-n+2) { border-bottom: 2px solid currentColor; }
  .feature-ledger, .mentor-profile { grid-template-columns: 1fr; }
  .feature-ledger__primary, .mentor-profile__portrait { border-right: 0; border-bottom: 2px solid var(--ink); }
  .offer-grid { grid-template-columns: 1fr; }
  .offer-card { min-height: auto; border-right: 0; border-bottom: 2px solid var(--ink); }
  .care-grid { grid-template-columns: repeat(2,1fr); }
  .care-card { border-bottom: 2px solid var(--ink); }
  .ai-workflow__steps { grid-template-columns: 1fr; margin-top: 2rem; }
  .ai-workflow { min-height: auto; }
  .ai-workflow__rail, .ai-workflow__asset { display: none; }
  .ai-step { min-height: 8rem; }
}

@media (max-width: 767px) {
  .editorial-hero { padding-block: 3.5rem 4.5rem; }
  .editorial-hero__grid { gap: 2rem; }
  .credibility-bar__grid, .process-list, .commercial-grid, .output-grid, .studio-model { grid-template-columns: 1fr; }
  .credibility-bar__item { border-right: 0; border-bottom: 1px solid var(--ink); }
  .hero-stack { min-height: 28rem; margin-inline: -.3rem; }
  .hero-stack__event { inset: 3% 12% 22% 0; }
  .hero-stack__interface { width: 59%; }
  .hero-stack__signal { width: 55%; }
  .feature-ledger__side { grid-template-rows: auto; }
  .taxonomy-grid, .ai-capability-grid, .guardrail-list, .studio-model__cards { grid-template-columns: 1fr; }
  .taxonomy-card, .taxonomy-card:nth-child(n), .ai-capability, .ai-capability:nth-child(n) { min-height: 16rem; border-right: 0; border-bottom: 2px solid currentColor; }
  .taxonomy-card:last-child, .ai-capability:last-child { border-bottom: 0; }
  .process-list article { min-height: 13rem; border-right: 0; }
  .case-study { grid-template-columns: 1fr; box-shadow: 5px 5px 0 var(--ink); }
  .case-study__media { min-height: 0; aspect-ratio: 4/3; border-right: 0; border-bottom: 2px solid currentColor; }
  .case-study__media--pair { aspect-ratio: auto; grid-template-rows: auto auto; }
  .case-study__media--pair img { aspect-ratio: 4/3; }
  .case-study__facts { grid-template-columns: 1fr; }
  .offer-spec div { grid-template-columns: 1fr; }
  .care-grid { grid-template-columns: 1fr; }
  .care-card { min-height: 12rem; border-right: 0; }
  .guardrail-grid { grid-template-columns: 1fr; }
  .output-grid { gap: 1.25rem; }
  .mentor-profile__portrait { min-height: 25rem; }
  .career-timeline li { grid-template-columns: 1fr; gap: .25rem; }

  /* Make editorial links as easy to hit as buttons without losing their visual language. */
  .feature-ledger__links a,
  .case-study__links a,
  .profile-sources a,
  .site-footer__col a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding-block: .45rem;
  }

  .comparison-wrap {
    position: relative;
    margin-inline: -1rem;
    padding-inline: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }
  .comparison-table { font-size: .84rem; }
  .comparison-table th, .comparison-table td { padding: .8rem; }
  .comparison-table th:first-child, .comparison-table td:first-child { min-width: 9rem; }
}

@media (max-width: 390px) {
  .editorial-hero { padding-block: 3rem 3.5rem; }
  .editorial-hero__actions { display: grid; grid-template-columns: 1fr; }
  .editorial-hero__actions .btn { width: 100%; }
  .hero-stack { min-height: 24rem; }
  .hero-stack__interface { width: 62%; padding: .8rem; }
  .hero-stack__interface h2 { margin-top: 1.8rem; font-size: 1.35rem; }
  .hero-stack__signal { width: 58%; padding: .8rem; }
  .case-study__content, .mentor-profile__content { padding: 1.25rem; }
  .case-study__title { font-size: clamp(2rem, 13vw, 2.8rem); }
  .offer-card { padding: 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  .redesign-page *, .redesign-page *::before, .redesign-page *::after { scroll-behavior: auto !important; }
  .hero-stack__event, .hero-stack__interface, .hero-stack__signal { transform: none; }
}