/* The connected office leads; the product gallery follows at reading scale. */
.hero.hero-orbit { padding-top:clamp(1rem,2.5vw,2.75rem); }
.hero-orbit::before { background:radial-gradient(ellipse at 75% 45%,color-mix(in oklch,var(--surface-high) 30%,transparent),transparent 58%); }
.hero-orbit .hero-intro { grid-template-columns:minmax(0,.88fr) minmax(0,1.25fr); grid-template-rows:1fr auto; column-gap:clamp(1.5rem,3vw,3rem); row-gap:0; align-items:center; padding-bottom:2.5rem; }
.hero-orbit .hero-title-block { grid-column:1; grid-row:1; align-self:end; padding-top:2rem; }
.hero-orbit h1 { font-size:clamp(3rem,5.2vw,4.7rem); }
.hero-orbit .hero-copy { margin-top:1.4rem; }
.hero-orbit .hero-eyebrow { background:transparent; border:0; padding:0; margin-bottom:1.25rem; }
.hero-orbit .hero-conversion { grid-column:1; grid-row:2; align-self:start; padding-bottom:3.5rem; }
.hero-orbit .hero-actions { margin-top:1.75rem; gap:.75rem 1.25rem; }
.hero-orbit .orbit-visual { grid-column:2; grid-row:1 / 3; width:100%; max-width:740px; justify-self:center; }
.hero-orbit .orbit-stage.is-live { aspect-ratio:1.1; }
.hero-orbit .orbit-route { margin-top:.5rem; }
.hero-orbit .orbit-motion { width:44px; height:44px; }
.product-gallery { padding-block:clamp(2rem,4vw,4rem) clamp(3rem,5vw,5rem); border-top:1px solid var(--line); }
.gallery-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:1.75rem; }
.gallery-heading .eyebrow { margin-bottom:.65rem; }
.gallery-heading h2 { font-size:clamp(1.75rem,3vw,2.7rem); }
.gallery-heading > p { max-width:32ch; color:var(--muted); font-size:.9375rem; }
.product-gallery .hero-showcase { padding:0; }
.product-gallery .showcase-overline { padding:0; margin-bottom:1rem; }
.product-gallery .preview-tabs { width:min(100%,48rem); margin:0 0 1.25rem; }
.product-gallery .showcase-scene { padding:0; }
.product-gallery .hero-product { transform:none; transition:none; box-shadow:0 24px 70px -40px oklch(8% .009 150); }
.product-gallery .product-toolbar { min-height:46px; }
@media(max-width:1000px) and (min-width:761px) {
  .hero-orbit h1 { font-size:clamp(2.4rem,4.7vw,3.1rem); }
  .hero-orbit .hero-lead { font-size:1rem; }
  .hero-orbit .hero-description { font-size:.875rem; }
  .hero-orbit .hero-conversion { padding-bottom:1.5rem; }
  .hero-orbit .orbit-label { font-size:.65rem; }
}
@media(max-width:760px) {
  .hero.hero-orbit { padding-top:1.5rem; }
  .hero-orbit .hero-intro { display:flex; flex-direction:column; gap:0; padding-bottom:2.25rem; }
  .hero-orbit .hero-title-block { width:100%; padding-top:0; align-self:auto; }
  .hero-orbit .hero-eyebrow { font-size:.625rem; margin-bottom:.85rem; }
  .hero-orbit h1 { font-size:clamp(2.5rem,9.8vw,4.2rem); line-height:1.06; }
  .hero-orbit .hero-copy { max-width:34rem; margin-top:.9rem; }
  .hero-orbit .hero-lead { font-size:.9375rem; line-height:1.5; }
  .hero-orbit .hero-description { display:none; }
  .hero-orbit .orbit-visual { order:1; width:min(100%,480px); margin-top:.25rem; }
  .hero-orbit .orbit-stage.is-live { aspect-ratio:1.12; }
  .hero-orbit .orbit-route { font-size:.625rem; margin-top:.45rem; }
  .hero-orbit .orbit-motion { bottom:-.35rem; }
  .hero-orbit .hero-conversion { order:2; width:100%; padding:0; }
  .hero-orbit .hero-actions { margin-top:1.6rem; }
  .hero-orbit .hero-note { margin-top:.9rem; font-size:.6875rem; }
  .gallery-heading { display:block; margin-bottom:1.5rem; }
  .gallery-heading > p { margin-top:.85rem; }
  .product-gallery .preview-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .product-gallery .preview-tabs button { font-size:.75rem; }
}

/* Ten linked functions need a little more vertical space on narrow screens. */
@media(max-width:760px) {
  .hero-orbit .orbit-stage.is-live { aspect-ratio:.95; }
}

@media(max-width:760px) {
  .hero-orbit .hero-eyebrow, .hero-orbit .hero-conversion, .hero-orbit .orbit-motion { display:none; }
}

/* Portada centrada en el mensaje y la esfera en todos los tamaños. */
.hero-orbit .hero-eyebrow, .hero-orbit .hero-conversion, .hero-orbit .orbit-motion { display:none; }
.hero-orbit .hero-intro { grid-template-rows:1fr; }
.hero-orbit .hero-title-block { align-self:center; padding-top:0; }
.hero-orbit .orbit-visual { grid-row:1; }