.kinetic-hero{position:relative;min-height:calc(100svh - 110px);padding:clamp(28px,6vw,78px) 0 38px;overflow:hidden;isolation:isolate}.kinetic-hero .hero-grid{position:relative;z-index:2;min-height:620px}.kinetic-hero .hero-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,66px);transform:translate3d(var(--mx,0),var(--sy,0),0)}.kinetic-title{margin:0 0 26px!important;font-size:clamp(3.7rem,7.3vw,7.3rem)!important}.kinetic-title span{display:block;overflow:hidden;padding-right:.08em;transform:translateY(110%);opacity:0;animation:kinetic-line .85s cubic-bezier(.16,1,.3,1) forwards}.kinetic-title span:nth-child(2){animation-delay:.1s}.kinetic-title em{color:var(--accent);font-style:normal}.kinetic-reveal{opacity:0;transform:translateY(20px);animation:kinetic-reveal .7s .35s cubic-bezier(.16,1,.3,1) forwards}.kinetic-hero .button{width:max-content;display:inline-flex!important;gap:28px;align-items:center}.kinetic-hero .button b{font-size:1.25rem;transition:transform .25s}.kinetic-hero .button:hover b{transform:translate(4px,-4px)}.kinetic-index{position:absolute;right:38px;bottom:28px;display:flex;align-items:center;gap:9px;color:#787d85;font-size:.68rem;font-weight:900;letter-spacing:.15em}.kinetic-index i{width:45px;height:1px;background:#555a62}.kinetic-hero .hero-art{overflow:visible;transform:translate3d(var(--mx,0),var(--sy,0),0)}.kinetic-hero .hero-art:before{content:'';position:absolute;inset:12%;border:1px solid #ffffff55;border-radius:50%;animation:kinetic-pulse 3s ease-in-out infinite}.kinetic-hero .shirt{position:relative;z-index:3;animation:kinetic-float 5s ease-in-out infinite;will-change:transform}.kinetic-ring{position:absolute;z-index:2;width:88%;aspect-ratio:1;border:1px solid #11131833;border-radius:50%;animation:kinetic-spin 22s linear infinite}.kinetic-ring span{position:absolute;top:1%;left:50%;font-size:.68rem;font-weight:900;letter-spacing:.25em;transform:translateX(-50%);white-space:nowrap}.kinetic-tag{position:absolute;z-index:5;padding:8px 12px;background:#f5f4f0;border:1px solid #11131822;border-radius:999px;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 22px #1112}.kinetic-tag--top{top:12%;right:-4%;transform:rotate(5deg)}.kinetic-tag--bottom{bottom:9%;left:-5%;transform:rotate(-6deg)}.kinetic-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);opacity:.55}.kinetic-orb--one{width:240px;height:240px;top:-100px;left:5%;background:var(--accent)}.kinetic-orb--two{width:180px;height:180px;right:-60px;bottom:0;background:#b8bdc5}.kinetic-scroll{position:absolute;z-index:4;left:14px;bottom:60px;display:flex;align-items:center;gap:10px;transform:rotate(-90deg);transform-origin:left bottom;color:var(--muted);font-size:.65rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.kinetic-scroll i{width:46px;height:1px;background:currentColor;animation:kinetic-scroll 1.7s ease-in-out infinite}.kinetic-marquee{overflow:hidden;padding:15px 0;background:var(--accent);border-block:1px solid var(--ink)}.kinetic-marquee>div{width:max-content;display:flex;align-items:center;gap:28px;animation:kinetic-marquee 22s linear infinite}.kinetic-marquee span{font-size:clamp(1rem,2vw,1.45rem);font-weight:950;letter-spacing:.05em}.kinetic-marquee b{font-size:1.2rem}@keyframes kinetic-line{to{opacity:1;transform:translateY(0)}}@keyframes kinetic-reveal{to{opacity:1;transform:translateY(0)}}@keyframes kinetic-float{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-17px)}}@keyframes kinetic-spin{to{transform:rotate(360deg)}}@keyframes kinetic-pulse{50%{transform:scale(1.06);opacity:.45}}@keyframes kinetic-scroll{0%,100%{transform:scaleX(.3);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}}@keyframes kinetic-marquee{to{transform:translateX(-50%)}}@media(max-width:800px){.kinetic-hero{min-height:auto}.kinetic-hero .hero-grid{min-height:0}.kinetic-title{font-size:clamp(3.4rem,17vw,5.2rem)!important}.kinetic-hero .hero-art{overflow:hidden}.kinetic-tag--top{right:3%}.kinetic-tag--bottom{left:3%}.kinetic-scroll,.kinetic-index{display:none}}@media(prefers-reduced-motion:reduce){.kinetic-title span,.kinetic-reveal{opacity:1;transform:none;animation:none}.kinetic-hero .shirt,.kinetic-ring,.kinetic-hero .hero-art:before,.kinetic-scroll i,.kinetic-marquee>div{animation:none!important}.kinetic-hero [data-kinetic-layer]{transform:none!important}}
