.animated-link { position: relative; text-decoration: none; }.animated-link::after { content: ''; position: absolute; width: 100%; height: 3px;  bottom: -8px; left: 0; background-color: var(--primary-color);  transform: scaleX(0);  transform-origin: bottom left;  transition: transform 0.3s ease-in-out; }.animated-link:hover::after { transform: scaleX(1); }  .grid-container { width: 100%; perspective: 1000px;  }  .icon-card { text-align: center; transition: transform 0.1s ease, box-shadow 0.1s ease; transform-style: preserve-3d; will-change: transform; cursor: pointer; }  .icon-wrapper { margin-bottom: 5px; transform: translateZ(30px);  transition: transform 0.1s ease; display: inline-block; } .card-title { margin: 10px 0; transform: translateZ(30px); } .card-desc { transform: translateZ(20px); }  .reel-player-wrap { position: relative; z-index: 2; margin-top: 5rem; aspect-ratio: 16/9; border-radius: 8px; overflow: hidden; border: 1px solid var(--border); box-shadow: 0 0 80px rgba(28,110,242,0.18), 0 40px 80px rgba(0,0,0,.6); animation: heroIn .9s .5s cubic-bezier(.16,1,.3,1) both; cursor: none; } .reel-player-wrap::before { content: ''; position: absolute; inset: 0; z-index: 2; background: linear-gradient(to bottom, transparent 60%, rgba(8,10,15,.5) 100%); pointer-events: none; } .reel-placeholder { width: 100%; height: 100%; background: #0D1018; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.2rem; position: relative; }  .reel-placeholder iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; z-index: 3; } @keyframes heroIn { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }.autoRotate{ animation: autoRotateAnimation; animation-timeline: view(); }@keyframes autoRotateAnimation{ from{ transform: rotate(Odeg);}to{ transform: rotate(360deg); }} body {color: var(--site-text); font-family: "League Spartan"; font-size: var(--text-m)} h1, h2, h3, h4, h5, h6 {font-family: "Ancizar Sans"} html {background-color: var(--site-background-color)} body {background: none} .pswp.brx .pswp__top-bar button.pswp__button--close svg {color: var(--primary-color)} .pswp.brx .pswp__top-bar button.pswp__button svg {width: 500px; height: 500px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary-color)} :root .bricks-button[class*="primary"] {border-radius: 8px} .bricks-button {padding-top: .85rem; padding-right: 2.2rem; padding-bottom: .85rem; padding-left: 2.2rem} :root .bricks-button[class*="secondary"].outline {background-color: var(--primary-color)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary-color)}