/* Approved static composition + explicitly authorized motion. Scoped to Quem somos. */
/* The local preview opt-in is applied only by quem-somos.js on a loopback host. */
.about { overflow: clip; }
.about > .container { width: min(1280px, calc(100% - 64px)); grid-template-columns: 1.15fr 1fr; gap: 48px; }
.about .about-orbital { margin: 0; width: 100%; aspect-ratio: 1200 / 820; position: relative; container-type: inline-size; isolation: isolate; }
.about .orbital-plane { width: 58.333333%; aspect-ratio: 1; position: absolute; left: 49%; top: 50%; transform: translate(-50%, -50%); }
.about .orbital-glow { position: absolute; width: 178.571429%; aspect-ratio: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); background: radial-gradient(circle closest-side in srgb,
 color-mix(in srgb, var(--fishin-accent-intense) 52.6%, transparent) 0%,
 color-mix(in srgb, var(--fishin-accent-intense) 52.75%, transparent) 4%,
 color-mix(in srgb, var(--fishin-accent-intense) 52.05%, transparent) 8%,
 color-mix(in srgb, var(--fishin-accent-intense) 51.19%, transparent) 12%,
 color-mix(in srgb, var(--fishin-accent-intense) 49.13%, transparent) 16%,
 color-mix(in srgb, var(--fishin-accent-intense) 45.22%, transparent) 20%,
 color-mix(in srgb, var(--fishin-accent-intense) 40.94%, transparent) 24%,
 color-mix(in srgb, var(--fishin-accent-intense) 38.89%, transparent) 28%,
 color-mix(in srgb, var(--fishin-accent-intense) 34.95%, transparent) 32%,
 color-mix(in srgb, var(--fishin-accent-intense) 30.14%, transparent) 36%,
 color-mix(in srgb, var(--fishin-accent-intense) 26.39%, transparent) 40%,
 color-mix(in srgb, var(--fishin-accent-intense) 22.1%, transparent) 44%,
 color-mix(in srgb, var(--fishin-accent-intense) 17.29%, transparent) 48%,
 color-mix(in srgb, var(--fishin-accent-intense) 14.05%, transparent) 52%,
 color-mix(in srgb, var(--fishin-accent-intense) 12.34%, transparent) 56%,
 color-mix(in srgb, var(--fishin-accent-intense) 8.91%, transparent) 60%,
 color-mix(in srgb, var(--fishin-accent-intense) 6.68%, transparent) 64%,
 color-mix(in srgb, var(--fishin-accent-intense) 5.15%, transparent) 68%,
 color-mix(in srgb, var(--fishin-accent-intense) 3.77%, transparent) 72%,
 color-mix(in srgb, var(--fishin-accent-intense) 2.58%, transparent) 76%,
 color-mix(in srgb, var(--fishin-accent-intense) 2.06%, transparent) 80%,
 color-mix(in srgb, var(--fishin-accent-intense) 1.38%, transparent) 84%,
 color-mix(in srgb, var(--fishin-accent-intense) 1.2%, transparent) 88%,
 color-mix(in srgb, var(--fishin-accent-intense) .86%, transparent) 92%,
 color-mix(in srgb, var(--fishin-accent-intense) .34%, transparent) 96%, transparent 100%); pointer-events: none; }
