:root {
  --cinematic-radius: 30px;
  --cinematic-line: rgba(17, 17, 17, 0.095);
}
.route-stage {
  animation: route-enter 0.46s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
.route-stage > section:not(.hero):not(.page-hero):not(.bombinhas-hero),
.route-stage > article {
  content-visibility: auto;
  contain-intrinsic-size: auto 720px;
}
@keyframes route-enter {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.editorial-image {
  --parallax: 0px;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--cinematic-radius);
  background: #e8e6e0;
  clip-path: inset(0 0 0 0 round var(--cinematic-radius));
  isolation: isolate;
}
.editorial-image:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.13),
    transparent 42%,
    rgba(0, 0, 0, 0.035)
  );
  mix-blend-mode: soft-light;
}
.editorial-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--focal, 50% 50%);
  transform: translate3d(0, var(--parallax), 0);
  transition:
    transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1),
    filter 0.45s ease;
}
.editorial-image.is-parallax img {
  transform: translate3d(0, var(--parallax), 0) scale(1.018);
}
.scroll-progress {
  position: fixed;
  z-index: 1001;
  inset: 0 0 auto;
  height: 2px;
  pointer-events: none;
  background: linear-gradient(90deg, var(--orange) var(--scroll-progress), transparent 0);
  opacity: 0.82;
}
.narrative-connector {
  display: grid;
  grid-template-columns: 8px minmax(28px, 1fr) auto minmax(28px, 1fr) 8px;
  align-items: center;
  gap: 10px;
  width: min(100%, 520px);
  margin-top: 30px;
  color: #77756f;
}
.narrative-connector i {
  height: 1px;
  overflow: hidden;
  background: linear-gradient(90deg, var(--orange), rgba(17, 17, 17, 0.12));
  transform-origin: left;
  animation: connector-breathe 3.8s ease-in-out infinite;
}
.narrative-connector small {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  white-space: nowrap;
}
.motion-signal {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--orange);
  box-shadow: 0 0 0 0 rgba(255, 91, 0, 0.28);
  animation: signal-pulse 2.6s ease-out infinite;
}
.motion-signal--late { animation-delay: 1.3s; }
@keyframes connector-breathe {
  0%, 100% { transform: scaleX(0.28); opacity: 0.35; }
  50% { transform: scaleX(1); opacity: 1; }
}
@keyframes signal-pulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 91, 0, 0.3); }
  70%, 100% { box-shadow: 0 0 0 10px rgba(255, 91, 0, 0); }
}
.visual-interlude {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr);
  align-items: center;
  gap: clamp(36px, 7vw, 110px);
  padding-block: clamp(80px, 10vw, 150px);
}
.visual-interlude.is-reverse { grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr); }
.visual-interlude.is-reverse > .editorial-image { order: 2; }
.visual-interlude > .editorial-image {
  min-height: clamp(480px, 60vw, 760px);
  box-shadow: 0 30px 80px rgba(17, 17, 17, 0.1);
}
.visual-interlude h2 {
  margin: 22px 0;
  font-size: clamp(38px, 4.8vw, 72px);
  line-height: 0.98;
  letter-spacing: -0.055em;
}
.visual-interlude p { color: #67645f; font-size: 16px; line-height: 1.7; }
.reveal:not(.is-visible) .editorial-image {
  clip-path: inset(0 0 100% 0 round var(--cinematic-radius));
}
.reveal.is-visible .editorial-image {
  animation: image-reveal 0.9s cubic-bezier(0.2, 0.75, 0.2, 1) both;
}
@keyframes image-reveal {
  from {
    clip-path: inset(0 0 100% 0 round var(--cinematic-radius));
  }
  to {
    clip-path: inset(0 0 0 0 round var(--cinematic-radius));
  }
}
.nav-panel--cinematic {
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  max-height: calc(100vh - 105px);
  overflow: auto;
}
.nav-panel--cinematic .mobile-nav a {
  padding: 10px 0 !important;
}
.nav-panel--cinematic .mobile-nav a > span {
  display: grid;
  gap: 3px;
}
.nav-panel--cinematic .mobile-nav a strong {
  font-size: 18px;
  font-weight: 600;
}
.nav-panel--cinematic .mobile-nav a small {
  font-size: 10px;
  color: #92918e;
  letter-spacing: 0;
}
.nav-panel--cinematic .mobile-nav a.active strong {
  color: var(--orange);
}
.nav-editorial {
  display: grid !important;
  grid-template-columns: 145px 1fr !important;
  grid-template-rows: auto 1fr !important;
  gap: 18px !important;
  background: #111;
  color: #fff;
  border-radius: 22px;
  padding: 18px !important;
}
.nav-editorial .editorial-image {
  grid-row: 1/3;
  min-height: 330px;
  border-radius: 16px;
}
.nav-editorial > div {
  display: block !important;
  margin: 0 !important;
}
.nav-editorial #nav-panel-intro p {
  font: 24px/1.06 var(--serif);
  margin: 12px 0 !important;
  color: #a8a8a5;
}
.nav-editorial #nav-panel-intro p strong {
  color: #fff;
  font-weight: 400;
}
.nav-offers {
  align-self: end;
  border-top: 1px solid #333;
  padding-top: 14px;
}
.nav-offers > small {
  display: block;
  margin-bottom: 7px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #777;
  font-size: 8px;
}
.nav-offers a {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid #292929;
  font-size: 11px;
}
.nav-panel a:focus-visible,
.explore-button:focus-visible {
  outline: 2px solid var(--orange);
  outline-offset: 4px;
}
.capacity-architecture {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 48px;
  align-items: stretch;
}
.capacity-architecture > .editorial-image {
  min-height: 560px;
}
.capacity-wheel {
  grid-template-columns: repeat(2, 1fr);
}
.capacity-wheel article:last-child {
  grid-column: 1/-1;
  border-radius: 24px;
  min-height: 135px;
}
.authority-photo .editorial-image,
.story-photo .editorial-image,
.local-authority .editorial-image {
  min-height: 620px;
}
.authority-photo,
.story-photo {
  overflow: visible;
}
.vision-manifesto {
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  gap: 64px;
  align-items: center;
}
.vision-manifesto > .editorial-image {
  min-height: 660px;
}
.vision-manifesto > div h2 {
  font-size: clamp(44px, 5vw, 76px);
  line-height: 0.98;
  letter-spacing: -0.055em;
}
.operon-visual {
  display: grid;
  gap: 12px;
}
.operon-visual > .editorial-image {
  min-height: 390px;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.operon-band {
  grid-template-columns: 0.85fr 1.15fr;
}
.command-orbit {
  min-height: auto !important;
}
.operon-system {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
.operon-system .operon-intro {
  align-self: end;
}
.operon-system > .editorial-image {
  min-height: 480px;
}
.operon-system .capability-grid {
  grid-column: 1/-1;
}
.command-product {
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  min-height: 760px;
}
.command-product > .editorial-image {
  position: absolute;
  inset: 0;
  border-radius: 0;
}
.command-product > .editorial-image:after {
  background: linear-gradient(
    90deg,
    rgba(8, 8, 8, 0.94) 0%,
    rgba(8, 8, 8, 0.72) 46%,
    rgba(8, 8, 8, 0.12) 82%
  );
}
.command-product > div {
  position: relative;
  z-index: 2;
  max-width: 650px;
  padding: clamp(70px, 9vw, 130px);
}
.bombinhas-hero-visual {
  position: relative;
  min-height: 620px;
}
.bombinhas-hero-visual > .editorial-image {
  position: absolute;
  inset: 0;
}
.bombinhas-hero-visual > .motion-funnel {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  min-height: 150px;
  padding: 14px;
  background: rgba(244, 243, 239, 0.84);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.bombinhas-hero-visual .motion-funnel article {
  min-height: 90px;
  padding: 13px;
  background: rgba(255, 255, 255, 0.9);
}
.bombinhas-hero-visual .motion-funnel article strong {
  font-size: 10px;
}
.bombinhas-hero-visual .motion-funnel i {
  width: 12px;
}
.page-hero--visual {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
  min-height: 88vh;
  padding-top: 130px;
}
.page-hero--visual > .editorial-image {
  min-height: 650px;
}
.page-hero--visual h1 {
  max-width: 800px;
}
.page-hero--visual > div > p {
  max-width: 700px;
}
.case-card,
.insight-grid article,
.entry-card {
  transition:
    transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1),
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}
.case-card:hover,
.insight-grid article:hover,
.entry-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 22px 55px rgba(18, 18, 18, 0.09);
  border-color: rgba(255, 89, 18, 0.22);
}
@media (max-width: 980px) {
  .nav-panel--cinematic {
    grid-template-columns: 1fr;
  }
  .nav-editorial {
    display: none !important;
  }
  .capacity-architecture,
  .vision-manifesto,
  .operon-system,
  .page-hero--visual,
  .visual-interlude,
  .visual-interlude.is-reverse {
    grid-template-columns: 1fr;
  }
  .visual-interlude.is-reverse > .editorial-image { order: 0; }
  .capacity-architecture > .editorial-image {
    min-height: 480px;
  }
  .vision-manifesto > .editorial-image {
    min-height: 520px;
  }
  .operon-band {
    grid-template-columns: 1fr;
  }
  .command-product {
    min-height: 650px;
  }
  .page-hero--visual {
    padding-top: 110px;
  }
  .page-hero--visual > .editorial-image {
    min-height: 520px;
  }
  .bombinhas-hero-visual {
    min-height: 560px;
  }
  .visual-interlude > .editorial-image { min-height: 540px; }
}
@media (max-width: 640px) {
  :root {
    --cinematic-radius: 22px;
  }
  .capacity-wheel {
    grid-template-columns: 1fr;
  }
  .capacity-wheel article:last-child {
    grid-column: auto;
  }
  .capacity-architecture > .editorial-image,
  .authority-photo .editorial-image,
  .story-photo .editorial-image,
  .local-authority .editorial-image,
  .vision-manifesto > .editorial-image,
  .operon-system > .editorial-image {
    min-height: 430px;
  }
  .page-hero--visual {
    min-height: auto;
  }
  .page-hero--visual > .editorial-image {
    min-height: 440px;
  }
  .bombinhas-hero-visual {
    min-height: 520px;
  }
  .visual-interlude { padding-block: 70px; gap: 30px; }
  .visual-interlude > .editorial-image { min-height: 430px; }
  .narrative-connector { grid-template-columns: 7px 1fr auto 1fr 7px; gap: 7px; }
  .narrative-connector small { font-size: 7px; letter-spacing: 0.1em; }
  .bombinhas-hero-visual > .motion-funnel {
    left: 10px;
    right: 10px;
    bottom: 10px;
    max-height: 270px;
    overflow: auto;
  }
  .command-product {
    min-height: 620px;
  }
  .command-product > div {
    padding: 55px 24px;
  }
  .command-product > .editorial-image:after {
    background: linear-gradient(
      0deg,
      rgba(8, 8, 8, 0.96) 0%,
      rgba(8, 8, 8, 0.72) 60%,
      rgba(8, 8, 8, 0.2) 100%
    );
  }
}
@media (prefers-reduced-motion: reduce) {
  .route-stage,
  .reveal.is-visible .editorial-image,
  .motion-signal,
  .narrative-connector i {
    animation: none !important;
  }
  .editorial-image,
  .editorial-image img,
  .case-card,
  .insight-grid article,
  .entry-card {
    transition: none !important;
    transform: none !important;
  }
  .editorial-image img {
    transform: none !important;
  }
}

/* Harness cycle */
.kinetic-text { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0; }
.kinetic-word { display:inline-flex; padding:9px 13px; border:1px solid rgba(17,17,17,.12); border-radius:999px; background:rgba(255,255,255,.72); color:#77736e; font-size:10px; line-height:1; text-transform:uppercase; letter-spacing:.13em; animation:kinetic-shift 5.4s ease-in-out infinite; animation-delay:calc(var(--i) * .48s); }
@keyframes kinetic-shift { 0%,70%,100%{transform:translateY(0);color:#77736e;border-color:rgba(17,17,17,.12)} 12%,30%{transform:translateY(-5px);color:#111;border-color:rgba(255,89,18,.52);box-shadow:0 9px 24px rgba(17,17,17,.07)} }
.operon-opening { display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); gap:clamp(48px,7vw,110px); align-items:center; padding-block:clamp(90px,12vw,170px); }
.operon-opening h2 { margin:24px 0; font-size:clamp(42px,5.2vw,78px); line-height:.97; letter-spacing:-.06em; }
.operon-opening p { max-width:680px; color:#66625d; font-size:16px; line-height:1.72; }
.operon-opening>.editorial-image { min-height:720px; }
.harness-state { background:#111; color:#fff; border-radius:42px; margin-inline:clamp(8px,2vw,28px); }
.harness-state .section-title p { color:#aaa; }
.harness-state>div:last-of-type { display:grid; grid-template-columns:repeat(4,1fr); margin-top:56px; border-top:1px solid #353535; border-left:1px solid #353535; }
.harness-state article { min-height:310px; padding:28px; border-right:1px solid #353535; border-bottom:1px solid #353535; transition:background .35s ease,transform .35s ease; }
.harness-state article:hover { background:#1a1a1a; transform:translateY(-5px); }
.harness-state article span { color:var(--orange); font-size:10px; }
.harness-state article h3 { margin:70px 0 18px; font-size:clamp(28px,3vw,46px); letter-spacing:-.045em; }
.harness-state article p { color:#9d9d99; font-size:13px; line-height:1.6; }
.harness-state>.text-link { display:inline-flex; margin-top:34px; color:#fff; }
.harness-circuit { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(50px,8vw,120px); align-items:center; padding-block:clamp(100px,13vw,190px); }
.harness-circuit h2 { margin:24px 0; font-size:clamp(43px,5.2vw,80px); line-height:.96; letter-spacing:-.06em; }
.harness-circuit>div:first-child p { color:#66625d; font-size:16px; line-height:1.7; }
.motion-harness { min-height:610px; border-radius:34px; background:#eeece7; padding:24px; display:grid; place-items:center; }
.motion-harness svg { width:100%; height:auto; overflow:visible; }
.harness-track,.harness-pulse { fill:none; stroke:#c2bfb8; stroke-width:1.5; }
.harness-pulse { stroke:var(--orange); stroke-width:3; stroke-linecap:round; stroke-dasharray:14 92; opacity:0; }
.motion-harness.is-running .harness-pulse { opacity:1; animation:harness-travel 5.4s linear infinite; }
@keyframes harness-travel { to{stroke-dashoffset:-636} }
.harness-node circle { fill:#fff; stroke:#c7c4bd; stroke-width:1.5; transition:.3s ease; }
.harness-node text { text-anchor:middle; font:8px var(--sans); letter-spacing:.07em; fill:#777; }
.motion-harness.is-running .harness-node { animation:harness-node 5.4s ease-in-out infinite; animation-delay:calc(var(--i) * .56s); transform-origin:center; }
@keyframes harness-node { 0%,18%,100%{opacity:1} 8%{opacity:.45;filter:drop-shadow(0 0 9px rgba(255,89,18,.5))} }
.harness-core circle { fill:#111; }
.harness-core text { text-anchor:middle; fill:#fff; font:10px var(--sans); letter-spacing:.12em; }
.motion-harness>p { margin:-45px 0 0; color:#77736e; font-size:10px; text-transform:uppercase; letter-spacing:.13em; }
.harness-dual { background:#f0eee9; }
.harness-dual>div:last-child { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:55px; }
.harness-dual article { min-height:480px; padding:clamp(30px,4vw,58px); border-radius:32px; background:#fff; display:flex; flex-direction:column; }
.harness-dual article:nth-child(2) { background:#111; color:#fff; }
.harness-dual article>span { color:var(--orange); font-size:10px; }
.harness-dual article h2 { margin:auto 0 20px; font-size:clamp(40px,5vw,70px); line-height:.95; letter-spacing:-.055em; }
.harness-dual article p { max-width:620px; color:#77736e; line-height:1.65; }
.harness-dual article:nth-child(2) p { color:#a5a5a0; }
.harness-dual .kinetic-text { margin-top:32px; }
.harness-dual article:nth-child(2) .kinetic-word { color:#aaa; border-color:#3b3b3b; background:#191919; }
.harness-capabilities { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(50px,8vw,120px); padding-block:clamp(100px,14vw,190px); }
.harness-capabilities__intro { position:sticky; top:130px; align-self:start; }
.harness-capabilities__intro h2 { margin:24px 0; font-size:clamp(44px,5vw,76px); line-height:.96; letter-spacing:-.06em; }
.harness-capabilities__intro p { color:#69655f; line-height:1.7; }
.harness-capabilities__grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #d8d5ce; border-left:1px solid #d8d5ce; }
.harness-capabilities__grid article { min-height:240px; padding:26px; border-right:1px solid #d8d5ce; border-bottom:1px solid #d8d5ce; }
.harness-capabilities__grid span { color:var(--orange); font-size:9px; }
.harness-capabilities__grid h3 { margin:48px 0 14px; font-size:25px; }
.harness-capabilities__grid p { color:#77736e; font-size:13px; line-height:1.55; }
.operon-founder { display:grid; grid-template-columns:1.12fr .88fr; gap:clamp(48px,8vw,120px); align-items:center; background:#e9e7e1; }
.operon-founder>.editorial-image { min-height:680px; }
.operon-founder h2 { margin:24px 0; font-size:clamp(44px,5.2vw,78px); line-height:.96; letter-spacing:-.06em; }
.operon-founder p { color:#66625d; font-size:15px; line-height:1.7; }
.operon-question { text-align:center; display:grid; justify-items:center; background:#111; color:#fff; border-radius:42px; margin:clamp(8px,2vw,28px); padding-block:clamp(90px,12vw,170px); }
.operon-question h2 { max-width:1100px; margin:28px 0; font-size:clamp(48px,7vw,105px); line-height:.92; letter-spacing:-.065em; }
.operon-question p { max-width:680px; color:#aaa; margin-bottom:30px; font-size:16px; line-height:1.7; }
.explore-next { border-top:1px solid rgba(17,17,17,.11); padding-block:clamp(90px,11vw,150px); }
.explore-next>h2 { max-width:1000px; margin:24px 0 52px; font-size:clamp(42px,5.3vw,78px); line-height:.97; letter-spacing:-.058em; }
.explore-next>div { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #d8d5ce; border-left:1px solid #d8d5ce; }
.explore-next a { position:relative; min-height:270px; padding:26px; color:#111; border-right:1px solid #d8d5ce; border-bottom:1px solid #d8d5ce; transition:background .35s ease,color .35s ease,transform .35s ease; }
.explore-next a:hover { z-index:1; color:#fff; background:#111; transform:translateY(-5px); }
.explore-next a>span { color:var(--orange); font-size:9px; }
.explore-next h3 { margin:75px 0 12px; font-size:25px; letter-spacing:-.035em; }
.explore-next p { max-width:300px; color:#77736e; font-size:12px; line-height:1.55; }
.explore-next a:hover p { color:#aaa; }
.explore-next a>span:last-child { position:absolute; right:24px; top:24px; color:inherit; }
@media(max-width:980px){.operon-opening,.harness-circuit,.harness-capabilities,.operon-founder{grid-template-columns:1fr}.operon-opening>.editorial-image,.operon-founder>.editorial-image{min-height:560px}.harness-state>div:last-of-type{grid-template-columns:1fr 1fr}.harness-capabilities__intro{position:static}.motion-harness{min-height:520px}}
@media(max-width:640px){.operon-opening>.editorial-image,.operon-founder>.editorial-image{min-height:430px}.harness-state{border-radius:26px}.harness-state>div:last-of-type,.harness-dual>div:last-child,.harness-capabilities__grid,.explore-next>div{grid-template-columns:1fr}.harness-state article{min-height:230px}.harness-state article h3{margin-top:42px}.motion-harness{min-height:390px;padding:4px}.motion-harness>p{margin:-20px 18px 20px;text-align:center}.harness-dual article{min-height:390px}.harness-capabilities__grid article{min-height:210px}.operon-question{border-radius:26px}.kinetic-word{font-size:8px}.explore-next a{min-height:220px}.explore-next h3{margin-top:50px}}
@media(prefers-reduced-motion:reduce){.kinetic-word,.motion-harness .harness-pulse,.motion-harness .harness-node{animation:none!important}.kinetic-word{transform:none!important}}