/**handles:bricks-post-3301**/
@layer bricks {.brxe-code{width:100%}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@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}}.tb-notice { margin-top: var(--space-m); padding: var(--space-xs) var(--space-s); border-left: 3px solid var(--color-tertiary); background: var(--color-base-alt); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; max-width: 620px; }.tb-notice__text { margin: 0; font-size: var(--text-m); line-height: var(--leading-normal); color: var(--color-text-muted); }.tb-filters { border-top: 1px solid var(--color-border); padding-top: var(--space-m); display: flex; flex-direction: column; align-items: stretch; gap: var(--space-s); }.tb-filters__row { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2xs); }.tb-filters__label { margin: 0; font-family: var(--font-body); font-size: var(--text-xs); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-widest); text-transform: uppercase; color: var(--color-text-muted); }.tb-filters__chips { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-3xs); align-items: center; }.tb-chip { font-family: var(--font-body); font-size: var(--text-m); font-weight: var(--weight-medium); line-height: var(--leading-tight); padding: var(--space-3xs) var(--space-xs); min-height: 44px; display: inline-flex; align-items: center; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: transparent; color: var(--color-text-muted); cursor: pointer; transition: background var(--duration-fast) var(--ease-in-out), border-color var(--duration-fast) var(--ease-in-out), color var(--duration-fast) var(--ease-in-out); }.tb-chip:hover { border-color: var(--color-text-subtle); color: var(--color-text-main); background: var(--color-surface); }.tb-chip:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }.tb-chip[aria-pressed="true"] { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }.tb-chip[aria-pressed="true"]:hover { background: var(--color-secondary); border-color: var(--color-secondary); }.tb-count { margin: var(--space-s) 0 0; font-size: var(--text-s); color: var(--color-text-muted); }.tb-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-l); margin-top: var(--space-s); }.tb-card { display: flex; flex-direction: column; align-items: stretch; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); overflow: hidden; transition: transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out); }.tb-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-primary-glow); }.tb-card[hidden] { display: none; }.tb-card__media { aspect-ratio: 4 / 3; overflow: hidden; background: var(--color-base-alt); border-bottom: 1px solid var(--color-border); }.tb-card__img, .tb-card__img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }.tb-card__body { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2xs); padding: var(--space-m); }.tb-card__tags { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-4xs); }.tb-card__tag { font-family: var(--font-body); font-size: var(--text-xs); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-wider); text-transform: uppercase; color: var(--color-text-muted); background: var(--color-base-alt); border-radius: var(--radius-full); padding: var(--space-4xs) var(--space-2xs); }.tb-card__title { font-family: var(--font-heading); font-size: var(--text-xl); line-height: var(--leading-tight); letter-spacing: var(--tracking-tight); font-weight: var(--weight-medium); color: var(--color-text-main); margin: 0; }.tb-card__desc { margin: 0; font-size: var(--text-m); line-height: var(--leading-normal); color: var(--color-text-muted); max-width: 46ch; }.tb-card__cta { margin-top: var(--space-2xs); border: 0; }.tb-card__cta, .tb-choose__btn { min-height: 44px; }.tb-card__cta { font-size: var(--text-s); }.tb-empty { margin-top: var(--space-m); padding: var(--space-m); border: 1px dashed var(--color-border); border-radius: var(--radius-lg); background: var(--color-base-alt); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2xs); }.tb-empty[hidden] { display: none; }.tb-empty__title { margin: 0; font-family: var(--font-heading); font-size: var(--text-l); font-weight: var(--weight-medium); color: var(--color-text-main); }.tb-empty__text { margin: 0; font-size: var(--text-s); line-height: var(--leading-normal); color: var(--color-text-muted); max-width: 52ch; }.tb-empty__link { font-weight: var(--weight-semibold); color: var(--color-primary); }.tb-more { margin: var(--space-l) 0 0; font-size: var(--text-s); color: var(--color-text-muted); }@media (min-width: 700px) { .tb-grid { grid-template-columns: repeat(2, 1fr); } .tb-filters__row { flex-direction: row; align-items: center; gap: var(--space-s); } .tb-filters__label { min-width: 7ch; }}@media (min-width: 1080px) { .tb-grid { grid-template-columns: repeat(3, 1fr); }}.tb-filterbar { display: none; }.tb-sheet-done { display: none; }@media (max-width: 699px) { .tb-filterbar { display: block; margin-top: var(--space-m); } .tb-filterbar__btn { width: 100%; justify-content: center; min-height: 48px; } .tb-filters { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9998; max-height: 82vh; overflow-y: auto; margin: 0; padding: var(--space-s) var(--space-s) var(--space-m); background: var(--color-surface); border-top: 1px solid var(--color-border); border-radius: var(--radius-lg) var(--radius-lg) 0 0; box-shadow: 0 -14px 40px rgba(26,21,18,0.22); transform: translateY(101%); transition: transform var(--duration-normal) var(--ease-out); } .tb-filters.is-open { transform: translateY(0); } .tb-sheet-done { display: inline-flex; width: 100%; justify-content: center; min-height: 48px; margin-top: var(--space-s); } .tb-sheet-backdrop { position: fixed; inset: 0; z-index: 9997; background: rgba(26,21,18,0.5); } .tb-sheet-backdrop[hidden] { display: none; }}.tb-modal { position: fixed; inset: 0; z-index: 10050; display: flex; align-items: center; justify-content: center; padding: var(--space-2xs); }.tb-modal[hidden] { display: none; }.tb-modal__backdrop { position: absolute; inset: 0; background: rgba(26, 21, 18, 0.72); }.tb-modal__panel { position: relative; display: flex; flex-direction: column; align-items: stretch; width: min(1320px, 100%); max-height: 96vh; background: var(--color-base); border-radius: var(--radius-md); overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,0.35); }.tb-modal__bar { display: flex; flex-direction: row; align-items: center; gap: var(--space-s); flex-wrap: wrap; padding: var(--space-2xs) var(--space-s); border-bottom: 1px solid var(--color-border); background: var(--color-surface); }.tb-modal__id { flex: 1 1 auto; min-width: 0; }.tb-modal__kicker { margin: 0; font-family: var(--font-body); font-size: var(--text-xs); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-widest); text-transform: uppercase; color: var(--color-text-muted); }.tb-modal__title { margin: 0; font-family: var(--font-heading); font-size: var(--text-m); line-height: var(--leading-tight); font-weight: var(--weight-medium); color: var(--color-text-main); }.tb-modal__devices { display: flex; flex-direction: row; gap: var(--space-4xs); }.tb-dev, .tb-modal__close { font-family: var(--font-body); font-size: var(--text-xs); font-weight: var(--weight-medium); min-height: 44px; padding: var(--space-4xs) var(--space-2xs); display: inline-flex; align-items: center; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: transparent; color: var(--color-text-muted); cursor: pointer; }.tb-dev:hover, .tb-modal__close:hover { border-color: var(--color-text-subtle); color: var(--color-text-main); }.tb-dev:focus-visible, .tb-modal__close:focus-visible, .tb-nav:focus-visible, .tb-rail__item:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }.tb-dev[aria-pressed="true"] { background: var(--color-dark); border-color: var(--color-dark); color: #fff; }.tb-stage { position: relative; display: flex; flex: 1 1 auto; min-height: 0; flex-direction: row; align-items: center; gap: var(--space-3xs); padding: var(--space-2xs); background: var(--color-base-alt); overflow: auto; }.tb-frame-wrap { flex: 1 1 auto; min-height: 0; display: flex; justify-content: center; overflow: hidden; }.tb-frame-scaler { position: relative; transform-origin: top center; height: 760px; background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-sm); overflow: hidden; flex: 0 0 auto; }.tb-frame { width: 100%; height: 100%; border: 0; display: block; }.tb-frame-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: opacity var(--duration-normal) var(--ease-out); pointer-events: none; }.tb-nav { flex: 0 0 auto; font-size: var(--text-l); line-height: 1; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-text-main); cursor: pointer; }.tb-nav:hover { border-color: var(--color-primary); color: var(--color-primary); }.tb-modal__foot { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: var(--space-s); flex-wrap: wrap; padding: var(--space-2xs) var(--space-s); border-top: 1px solid var(--color-border); background: var(--color-surface); }.tb-rail { display: flex; flex-direction: row; gap: var(--space-4xs); overflow-x: auto; }.tb-rail__item { font-family: var(--font-body); font-size: var(--text-xs); display: flex; flex-direction: row; align-items: center; gap: var(--space-4xs); padding: var(--space-4xs) var(--space-2xs) var(--space-4xs) var(--space-4xs); border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: transparent; color: var(--color-text-muted); cursor: pointer; white-space: nowrap; min-height: 44px; }.tb-rail__item img { width: 44px; height: 32px; object-fit: cover; object-position: top center; border-radius: 2px; display: block; }.tb-rail__item[aria-pressed="true"] { border-color: var(--color-primary); color: var(--color-primary); }.tb-choose { display: flex; flex-direction: row; align-items: center; gap: var(--space-s); flex-wrap: wrap; justify-content: flex-end; }.tb-choose__note { margin: 0; font-size: var(--text-xs); color: var(--color-text-muted); max-width: 30ch; line-height: var(--leading-snug); }@media (max-width: 767px) { .tb-modal { padding: 0; } .tb-modal__panel { max-height: 100vh; height: 100vh; border-radius: 0; } .tb-modal__panel { max-height: 100dvh; height: 100dvh; } .tb-nav { display: none; } .tb-modal__foot { flex-direction: column; align-items: stretch; } .tb-choose { flex-direction: column; align-items: stretch; } .tb-choose__note { max-width: none; } .tb-choose__btn { justify-content: center; }  .tb-modal__bar { flex-wrap: nowrap; gap: var(--space-4xs); padding: var(--space-4xs) var(--space-2xs); } .tb-modal__kicker { display: none; } .tb-modal__title { font-size: var(--text-s); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tb-modal__devices { flex: 0 0 auto; } .tb-dev, .tb-modal__close { padding: var(--space-4xs); }}@media (prefers-reduced-motion: reduce) { .tb-card, .tb-chip, .tb-filters, .tb-frame-poster { transition: none; } .tb-card:hover { transform: none; }}.page-hero--split > .brxe-container.container,.brxe-section.section > .brxe-container.container { width: 100%; max-width: 1100px; }