/* ===== Awards & recognition (home) ===== */
.home-awards{position:relative;background:radial-gradient(ellipse 55% 44% at 18% 30%,rgba(246,195,90,.09),transparent 70%),radial-gradient(ellipse 46% 40% at 86% 72%,rgba(108,77,255,.12),transparent 72%)}
.awards-head{max-width:720px;margin:0 auto 44px;text-align:center}
.awards-head .section-intro{margin-left:auto;margin-right:auto}
.awards-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
.awards-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border:1px solid rgba(246,195,90,.28);border-radius:99px;background:rgba(246,195,90,.07);color:#f2d9a4;font-size:12px;font-weight:800;letter-spacing:.02em}
.awards-chip i{width:15px;height:15px}

/* marquee — cards use margin-right (not flex gap) so translateX(-50%) lands exactly on one loop period */
.awards-marquee{position:relative;overflow:hidden;padding:8px 0 20px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.awards-track{display:flex;align-items:stretch;width:max-content;animation:awardsScroll 44s linear infinite;will-change:transform}
.awards-track .award-card{margin-right:18px}
.awards-marquee:hover .awards-track,.awards-marquee:focus-within .awards-track{animation-play-state:paused}
@keyframes awardsScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* card */
.award-card{display:flex;flex:none;flex-direction:column;width:236px;padding:16px 16px 18px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(150deg,rgba(30,33,60,.85),rgba(12,14,28,.92));transition:transform .3s,border-color .3s,box-shadow .3s}
.award-card:hover{transform:translateY(-8px);border-color:rgba(246,195,90,.55);box-shadow:0 26px 60px rgba(1,3,15,.5),0 0 0 1px rgba(246,195,90,.12),0 14px 44px rgba(246,195,90,.08)}
.award-media{display:grid;place-items:center;height:188px;border-radius:16px;overflow:hidden}
.award-media img{width:164px;height:164px;object-fit:contain;transition:transform .35s}
.award-card:hover .award-media img{transform:scale(1.06)}
.award-media--light{background:linear-gradient(160deg,#ffffff,#f2f0ea);box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}
.award-media--dark{background:radial-gradient(circle at 50% 32%,rgba(246,195,90,.14),transparent 68%),linear-gradient(160deg,rgba(38,41,74,.9),rgba(10,12,26,.96));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.award-copy{margin-top:14px;text-align:center}
.award-copy b{display:block;font-size:14px;line-height:1.3;letter-spacing:-.02em}
.award-copy small{display:block;margin-top:5px;color:#a8b3ca;font-size:11px;font-weight:700}

@media(prefers-reduced-motion:reduce){.awards-marquee{overflow-x:auto}.awards-track{animation:none}}
@media(max-width:760px){.awards-head{margin-bottom:30px}.awards-track{animation-duration:30s}.awards-track .award-card{margin-right:12px}.award-card{width:150px;padding:11px 11px 13px;border-radius:16px}.award-media{height:116px;border-radius:12px}.award-media img{width:96px;height:96px}.award-copy{margin-top:9px}.award-copy b{font-size:11.5px}.award-copy small{font-size:9.5px;margin-top:3px}}

/* ===== 3D rotating award ring (About page) ===== */
.about-awards-section{overflow:hidden;position:relative}
.about-awards-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 46% 42% at 50% 24%,rgba(246,195,90,.08),transparent 70%),radial-gradient(ellipse 52% 44% at 50% 88%,rgba(108,77,255,.14),transparent 74%);pointer-events:none}
.awards-ring-scene{position:relative;height:560px;margin-top:18px;perspective:1500px;perspective-origin:50% 36%}
.awards-ring{position:absolute;inset:0;transform-style:preserve-3d;animation:awardsRingSpin 64s linear infinite;will-change:transform}
.awards-ring-scene:hover .awards-ring{animation-play-state:paused}
@keyframes awardsRingSpin{from{transform:rotateX(-7deg) rotateY(0deg)}to{transform:rotateX(-7deg) rotateY(-360deg)}}
.awards-ring-card{position:absolute;left:50%;top:50%;width:190px;margin:-152px 0 0 -95px;display:flex;flex-direction:column;padding:12px 12px 14px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(150deg,rgba(31,34,62,.94),rgba(11,13,27,.97));box-shadow:0 20px 48px rgba(1,3,15,.5);transform:rotateY(var(--ry)) translateZ(var(--ring-radius));backface-visibility:hidden}
.awards-ring-card .award-media{height:150px;border-radius:13px}
.awards-ring-card .award-media img{width:128px;height:128px;object-fit:contain}
.awards-ring-card .award-copy{margin-top:11px;text-align:center}
.awards-ring-card .award-copy b{display:block;font-size:12px;line-height:1.25;letter-spacing:-.02em}
.awards-ring-card .award-copy small{display:block;margin-top:4px;color:#a8b3ca;font-size:10px;font-weight:700}
.awards-ring-floor{position:absolute;left:50%;bottom:0;width:820px;max-width:92%;height:120px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(108,77,255,.18),transparent 68%);filter:blur(3px);pointer-events:none}
@media(prefers-reduced-motion:reduce){.awards-ring{animation:none}}
@media(min-width:701px) and (max-width:900px){.awards-ring-scene{height:400px;perspective:1150px}.awards-ring{scale:.6}}
@media(max-width:700px){
.awards-ring-scene{position:static;height:auto;perspective:none;margin-top:10px}
.awards-ring{position:static;inset:auto;animation:none;scale:1;transform:none;display:flex;gap:12px;overflow-x:auto;padding:8px 2px 18px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.awards-ring-card{position:static;margin:0;transform:none;flex:none;width:158px;scroll-snap-align:start;backface-visibility:visible}
.awards-ring-card .award-media{height:124px}
.awards-ring-card .award-media img{width:104px;height:104px}
.awards-ring-floor{display:none}
}