.about .orbital-rings { width: 100%; height: 100%; position: absolute; inset: 0; fill: none; stroke: var(--fishin-accent); stroke-width: 1.5; }
.about .orbit-inner { opacity: .43; }
.about .orbit-middle { opacity: .25; }
.about .orbit-outer { opacity: .12; }
.about .orbital-shape { position: absolute; left: 39%; top: 31.285714%; width: 22.142857%; height: auto; }
.about .orbital-label { position: absolute; display: flex; align-items: center; gap: 1.166667cqw; white-space: nowrap; color: var(--fishin-text); font-size: 1.916667cqw; line-height: 1; letter-spacing: .28cqw; font-weight: 500; }
.about .orbital-label svg { width: 5cqw; height: 5cqw; flex-shrink: 0; fill: none; stroke: var(--fishin-accent); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.about .label-marketing { left: 77.571429%; top: 3%; }
.about .label-vendas { right: 99.714286%; top: 45.714286%; }
.about .label-automacao { left: 96.857143%; top: 45.714286%; }
.about .label-estrategia { right: 69.714286%; top: 86.285714%; }
.about .orbital-label svg.traced-icon { fill: var(--fishin-accent); stroke: none; }
.about .label-marketing { letter-spacing: .1709cqw; }
.about .label-vendas { letter-spacing: .16625cqw; }
.about .label-automacao { letter-spacing: .2362cqw; }
.about .label-estrategia { letter-spacing: .2138cqw; }
.about .orbital-dot { position: absolute; width: 5cqw; height: 5cqw; border: 1px solid color-mix(in srgb, var(--fishin-accent) 25%, transparent); border-radius: 50%; transform: translate(-50%, -50%); background: radial-gradient(circle, var(--fishin-text) 0 8%, var(--fishin-accent) 11%, color-mix(in srgb, var(--fishin-accent-intense) 35%, transparent) 24%, transparent 65%); }
.about .dot-marketing { left: 71.857143%; top: 7.428571%; }
.about .dot-vendas { left: 9.142857%; top: 50%; }
.about .dot-automacao { left: 89.571429%; top: 50.142857%; }
.about .dot-estrategia { left: 37.714286%; top: 88.714286%; }
.about .about-copy { min-width: 0; }
.about .about-copy h2 { font-size: clamp(1.75rem, 2.4vw, 2.25rem); line-height: 1.22; text-wrap: balance; }
.about .about-copy > p:not(.eyebrow) { margin-top: 18px; line-height: 1.7; color: var(--fishin-secondary); }
@media (max-width: 1050px) {
 .about > .container { grid-template-columns: 1fr; max-width: 720px; gap: 36px; }
 .about .about-orbital { aspect-ratio: 1; }
 .about .about-copy { max-width: 620px; margin-inline: auto; }
}
.about .orbital-system { position: absolute; inset: 0; }
.about .orbital-track { position: absolute; inset: 0; animation: fishin-orbit 60s linear infinite; animation-play-state: paused; }
.about .orbital-track .orbital-label { animation: fishin-counter-orbit 60s linear infinite; animation-play-state: paused; transform-origin: center; }
.about .motion-ready .orbital-glow { animation: fishin-glow 11s ease-in-out infinite alternate; animation-play-state: paused; }
.about .is-running .orbital-track, .about .is-running .orbital-label, .about .is-running .orbital-glow { animation-play-state: running; }
.about .about-orbital.motion-ready { transition: opacity 900ms ease, transform 900ms cubic-bezier(.22,.61,.36,1); }
.about .about-orbital.motion-ready:not(.has-entered) { opacity: 0; transform: translateY(12px); }
.about .motion-ready .orbital-shape { transition: opacity 700ms ease, transform 900ms cubic-bezier(.22,.61,.36,1); }
.about .motion-ready .orbital-system { transition: opacity 900ms ease 180ms, transform 1100ms cubic-bezier(.22,.61,.36,1) 180ms; }
.about .motion-ready .orbital-track { transition: opacity 800ms ease 420ms; }
.about .motion-ready:not(.has-entered) .orbital-shape { opacity: 0; transform: translateY(8px) scale(.96); }
.about .motion-ready:not(.has-entered) .orbital-system { opacity: 0; transform: scale(.94); }
.about .motion-ready:not(.has-entered) .orbital-track { opacity: 0; }
@keyframes fishin-orbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes fishin-counter-orbit { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } }
@keyframes fishin-glow { from { opacity: .94; transform: translate(-50%,-50%) scale(.99); } to { opacity: 1; transform: translate(-50%,-50%) scale(1.01); } }
@media (prefers-reduced-motion: reduce) {
 html:not(.motion-preview) .about .orbital-track, html:not(.motion-preview) .about .orbital-track .orbital-label, html:not(.motion-preview) .about .motion-ready .orbital-glow { animation: none !important; }
 html:not(.motion-preview) .about .about-orbital.motion-ready { opacity: 1; transform: none; transition: none; }
 html:not(.motion-preview) .about .motion-ready .orbital-glow { opacity: 1; transform: translate(-50%,-50%); }
 html:not(.motion-preview) .about .motion-ready .orbital-shape, html:not(.motion-preview) .about .motion-ready .orbital-system { opacity: 1; transform: none; transition: none; }
 html:not(.motion-preview) .about .motion-ready .orbital-track { opacity: 1; transition: none; }
}
@media (max-width: 600px) {
 .about > .container { width: calc(100% - 40px); gap: 22px; }
 .about .about-orbital { aspect-ratio: 1; }
 .about .orbital-plane { width: 62.686567%; left: 50%; }
 .about .orbital-label { font-size: .75rem; letter-spacing: .1em; gap: 5px; right: auto; translate: -50% -50%; }
 .about .label-marketing { left: 50%; top: 0; }
 .about .label-automacao { left: 100%; top: 50%; }
 .about .label-estrategia { left: 50%; top: 100%; }
 .about .label-vendas { left: 0; top: 50%; }
 .about .orbital-label svg { width: 15px; height: 15px; stroke-width: 2; }
 .about .orbital-dot { width: 4cqw; height: 4cqw; }
 .about .orbital-rings { stroke-width: 2; }
 .about .dot-marketing { left: 50%; top: 11.5%; }
 .about .dot-automacao { left: 88.5%; top: 50%; }
 .about .dot-estrategia { left: 50%; top: 88.5%; }
 .about .dot-vendas { left: 11.5%; top: 50%; }
}

.about .local-motion-preview .orbital-track { animation: fishin-orbit 60s linear infinite !important; animation-play-state: paused !important; }
.about .local-motion-preview .orbital-track .orbital-label { animation: fishin-counter-orbit 60s linear infinite !important; animation-play-state: paused !important; }
.about .local-motion-preview .orbital-glow { animation: fishin-glow 11s ease-in-out infinite alternate !important; animation-play-state: paused !important; }
.about .local-motion-preview.is-running .orbital-track, .about .local-motion-preview.is-running .orbital-label, .about .local-motion-preview.is-running .orbital-glow { animation-play-state: running !important; }
.about .local-motion-preview.motion-ready { transition: opacity 900ms ease, transform 900ms cubic-bezier(.22,.61,.36,1) !important; }
.about .local-motion-preview.motion-ready:not(.has-entered) { opacity: 0; transform: translateY(12px); }
.about .local-motion-preview.motion-ready .orbital-shape { transition: opacity 700ms ease, transform 900ms cubic-bezier(.22,.61,.36,1) !important; }
.about .local-motion-preview.motion-ready .orbital-system { transition: opacity 900ms ease 180ms, transform 1100ms cubic-bezier(.22,.61,.36,1) 180ms !important; }
.about .local-motion-preview.motion-ready .orbital-track { transition: opacity 800ms ease 420ms !important; }
.about .local-motion-preview.motion-ready:not(.has-entered) .orbital-shape { opacity: 0; transform: translateY(8px) scale(.96); }
.about .local-motion-preview.motion-ready:not(.has-entered) .orbital-system { opacity: 0; transform: scale(.94); }
.about .local-motion-preview.motion-ready:not(.has-entered) .orbital-track { opacity: 0; }