@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}}@layer bricks {.brxe-accordion-nested{--brx-icon-transform:rotate(90deg);width:100%}.brxe-accordion-nested .accordion-title-wrapper{cursor:pointer}.brxe-accordion-nested .accordion-title-wrapper .brxe-heading{margin:0}.brxe-accordion-nested .accordion-content-wrapper{display:none}.brxe-accordion-nested .brx-open>.accordion-content-wrapper{display:block}.brxe-accordion-nested .brx-icon-expanded{display:none}.brxe-accordion-nested .brx-icon-transform{transition:transform .1s}.brxe-accordion-nested>.brx-open>.accordion-title-wrapper .brx-icon-transform{transform:var(--brx-icon-transform)}.brxe-accordion-nested>.brx-open>.accordion-title-wrapper .brx-icon-collapsed{display:none}.brxe-accordion-nested>.brx-open>.accordion-title-wrapper .brx-icon-expanded{display:block}}#brxe-eeb379 {flex-direction: row; align-items: center; justify-content: space-between}#brxe-80f129 {flex-direction: row; align-items: center; justify-content: space-between}#brxe-5c0c0d {flex-direction: row; align-items: center; justify-content: space-between}#brxe-d737a7 {flex-direction: row; align-items: center; justify-content: space-between}#brxe-ad6f46 .accordion-title-wrapper {padding-top: 16px; padding-right: 120px; padding-bottom: 16px; padding-left: 24px}#brxe-ad6f46 .accordion-content-wrapper {padding-top: 4px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px}@media (max-width: 478px) {#brxe-ad6f46 .accordion-title-wrapper {padding-top: 14px; padding-right: 18px; padding-bottom: 14px; padding-left: 18px}#brxe-ad6f46 .accordion-content-wrapper {padding-top: 4px; padding-right: 18px; padding-bottom: 20px; padding-left: 18px}}#brxe-c6afda {padding-top: 88px; padding-bottom: 88px}.finch-stage { --finch-ink: #f3f0eb; --finch-muted: #a7a6a2; --finch-panel: #202124; --finch-panel-active: #262628; --finch-deep: #17181b; --finch-shadow: #08090b; --finch-line: rgba(243,240,235,.16); --finch-red: #c63838; --finch-ease: cubic-bezier(.16,1,.3,1); --finch-ease-close: cubic-bezier(.4,0,1,1); --finch-dur: 200ms; --finch-content-max-h: 220px; } .finch-stage { color: var(--finch-ink); } .finch-stage--dark { background: #111214; } .finch-stage--darker { background: #0b0c0e; } .finch-stage .finch-intro { max-width: 720px; margin: 0 auto 2.25rem; } .finch-stage .finch-kicker { margin: 0 0 .5rem; color: var(--finch-red); font-size: .72rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; } .finch-stage .finch-intro .brxe-heading { margin: 0 0 .6rem; color: var(--finch-ink); font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 500; line-height: 1.15; } .finch-stage .finch-note { margin: 0; color: var(--finch-muted); font-size: .95rem; line-height: 1.65; } .finch-stage .finch-note p { margin: 0; } .finch-stage .finch-accordion { display: grid; gap: 10px; max-width: 760px; margin: 0 auto; } .finch-stage .finch-accordion-item { position: relative; border: 1px solid var(--finch-line); border-radius: 2px; background: var(--finch-deep); } .finch-stage .accordion-title-wrapper { position: relative; z-index: 2; overflow: hidden; min-height: 64px; color: var(--finch-ink); background: var(--finch-panel); cursor: pointer; transition: background-color 160ms ease; } .finch-stage .accordion-title-wrapper::before, .finch-stage .accordion-title-wrapper::after { will-change: transform, opacity; backface-visibility: hidden; } .finch-stage .accordion-title-wrapper:hover { background: var(--finch-panel-active); } .finch-stage .accordion-title-wrapper:focus-visible { outline: 2px solid var(--finch-red); outline-offset: -4px; } .finch-stage .accordion-title-wrapper .brxe-heading { margin: 0; color: var(--finch-ink); font-size: clamp(1rem, 1.6vw, 1.15rem); font-weight: 500; line-height: 1.35; }.finch-stage .accordion-content-wrapper { position: relative; z-index: 1; color: var(--finch-muted); background: var(--finch-deep); transition-timing-function: var(--finch-ease); }.finch-stage .brx-open .accordion-content-wrapper { overflow-y: auto; max-height: var(--finch-content-max-h); scrollbar-width: thin; scrollbar-color: rgba(243,240,235,.15) transparent; -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%); mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%); } .finch-stage .accordion-content-wrapper > * { max-width: 62ch; line-height: 1.7; } .finch-stage .accordion-content-wrapper p { margin: 0 0 .75em; } .finch-stage .accordion-content-wrapper p:last-child { margin-bottom: 0; } .finch-stage .accordion-content-wrapper ul { margin: 0; padding-left: 1.2rem; } .finch-stage .accordion-content-wrapper li::marker { color: var(--finch-red); }.finch-stage .brx-open .accordion-content-wrapper > * { animation: finch-rise 160ms ease 80ms both; }.finch-stage .brx-open .accordion-title-wrapper { animation: finch-open-bump var(--finch-dur) var(--finch-ease) both; }.finch-stage .finch-accordion:has(.brx-open) .finch-accordion-item:not(.brx-open) .accordion-title-wrapper,.finch-stage .finch-accordion.finch-touched .finch-accordion-item:not(.brx-open) .accordion-title-wrapper { animation: finch-close-drop 180ms var(--finch-ease-close) both; }@keyframes finch-open-bump { 0% { transform: translateY(0); } 55% { transform: translateY(3px); } 100% { transform: translateY(0); } }@keyframes finch-close-drop { 0% { transform: translateY(0); } 40% { transform: translateY(4px); } 100% { transform: translateY(0); } }@keyframes finch-rise { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }@media (max-width: 767px) { .finch-stage .accordion-title-wrapper .brxe-heading::after { display: none; } .finch-stage { --finch-content-max-h: 180px; } }@media (prefers-reduced-motion: reduce) { .finch-stage *, .finch-stage *::before, .finch-stage *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-delay: 0ms !important; } }.finch-accordion--vault .accordion-title-wrapper { padding-right: 72px !important; } .finch-accordion--vault .accordion-title-wrapper::after { content: ''; position: absolute; top: 12px; bottom: 12px; right: 36px; width: 3px; border-radius: 2px; background: linear-gradient(to bottom, rgba(243,240,235,.06), rgba(243,240,235,.18) 50%, rgba(243,240,235,.06)); pointer-events: none;}.finch-accordion--vault .accordion-title-wrapper::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 8px; background: var(--finch-red); clip-path: polygon(0 66%, 8.33% 66%, 16.67% 66%, 25% 66%, 33.33% 66%, 41.67% 66%, 50% 66%, 58.33% 66%, 66.67% 66%, 75% 66%, 83.33% 66%, 91.67% 66%, 100% 66%, 100% 100%, 91.67% 100%, 83.33% 100%, 75% 100%, 66.67% 100%, 58.33% 100%, 50% 100%, 41.67% 100%, 33.33% 100%, 25% 100%, 16.67% 100%, 8.33% 100%, 0 100%); opacity: .72; pointer-events: none; transition: clip-path var(--finch-dur) var(--finch-ease), opacity var(--finch-dur) var(--finch-ease);} .finch-accordion--vault .brx-open .accordion-title-wrapper::before { clip-path: polygon(0 60%, 8.33% 0, 16.67% 60%, 25% 0, 33.33% 60%, 41.67% 0, 50% 60%, 58.33% 0, 66.67% 60%, 75% 0, 83.33% 60%, 91.67% 0, 100% 60%, 100% 100%, 91.67% 40%, 83.33% 100%, 75% 40%, 66.67% 100%, 58.33% 40%, 50% 100%, 41.67% 40%, 33.33% 100%, 25% 40%, 16.67% 100%, 8.33% 40%, 0 100%); opacity: 1;}.finch-accordion--vault .accordion-title-wrapper .brxe-heading::after { content: ''; position: absolute; top: 50%; right: 28px; width: 19px; height: 28px; margin-top: -14px; border-radius: 10px; background: radial-gradient(ellipse at 40% 30%, #4a4c52, #1e1f22 80%); box-shadow: 0 2px 6px rgba(0,0,0,.7), inset 0 1px 0 rgba(243,240,235,.14), inset 0 -1px 0 rgba(0,0,0,.4); border: 1px solid rgba(243,240,235,.1); transform: translateY(0); font-size: inherit; letter-spacing: inherit; text-transform: none; color: transparent; transition: transform 200ms cubic-bezier(.16,1,.3,1), box-shadow 200ms ease; will-change: transform;}.finch-accordion--vault .brx-open .accordion-title-wrapper .brxe-heading::after { transform: translateY(14px); box-shadow: 0 4px 10px rgba(0,0,0,.8), inset 0 1px 0 rgba(243,240,235,.08), inset 0 -1px 0 rgba(0,0,0,.5);}.finch-accordion--vault .finch-accordion-item:not(.brx-open):hover .accordion-title-wrapper .brxe-heading::after { transform: translateY(8px);}.finch-accordion--vault .finch-accordion-item:not(.brx-open):hover + .finch-accordion-item:not(.brx-open) .accordion-title-wrapper .brxe-heading::after { transform: translateY(-4px); transition: transform 240ms cubic-bezier(.16,1,.3,1) 40ms, box-shadow 200ms ease;}.finch-accordion--vault .finch-accordion-item:not(.brx-open):hover + .finch-accordion-item + .finch-accordion-item:not(.brx-open) .accordion-title-wrapper .brxe-heading::after { transform: translateY(-2px); transition: transform 260ms cubic-bezier(.16,1,.3,1) 80ms, box-shadow 200ms ease;}.finch-accordion--vault .finch-accordion-item:not(.brx-open):has(+ .finch-accordion-item:not(.brx-open):hover) .accordion-title-wrapper .brxe-heading::after { transform: translateY(4px); transition: transform 240ms cubic-bezier(.16,1,.3,1) 40ms, box-shadow 200ms ease;}.finch-accordion--vault .finch-accordion-item:not(.brx-open):has(+ .finch-accordion-item + .finch-accordion-item:not(.brx-open):hover) .accordion-title-wrapper .brxe-heading::after { transform: translateY(2px); transition: transform 260ms cubic-bezier(.16,1,.3,1) 80ms, box-shadow 200ms ease;}.finch-accordion--vault .brx-open .accordion-content-wrapper::before { content: ''; position: absolute; top: 0; left: 8%; right: 8%; height: 1px; background: linear-gradient(90deg, transparent, rgba(198,56,56,.5) 50%, transparent); box-shadow: 0 0 8px rgba(198,56,56,.2); opacity: 1; transition: none;}