.site-header,
.site-footer,
#site-navigation,
.main-navigation,
.entry-header,
.page-header,
.widget-area,
#right-sidebar,
#left-sidebar {
display:none !important;
}
html,
body {
margin:0 !important;
padding:0 !important;
width:100% !important;
max-width:none !important;
overflow-x:hidden !important;
background:#f4f4f1 !important;
}
#page,
.site,
.site-content,
#content,
.content-area,
.site-main,
.inside-article,
.entry-content,
article,
.container,
.grid-container {
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
}
.separate-containers .inside-article,
.one-container .site-content {
padding:0 !important;
}
#capture-bizarre-root {
position:relative;
width:100vw !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
overflow:hidden;
background:#f4f4f1;
}
#capture-bizarre-root {
--cb-bg:#f4f4f1;
--cb-paper:#ffffff;
--cb-ink:#0a0a0a;
--cb-muted:#696969;
--cb-line:#d9d9d4;
--cb-accent:#e59781;
--cb-radius:24px;
--cb-max:1440px;
--cb-shadow:0 18px 60px rgba(0,0,0,.08);
color:var(--cb-ink);
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
#capture-bizarre-root *,
#capture-bizarre-root *::before,
#capture-bizarre-root *::after {
box-sizing:border-box;
}
#capture-bizarre-root img {
display:block;
max-width:100%;
}
#capture-bizarre-root a {
color:inherit;
text-decoration:none;
}
#capture-bizarre-root ::selection {
background:var(--cb-accent);
color:#000;
}
.cb-shell {
width:min(calc(100% - 32px),var(--cb-max));
margin-inline:auto;
}
.cb-eyebrow {
margin:0 0 14px;
font-size:12px;
line-height:1;
letter-spacing:.16em;
text-transform:uppercase;
font-weight:800;
}
.cb-btn {
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:48px;
padding:0 20px;
border:1px solid var(--cb-ink);
border-radius:999px;
font-size:13px;
font-weight:900;
letter-spacing:.02em;
transition:transform .2s ease,background .2s ease,color .2s ease;
}
.cb-btn:hover {
transform:translateY(-2px);
}
#capture-bizarre-root a.cb-btn--dark:hover,
#capture-bizarre-root a.cb-btn--dark:focus,
#capture-bizarre-root a.cb-btn--dark:active {
background:#0a0a0a !important;
background-color:#0a0a0a !important;
color:#fff !important;
border-color:#0a0a0a !important;
-webkit-text-fill-color:#fff !important;
}
#capture-bizarre-root .cb-hero a.cb-btn--accent:hover,
#capture-bizarre-root .cb-hero a.cb-btn--accent:focus,
#capture-bizarre-root .cb-hero a.cb-btn--accent:active {
background:#0a0a0a !important;
background-color:#0a0a0a !important;
border-color:#0a0a0a !important;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
}
#capture-bizarre-root .cb-hero a.cb-btn--ghost:hover,
#capture-bizarre-root .cb-hero a.cb-btn--ghost:focus,
#capture-bizarre-root .cb-hero a.cb-btn--ghost:active {
background:#fff !important;
background-color:#fff !important;
border-color:#fff !important;
color:#0a0a0a !important;
-webkit-text-fill-color:#0a0a0a !important;
}
#capture-bizarre-root .cb-hero a.cb-btn--accent:hover *,
#capture-bizarre-root .cb-hero a.cb-btn--accent:focus *,
#capture-bizarre-root .cb-hero a.cb-btn--accent:active * {
color:#fff !important;
-webkit-text-fill-color:#fff !important;
}
#capture-bizarre-root .cb-hero a.cb-btn--ghost:hover *,
#capture-bizarre-root .cb-hero a.cb-btn--ghost:focus *,
#capture-bizarre-root .cb-hero a.cb-btn--ghost:active * {
color:#0a0a0a !important;
-webkit-text-fill-color:#0a0a0a !important;
}
.cb-btn--dark {
background:#090909;
color:#fff !important;
}
.cb-btn--accent {
background:var(--cb-accent);
color:#000 !important;
border-color:var(--cb-accent);
}
.cb-btn--ghost {
background:transparent;
color:inherit !important;
}
.cb-header {
position:sticky;
top:0;
z-index:999;
border-bottom:1px solid rgba(0,0,0,.08);
background:rgba(10,10,10,.94);
border-bottom-color:rgba(255,255,255,.10);
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
}
.cb-nav {
min-height:76px;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
}
.cb-logo {
display:flex;
align-items:center;
flex:0 0 auto;
width:118px;
}
.cb-logo img {
display:block;
width:100%;
height:auto;
max-width:none !important;
}
.cb-navlinks {
display:none;
align-items:center;
gap:32px;
color:#fff;
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
font-size:12px;
text-transform:uppercase;
font-weight:1000 !important;
letter-spacing:-.01em;
}
.cb-navlinks a {
font:inherit !important;
font-family:inherit !important;
font-weight:1000 !important;
letter-spacing:inherit !important;
text-transform:uppercase !important;
}
.cb-header .cb-btn--dark {
background:var(--cb-accent);
border-color:var(--cb-accent);
color:#000 !important;
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
font-weight:1000 !important;
letter-spacing:-.01em !important;
text-transform:none;
}
.cb-header .cb-btn--dark:hover,
.cb-header .cb-btn--dark:focus,
.cb-header .cb-btn--dark:active,
.cb-cta .cb-btn--dark:hover,
.cb-cta .cb-btn--dark:focus,
.cb-cta .cb-btn--dark:active {
background:#0a0a0a !important;
background-color:#0a0a0a !important;
border-color:#0a0a0a !important;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
}
.cb-header .cb-btn--dark:hover *,
.cb-header .cb-btn--dark:focus *,
.cb-header .cb-btn--dark:active *,
.cb-cta .cb-btn--dark:hover *,
.cb-cta .cb-btn--dark:focus *,
.cb-cta .cb-btn--dark:active * {
color:#fff !important;
-webkit-text-fill-color:#fff !important;
}
.cb-hero {
padding:18px 0 0;
}
.cb-hero-card {
overflow:hidden;
min-height:680px;
border-radius:30px;
background:#0a0a0a;
color:#fff;
position:relative;
isolation:isolate;
}
.cb-hero-grid {
min-height:680px;
display:grid;
align-items:end;
}
.cb-hero-copy {
position:relative;
z-index:3;
padding:34px 24px 36px;
max-width:850px;
}
.cb-hero-main {
display:contents;
}
.cb-hero-title {
margin:0;
max-width:1000px;
font-size:clamp(55px,14.2vw,136px);
line-height:.79;
letter-spacing:-.075em;
text-transform:uppercase;
font-weight:1000;
}
.cb-hero-title .accent {
color:var(--cb-accent);
}
.cb-hero-sub {
margin:26px 0 0;
max-width:560px;
font-size:clamp(18px,3.4vw,25px);
line-height:1.18;
font-weight:650;
letter-spacing:-.03em;
}
.cb-actions {
margin-top:28px;
display:flex;
flex-wrap:wrap;
gap:10px;
}
.cb-hero-meta {
margin-top:27px;
display:flex;
flex-wrap:wrap;
gap:9px 16px;
font-size:11px;
text-transform:uppercase;
letter-spacing:.08em;
color:#d6d6d6;
font-weight:800;
}
.cb-hero-media {
position:absolute;
inset:0;
z-index:-2;
}
.cb-hero-eye-scene {
display:flex;
align-items:center;
justify-content:center;
background:
radial-gradient(circle at 58% 46%, rgba(255,255,255,.11) 0%, rgba(255,255,255,.05) 19%, rgba(255,255,255,0) 47%),
radial-gradient(circle at 50% 50%, rgba(229,151,129,.08) 0%, rgba(229,151,129,0) 40%),
linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(12,12,12,.28) 22%, rgba(28,28,28,.82) 100%);
overflow:hidden;
}
.cb-hero-card::before {
content:"";
position:absolute;
inset:0;
z-index:-1;
background:
linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.90) 38%,rgba(0,0,0,.20) 72%,rgba(0,0,0,.05) 100%),
linear-gradient(0deg,rgba(0,0,0,.40) 0%,rgba(0,0,0,0) 40%);
}
.cb-eye-glow {
position:absolute;
width:58%;
aspect-ratio:1/1;
border-radius:50%;
background:radial-gradient(circle, rgba(97,212,238,.22) 0%, rgba(97,212,238,.11) 28%, rgba(97,212,238,0) 68%);
filter:blur(18px);
opacity:.9;
animation:cbHeroGlow 5.6s ease-in-out infinite;
}
.cb-eye-orbit {
position:absolute;
border:1px solid rgba(229,151,129,.16);
border-radius:999px;
pointer-events:none;
}
.cb-eye-orbit--1 {
width:70%;
height:70%;
animation:cbOrbitFloatA 10s ease-in-out infinite;
}
.cb-eye-orbit--2 {
width:86%;
height:52%;
transform:rotate(-11deg);
animation:cbOrbitFloatB 13s ease-in-out infinite;
}
.cb-eye-orbit--3 {
width:44px;
height:44px;
top:16%;
right:18%;
background:rgba(229,151,129,.12);
border-color:rgba(229,151,129,.28);
box-shadow:0 0 0 10px rgba(229,151,129,.05);
animation:cbDotFloat 6s ease-in-out infinite;
}
.cb-eye-orbit--4 {
width:20px;
height:20px;
left:14%;
bottom:22%;
background:rgba(97,212,238,.24);
border-color:rgba(97,212,238,.28);
box-shadow:0 0 0 8px rgba(97,212,238,.05);
animation:cbDotFloat 8s ease-in-out infinite .8s;
}
.cb-eye-stage {
position:relative;
width:min(72%, 620px);
aspect-ratio:1/1;
display:grid;
place-items:center;
animation:cbHeroFloat 6.4s ease-in-out infinite;
}
.cb-eye-stage::before {
content:"";
position:absolute;
inset:14% 10% 18%;
border-radius:50%;
background:radial-gradient(circle, rgba(255,255,255,.09) 0%, rgba(255,255,255,.03) 35%, rgba(255,255,255,0) 72%);
filter:blur(12px);
}
.cb-eye-logo {
position:relative;
z-index:3;
width:100%;
height:auto;
display:block;
filter:drop-shadow(0 16px 40px rgba(0,0,0,.45));
}
.cb-eye-logo-wrap {
position:relative;
width:100%;
display:grid;
place-items:center;
}
.cb-eye-shine {
position:absolute;
z-index:5;
width:18%;
aspect-ratio:1/1;
top:35%;
left:59%;
border-radius:50%;
background:radial-gradient(
circle,
rgba(255,255,255,.92) 0%,
rgba(255,255,255,.68) 40%,
rgba(255,255,255,0) 72%
);
filter:blur(1px);
mix-blend-mode:screen;
animation:cbShineMove 5.2s ease-in-out infinite;
pointer-events:none;
}
@keyframes cbHeroFloat {
0%,100% { transform:translateY(0) rotate(-1deg); }
50% { transform:translateY(-14px) rotate(1deg); }
}
@keyframes cbHeroGlow {
0%,100% { transform:scale(.95); opacity:.74; }
50% { transform:scale(1.08); opacity:1; }
}
10.2% {
transform:translateY(-6%);
}
11.3% {
transform:translateY(-25%);
}
12.2% {
transform:translateY(-6%);
}
13.5% {
transform:translateY(122%);
}
52.2% {
transform:translateY(-4%);
}
53.2% {
transform:translateY(-22%);
}
54.2% {
transform:translateY(-4%);
}
55.5% {
transform:translateY(122%);
}
}
@keyframes cbShineMove {
0%,100% {
transform:translate(0,0) scale(1);
opacity:.88;
}
50% {
transform:translate(-10px,7px) scale(.9);
opacity:.68;
}
}
@keyframes cbOrbitFloatA {
0%,100% { transform:rotate(0deg) scale(1); opacity:.45; }
50% { transform:rotate(8deg) scale(1.03); opacity:.8; }
}
@keyframes cbOrbitFloatB {
0%,100% { transform:rotate(-11deg) translateY(0); opacity:.38; }
50% { transform:rotate(-5deg) translateY(-10px); opacity:.62; }
}
@keyframes cbDotFloat {
0%,100% { transform:translateY(0); }
50% { transform:translateY(-12px); }
}
70% { box-shadow:0 0 0 10px rgba(229,151,129,0); }
100% { box-shadow:0 0 0 0 rgba(229,151,129,0); }
}
.cb-sticker {
position:absolute;
right:18px;
top:34px;
z-index:3;
background:var(--cb-accent);
color:#000;
padding:13px 16px;
transform:rotate(4deg);
box-shadow:0 10px 35px rgba(0,0,0,.22);
font-size:13px;
line-height:1.05;
font-weight:1000;
text-transform:uppercase;
}
.cb-stats {
padding:18px 0;
}
.cb-stats-grid {
display:grid;
grid-template-columns:1fr;
overflow:hidden;
border:1px solid var(--cb-line);
border-radius:var(--cb-radius);
background:var(--cb-paper);
}
.cb-stat {
padding:28px 24px;
border-bottom:1px solid var(--cb-line);
}
.cb-stat:last-child {
border-bottom:0;
}
.cb-stat strong {
display:block;
font-size:clamp(54px,14vw,92px);
line-height:.82;
letter-spacing:-.07em;
font-weight:1000;
}
.cb-stat span {
display:block;
margin-top:12px;
color:var(--cb-muted);
font-size:12px;
letter-spacing:.09em;
text-transform:uppercase;
font-weight:850;
}
.cb-section {
padding:74px 0;
}
.cb-section-head {
display:flex;
align-items:end;
justify-content:space-between;
gap:24px;
margin-bottom:28px;
}
.cb-h2 {
margin:0;
max-width:900px;
font-size:clamp(42px,8.5vw,90px);
line-height:.88;
letter-spacing:-.065em;
font-weight:1000;
}
.cb-copy {
margin:18px 0 0;
max-width:680px;
color:#4e4e4e;
font-size:18px;
line-height:1.45;
}
#cb-marcas .cb-h2,
#cb-marcas .cb-eyebrow {
color:#0a0a0a !important;
}
.cb-brands-sub {
margin:18px 0 0;
color:#6d6d6d;
font-size:15px;
line-height:1.35;
font-weight:750;
letter-spacing:-.02em;
}
.cb-logo-cloud {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:1px;
overflow:hidden;
border:1px solid var(--cb-line);
border-radius:var(--cb-radius);
background:var(--cb-line);
}
.cb-brand {
min-height:116px;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
background:#fff;
font-size:clamp(18px,4vw,29px);
letter-spacing:-.045em;
font-weight:950;
text-align:center;
transition:background .2s ease,transform .2s ease;
}
.cb-brand img {
display:block;
width:auto;
max-width:78% !important;
max-height:48px;
object-fit:contain;
transition:transform .2s ease,opacity .2s ease;
}
.cb-brand:hover img {
transform:scale(1.045);
opacity:.78;
}
.cb-what {
background:#0a0a0a;
color:#fff;
}
.cb-what .cb-copy {
color:#c5c5c5;
}
.cb-process {
margin-top:46px;
position:relative;
display:grid;
grid-template-columns:1fr;
gap:14px;
isolation:isolate;
}
.cb-process-step {
position:relative;
z-index:auto;
min-height:310px;
padding:94px 30px 38px;
border-radius:var(--cb-radius);
background:#151515;
border:1px solid #2c2c2c;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
transition:
transform .35s cubic-bezier(.2,.8,.2,1),
border-color .35s ease,
background .35s ease,
box-shadow .35s ease;
}
.cb-process-step:hover {
z-index:8;
transform:translateY(-7px);
border-color:rgba(229,151,129,.72);
background:#191919;
box-shadow:0 22px 55px rgba(0,0,0,.22);
}
.cb-process-top {
position:absolute;
top:22px;
left:18px;
right:18px;
z-index:10;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:7px;
}
.cb-process-number {
position:relative;
z-index:11;
display:inline-flex;
align-items:center;
justify-content:center;
min-width:56px;
height:34px;
padding:0 14px;
border-radius:999px;
background:var(--cb-accent);
color:#0a0a0a;
font-size:12px;
font-weight:1000;
letter-spacing:.08em;
box-shadow:0 0 0 7px #151515;
transition:box-shadow .35s ease,transform .35s ease;
}
.cb-process-step:hover .cb-process-number {
box-shadow:0 0 0 7px #191919;
transform:scale(1.04);
}
.cb-process-status {
color:#727272;
font-size:10px;
line-height:1;
text-transform:uppercase;
letter-spacing:.18em;
font-weight:1000;
}
.cb-process-body {
position:relative;
z-index:5;
width:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
transform:translateY(18px);
}
.cb-process-word {
margin:0 0 18px;
color:#fff;
font-size:clamp(40px,6vw,65px);
line-height:.86;
letter-spacing:-.065em;
font-weight:1000;
text-transform:uppercase;
text-align:center;
}
.cb-process-step p {
margin:0 auto;
max-width:355px;
color:#bcbcbc;
font-size:15px;
line-height:1.5;
text-align:center;
}
.cb-process-arrow {
display:none !important;
}
.cb-process-step::after {
content:"";
position:absolute;
z-index:1;
top:-35%;
bottom:-35%;
left:-36%;
width:24%;
transform:skewX(-18deg);
background:
linear-gradient(
90deg,
transparent,
rgba(229,151,129,.02),
rgba(229,151,129,.13),
rgba(229,151,129,.02),
transparent
);
pointer-events:none;
animation:cbCardSweep 7.5s ease-in-out infinite;
}
.cb-process-step:nth-child(2)::after {
animation-delay:1.15s;
}
.cb-process-step:nth-child(3)::after {
animation-delay:2.3s;
}
@keyframes cbCardSweep {
0%,58% {
left:-36%;
}
88%,100% {
left:126%;
}
}
.cb-process-number::after {
content:"";
position:absolute;
inset:-6px;
border:1px solid rgba(229,151,129,.42);
border-radius:999px;
opacity:0;
animation:cbNumberPulse 3.6s ease-out infinite;
}
.cb-process-step:nth-child(2) .cb-process-number::after {
animation-delay:1.2s;
}
.cb-process-step:nth-child(3) .cb-process-number::after {
animation-delay:2.4s;
}
@keyframes cbNumberPulse {
0% {
opacity:0;
transform:scale(.92);
}
18% {
opacity:.72;
}
42%,100% {
opacity:0;
transform:scale(1.28);
}
}
.cb-press {
overflow:hidden;
border-radius:28px;
background:#fff;
border:1px solid var(--cb-line);
}
.cb-press-grid {
display:grid;
grid-template-columns:1fr;
}
.cb-press-copy {
padding:34px 24px;
}
.cb-press-quote {
margin:0;
max-width:900px;
font-family:Georgia,"Times New Roman",serif;
font-size:clamp(34px,6.5vw,72px);
line-height:.98;
letter-spacing:-.045em;
}
.cb-press-source {
margin-top:28px;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:5px;
}
.cb-press-source .source-badge {
display:inline-flex;
align-items:center;
min-height:30px;
padding:0 10px;
border-radius:7px;
background:#161616;
color:var(--cb-accent);
font-size:12px;
line-height:1;
font-weight:900;
letter-spacing:.01em;
}
.cb-press-source strong {
margin-top:6px;
font-size:16px;
line-height:1.2;
font-weight:1000;
}
.cb-press-source span:last-child {
color:#777;
font-size:14px;
line-height:1.3;
}
.cb-more-media {
margin-top:46px;
padding-top:28px;
border-top:1px solid #e7e7e2;
}
.cb-more-media-title {
margin:0 0 20px;
color:#0a0a0a;
font-size:12px;
line-height:1;
letter-spacing:.16em;
text-transform:uppercase;
font-weight:1000;
}
.cb-media-row {
margin-top:0;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:22px 34px;
}
.cb-media-row a {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
transition:opacity .2s ease,transform .2s ease;
}
.cb-media-row a:hover {
opacity:.62;
transform:translateY(-2px);
}
.cb-media-row img {
display:block;
width:auto;
max-width:130px !important;
max-height:34px;
object-fit:contain;
filter:grayscale(1) saturate(0) contrast(.92);
opacity:.78;
transition:opacity .2s ease,filter .2s ease,transform .2s ease;
}
.cb-media-row a:hover img,
.cb-media-row a:focus img {
opacity:1;
filter:grayscale(1) saturate(0) contrast(1);
transform:scale(1.025);
}
.cb-media-logo--rionegro {
max-width:148px !important;
max-height:30px !important;
}
.cb-media-logo--realpolitik {
max-width:150px !important;
max-height:31px !important;
}
.cb-press-side {
min-height:320px;
background:#000;
position:relative;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
.cb-press-side-link {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
min-height:inherit;
padding:42px 34px 88px;
color:inherit !important;
text-decoration:none !important;
}
.cb-press-side-link:hover,
.cb-press-side-link:focus,
.cb-press-side-link:active {
color:inherit !important;
text-decoration:none !important;
}
.cb-press-side img {
display:block;
width:68%;
height:auto;
max-width:420px !important;
max-height:56%;
margin:auto;
object-fit:contain;
background:transparent;
filter:grayscale(1) contrast(1.08);
opacity:.94;
}
.cb-press-side::after {
content:"NOTA EN\A FORBES";
white-space:pre;
position:absolute;
left:24px;
bottom:24px;
color:#fff;
font-size:34px;
line-height:.88;
letter-spacing:-.06em;
font-weight:1000;
}
.cb-wiki {
position:relative;
overflow:hidden;
border-top:1px solid var(--cb-line);
background:#fafafa;
}
.cb-wiki-link {
position:relative;
display:grid;
grid-template-columns:1fr;
gap:24px;
min-height:220px;
padding:34px 24px;
color:#0a0a0a !important;
text-decoration:none !important;
isolation:isolate;
transition:
background .28s ease,
color .28s ease;
}
.cb-wiki-link::before {
content:"W";
position:absolute;
z-index:-1;
right:-12px;
bottom:-64px;
font-family:Georgia,"Times New Roman",serif;
font-size:240px;
line-height:.8;
font-weight:400;
letter-spacing:-.08em;
color:#0a0a0a;
opacity:.045;
pointer-events:none;
transition:
transform .45s cubic-bezier(.2,.8,.2,1),
opacity .28s ease;
}
.cb-wiki-link::after {
content:"";
position:absolute;
z-index:-1;
left:0;
bottom:0;
width:0;
height:4px;
background:var(--cb-accent);
transition:width .45s cubic-bezier(.2,.8,.2,1);
}
.cb-wiki-link:hover,
.cb-wiki-link:focus {
background:#f4f4f1 !important;
color:#0a0a0a !important;
}
.cb-wiki-link:hover .cb-wiki-title,
.cb-wiki-link:focus .cb-wiki-title,
.cb-wiki-link:active .cb-wiki-title {
color:#0a0a0a !important;
-webkit-text-fill-color:#0a0a0a !important;
}
.cb-wiki-link:hover::before,
.cb-wiki-link:focus::before {
transform:translate(-12px,-8px) rotate(-2deg);
opacity:.075;
}
.cb-wiki-link:hover::after,
.cb-wiki-link:focus::after {
width:100%;
}
.cb-wiki-kicker {
margin:0 0 13px;
color:#6c6c6c;
font-size:11px;
line-height:1;
letter-spacing:.16em;
text-transform:uppercase;
font-weight:1000;
}
.cb-wiki-title {
margin:0;
max-width:720px;
color:#0a0a0a !important;
-webkit-text-fill-color:#0a0a0a !important;
font-size:clamp(34px,6.4vw,66px);
line-height:.9;
letter-spacing:-.055em;
font-weight:1000;
}
.cb-wiki-copy {
margin:16px 0 0;
max-width:610px;
color:#5f5f5f;
font-size:15px;
line-height:1.45;
}
.cb-wiki-action {
align-self:end;
display:inline-flex;
align-items:center;
justify-content:center;
width:max-content;
min-height:42px;
padding:0 16px;
border-radius:999px;
background:#0a0a0a;
color:#fff;
font-size:11px;
line-height:1;
letter-spacing:.04em;
text-transform:uppercase;
font-weight:1000;
transition:
background .25s ease,
color .25s ease,
transform .25s ease;
}
.cb-wiki-link:hover .cb-wiki-action,
.cb-wiki-link:focus .cb-wiki-action {
background:var(--cb-accent);
color:#0a0a0a;
transform:translateY(-2px);
}
.cb-cta {
padding:18px 0;
}
.cb-cta-box {
border-radius:30px;
padding:38px 24px;
background:var(--cb-accent);
position:relative;
overflow:hidden;
isolation:isolate;
}
.cb-cta-box > * {
position:relative;
z-index:2;
}
.cb-cta-box::after {
content:"SACAMOS SONRISAS";
position:absolute;
left:28px;
right:auto;
bottom:-18px;
z-index:0;
white-space:nowrap;
color:#000;
font-size:clamp(72px,12vw,180px);
line-height:.78;
letter-spacing:-.075em;
font-weight:1000;
opacity:.075;
pointer-events:none;
}
.cb-cta-title {
position:relative;
z-index:2;
margin:0;
max-width:1000px;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
font-size:clamp(50px,10vw,116px);
line-height:.82;
letter-spacing:-.075em;
font-weight:1000;
}
.cb-cta-row {
position:relative;
z-index:2;
margin-top:30px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
flex-wrap:wrap;
}
.cb-email {
font-size:clamp(16px,3.6vw,24px);
font-weight:850;
letter-spacing:-.03em;
}
.cb-footer {
padding:28px 0 42px;
font-size:12px;
color:#646464;
}
.cb-footer-row {
display:flex;
flex-direction:column;
gap:14px;
}
.cb-socials {
display:flex;
align-items:center;
flex-wrap:wrap;
gap:16px;
}
.cb-social-link {
width:32px;
height:32px;
display:grid;
place-items:center;
border-radius:9px;
transition:
transform .22s cubic-bezier(.2,.8,.2,1),
background-color .22s ease;
}
.cb-social-link img {
display:block;
width:23px;
height:23px;
max-width:none !important;
object-fit:contain;
}
.cb-social-link:hover,
.cb-social-link:focus {
transform:translateY(-3px) scale(1.08);
background:rgba(229,151,129,.14);
}
.cb-reveal {
opacity:1 !important;
transform:none !important;
visibility:visible !important;
}
.cb-reveal.is-visible {
opacity:1 !important;
transform:none !important;
visibility:visible !important;
}
@media (max-width:719px) {
.cb-hero {
padding-top:8px;
}
.cb-hero-card,
.cb-hero-grid,
.cb-hero-copy {
min-height:0 !important;
height:calc(100svh - 92px);
}
@supports (height:100dvh) {
.cb-hero-card,
.cb-hero-grid,
.cb-hero-copy {
height:calc(100dvh - 92px);
}
}
.cb-hero-card {
max-height:650px;
min-height:540px !important;
border-radius:26px;
}
.cb-hero-grid {
max-height:650px;
min-height:540px !important;
align-items:stretch;
}
.cb-hero-copy {
position:relative;
max-height:650px;
min-height:540px !important;
display:block;
padding:0 22px;
}
.cb-hero-copy .cb-eyebrow {
position:absolute;
z-index:12;
top:30px;
left:22px;
right:22px;
margin:0;
font-size:10.5px;
line-height:1;
letter-spacing:.14em;
}
.cb-hero-main {
position:absolute;
z-index:10;
left:22px;
right:22px;
top:49%;
display:block;
transform:translateY(-50%);
}
.cb-hero-title {
max-width:94%;
font-size:clamp(43px,13.4vw,58px);
line-height:.82;
letter-spacing:-.07em;
}
.cb-hero-sub {
max-width:92%;
margin-top:18px;
font-size:15.5px;
line-height:1.28;
}
.cb-actions {
width:100%;
margin-top:19px;
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
}
.cb-actions .cb-btn {
width:100%;
min-height:43px;
padding:0 10px;
font-size:10.5px;
white-space:nowrap;
}
.cb-hero-meta {
position:absolute;
z-index:12;
left:22px;
right:22px;
bottom:20px;
width:auto;
margin:0;
padding:0;
justify-content:center;
text-align:center;
gap:5px 9px;
font-size:9px;
letter-spacing:.055em;
color:#efefef;
white-space:nowrap;
}
.cb-hero-media {
left:auto !important;
right:-9%;
top:14%;
bottom:auto;
width:76% !important;
height:50%;
opacity:.82;
z-index:-2;
}
.cb-eye-stage {
width:100%;
max-width:360px;
transform:translateX(13%);
}
.cb-eye-glow {
width:88%;
}
.cb-eye-orbit--1 {
width:88%;
height:88%;
}
.cb-eye-orbit--2 {
width:105%;
height:66%;
}
.cb-eye-orbit--3 {
top:4%;
right:2%;
}
.cb-eye-orbit--4 {
left:4%;
bottom:10%;
}
.cb-hero-card::before {
background:
linear-gradient(
180deg,
rgba(0,0,0,.10) 0%,
rgba(0,0,0,.18) 18%,
rgba(0,0,0,.54) 42%,
rgba(0,0,0,.84) 68%,
rgba(0,0,0,.98) 88%,
rgba(0,0,0,1) 100%
),
linear-gradient(
90deg,
rgba(0,0,0,.96) 0%,
rgba(0,0,0,.70) 48%,
rgba(0,0,0,.18) 100%
);
}
.cb-stat {
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.cb-stat strong,
.cb-stat span {
text-align:center;
}
}
@media (max-width:390px) {
.cb-hero-title {
font-size:clamp(40px,12.8vw,52px);
}
.cb-hero-sub {
font-size:14.5px;
}
.cb-actions .cb-btn {
font-size:9.8px;
padding-inline:7px;
}
.cb-hero-meta {
font-size:8.5px;
gap:4px 7px;
}
}
@media (min-width:720px) {
.cb-process-body {
transform:translateY(22px);
}
.cb-cta-box::after {
left:46px;
bottom:-26px;
}
.cb-logo {
width:138px;
}
.cb-shell {
width:min(calc(100% - 48px),var(--cb-max));
}
.cb-navlinks {
display:flex;
}
.cb-hero-copy {
padding:54px 46px;
}
.cb-sticker {
right:44px;
top:44px;
}
.cb-stats-grid {
grid-template-columns:repeat(3,1fr);
}
.cb-stat {
border-bottom:0;
border-right:1px solid var(--cb-line);
}
.cb-stat:last-child {
border-right:0;
}
.cb-logo-cloud {
grid-template-columns:repeat(4,1fr);
}
.cb-process {
grid-template-columns:repeat(3,1fr);
gap:14px;
}
.cb-process-step {
min-height:360px;
padding:104px 34px 42px;
}
.cb-process::before {
content:"";
position:absolute;
z-index:3;
top:39px;
left:16.666%;
right:16.666%;
height:2px;
background:
linear-gradient(
90deg,
rgba(229,151,129,.24),
rgba(229,151,129,.82),
rgba(229,151,129,.24)
);
pointer-events:none;
}
.cb-process::after {
content:"";
position:absolute;
z-index:7;
top:33px;
left:16.666%;
width:14px;
height:14px;
border-radius:50%;
background:var(--cb-accent);
box-shadow:
0 0 0 6px rgba(229,151,129,.10),
0 0 26px rgba(229,151,129,.68);
transform:translateX(-50%);
pointer-events:none;
animation:cbProcessTravel 5.4s cubic-bezier(.4,0,.2,1) infinite;
}
@keyframes cbProcessTravel {
0% {
left:16.666%;
}
45% {
left:50%;
}
90%,100% {
left:83.333%;
}
}
.cb-press-grid {
grid-template-columns:1.55fr .75fr;
}
.cb-press-copy {
padding:52px;
}
.cb-press-side {
min-height:100%;
}
.cb-wiki-link {
grid-template-columns:1fr auto;
align-items:end;
min-height:235px;
padding:42px 52px;
}
.cb-wiki-link::before {
right:34px;
bottom:-74px;
font-size:300px;
}
.cb-wiki-action {
align-self:end;
}
.cb-cta-box {
padding:58px 52px;
}
.cb-footer-row {
flex-direction:row;
justify-content:space-between;
align-items:center;
}
}
@media (min-width:1040px) {
.cb-process-body {
transform:translateY(26px);
}
.cb-hero-card {
min-height:760px;
}
.cb-hero-grid {
min-height:760px;
}
.cb-hero-copy {
padding:72px 64px;
}
.cb-hero-media {
left:43%;
width:57%;
}
.cb-eye-stage {
width:min(78%, 700px);
}
.cb-hero-card::before {
background:
linear-gradient(
90deg,
#0a0a0a 0%,
#0a0a0a 38%,
rgba(10,10,10,.86) 49%,
rgba(10,10,10,.24) 72%,
rgba(10,10,10,.04) 100%
),
linear-gradient(
0deg,
rgba(0,0,0,.35),
rgba(0,0,0,0)
);
}
.cb-sticker {
top:auto;
bottom:70px;
right:48px;
}
.cb-section {
padding:110px 0;
}
.cb-logo-cloud {
grid-template-columns:repeat(8,1fr);
}
}
#capture-bizarre-root main,
#capture-bizarre-root section,
#capture-bizarre-root .cb-section,
#capture-bizarre-root .cb-stats,
#capture-bizarre-root .cb-logo-cloud,
#capture-bizarre-root .cb-process,
#capture-bizarre-root .cb-press,
#capture-bizarre-root .cb-wiki,
#capture-bizarre-root .cb-cta {
visibility:visible !important;
}
.cb-brand {
transition:
background-color .24s ease,
transform .26s cubic-bezier(.2,.8,.2,1) !important;
}
.cb-brand:hover,
.cb-brand:focus-within {
background:#E59781 !important;
background-color:#E59781 !important;
transform:translateY(-4px);
}
.cb-brand:hover img,
.cb-brand:focus-within img {
transform:scale(1.06) !important;
opacity:1 !important;
}
@media (max-width:719px) {
.cb-press-side-link {
padding:38px 28px 86px;
}
.cb-press-side img {
width:72%;
max-width:310px !important;
max-height:50%;
}
}
@media (max-width:719px) {
.cb-socials {
justify-content:center;
gap:17px;
}
.cb-social-link {
width:34px;
height:34px;
}
.cb-social-link img {
width:25px;
height:25px;
}
}
.cb-cta {
padding:24px 0 18px;
}
.cb-cta-pro {
min-height:520px;
display:grid;
grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr);
align-items:stretch;
gap:34px;
padding:54px;
border-radius:34px;
background:
radial-gradient(circle at 14% 18%, rgba(229,151,129,.13), transparent 27%),
radial-gradient(circle at 92% 76%, rgba(97,212,238,.06), transparent 24%),
#0a0a0a !important;
border:1px solid rgba(255,255,255,.08);
color:#fff;
position:relative;
isolation:isolate;
overflow:hidden;
}
.cb-cta-pro::after {
content:"SACAMOS SONRISAS" !important;
position:absolute;
z-index:0;
left:32px;
right:auto;
bottom:-24px;
white-space:nowrap;
color:#fff !important;
font-size:clamp(86px,11vw,170px) !important;
line-height:.76 !important;
letter-spacing:-.075em !important;
font-weight:1000 !important;
opacity:.035 !important;
pointer-events:none;
}
.cb-cta-pro > * {
position:relative;
z-index:2;
}
.cb-cta-main {
display:flex;
flex-direction:column;
justify-content:center;
min-width:0;
padding:12px 0 40px;
}
.cb-cta-eyebrow {
color:var(--cb-accent) !important;
margin-bottom:22px !important;
}
.cb-cta-title {
margin:0;
max-width:860px;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
font-size:clamp(58px,7.3vw,108px) !important;
line-height:.84 !important;
letter-spacing:-.072em !important;
font-weight:1000 !important;
}
.cb-cta-copy {
margin:30px 0 0;
max-width:680px;
color:#aaa;
font-size:17px;
line-height:1.5;
letter-spacing:-.018em;
}
.cb-cta-contact {
align-self:center;
width:100%;
padding:32px;
border-radius:25px;
background:rgba(255,255,255,.055);
border:1px solid rgba(255,255,255,.09);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
box-shadow:0 24px 70px rgba(0,0,0,.24);
}
.cb-cta-contact-label {
margin:0 0 18px;
color:#777;
font-size:10px;
line-height:1;
letter-spacing:.17em;
text-transform:uppercase;
font-weight:1000;
}
.cb-whatsapp-btn {
width:100%;
min-height:92px;
display:grid;
grid-template-columns:44px minmax(0,1fr) auto;
align-items:center;
gap:15px;
padding:16px 18px;
border-radius:18px;
background:#E59781 !important;
color:#0a0a0a !important;
border:1px solid #E59781;
text-decoration:none !important;
transition:
transform .26s cubic-bezier(.2,.8,.2,1),
background .22s ease,
border-color .22s ease,
box-shadow .26s ease;
}
.cb-whatsapp-btn:hover,
.cb-whatsapp-btn:focus {
background:#fff !important;
border-color:#fff !important;
color:#0a0a0a !important;
transform:translateY(-4px);
box-shadow:0 18px 44px rgba(0,0,0,.24);
}
.cb-whatsapp-icon {
width:44px;
height:44px;
display:grid;
place-items:center;
border-radius:13px;
background:#0a0a0a;
color:#fff;
}
.cb-whatsapp-icon svg {
width:25px;
height:25px;
fill:currentColor;
}
.cb-whatsapp-copy {
min-width:0;
display:flex;
flex-direction:column;
gap:5px;
}
.cb-whatsapp-copy small {
color:rgba(0,0,0,.60);
font-size:9px;
line-height:1;
letter-spacing:.10em;
font-weight:1000;
}
.cb-whatsapp-copy strong {
color:#0a0a0a;
font-size:20px;
line-height:1.05;
letter-spacing:-.035em;
font-weight:1000;
}
.cb-whatsapp-arrow {
color:#0a0a0a;
font-size:22px;
line-height:1;
font-weight:1000;
transition:transform .22s cubic-bezier(.2,.8,.2,1);
}
.cb-whatsapp-btn:hover .cb-whatsapp-arrow,
.cb-whatsapp-btn:focus .cb-whatsapp-arrow {
transform:translate(4px,-4px);
}
.cb-cta-divider {
margin:24px 0 18px;
display:flex;
align-items:center;
gap:12px;
color:#555;
}
.cb-cta-divider::before,
.cb-cta-divider::after {
content:"";
flex:1;
height:1px;
background:rgba(255,255,255,.08);
}
.cb-cta-divider span {
font-size:9px;
line-height:1;
letter-spacing:.14em;
font-weight:900;
}
.cb-cta-email-link {
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
color:#fff !important;
font-size:14px;
line-height:1.2;
font-weight:800;
text-decoration:none !important;
transition:color .22s ease;
}
.cb-cta-email-link:hover,
.cb-cta-email-link:focus {
color:#E59781 !important;
}
.cb-cta-email-link span {
font-size:16px;
transition:transform .22s ease;
}
.cb-cta-email-link:hover span,
.cb-cta-email-link:focus span {
transform:translate(3px,-3px);
}
.cb-cta-orbit {
position:absolute !important;
z-index:1 !important;
border:1px solid rgba(229,151,129,.12);
border-radius:50%;
pointer-events:none;
}
.cb-cta-orbit--one {
width:390px;
height:390px;
top:-250px;
right:23%;
}
.cb-cta-orbit--two {
width:170px;
height:170px;
right:-84px;
bottom:-72px;
border-color:rgba(97,212,238,.10);
}
@media (max-width:980px) {
.cb-cta-pro {
grid-template-columns:1fr;
min-height:auto;
gap:32px;
padding:44px;
}
.cb-cta-main {
padding-bottom:0;
}
}
@media (max-width:719px) {
.cb-cta {
padding-top:16px;
}
.cb-cta-pro {
gap:28px;
padding:34px 24px 30px;
border-radius:27px;
}
.cb-cta-pro::after {
left:20px;
bottom:-10px;
font-size:78px !important;
opacity:.028 !important;
}
.cb-cta-main {
padding:0;
}
.cb-cta-eyebrow {
margin-bottom:17px !important;
}
.cb-cta-title {
max-width:100%;
font-size:clamp(46px,13vw,62px) !important;
line-height:.86 !important;
}
.cb-cta-copy {
margin-top:22px;
font-size:15px;
line-height:1.45;
}
.cb-cta-contact {
padding:19px;
border-radius:21px;
}
.cb-whatsapp-btn {
min-height:82px;
grid-template-columns:40px minmax(0,1fr) auto;
gap:12px;
padding:14px;
border-radius:16px;
}
.cb-whatsapp-icon {
width:40px;
height:40px;
border-radius:12px;
}
.cb-whatsapp-icon svg {
width:23px;
height:23px;
}
.cb-whatsapp-copy small {
font-size:8px;
}
.cb-whatsapp-copy strong {
font-size:17px;
}
.cb-cta-email-link {
font-size:12px;
}
.cb-cta-orbit--one {
width:250px;
height:250px;
top:-180px;
right:-40px;
}
}
@media (max-width:719px) {
.cb-media-row {
gap:20px 26px;
}
.cb-media-row a {
min-height:40px;
}
.cb-media-row img {
max-width:112px !important;
max-height:30px;
}
.cb-media-logo--rionegro {
max-width:126px !important;
max-height:27px !important;
}
.cb-media-logo--realpolitik {
max-width:128px !important;
max-height:28px !important;
}
}
@media (max-width:719px) {
.cb-media-row {
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr));
align-items:center;
justify-items:center;
gap:26px 14px !important;
width:100%;
}
.cb-media-row a {
width:100%;
min-height:48px;
display:flex !important;
align-items:center;
justify-content:center;
padding:0 4px;
}
.cb-media-row img {
display:block;
width:auto;
height:auto;
max-width:92px !important;
max-height:30px !important;
margin:0 auto;
object-fit:contain;
}
.cb-media-logo--rionegro {
max-width:112px !important;
max-height:27px !important;
}
.cb-media-logo--realpolitik {
max-width:108px !important;
max-height:28px !important;
}
}
.grecaptcha-badge {
visibility:hidden !important;
opacity:0 !important;
pointer-events:none !important;
width:0 !important;
height:0 !important;
overflow:hidden !important;
}
@media (max-width:719px) {
.cb-footer-row {
align-items:center !important;
text-align:center !important;
}
.cb-footer-row > div:first-child {
width:100%;
text-align:center !important;
margin-inline:auto;
line-height:1.5;
}
}
@media (min-width:720px) {
html {
scroll-behavior:smooth !important;
}
#cb-nosotros,
#cb-marcas,
#cb-prensa,
#cb-contacto {
scroll-margin-top:88px;
}
}
.cb-hero-meta-desktop {
display:none;
}
@media (min-width:1040px) {
.cb-hero-copy > .cb-hero-meta {
display:none !important;
}
.cb-hero-meta-desktop {
--cb-meta-travel:clamp(72px,7vw,125px);
position:absolute;
z-index:30;
left:50%;
bottom:28px;
display:flex;
align-items:center;
justify-content:center;
flex-wrap:nowrap;
gap:9px 15px;
width:max-content;
max-width:calc(100% - 90px);
padding:10px 18px;
transform:translateX(-50%);
border:1px solid rgba(255,255,255,.075);
border-radius:999px;
background:rgba(255,255,255,.035);
backdrop-filter:blur(9px);
-webkit-backdrop-filter:blur(9px);
color:#d8d8d8;
font-size:10px;
line-height:1;
letter-spacing:.09em;
text-transform:uppercase;
font-weight:900;
white-space:nowrap;
box-shadow:
0 10px 30px rgba(0,0,0,.12),
inset 0 1px 0 rgba(255,255,255,.025);
animation:cbHeroMetaTravel 8s ease-in-out infinite;
will-change:left;
pointer-events:none;
}
.cb-hero-meta-desktop span:nth-child(2),
.cb-hero-meta-desktop span:nth-child(4) {
color:var(--cb-accent);
opacity:.80;
}
@keyframes cbHeroMetaTravel {
0%,
100% {
left:50%;
}
25% {
left:calc(50% + var(--cb-meta-travel));
}
50% {
left:50%;
}
75% {
left:calc(50% - var(--cb-meta-travel));
}
}
}
.cb-logo--eye-motion {
position:relative;
aspect-ratio:1000 / 478;
overflow:visible;
}
.cb-logo--eye-motion .cb-logo-wordmark {
position:absolute;
inset:0;
width:100%;
height:100%;
max-width:none !important;
object-fit:contain;
clip-path:inset(0 0 0 44%);
-webkit-clip-path:inset(0 0 0 44%);
}
.cb-logo-eye-slot {
position:absolute;
z-index:3;
left:2.8%;
top:47.5%;
width:39%;
aspect-ratio:1 / 1;
transform:translateY(-50%);
display:grid;
place-items:center;
pointer-events:none;
}
.cb-logo-eye-motion {
display:block;
width:100%;
height:100%;
max-width:none !important;
object-fit:contain;
transform-origin:50% 50%;
animation:cbHeaderEyeBreathe 4.8s ease-in-out 8s infinite;
filter:drop-shadow(0 2px 5px rgba(0,0,0,.28));
}
@keyframes cbHeaderEyeBreathe {
0%,
100% {
transform:scale(1) translateY(0);
filter:
brightness(1)
drop-shadow(0 2px 5px rgba(0,0,0,.28));
}
50% {
transform:scale(1.014) translateY(-.24%);
filter:
brightness(1.035)
drop-shadow(0 3px 7px rgba(0,0,0,.32));
}
}
@media (max-width:719px) {
.cb-logo-eye-slot {
left:2.8%;
top:47.5%;
width:39%;
}
}
.cb-eye-logo--work-motion {
width:100% !important;
height:auto !important;
max-width:none !important;
object-fit:contain;
transform-origin:50% 50%;
}
#capture-bizarre-root {
--cb-motion-accent:#E59781;
}
.cb-motion-line {
display:block;
width:max-content;
max-width:100%;
transform-origin:left center;
will-change:transform,text-shadow;
}
.cb-motion-line--1 {
animation:cbHeroMotion1 3.8s cubic-bezier(.2,.8,.2,1) infinite;
}
.cb-motion-line--2 {
animation:cbHeroMotion2 3.8s cubic-bezier(.2,.8,.2,1) .12s infinite;
}
.cb-motion-line--3 {
animation:cbHeroMotion3 3.8s cubic-bezier(.2,.8,.2,1) .24s infinite;
}
@keyframes cbHeroMotion1 {
0%,100% { transform:translate3d(0,0,0); }
7%      { transform:translate3d(8px,-3px,0); }
15%     { transform:translate3d(0,0,0); }
}
@keyframes cbHeroMotion2 {
0%,100% { transform:translate3d(0,0,0); }
8%      { transform:translate3d(10px,-3px,0); }
16%     { transform:translate3d(0,0,0); }
}
@keyframes cbHeroMotion3 {
0%,100% {
transform:translate3d(0,0,0) scale(1);
text-shadow:0 0 0 rgba(229,151,129,0);
}
9% {
transform:translate3d(12px,-4px,0) scale(1.025);
text-shadow:0 0 28px rgba(229,151,129,.42);
}
18% {
transform:translate3d(0,0,0) scale(1);
text-shadow:none;
}
}
.cb-eye-logo-wrap {
--cb-eye-x:0px;
--cb-eye-y:0px;
--cb-eye-rx:0deg;
--cb-eye-ry:0deg;
transform:
translate3d(var(--cb-eye-x),var(--cb-eye-y),0)
rotateX(var(--cb-eye-ry))
rotateY(var(--cb-eye-rx)) !important;
transform-style:preserve-3d;
will-change:transform;
transition:transform .16s ease-out !important;
}
.cb-eye-glow {
--cb-eye-depth-x:0px;
--cb-eye-depth-y:0px;
translate:var(--cb-eye-depth-x) var(--cb-eye-depth-y);
transition:translate .18s ease-out;
}
.cb-stat strong {
transform-origin:center;
will-change:transform,text-shadow;
}
.cb-stat:nth-child(1) strong {
animation:cbStatPulse 3.8s ease-in-out infinite;
}
.cb-stat:nth-child(2) strong {
animation:cbStatPulse 3.8s ease-in-out .14s infinite;
}
.cb-stat:nth-child(3) strong {
animation:cbStatPulse 3.8s ease-in-out .28s infinite;
}
@keyframes cbStatPulse {
0%,100% {
transform:translateY(0) scale(1);
text-shadow:none;
}
9% {
transform:translateY(-5px) scale(1.04);
text-shadow:0 0 24px rgba(229,151,129,.24);
}
18% {
transform:translateY(0) scale(1);
text-shadow:none;
}
}
.cb-stats-grid {
position:relative;
}
.cb-stats-grid::after {
content:"";
position:absolute;
z-index:8;
top:0;
bottom:0;
left:-22%;
width:11%;
pointer-events:none;
transform:skewX(-18deg);
background:linear-gradient(
90deg,
transparent,
rgba(229,151,129,.02),
rgba(229,151,129,.22),
rgba(229,151,129,.02),
transparent
);
animation:cbStatsSweep 6.8s ease-in-out infinite;
}
@keyframes cbStatsSweep {
0%,16% { left:-22%; }
74%,100% { left:112%; }
}
.cb-brand:hover,
.cb-brand:focus-within {
background:#E59781 !important;
background-color:#E59781 !important;
}
.cb-process-step:nth-child(1) {
animation:cbProcessCard 6s linear infinite;
animation-delay:0s;
}
.cb-process-step:nth-child(2) {
animation:cbProcessCard 6s linear infinite;
animation-delay:2s;
}
.cb-process-step:nth-child(3) {
animation:cbProcessCard 6s linear infinite;
animation-delay:4s;
}
@keyframes cbProcessCard {
0%,15% {
border-color:rgba(229,151,129,.8);
background:#1c1817;
}
24%,100% {
border-color:#2c2c2c;
background:#151515;
}
}
.cb-press-side img {
transition:
transform .5s cubic-bezier(.16,1,.3,1),
filter .45s ease !important;
}
.cb-press-side:hover img {
transform:scale(1.035);
filter:grayscale(1) contrast(1.08) brightness(1.12);
}
.cb-wiki-link {
--cb-wiki-y:0px;
}
.cb-wiki-link::before {
transform:translate3d(0,var(--cb-wiki-y),0) !important;
will-change:transform;
}
.cb-cta-box::after {
animation:cbSmileMotion 18s linear infinite alternate !important;
will-change:transform;
}
@keyframes cbSmileMotion {
from { transform:translate3d(4vw,0,0); }
to   { transform:translate3d(-12vw,0,0); }
}
.cb-motion-arrow {
display:inline-block;
transition:transform .22s cubic-bezier(.2,.8,.2,1);
}
.cb-cta .cb-btn:hover .cb-motion-arrow {
transform:translate(4px,-4px);
}
.cb-header,
.cb-nav,
.cb-logo,
.cb-header .cb-btn--dark {
transition:
min-height .28s cubic-bezier(.2,.8,.2,1),
width .28s cubic-bezier(.2,.8,.2,1),
padding .28s ease,
background .28s ease,
box-shadow .28s ease !important;
}
.cb-header.cb-motion-compact {
background:rgba(10,10,10,.975);
box-shadow:0 10px 30px rgba(0,0,0,.14);
}
.cb-header.cb-motion-compact .cb-nav {
min-height:62px;
}
.cb-header.cb-motion-compact .cb-logo {
width:108px;
}
.cb-header.cb-motion-compact .cb-btn--dark {
min-height:41px;
padding-inline:16px;
}
#capture-bizarre-root.cb-eye-cursor-active,
#capture-bizarre-root.cb-eye-cursor-active * {
cursor:none !important;
}
.cb-eye-cursor {
position:fixed;
z-index:2147483000;
top:0;
left:0;
width:34px;
height:34px;
pointer-events:none;
opacity:0;
will-change:transform;
transition:opacity .15s ease;
}
.cb-eye-cursor.is-visible {
opacity:1;
}
.cb-eye-cursor img {
width:100%;
height:100%;
object-fit:contain;
display:block;
filter:
drop-shadow(0 3px 7px rgba(0,0,0,.26))
drop-shadow(0 0 6px rgba(97,212,238,.08));
}
@media (hover:none), (pointer:coarse), (max-width:899px) {
#capture-bizarre-root.cb-eye-cursor-active,
#capture-bizarre-root.cb-eye-cursor-active * {
cursor:auto !important;
}
.cb-eye-cursor {
display:none !important;
}
}
.cb-logo-eye-motion,
.cb-eye-logo--work-motion {
visibility:visible !important;
opacity:1 !important;
}
.cb-eye-cursor img {
display:block !important;
}
.cb-eye-cursor img {
animation:none !important;
transform:none !important;
}