@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 {.brxe-button{width:auto}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@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}}root { font-size: 3rem; line-height: 1; font-weight: 900; margin-bottom: 2rem; letter-spacing: -0.05em; text-transform: uppercase; } @media (min-width: 768px) { root { font-size: 6rem; } }root { font-size: 1.25rem; line-height: 1.75rem; color: #9ca3af; max-width: 42rem; margin-left: auto; margin-right: auto; font-weight: 300; }root { margin-bottom: 4rem; text-align: center; }#brxe-icon01 {: search}root { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); width: 1.25rem; height: 1.25rem; color: #6b7280; transition: color 0.2s; } root:focus-within { color: #f97316; }root { width: 100%; background-color: #18181b; border: 1px solid rgba(255,255,255,0.1); border-radius: 9999px; padding: 1rem; padding-left: 3rem; padding-right: 1.5rem; color: white; transition: all 0.2s; } root:focus { outline: none; box-shadow: 0 0 0 2px #f97316; }root { position: relative; width: 100%; } @media (min-width: 768px) { root { max-width: 28rem; } }root { padding-left: 2rem; padding-right: 2rem; padding-top: 0.625rem; padding-bottom: 0.625rem; border-radius: 9999px; font-size: 0.875rem; font-weight: 700; transition: all 0.2s; background-color: #ea580c; color: white; }root { padding-left: 2rem; padding-right: 2rem; padding-top: 0.625rem; padding-bottom: 0.625rem; border-radius: 9999px; font-size: 0.875rem; font-weight: 700; transition: all 0.2s; color: #9ca3af; } root:hover { color: white; }root { display: flex; background-color: #18181b; padding: 0.25rem; border-radius: 9999px; border: 1px solid rgba(255,255,255,0.1); }root { margin-bottom: 3rem; display: flex; flex-direction: column; gap: 1.5rem; align-items: center; justify-content: space-between; } @media (min-width: 768px) { root { flex-direction: row; } }root { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s; } root:hover { transform: scale(1.1); }#brxe-icon02 {: play}root { width: 2rem; height: 2rem; color: white; fill: white; }root { width: 4rem; height: 4rem; border-radius: 9999px; background-color: #ea580c; display: flex; align-items: center; justify-content: center; transform: scale(0.9); transition: transform 0.3s; } root:hover { transform: scale(1); }root { position: absolute; inset: 0; background-color: rgba(0,0,0,0.4); opacity: 0; transition: opacity 0.3s; display: flex; align-items: center; justify-content: center; } root:hover { opacity: 1; }root { font-size: 0.625rem; font-weight: 700; color: white; text-transform: uppercase; letter-spacing: 0.1em; }root { position: absolute; bottom: 1rem; right: 1rem; padding: 0.25rem 0.75rem; border-radius: 0.5rem; background-color: rgba(0,0,0,0.8); backdrop-filter: blur(4px); }root { position: relative; aspect-ratio: 16/9; border-radius: 1.5rem; overflow: hidden; margin-bottom: 1.5rem; background-color: #18181b; }#brxe-icon03 {: calendar}root { width: 0.75rem; height: 0.75rem; }root { font-size: 0.625rem; }root { display: flex; align-items: center; gap: 0.5rem; font-size: 0.625rem; font-weight: 700; color: #f97316; text-transform: uppercase; letter-spacing: 0.1em; }root { font-size: 1.5rem; line-height: 2rem; font-weight: 700; color: white; transition: color 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } root:hover { color: #f97316; }#brxe-icon04 {: user}root { width: 1rem; height: 1rem; }root { display: flex; align-items: center; gap: 0.375rem; }#brxe-icon05 {: clock}root { width: 1rem; height: 1rem; }root { display: flex; align-items: center; gap: 1rem; font-size: 0.875rem; color: #6b7280; }root { display: flex; flex-direction: column; gap: 0.5rem; }root { cursor: pointer; }root { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 768px) { root { grid-template-columns: 1fr 1fr; } } @media (min-width: 1024px) { root { grid-template-columns: 1fr 1fr 1fr; } }root { max-width: 80rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 640px) { root { padding-left: 1.5rem; padding-right: 1.5rem; } } @media (min-width: 1024px) { root { padding-left: 2rem; padding-right: 2rem; } }root { min-height: 100vh; background: black; color: white; padding-top: 8rem; padding-bottom: 6rem; }