@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}#brxe-kchttl {font-size: var(--text-3xl); font-weight: 800; color: var(--kb-text-on-dark); line-height: var(--kb-lh-heading)}@media (max-width: 767px) {#brxe-kchttl {font-size: var(--text-2xl)}}#brxe-kchled {max-width: 60ch; font-size: var(--text-m); font-weight: 400; color: var(--kb-text-muted-on-dark); line-height: 1.9; font-family: "Abar FaNum"}@media (max-width: 767px) {#brxe-kchled {font-size: var(--text-s)}}#brxe-kchcon {align-items: center; row-gap: var(--space-xs); text-align: center}#brxe-kchero {padding-top: var(--space-l); padding-right: 0; padding-bottom: var(--space-l); padding-left: 0}@media (max-width: 767px) {#brxe-kchero {padding-top: var(--space-m); padding-right: 0; padding-bottom: var(--space-m); padding-left: 0}}#brxe-kclout {width: 100%}#brxe-kclist {padding-top: var(--space-l); padding-right: 0; padding-bottom: var(--space-xl); padding-left: 0}.kc-list { display: flex; flex-direction: column; gap: var(--space-xl); } .kc-group { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); align-items: start; gap: var(--space-s); }.kc-head { position: sticky; inset-block-start: calc(var(--space-m) + var(--wp-admin--admin-bar--height, 0px)); isolation: isolate; overflow: hidden; display: flex; flex-direction: column; gap: var(--space-s); padding: var(--space-m); border-radius: var(--kb-radius-xl); background: radial-gradient(120% 80% at 50% 0%, var(--emerald-600, #1d685b), transparent 70%), var(--kb-grad-dark, linear-gradient(160deg, #0d3a33, #04251f)); color: var(--kb-text-on-dark); text-decoration: none; box-shadow: var(--kb-shadow-2); transition: box-shadow var(--kb-dur-base) var(--kb-ease-out); } .kc-head:hover, .kc-head:focus-visible { text-decoration: none; } .kc-head::before { content: ""; position: absolute; z-index: -1; inset-block-start: -150px; inset-inline-end: -150px; inline-size: 400px; aspect-ratio: 1; border-radius: 50%; pointer-events: none; background: repeating-radial-gradient(circle, transparent 0 18px, rgb(var(--kb-rgb-white) / .07) 18px 19px); -webkit-mask-image: radial-gradient(circle, rgb(0 0 0) 25%, transparent 70%); mask-image: radial-gradient(circle, rgb(0 0 0) 25%, transparent 70%); } .kc-head__media { flex: none; display: grid; place-items: center; block-size: 250px; } .kc-head__img { display: block; inline-size: 100%; block-size: 100%; max-inline-size: 100%; object-fit: contain; filter: drop-shadow(0 18px 24px rgb(var(--kb-rgb-ink) / .38)); transition: scale .8s var(--kb-ease-out); }.kc-head__media:not(.is-cut) .kc-head__img { inline-size: auto; aspect-ratio: 1; padding: 12%; border-radius: 50%; background: rgb(var(--kb-rgb-white) / .94); box-sizing: border-box; filter: none; } .kc-head__body { display: flex; flex-direction: column; gap: 4px; min-inline-size: 0; }.kc-head__n { display: inline-flex; align-items: center; align-self: flex-start; block-size: 26px; margin-block-end: 6px; padding-inline: 12px; border-radius: var(--kb-radius-pill); background: var(--kb-on-dark-a12); font-family: var(--kb-font-num); font-size: var(--text-xs); font-weight: 500; line-height: 1; } .kc-head__t { margin: 0; color: var(--kb-text-on-dark); font-size: var(--text-2xl); font-weight: 700; line-height: 1.4; } .kc-head__d { color: var(--kb-text-muted-on-dark); font-size: var(--text-s); line-height: 1.8; } .kc-head__go { display: inline-flex; align-items: center; align-self: flex-start; gap: 8px; margin-block-start: 10px; padding: 8px 14px 8px 16px; border-radius: var(--kb-radius-pill); background: var(--kb-cta-bg); color: var(--kb-cta-text); font-size: var(--text-s); font-weight: 600; line-height: 1.5; transition: background-color var(--kb-dur-base) var(--kb-ease-out); }.kc-chev { flex: none; inline-size: 7px; block-size: 7px; border-block-end: 2px solid currentColor; border-left: 2px solid currentColor; rotate: 45deg; translate: 2px 0; transition: translate var(--kb-dur-base) var(--kb-ease-out); }@media (hover: hover) { .kc-head:hover { box-shadow: var(--kb-shadow-3); } .kc-head:hover .kc-head__img { scale: 1.05; } .kc-head:hover .kc-head__go { background: var(--kb-cta-bg-hover); } .kc-head:hover .kc-chev { translate: -2px 0; }}.kc-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); align-content: start; gap: var(--space-s); margin: 0; padding: 0; list-style: none; } .kc-tile { display: flex; flex-direction: column; align-items: center; gap: 4px; block-size: 100%; padding: var(--space-s); border-radius: var(--kb-radius-l); background: var(--kb-surface); box-shadow: inset 0 0 0 var(--kb-bd-hair) var(--kb-border); color: inherit; text-align: center; text-decoration: none; transition: box-shadow var(--kb-dur-base) var(--kb-ease-out), translate var(--kb-dur-base) var(--kb-ease-out); } .kc-tile:hover, .kc-tile:focus-visible { text-decoration: none; }@media (hover: hover) { .kc-tile:hover { box-shadow: inset 0 0 0 1.5px var(--kb-primary), var(--kb-shadow-2); translate: 0 -2px; } .kc-tile:hover .kc-tile__img { scale: 1.06; } } .kc-tile__media { display: grid; place-items: center; inline-size: 100%; aspect-ratio: 1; margin-block-end: 6px; border-radius: var(--kb-radius-m); background: var(--kb-surface-sunken); overflow: hidden; } .kc-tile__img { inline-size: 80%; block-size: 80%; object-fit: contain; mix-blend-mode: multiply; transition: scale .6s var(--kb-ease-out); } .kc-tile__mono, .kc-head__mono { font-size: 2.5rem; font-weight: 700; color: var(--kb-primary); } .kc-head__mono { color: var(--kb-text-on-dark); } .kc-tile__t { color: var(--kb-text-heading); font-size: var(--text-m); font-weight: 600; line-height: 1.6; } .kc-tile__n { color: var(--kb-text-muted); font-family: var(--kb-font-num); font-size: var(--text-xs); line-height: 1.6; }@media (max-width: 991px) { .kc-list { gap: var(--space-l); } .kc-group { grid-template-columns: minmax(0, 1fr); } .kc-head { position: relative; inset-block-start: auto; flex-direction: row; align-items: center; } .kc-head__media { inline-size: 150px; block-size: 150px; }}@media (max-width: 767px) { .kc-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-xs); } .kc-head { gap: var(--space-xs); padding: var(--space-s); border-radius: var(--kb-radius-l); } .kc-head__media { inline-size: 104px; block-size: 116px; } .kc-head__n { block-size: 22px; margin-block-end: 2px; padding-inline: 10px; } .kc-head__t { font-size: var(--text-xl); } .kc-head__d { display: none; } .kc-head__go { margin-block-start: 6px; padding: 6px 12px 6px 14px; font-size: var(--text-xs); } .kc-tile__t { font-size: var(--text-s); }}@media (prefers-reduced-motion: reduce) { .kc-head__img, .kc-tile, .kc-tile__img, .kc-chev { transition: none; } }@media (max-width: 767px) {#brxe-kclist {padding-top: var(--space-m); padding-right: 0; padding-bottom: var(--space-l); padding-left: 0}}