.ent-columns-container:has(.ent-animation--branding-card){width:100%;align-self:stretch}.ent-animation--branding-card{width:100%;max-width:100%;margin-inline:auto}.ent-animation--branding-card.ent-animation--size-33{width:33.333%}.ent-animation--branding-card.ent-animation--size-50{width:50%}.ent-animation--branding-card.ent-animation--size-100{width:100%}@media(max-width:700px){.ent-animation--branding-card.ent-animation--size-33,.ent-animation--branding-card.ent-animation--size-50{width:100%}}.ent-animation--branding-card{--branding-card-text: var(--color-gentium-secondary, #101010);--branding-card-muted: var(--color-gentium-gray-dark, #747474);--branding-card-surface: var(--color-grey-white, #fff);--branding-card-accent: var(--color-gentium-primary, #e9204f);--branding-card-blue: var(--color-blue-300, rgb(61 88 233));--branding-card-soft: var(--color-blue-25, rgb(235 238 252));--branding-card-swatch-1: var(--branding-card-text);--branding-card-swatch-2: var(--branding-card-accent);--branding-card-swatch-3: var(--branding-card-blue);--branding-card-swatch-4: var(--branding-card-soft);--branding-card-font: var(--font-family-base, "Google Sans", sans-serif);--branding-card-display: var(--font-family-display, "Avant Garde", sans-serif);--branding-card-swatch-height: clamp(96px, 18cqi, 148px)}.ent-animation--branding-card .branding-card-root{width:100%;color:var(--branding-card-text);font-family:var(--branding-card-font);container:branding-card/inline-size}.ent-animation--branding-card .branding-card-stage{position:relative;width:min(100%,780px);margin-inline:auto;padding:clamp(20px,3.5cqi,36px) clamp(12px,2cqi,20px);overflow:visible;perspective:1400px}.ent-animation--branding-card .branding-card-scene{width:100%;transform-style:preserve-3d}.ent-animation--branding-card .branding-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--branding-card-text) 8%,transparent);border-radius:clamp(18px,3.2cqi,28px);background:var(--branding-card-surface);box-shadow:0 18px 44px #0e0e121f;opacity:0;transform:translateY(20px);transition:transform .48s cubic-bezier(.17,.67,0,1.01),box-shadow .48s cubic-bezier(.17,.67,0,1.01)}.ent-animation--branding-card .branding-card:hover{transform:translateY(-6px);box-shadow:0 24px 54px #0810282e}.ent-animation--branding-card .branding-card__motion{display:flex;flex-direction:column;width:100%;transform:rotateY(82deg);transform-origin:center center;transform-style:preserve-3d;backface-visibility:hidden}.ent-animation--branding-card .branding-card__body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(16px,3cqi,28px);min-height:clamp(180px,34cqi,260px);padding:clamp(22px,4.2cqi,40px) clamp(22px,4cqi,36px) clamp(18px,3cqi,28px);opacity:0}.ent-animation--branding-card .branding-card__copy{display:flex;flex-direction:column;gap:6px;min-width:0}.ent-animation--branding-card .branding-card__overline{color:var(--branding-card-muted);font-size:clamp(11px,1.6cqi,13px);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ent-animation--branding-card .branding-card__title{color:var(--branding-card-text);font-family:var(--branding-card-display);font-size:clamp(28px,5.4cqi,44px);font-weight:800;line-height:1.05;letter-spacing:var(--tracking-tight-2, -.02em)}.ent-animation--branding-card .branding-card__font{color:var(--branding-card-muted);font-size:clamp(15px,2.4cqi,20px);font-weight:500}.ent-animation--branding-card .branding-card__sample{justify-self:end;font-family:var(--branding-card-display);font-size:clamp(56px,12cqi,108px);font-weight:800;line-height:.9;letter-spacing:-.04em;white-space:nowrap}.ent-animation--branding-card .branding-card__sample-dark{color:var(--branding-card-text)}.ent-animation--branding-card .branding-card__sample-muted{color:color-mix(in srgb,var(--branding-card-muted) 72%,transparent)}.ent-animation--branding-card .branding-card__swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:var(--branding-card-swatch-height);overflow:hidden}.ent-animation--branding-card .branding-card__swatch{display:block;height:100%;transform:translateY(105%);pointer-events:none}.ent-animation--branding-card .branding-card__swatch--1{background:var(--branding-card-swatch-1)}.ent-animation--branding-card .branding-card__swatch--2{background:var(--branding-card-swatch-2)}.ent-animation--branding-card .branding-card__swatch--3{background:var(--branding-card-swatch-3)}.ent-animation--branding-card .branding-card__swatch--4{background:var(--branding-card-swatch-4)}.ent-animation--branding-card .branding-card-root.is-active:not(.is-settled) .branding-card-stage{overflow:hidden}.ent-animation--branding-card .branding-card-root.is-active .branding-card{animation:ent-branding-card-settle .64s cubic-bezier(.22,1,.36,1) forwards}.ent-animation--branding-card .branding-card-root.is-active .branding-card__motion{animation:ent-branding-card-flip-in .72s cubic-bezier(.33,1,.32,1) forwards}.ent-animation--branding-card .branding-card-root.is-active .branding-card__body{animation:ent-branding-card-fade .5s ease .22s forwards}.ent-animation--branding-card .branding-card-root.is-active .branding-card__swatch--1{animation:ent-branding-card-swatch-up .56s cubic-bezier(.22,1,.36,1) .62s forwards}.ent-animation--branding-card .branding-card-root.is-active .branding-card__swatch--2{animation:ent-branding-card-swatch-up .56s cubic-bezier(.22,1,.36,1) .74s forwards}.ent-animation--branding-card .branding-card-root.is-active .branding-card__swatch--3{animation:ent-branding-card-swatch-up .56s cubic-bezier(.22,1,.36,1) .86s forwards}.ent-animation--branding-card .branding-card-root.is-active .branding-card__swatch--4{animation:ent-branding-card-swatch-up .56s cubic-bezier(.22,1,.36,1) .98s forwards}.ent-animation--branding-card .branding-card-root.is-settled .branding-card,.ent-animation--branding-card .branding-card-root.is-settled .branding-card__motion,.ent-animation--branding-card .branding-card-root.is-settled .branding-card__body,.ent-animation--branding-card .branding-card-root.is-settled .branding-card__swatch,.ent-animation--branding-card .branding-card-root.is-static .branding-card,.ent-animation--branding-card .branding-card-root.is-static .branding-card__motion,.ent-animation--branding-card .branding-card-root.is-static .branding-card__body,.ent-animation--branding-card .branding-card-root.is-static .branding-card__swatch{opacity:1;animation:none}.ent-animation--branding-card .branding-card-root.is-settled .branding-card,.ent-animation--branding-card .branding-card-root.is-static .branding-card{transform:translateY(0);box-shadow:0 18px 44px #0e0e121f}.ent-animation--branding-card .branding-card-root.is-settled .branding-card:hover,.ent-animation--branding-card .branding-card-root.is-static .branding-card:hover{transform:translateY(-6px);box-shadow:0 24px 54px #0810282e}.ent-animation--branding-card .branding-card-root.is-settled .branding-card__motion,.ent-animation--branding-card .branding-card-root.is-settled .branding-card__body,.ent-animation--branding-card .branding-card-root.is-settled .branding-card__swatch,.ent-animation--branding-card .branding-card-root.is-static .branding-card__motion,.ent-animation--branding-card .branding-card-root.is-static .branding-card__body,.ent-animation--branding-card .branding-card-root.is-static .branding-card__swatch{transform:none}@container branding-card (max-width: 520px){.ent-animation--branding-card{--branding-card-swatch-height: clamp(72px, 22cqi, 104px)}.ent-animation--branding-card .branding-card__body{grid-template-columns:1fr;min-height:0;padding-bottom:16px}.ent-animation--branding-card .branding-card__sample{justify-self:start;font-size:clamp(48px,18cqi,72px)}}@keyframes ent-branding-card-settle{to{opacity:1;transform:translateY(0)}}@keyframes ent-branding-card-flip-in{0%{transform:rotateY(82deg)}to{transform:rotateY(0)}}@keyframes ent-branding-card-fade{to{opacity:1}}@keyframes ent-branding-card-swatch-up{to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ent-animation--branding-card .branding-card,.ent-animation--branding-card .branding-card__motion,.ent-animation--branding-card .branding-card__body,.ent-animation--branding-card .branding-card__swatch{animation:none!important;opacity:1!important}.ent-animation--branding-card .branding-card__motion,.ent-animation--branding-card .branding-card__body,.ent-animation--branding-card .branding-card__swatch{transform:none!important}.ent-animation--branding-card .branding-card{transform:translateY(0)!important}.ent-animation--branding-card .branding-card:hover{transform:translateY(-6px)!important}}