:root{--red:#f04450;--deep:#101524;--blue:#284aab}
.top-strip{min-height:37px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;gap:25px;padding:9px 15px;font-size:10px;letter-spacing:.16em;font-weight:800;white-space:nowrap;overflow:hidden}
.strip-star{font-size:13px;color:#fff7}
.header{height:119px}.header .logo{height:116px}.header .logo img{width:129px;height:114px;transition:transform .3s}.header .logo:hover img{transform:rotate(-4deg) scale(1.06)}
.spotlight{background:radial-gradient(circle at 71% 49%,#5475db 0,#2c4797 30%,#111b41 57%,#090d1d 84%);color:white;overflow:hidden;position:relative}
.spotlight:before{content:'';position:absolute;inset:0;background-image:linear-gradient(120deg,transparent,#ffffff0c,transparent);transform:translateX(-110%);animation:lightPass 9s ease-in-out infinite}
.spotlight-inner{min-height:525px;display:flex;align-items:center;position:relative}
.spotlight-copy{width:62%;position:relative;z-index:2;padding:70px 0}
.mini-label{font-weight:900;letter-spacing:.16em;font-size:10px;display:flex;align-items:center;gap:9px;color:#c5cfff}.mini-label.red{color:var(--red)}.pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 15px var(--red);animation:pulse 2s ease-in-out infinite}
.spotlight h1{font-family:Impact,'Arial Black',Arial,sans-serif;font-weight:900;font-size:clamp(54px,7.3vw,112px);letter-spacing:-.035em;line-height:.93;margin:21px 0 24px;text-transform:uppercase}.spotlight h1 em{font-style:normal;color:var(--red)}
.spotlight p{font-size:16px;line-height:1.65;color:#d8def5;max-width:440px;margin:0 0 27px}
.hero-cta{display:inline-flex;align-items:center;gap:28px;background:var(--red);color:white;border-radius:30px;padding:16px 23px;font-weight:900;font-size:12px;letter-spacing:.06em;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 28px #0003}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 15px 35px #f044504c}
.spotlight-character{position:absolute;z-index:1;right:-5%;bottom:-18%;height:119%;width:59%;object-fit:contain;filter:drop-shadow(20px 23px 28px #0006);animation:floatMan 5s ease-in-out infinite}
.orbit-word{position:absolute;bottom:24px;right:0;color:#ffffff8a;font-size:10px;letter-spacing:.25em;font-weight:800}
.section-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-top:70px;margin-bottom:30px}.section-intro .heading{margin:10px 0 0;font-size:clamp(31px,4vw,49px);font-weight:800;letter-spacing:-.045em}.heading-dot{color:var(--red)}.section-intro p{color:#727272;font-size:13px;line-height:1.6;text-align:right;margin:0 0 7px}
.collection{gap:30px 18px}.product{transition:transform .25s}.product:hover{transform:translateY(-5px)}.picture{background:#f2f2f4;border-radius:17px;box-shadow:0 1px 0 #00000008}.picture img{transition:transform .45s cubic-bezier(.2,.65,.3,1)}.picture:hover img{transform:scale(1.055)}
.quick-badge{position:absolute;bottom:13px;left:50%;transform:translate(-50%,15px);white-space:nowrap;border-radius:30px;background:var(--deep);color:white;padding:12px 17px;font-size:10px;font-weight:800;letter-spacing:.07em;opacity:0;transition:.25s}.product:hover .quick-badge,.quick:focus-visible .quick-badge{transform:translate(-50%,0);opacity:1}
.product-desc{display:block;color:var(--red);font-size:9px;letter-spacing:.1em;font-weight:800;margin-top:16px}.product h2{font-weight:700;font-size:15px;margin:8px 0 8px}.price{color:#555;font-size:14px}.product:hover h2{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
.banner-punch{margin:65px -30px 20px;background:var(--red);color:white;min-height:48px;display:flex;align-items:center;justify-content:center;gap:24px;font-weight:900;letter-spacing:.09em;font-size:11px;white-space:nowrap;overflow:hidden;transform:rotate(-1deg)}.banner-mark{font-size:21px}
.gallery{margin-top:90px}.gallery-top{margin-bottom:32px}.gallery-top h2{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(35px,5vw,64px);line-height:1;text-transform:uppercase;margin:14px 0}.gallery-top p{color:#777}.gif-grid{gap:15px}.gif-grid img{background:radial-gradient(circle,#f7f8ff,#eceff6);padding:15px;border:1px solid #ececf2;transition:transform .3s,box-shadow .3s}.gif-grid img:hover{transform:scale(1.025) rotate(-1deg);box-shadow:0 15px 35px #18244922}
.footer{background:#f8f8fa}.primary{transition:background .2s}.primary:hover{background:var(--red);border-color:var(--red)}
@keyframes floatMan{50%{transform:translateY(-14px)}}@keyframes pulse{50%{box-shadow:0 0 2px var(--red);transform:scale(.8)}}@keyframes lightPass{50%,100%{transform:translateX(120%)}}
@media(max-width:860px){.spotlight-inner{min-height:570px}.spotlight-copy{width:80%;align-self:flex-start;padding:55px 0}.spotlight-character{height:75%;width:78%;right:-10%;bottom:-13%}.spotlight h1{font-size:clamp(54px,9vw,80px)}.orbit-word{left:30px;right:auto}.top-strip{gap:15px}}
@media(max-width:570px){.top-strip{font-size:9px;justify-content:flex-start;gap:15px}.top-strip span:nth-of-type(n+4){display:none}.header{height:94px}.header .logo{height:94px}.header .logo img{height:90px;width:98px}.spotlight-inner{min-height:620px}.spotlight-copy{width:100%;padding:43px 0}.spotlight h1{font-size:clamp(55px,12vw,80px)}.spotlight p{font-size:14px;max-width:300px}.spotlight-character{width:100%;height:58%;right:-16%;bottom:-7%}.orbit-word{left:16px;bottom:15px;font-size:8px}.section-intro{align-items:flex-start;flex-direction:column;padding-top:55px;gap:8px}.section-intro p{text-align:left}.collection{gap:24px 10px}.product-desc{font-size:8px}.product h2{font-size:13px}.banner-punch{margin:55px -16px 0;font-size:9px;gap:15px}.gallery{margin-top:65px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
