/* Native PHP adaptation of AnimatedMarqueeHero. */
.hero.hero-marquee{min-height:calc(100svh - 60px);padding:80px 0 330px;text-align:center;isolation:isolate;}
.hero-marquee .wrap{display:flex;flex-direction:column;align-items:center;}
.hero-marquee .hero-eyebrow{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 18px;background:rgba(255,255,255,.06);margin-bottom:24px;}
.hero-marquee h1{max-width:900px;}
.hero-marquee .hero-actions{justify-content:center;margin-top:28px;}
.hero-marquee .btn{border-radius:999px;min-height:48px;transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 200ms ease,color 200ms ease,border-color 200ms ease;}
.hero-marquee .btn:active{transform:scale(.97);}
.hero-marquee .btn:focus-visible,.hero-motion-toggle:focus-visible{outline:3px solid #fff;outline-offset:5px;}
.hero-marquee .hero-meta{justify-content:center;margin-top:32px;padding-top:20px;gap:36px;}
.hero-marquee .hero-eyebrow,.hero-marquee h1,.hero-marquee p.lede,.hero-marquee .hero-actions,.hero-marquee .hero-meta{opacity:1;animation:hero-marquee-enter 500ms cubic-bezier(.23,1,.32,1) both;}
.hero-marquee h1{animation-delay:60ms;}
.hero-marquee p.lede{animation-delay:120ms;}
.hero-marquee .hero-actions{animation-delay:180ms;}
.hero-marquee .hero-meta{animation-delay:240ms;}
.hero-marquee-window{position:absolute;bottom:36px;left:0;width:100%;height:285px;overflow:hidden;z-index:0;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 80%,transparent);}
.hero-marquee-track{display:flex;width:max-content;animation:hero-marquee-scroll 40s linear infinite;}
.hero-marquee-group{display:flex;flex:none;gap:16px;padding:14px 16px 14px 0;}
.hero-marquee-card{width:192px;height:256px;flex:none;transform:rotate(-2deg);}
.hero-marquee-card:nth-child(even){transform:rotate(5deg);}
.hero-marquee-card img{width:100%;height:100%;object-fit:cover;border-radius:16px;background:#33252a;box-shadow:0 8px 22px #0004;}
.hero-motion-toggle{position:absolute;bottom:10px;right:20px;z-index:3;color:#fff;background:#21171e;border:1px solid #ffffff55;border-radius:999px;padding:10px 16px;min-height:44px;font:12px 'Space Grotesk',sans-serif;cursor:pointer;touch-action:manipulation;}
.hero-marquee.is-paused .hero-marquee-track{animation-play-state:paused;}
.hero-text-ring{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;}
@keyframes hero-marquee-scroll{from{transform:translateX(-50%);}to{transform:translateX(0);}}
@keyframes hero-marquee-enter{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
@media(hover:hover) and (pointer:fine){.hero-marquee .btn:hover{transform:scale(1.03);}}
@media(max-width:860px){.hero.hero-marquee{padding:64px 0 270px;}.hero-marquee-window{height:225px;}.hero-marquee-card{width:144px;height:192px;}.hero-marquee .hero-meta{gap:24px;}}
@media(max-width:480px){.hero.hero-marquee{padding-top:48px;}.hero-marquee .wrap{padding-left:20px;padding-right:20px;}.hero-marquee h1{font-size:clamp(34px,9vw,43px);}.hero-marquee .hero-actions{gap:12px;}.hero-marquee .btn{padding:13px 20px;}.hero-marquee .hero-meta .num{font-size:22px;}.hero-marquee .hero-meta .label{font-size:10px;}}
@media(prefers-reduced-motion:reduce){.hero-marquee .hero-marquee-track,.hero-marquee .hero-eyebrow,.hero-marquee h1,.hero-marquee p.lede,.hero-marquee .hero-actions,.hero-marquee .hero-meta{animation:none;opacity:1;transform:none;}.hero-marquee .btn{transition:none;}.hero-marquee .btn:hover,.hero-marquee .btn:active{transform:none;}.hero-motion-toggle{display:none;}}