.behrang-brand-showcase{--brand-showcase-width:980px;--brand-showcase-top-space:176px;--brand-showcase-bottom-space:40px;--brand-showcase-title-gap:8px;--brand-showcase-cards-gap:40px;--brand-showcase-card-gap:24px;--brand-showcase-card-height:104px;--brand-showcase-card-radius:24px;--brand-showcase-logo-width:140px;--brand-showcase-icon-size:32px;--brand-showcase-gradient-top:#ffddbd;--brand-showcase-gradient-bottom:#ffe4c6;--brand-showcase-text-color:#05051e;display:grid;grid-template-columns:16px minmax(0,1fr) 16px;container-type:inline-size;width:100%;background:linear-gradient(180deg,var(--brand-showcase-gradient-top),var(--brand-showcase-gradient-bottom));color:var(--brand-showcase-text-color)}.behrang-brand-showcase *{box-sizing:border-box}.behrang-brand-showcase::after,.behrang-brand-showcase::before{content:'';grid-column:1/-1;height:var(--brand-showcase-top-space)}.behrang-brand-showcase::after{height:var(--brand-showcase-bottom-space)}.brand-showcase-content{grid-column:2;justify-self:center;width:min(100%,var(--brand-showcase-width));display:flex;flex-direction:column;gap:var(--brand-showcase-cards-gap);min-width:0}.brand-showcase-heading{display:flex;flex-direction:column;align-items:center;gap:var(--brand-showcase-title-gap);text-align:center}.behrang-brand-showcase .brand-showcase-title{margin:0;font-size:36px;line-height:1.5;font-weight:600;color:inherit;overflow-wrap:anywhere}.behrang-brand-showcase .brand-showcase-description{margin:0;max-width:660px;font-size:16px;line-height:2;color:inherit;overflow-wrap:anywhere}.brand-showcase-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--brand-showcase-card-gap)}.brand-showcase-card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:32px minmax(0,1fr) 32px;min-height:var(--brand-showcase-card-height);border-radius:var(--brand-showcase-card-radius);background:var(--brand-card-background,#105884);color:#fff;text-decoration:none;transition:transform .45s,box-shadow .45s}.brand-showcase-card-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .6s,filter .6s}.brand-showcase-card::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent,#ffffff18,transparent);opacity:0;transition:opacity .4s;pointer-events:none}.brand-showcase-card-content{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}.brand-showcase-logo{display:block;width:min(var(--brand-showcase-logo-width),calc(100% - var(--brand-showcase-icon-size) - 20px));height:auto;max-height:60px;object-fit:contain;transition:transform .45s}.brand-showcase-name{font-size:24px;font-weight:600;overflow-wrap:anywhere;min-width:0}.brand-showcase-arrow{display:block;width:var(--brand-showcase-icon-size);height:var(--brand-showcase-icon-size);object-fit:contain;flex-shrink:0;transition:transform .45s cubic-bezier(.2,.65,.3,1)}.brand-showcase-card:is(:hover,:focus-visible){color:#fff;transform:translateY(-4px);box-shadow:0 12px 24px #05051e25}.brand-showcase-card:is(:hover,:focus-visible)::after{opacity:1}.brand-showcase-card:is(:hover,:focus-visible) .brand-showcase-card-background{transform:scale(1.04);filter:brightness(1.1)}.brand-showcase-card:is(:hover,:focus-visible) .brand-showcase-logo{transform:translateX(-3px)}.brand-showcase-card:is(:hover,:focus-visible) .brand-showcase-arrow{transform:rotate(-45deg)}.brand-showcase-card:focus-visible{outline:2px solid #c2002a;outline-offset:5px}@container(max-width:850px){.brand-showcase-cards{grid-template-columns:minmax(0,1fr)}.brand-showcase-content{max-width:640px}}@media(max-width:767px){.behrang-brand-showcase{--brand-showcase-top-space:88px;--brand-showcase-bottom-space:32px;--brand-showcase-card-gap:16px;grid-template-columns:12px minmax(0,1fr) 12px}.brand-showcase-heading{text-align:center;align-items:center}.brand-showcase-cards{display:flex;flex-direction:column-reverse}.brand-showcase-card{width:100%}.behrang-brand-showcase .brand-showcase-title{font-size:32px}.behrang-brand-showcase .brand-showcase-description{font-size:14px}}@media(prefers-reduced-motion:reduce){.brand-showcase-arrow,.brand-showcase-card,.brand-showcase-card-background,.brand-showcase-card::after,.brand-showcase-logo{transition:none}.brand-showcase-card:is(:hover,:focus-visible),.brand-showcase-card:is(:hover,:focus-visible) .brand-showcase-card-background,.brand-showcase-card:is(:hover,:focus-visible) .brand-showcase-logo{transform:none}}