.animated-grid-section{--progress: 0;--video-width: 100vw;--video-height: 100vh;--video-x: 0px;--video-y: 0px;width:100%;height:clamp(178vh,220vh,240vh);background:#000;position:relative;overflow-x:clip;margin-top:0;z-index:1}.animated-grid-mobile-blur{display:none}.animated-grid-sticky{position:sticky;top:0;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:visible}.animated-grid-overlay{position:absolute;left:50%;top:50%;width:var(--video-width);height:var(--video-height);transform:translate(calc(-50% + var(--video-x)),calc(-50% + var(--video-y)));transform-origin:center center;border-radius:max(14px,var(--video-radius, 18px));border:1px solid rgba(255,255,255,.14);overflow:hidden;z-index:4;box-shadow:0 30px 90px #0000008f;pointer-events:none}.animated-grid-overlay-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.animated-grid-overlay-video--mobile,.animated-grid-mobile-blur-video--mobile{display:none}.animated-grid-frame{width:min(100%,1440px);padding-inline:clamp(0px,1vw,8px);margin:0 auto;z-index:2}.animated-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.animated-grid-card{position:relative;border-radius:18px;overflow:hidden;background:#0b0b0b;aspect-ratio:467 / 258}.animated-grid-card.is-clip{opacity:calc(.08 + (.92 * var(--progress)));transform:translateY(calc((1 - var(--progress)) * 42px)) scale(calc(.96 + (.04 * var(--progress))));will-change:transform,opacity}.animated-grid-card-video{width:100%;height:100%;object-fit:cover;display:block;opacity:.98;filter:saturate(1.02) contrast(1.01)}.animated-grid-card-label{position:absolute;left:16px;bottom:14px;z-index:2;padding:8px 11px;border-radius:999px;background:#08080ac7;border:1px solid rgba(255,255,255,.08);font-family:var(--font-inter);font-size:11px;line-height:1;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#ffffffe0}.animated-grid-card.is-video-slot{background:#101010;border:1px solid rgba(255,255,255,.06)}.animated-grid-card.is-violet{background:radial-gradient(circle at top right,rgba(166,61,192,.34),transparent 36%),linear-gradient(145deg,#0d0d14,#181324)}.animated-grid-card.is-cyan{background:radial-gradient(circle at top left,rgba(0,153,160,.28),transparent 34%),linear-gradient(145deg,#091215,#111921)}.animated-grid-card.is-charcoal{background:radial-gradient(circle at top right,rgba(90,90,90,.2),transparent 30%),linear-gradient(145deg,#0f0f11,#1a1a1d)}.animated-grid-card.is-soft{background:radial-gradient(circle at top left,rgba(224,224,224,.22),transparent 30%),linear-gradient(145deg,#14151d,#20232c)}.animated-grid-card.is-emerald{background:radial-gradient(circle at top right,rgba(0,185,120,.24),transparent 34%),linear-gradient(145deg,#09110e,#141f1a)}.animated-grid-card.is-slate{background:radial-gradient(circle at top right,rgba(101,113,255,.18),transparent 36%),linear-gradient(145deg,#0d1118,#171d27)}.animated-grid-card.is-indigo{background:radial-gradient(circle at top left,rgba(87,56,214,.26),transparent 34%),linear-gradient(145deg,#090a12,#141729)}.animated-grid-card.is-graphite{background:radial-gradient(circle at bottom right,rgba(255,255,255,.08),transparent 28%),linear-gradient(145deg,#0b0c10,#1a1d22)}@media (max-width: 900px){.animated-grid-section{height:172vh;margin-top:0}.animated-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.animated-grid-card{border-radius:14px}.animated-grid-card-label{left:12px;bottom:12px}.animated-grid-overlay{height:72vh;height:72dvh}}@media (max-width: 640px){.animated-grid-section{height:clamp(142vh,154vh,166vh);padding:0;overflow-x:clip}.animated-grid-mobile-blur{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.animated-grid-mobile-blur:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000003d,#00000061)}.animated-grid-mobile-blur-video{width:100%;height:100%;object-fit:cover;filter:blur(26px) saturate(1.08);transform:scale(1.12);opacity:.52}.animated-grid-overlay-video--desktop,.animated-grid-mobile-blur-video--desktop{display:none}.animated-grid-overlay-video--mobile,.animated-grid-mobile-blur-video--mobile{display:block}.animated-grid-sticky{position:sticky;min-height:100vh;min-height:100dvh;display:flex}.animated-grid-overlay{position:absolute;left:50%;top:50%;width:var(--video-width);height:var(--video-height);transform:translate(calc(-50% + var(--video-x)),calc(-50% + var(--video-y)));margin:0;border-radius:max(10px,var(--video-radius, 14px));box-shadow:0 18px 42px #00000057}.animated-grid-frame{width:100%;padding-inline:6px}.animated-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.animated-grid-card.is-video-slot{display:block}.animated-grid-card{border-radius:8px;aspect-ratio:4 / 5}.animated-grid-card-video{opacity:.96}.animated-grid-card-label{display:none}}@media (max-width: 560px){.animated-grid-section{height:clamp(138vh,148vh,158vh)}.animated-grid-frame{padding-inline:5px}.animated-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.animated-grid-card{border-radius:7px;aspect-ratio:4 / 5}.animated-grid-overlay{height:var(--video-height)}}@media (max-width: 380px){.animated-grid-section{height:clamp(134vh,144vh,154vh)}.animated-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.animated-grid-frame{padding-inline:4px}.animated-grid-card{border-radius:6px;aspect-ratio:4 / 5.2}}@media (max-height: 760px) and (min-width: 901px){.animated-grid-section{height:200vh}.animated-grid-overlay{height:88vh;height:88dvh}}@media (orientation: landscape) and (max-height: 720px) and (max-width: 1180px){.animated-grid-section{height:auto;padding:12px var(--section-inline-padding) 24px;overflow:visible}.animated-grid-sticky{position:static;min-height:0;display:block}.animated-grid-overlay{position:relative;left:auto;top:auto;width:100%;height:clamp(180px,58dvh,300px);transform:none;margin:0 auto 10px;border-radius:16px;box-shadow:0 18px 42px #00000052}.animated-grid-frame{width:100%;padding-inline:0}.animated-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.animated-grid-card{aspect-ratio:1 / .74;border-radius:12px}.animated-grid-card.is-video-slot{display:none}}@media (orientation: landscape) and (max-height: 720px) and (max-width: 768px){.animated-grid-section{height:clamp(128vh,138vh,148vh);padding:0;overflow-x:clip}.animated-grid-mobile-blur{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.animated-grid-mobile-blur:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000047,#0000006b)}.animated-grid-mobile-blur-video{width:100%;height:100%;object-fit:cover;filter:blur(24px) saturate(1.08);transform:scale(1.1);opacity:.48}.animated-grid-overlay-video--desktop,.animated-grid-mobile-blur-video--desktop{display:none}.animated-grid-overlay-video--mobile,.animated-grid-mobile-blur-video--mobile{display:block}.animated-grid-sticky{position:sticky;min-height:100vh;min-height:100dvh;display:flex}.animated-grid-overlay{position:absolute;left:50%;top:50%;width:var(--video-width);height:var(--video-height);transform:translate(calc(-50% + var(--video-x)),calc(-50% + var(--video-y)));margin:0;border-radius:max(10px,var(--video-radius, 14px))}.animated-grid-frame{width:100%;padding-inline:6px}.animated-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.animated-grid-card{aspect-ratio:4 / 5;border-radius:8px}.animated-grid-card.is-video-slot{display:block}}