.featured-animations{--featured-bg:var(--landing-surface);--featured-card-bg:#111;--featured-accent:#feb800;--featured-font:"PP Neue Montreal", system-ui, sans-serif;--featured-mono:"PP Neue Montreal Mono", ui-monospace, monospace;z-index:2;background:var(--featured-bg);color:#fff;position:relative}.featured-animations__pin{box-sizing:border-box;flex-direction:column;justify-content:flex-start;min-height:100svh;padding:clamp(112px,18vh,180px) 0 clamp(40px,6vh,72px);display:flex;overflow:hidden}.featured-animations__header{flex-shrink:0;max-width:1400px;padding:0 clamp(20px,6vw,131px) clamp(56px,8vh,96px)}.featured-animations__title{font-family:var(--featured-font);letter-spacing:-.02em;color:#fff;margin:0 0 clamp(12px,1.5vh,20px);font-size:clamp(1.75rem,3.5vw,48px);font-weight:500;line-height:1.05}.featured-animations__subtitle{font-family:var(--featured-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--landing-text-secondary);margin:0;font-size:clamp(11px,1vw,14px)}.featured-animations__viewport{perspective:1200px;width:100%;transform-style:preserve-3d;overflow:visible}.featured-animations__track{will-change:transform;width:max-content;transform-style:preserve-3d;flex-wrap:nowrap;align-items:stretch;gap:clamp(16px,2vw,24px);padding:0 clamp(20px,6vw,131px);display:flex}.featured-animations__card{box-sizing:border-box;background:var(--featured-card-bg);transform-origin:50%;will-change:transform, opacity;border:1px solid #ffffff1a;border-radius:clamp(32px,5vw,44px);flex-direction:column;flex:none;width:clamp(280px,42vw,520px);min-height:clamp(360px,52vh,520px);padding:clamp(28px,3.5vw,40px);display:flex;position:relative;overflow:hidden}.featured-animations__card-title{font-family:var(--featured-font);letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,2.2vw,30px);font-weight:500;line-height:1.15}.featured-animations__preview{flex:1;justify-content:center;align-items:center;min-height:140px;margin:clamp(16px,2vh,24px) 0;display:flex}.featured-animations__preview:has(.featured-scroll-demo){justify-content:stretch;align-items:stretch;min-height:clamp(180px,24vh,220px)}.featured-animations__dot-demo{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.featured-animations__dot-ring{border:1px solid #ffffff59;border-radius:50%;position:absolute;inset:0}.featured-animations__dot-core{background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 24px #ffffff59}.featured-animations__hover-demo{justify-content:center;align-items:center;width:100%;display:flex}.featured-animations__hover-button{isolation:isolate;color:#fff;font-family:var(--featured-font);letter-spacing:.01em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff42;border-radius:6px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:500;transition:transform .35s,border-color .35s,background-color .35s,box-shadow .35s;display:inline-flex;position:relative;overflow:hidden;transform:translateY(0)scale(1)}.featured-animations__hover-glow{z-index:-1;opacity:0;background:radial-gradient(circle,#feb8004d 0%,#0000 68%);border-radius:999px;transition:opacity .35s,transform .35s;position:absolute;inset:-40% -20%;transform:scale(.75)}.featured-animations__hover-shine{opacity:0;background:linear-gradient(110deg,#0000 0%,#fff6 48%,#0000 100%);width:35%;height:100%;position:absolute;top:0;left:-45%;transform:skew(-18deg)}.featured-animations__hover-label,.featured-animations__hover-icon{z-index:1;position:relative}.featured-animations__hover-icon{transition:transform .35s;display:inline-block}.featured-animations__hover-button:hover,.featured-animations__hover-button:focus-visible{background:#ffffff17;border-color:#feb800cc;outline:none;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 24px #00000047}.featured-animations__hover-button:hover .featured-animations__hover-glow,.featured-animations__hover-button:focus-visible .featured-animations__hover-glow{opacity:1;transform:scale(1)}.featured-animations__hover-button:hover .featured-animations__hover-shine,.featured-animations__hover-button:focus-visible .featured-animations__hover-shine{opacity:1;animation:.9s featured-hover-shine}.featured-animations__hover-button:hover .featured-animations__hover-icon,.featured-animations__hover-button:focus-visible .featured-animations__hover-icon{transform:translate(4px)}.featured-animations__hover-button:active{transform:translateY(0)scale(.99)}@keyframes featured-hover-shine{0%{left:-45%}to{left:120%}}.featured-animations__copy-block{max-width:92%;font-family:var(--featured-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--landing-text-secondary);text-align:center;margin:0;font-size:clamp(10px,.85vw,12px);line-height:1.55}.featured-animations__details:focus-visible,.featured-animations__enter-link:focus-visible{outline:2px solid var(--featured-accent);outline-offset:3px}.featured-animations--reduced .featured-animations__pin{min-height:auto;padding-bottom:clamp(56px,8vh,96px)}.featured-animations__static-grid{box-sizing:border-box;width:100%;padding:0 clamp(20px,6vw,131px)}.featured-animations__track--static{will-change:auto;flex-direction:column;align-items:stretch;width:100%;max-width:560px;margin-inline:auto;transform:none!important}.featured-animations__track--static .featured-animations__card{opacity:1;z-index:auto;width:100%;max-width:none;transform:none}.featured-animations__details{min-block-size:44px;min-inline-size:138px;box-shadow:none;font-family:var(--featured-mono);letter-spacing:.03em;text-transform:uppercase;color:#f5f8fff5;background:0 0;border:1px solid #fff3;border-radius:10px;justify-content:center;align-self:flex-end;align-items:center;margin-top:auto;padding:10px 14px;font-size:11px;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.featured-animations__details:hover{color:#000;box-shadow:none;background:#fff;border-color:#fff3}.featured-animations__card--enter{background:var(--featured-card-bg);justify-content:center;align-items:center;display:flex}.featured-animations__enter-link{font-family:var(--featured-font);color:#fff;align-items:center;gap:.35em;font-size:clamp(1.1rem,1.8vw,22px);font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.featured-animations__enter-link:hover{color:var(--featured-accent)}.featured-animations__enter-arrow{font-size:1.15em;line-height:1}@media (max-width:640px){.featured-animations__card{width:min(88vw,340px);min-height:380px}}
.site-footer{--footer-bg:var(--landing-surface);--footer-accent:#feb800;--footer-font:"PP Neue Montreal", system-ui, sans-serif;--footer-mono:"PP Neue Montreal Mono", ui-monospace, monospace;z-index:2;background:var(--footer-bg);color:#fff;position:relative;overflow:hidden}.site-footer__marquee{background:var(--landing-surface-raised);border-block:1px solid #ffffff1f;margin-top:clamp(48px,8vh,96px);padding:clamp(14px,2vh,18px) 0;overflow:hidden}.site-footer__marquee-track{width:max-content;animation:28s linear infinite site-footer-marquee;display:flex}.site-footer__marquee-group{font-family:var(--footer-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;align-items:center;gap:0;padding-right:2rem;font-size:clamp(12px,1.1vw,15px);display:flex}.site-footer__marquee-text{color:#ffffffeb}.site-footer__marquee-accent{color:var(--footer-accent)}@keyframes site-footer-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.site-footer__marquee-track{flex-wrap:wrap;justify-content:center;width:100%;padding:0 clamp(16px,4vw,32px);animation:none}.site-footer__marquee-group:last-child{display:none}}.site-footer__cta-block{text-align:center;flex-direction:column;align-items:center;margin-top:clamp(32px,5vh,64px);padding:clamp(150px,22vh,280px) clamp(24px,7vw,64px) clamp(170px,24vh,320px);display:flex;position:relative}.site-footer__cta-block--trail{cursor:none}.site-footer__cursor-trail-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.site-footer__cursor-trail-item{opacity:.52;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;width:clamp(48px,4.6vw,72px);height:auto;position:absolute}.site-footer__headline{z-index:1;font-family:var(--footer-font);letter-spacing:-.03em;margin:0 0 clamp(40px,6vh,64px);font-size:clamp(2.5rem,6.5vw,96px);font-weight:500;line-height:1.02;position:relative}.site-footer__headline-line{color:#fff;display:block}.site-footer__headline-line--accent{color:var(--footer-accent);cursor:default}.site-footer__headline-line--accent:focus-visible{outline:2px solid var(--footer-accent);outline-offset:6px;border-radius:2px}.site-footer__library-btn{z-index:1;min-height:48px;font-family:var(--footer-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;border:1px solid #ffffffd9;border-radius:999px;justify-content:center;align-items:center;padding:0 clamp(24px,4vw,40px);font-size:clamp(12px,1vw,14px);text-decoration:none;transition:background .2s,color .2s;display:inline-flex;position:relative}.site-footer__library-btn:hover{color:var(--landing-surface);background:#fff}.site-footer__library-btn:focus-visible{outline:2px solid var(--footer-accent);outline-offset:3px}.site-footer__bottom{border-top:1px solid #ffffff14;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);justify-content:space-between;gap:clamp(56px,12vw,180px);min-height:auto;padding:clamp(72px,10vh,110px) clamp(24px,8vw,140px) calc(clamp(72px,10vh,110px) + 20px);display:grid}.site-footer__bottom-col{flex-direction:column;align-items:flex-start;display:flex}.site-footer__bottom-label{font-family:var(--footer-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--landing-text-secondary);margin:0 0 clamp(18px,2.2vh,26px);font-size:clamp(18px,1.1vw,22px)}.site-footer__bottom-label--spaced{margin-top:clamp(46px,7vh,78px)}.site-footer__bottom-nav{flex-direction:column;align-items:flex-start;gap:clamp(12px,1.8vh,20px);display:flex}.site-footer__bottom-link,.site-footer__bottom-address{font-family:var(--footer-font);letter-spacing:-.02em;color:#fff;margin:0;font-size:20px;font-style:normal;font-weight:500;line-height:1.15;text-decoration:none;transition:color .2s}.site-footer__bottom-link:hover{color:#fff}.site-footer__bottom-nav:hover .site-footer__bottom-link{color:var(--landing-text-tertiary)}.site-footer__bottom-nav:hover .site-footer__bottom-link:hover,.site-footer__bottom-link--active{color:#fff}.site-footer__bottom-link--underlined{color:#fffffff2;text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:1px}.site-footer__bottom-link--muted{color:var(--landing-text-tertiary);cursor:default}.site-footer__bottom-link:focus-visible{outline:2px solid var(--footer-accent);outline-offset:3px;border-radius:2px}.site-footer__bottom-address{color:#fffffff2}@media (max-width:720px){.site-footer__bottom{grid-template-columns:1fr;gap:clamp(40px,7vh,64px);min-height:auto;padding:clamp(48px,8vh,72px) clamp(20px,6vw,32px) clamp(64px,10vh,92px)}.site-footer__bottom-link,.site-footer__bottom-address{font-size:20px}}