/* Based1: cinematic light, plaque choreography, and a moving photo archive. */
.hero{background:#151220}
.hero-photo{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#00000012 9%,#000000a6 30%,#000 53%);mask-image:linear-gradient(90deg,transparent 0%,#00000012 9%,#000000a6 30%,#000 53%);will-change:transform}
.hero::before{background:linear-gradient(90deg,#151220 2%,#151220d6 24%,#15122000 68%),linear-gradient(0deg,#100e1aa3,transparent 48%)}
.hero-atmosphere{position:absolute;inset:-20%;z-index:-1;pointer-events:none;opacity:.42;background:radial-gradient(ellipse at var(--cursor-x,65%) var(--cursor-y,35%),#9165e535,transparent 43%);mix-blend-mode:screen;animation:ambient-breathe 9s ease-in-out infinite}
.hero-wordmark{filter:drop-shadow(0 4px 35px #c2a6ff0b);will-change:transform}
.hero-wordmark span{background:linear-gradient(120deg,#eadbff 5%,#b99af4 40%,#8879dd 70%,#cfadff 95%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:accent-shimmer 8s ease-in-out infinite}
.hero-copy h2 span{color:#c4bcd7}.hero-stamp{border-color:#dac3ff33;box-shadow:0 0 35px #9d6fda0d}.hero-copy .pill{box-shadow:0 8px 32px #0002}
.numbers{grid-template-columns:repeat(4,minmax(0,1fr));padding:64px 0}.number-item{padding:0 28px}.number-value{font-size:clamp(46px,4.7vw,68px);min-height:76px;display:flex;align-items:center;white-space:nowrap}.number-item .number-word{font-size:clamp(29px,2.7vw,39px);line-height:.99;letter-spacing:-.045em;display:block;padding-top:3px}.number-item .metric-grammy{font-size:clamp(33px,3.4vw,47px);letter-spacing:-.055em}.number-item:last-child .number-value{font-size:clamp(46px,4.7vw,68px);padding-top:0;line-height:1}.rank-prefix{font-size:16px;color:var(--muted);margin-right:9px;letter-spacing:-.025em}.number-item p{font-size:9px;letter-spacing:.08em;line-height:1.7}.number-source{font-size:9px;line-height:1.6;max-width:210px}
.artist-strip{padding:36px 0 0;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.artist-track{font-size:27px;animation-duration:55s;gap:48px}
.recognition .section-heading{margin-bottom:0}.recognition-scene{height:1060px;position:relative}.plaque-stage{position:sticky;top:65px;min-height:600px;height:calc(100svh - 115px);max-height:750px;perspective:1500px;--spread:1;--scene:1;isolation:isolate}.plaque-stage::before{background:radial-gradient(ellipse,#b28be41f,transparent 70%);width:95%;height:85%;opacity:calc(.5 + var(--scene)*.5)}.plaque-position{will-change:transform;transition:transform .18s linear;transform-style:preserve-3d}.plaque-position:nth-of-type(2){transform:translateX(calc((1 - var(--spread))*190px)) translateY(calc(22px + (1 - var(--spread))*35px)) rotateZ(calc(var(--spread)*-9deg)) rotateY(calc(20deg - var(--spread)*14deg))}.plaque-position:nth-of-type(3){z-index:3;transform:translateY(calc(-10px - var(--scene)*12px)) scale(calc(.92 + var(--scene)*.08))}.plaque-position:nth-of-type(4){transform:translateX(calc((1 - var(--spread))*-190px)) translateY(calc(22px + (1 - var(--spread))*35px)) rotateZ(calc(var(--spread)*9deg)) rotateY(calc(-20deg + var(--spread)*14deg))}.plaque{height:475px;background-color:#17151b;transform-style:preserve-3d;box-shadow:0 52px 55px -25px #000e,inset 0 0 0 6px #b19e6740,inset 0 0 0 10px #0c0c0c}.plaque:hover{box-shadow:0 62px 75px -22px #000,inset 0 0 0 6px #d9c79470,inset 0 0 0 10px #0c0c0c}.plaque::after{background:linear-gradient(115deg,transparent 20%,#ffffff03 28%,#ffffff2d 35%,#b3a0d80b 42%,transparent 52%)}.plaque.platinum{border-color:#a1a5b8;background:linear-gradient(135deg,#d9dce8,#717280 6%,#111115 9%,#16151d 85%,#a1a3b5 97%,#eceaf5);box-shadow:0 52px 55px -25px #000e,inset 0 0 0 6px #b8bfd33b,inset 0 0 0 10px #0c0c0c}.platinum .plaque-mark,.platinum strong{color:#e3dfee}.platinum .plaque-label{background:linear-gradient(115deg,#aaaec0,#e4e4f0,#a6a9bb);color:#24242c}.plaque .multi-platinum-title{font-size:36px;line-height:1.05}.trophy-render{object-fit:contain;width:245px;height:235px;margin:-6px 0 -13px;filter:drop-shadow(0 24px 16px #0007);animation:trophy-hover 7s ease-in-out infinite}.plaque-ambience{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;mask-image:radial-gradient(ellipse,#000 35%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse,#000 35%,transparent 72%)}.plaque-ambience i{position:absolute;left:50%;top:50%;height:380px;width:1000px;border:1px solid #be9cea25;border-radius:50%;box-shadow:0 0 25px #ad83d90c;animation:orbit-light 19s linear infinite;transform:translate(-50%,-50%) rotate(-15deg)}.plaque-ambience i:nth-child(2){height:290px;width:900px;border-color:#e5d4a91c;animation-direction:reverse;animation-duration:27s}.plaque-ambience i:nth-child(3){height:210px;width:800px;border-color:#acb1e11c;animation-duration:33s}.award-list{margin-top:48px}
.billboard-feature{position:relative;width:100%;display:flex;gap:32px;align-items:center;overflow:hidden;text-align:left;border:1px solid #c9b5e624;border-radius:28px;background:linear-gradient(120deg,#24202e,#131218 70%);padding:20px 28px 20px 20px;min-height:208px;isolation:isolate;transition:border-color .4s,transform .5s var(--ease)}.billboard-feature::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 65%,#9068c724,transparent 65%);transition:opacity .4s}.billboard-feature:hover{border-color:#c9b5e65c;transform:translateY(-4px)}.billboard-cover{width:165px;height:165px;flex-shrink:0;border-radius:17px;overflow:hidden;box-shadow:0 12px 30px #0004}.billboard-cover img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.billboard-feature:hover .billboard-cover img{transform:scale(1.1) rotate(-3deg)}.billboard-copy{display:flex;flex-direction:column;position:relative;z-index:1}.billboard-copy .eyebrow{font-size:8px;margin-bottom:15px}.billboard-copy strong{font-family:Space,sans-serif;font-size:clamp(38px,4.3vw,61px);font-weight:400;letter-spacing:-.065em;line-height:1.05}.billboard-copy>span:not(.eyebrow){font-size:12px;margin-top:11px}.billboard-copy small{font-size:10px;color:var(--muted);margin-top:3px}.billboard-number{font-family:Space,sans-serif;font-size:235px;line-height:1;font-weight:700;letter-spacing:-.09em;color:#d7c1f211;position:absolute;right:100px;top:-8px;pointer-events:none}.billboard-arrow{margin-left:auto;width:56px;height:56px;display:grid;place-items:center;border:1px solid #ffffff28;border-radius:50%;font-size:26px;transition:transform .6s var(--ease)}.billboard-feature:hover .billboard-arrow{transform:rotate(45deg)}
.credit-art{transform:perspective(950px) rotateX(var(--cover-rx,0deg)) rotateY(var(--cover-ry,0deg));transition:transform .55s var(--ease);box-shadow:0 15px 32px -18px #0007}.credit-art::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 10%,#ffffff10 33%,transparent 48%);transform:translateX(var(--cover-shine,-100%));transition:transform .7s var(--ease)}.credit-card:hover .credit-art{box-shadow:0 22px 38px -14px #0009}
.story{padding-bottom:68px}.story-copy h2{font-size:clamp(51px,5.5vw,82px)}.photo-gallery{margin-top:72px;margin-left:-40px;width:calc(100% + 80px);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.photo-track{display:flex;width:max-content;animation:photo-drift 85s linear infinite;will-change:transform}.photo-set{display:flex;gap:20px;padding:25px 20px 32px 0;align-items:center;flex-shrink:0}.gallery-frame{margin:0;width:290px;height:365px;flex-shrink:0;position:relative;border-radius:26px;overflow:hidden;transform:rotate(var(--photo-rotation));border:1px solid #ffffff15;box-shadow:0 12px 28px #0004;transition:transform .6s var(--ease),border-color .4s}.gallery-frame:nth-child(2n){width:325px;height:420px}.gallery-frame:nth-child(3n){width:370px;height:345px}.gallery-frame img{height:100%;width:100%;object-fit:cover;transition:transform .9s var(--ease);filter:saturate(.92)}.gallery-frame:hover{transform:rotate(0) scale(1.02);border-color:#c2a6ff55}.gallery-frame:hover img{transform:scale(1.05)}.photo-gallery:hover .photo-track{animation-play-state:paused}
.contact{padding:72px 0 45px}.contact h2{font-size:clamp(38px,4.5vw,60px)}.contact-circle{width:64px;height:64px;font-size:28px}.contact-email{font-size:clamp(18px,2.4vw,29px);margin-top:18px}.contact .eyebrow{font-size:9px;margin-bottom:15px}.site-footer{margin-top:48px}.footer-wordmark{margin-top:48px}
@keyframes ambient-breathe{50%{opacity:.65;transform:scale(1.08) translateY(-12px)}}@keyframes accent-shimmer{50%{background-position:100% 50%}}@keyframes orbit-light{to{transform:translate(-50%,-50%) rotate(345deg)}}@keyframes trophy-hover{50%{transform:translateY(-8px) rotateY(9deg) rotateZ(-2deg)}}@keyframes photo-drift{to{transform:translateX(-50%)}}
body.motion-paused .recognition-scene{height:auto}body.motion-paused .plaque-stage{position:relative;top:auto;--spread:1!important;--scene:1!important}body.motion-paused .photo-track{animation:none;transform:none}body.motion-paused .photo-gallery{overflow-x:auto;mask-image:none;-webkit-mask-image:none;scrollbar-width:thin}body.motion-paused .photo-set:nth-child(2){display:none}body.motion-paused .credit-art{transform:none}.photo-gallery:focus-within .photo-track{animation-play-state:paused}
@media(max-width:1100px){.number-item{padding:0 18px}.number-source{font-size:8px}.plaque{height:435px}.trophy-render{width:220px;height:213px}.plaque .multi-platinum-title{font-size:31px}.recognition-scene{height:950px}.plaque-stage{min-height:560px}.photo-gallery{margin-left:-28px;width:calc(100% + 56px)}}
@media(max-width:980px){.numbers{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}.number-item{padding:0 28px}.number-item:nth-child(2){border-right:0}.number-item:nth-child(3){padding-left:0;border-right:1px solid var(--line)}.number-item:nth-child(4){padding-right:0}.number-source{font-size:9px}.number-item .number-word{font-size:37px}.number-item .metric-grammy{font-size:43px}}
@media(max-width:760px){.hero-photo{-webkit-mask-image:linear-gradient(180deg,transparent,#000 21%,#000 84%,transparent);mask-image:linear-gradient(180deg,transparent,#000 21%,#000 84%,transparent);object-position:62% 33%}.hero::before{background:linear-gradient(180deg,#151220 0%,#151220ed 17%,#15122010 53%,#1512202c 75%,#151220a6 97%),linear-gradient(90deg,#15122075,transparent 60%)}.hero-atmosphere{opacity:.32}.numbers{padding:36px 0;row-gap:29px}.number-value,.number-item:last-child .number-value{font-size:50px;min-height:60px}.number-item{padding:0 17px}.number-item:nth-child(3){display:block}.number-item .number-word{font-size:29px;min-height:60px;line-height:1}.number-item .metric-grammy{font-size:32px}.number-item p{font-size:8px;line-height:1.6;margin-top:9px;letter-spacing:.035em}.number-source{font-size:8px;margin-top:8px}.rank-prefix{font-size:13px;margin-right:6px}.artist-strip{padding-top:27px}.artist-track{font-size:23px;gap:30px}.recognition-scene{height:auto}.plaque-stage{position:relative;top:auto;min-height:440px;height:440px;max-height:none}.plaque-position:nth-of-type(2){transform:translateX(calc(35% + 22px)) translateY(24px) rotateZ(-10deg) rotateY(8deg)}.plaque-position:nth-of-type(3){width:48%;transform:translateY(-5px)}.plaque-position:nth-of-type(4){transform:translateX(calc(-35% - 22px)) translateY(24px) rotateZ(10deg) rotateY(-8deg)}.plaque{height:310px;padding:22px 13px 17px;border-radius:15px}.plaque .multi-platinum-title{font-size:21px}.trophy-render{width:154px;height:151px;margin:-10px -5px -10px}.plaque-ambience i{width:550px;height:200px;opacity:.6}.plaque-ambience i:nth-child(2){width:500px;height:155px}.plaque-ambience i:nth-child(3){width:450px;height:110px}.billboard-feature{border-radius:23px;padding:15px;gap:16px;min-height:145px}.billboard-cover{width:83px;height:113px;border-radius:13px}.billboard-copy .eyebrow{font-size:6px;gap:7px;margin-bottom:12px}.billboard-copy .eyebrow::before{width:12px}.billboard-copy strong{font-size:31px}.billboard-copy>span:not(.eyebrow){font-size:9px;margin-top:8px}.billboard-copy small{font-size:8px}.billboard-arrow{position:absolute;width:28px;height:28px;right:13px;top:13px;font-size:14px}.billboard-number{font-size:155px;right:12px;top:8px}.award-list{margin-top:32px}.story{padding-bottom:45px}.story-copy h2{font-size:57px}.photo-gallery{margin-top:42px;margin-left:-20px;width:calc(100% + 40px)}.photo-set{gap:14px;padding:18px 14px 25px 0}.gallery-frame{width:205px;height:275px;border-radius:21px}.gallery-frame:nth-child(2n){width:215px;height:310px}.gallery-frame:nth-child(3n){width:245px;height:255px}.photo-track{animation-duration:70s}.contact{padding:58px 0 32px}.contact h2{font-size:42px}.contact-circle{width:49px;height:49px;font-size:23px}.contact-email{font-size:21px}.site-footer{margin-top:38px}.footer-wordmark{margin-top:38px}}
@media(max-width:380px){.number-value,.number-item:last-child .number-value{font-size:43px}.number-item .number-word{font-size:26px}.number-item .metric-grammy{font-size:29px}.plaque{height:280px;padding:20px 10px 14px}.plaque .multi-platinum-title{font-size:18px}.trophy-render{width:125px;height:132px}.plaque-stage{height:400px;min-height:400px}.billboard-cover{width:67px;height:102px}.billboard-feature{gap:11px}.billboard-copy strong{font-size:27px}.billboard-copy .eyebrow{font-size:5px}.story-copy h2{font-size:49px}.contact-email{font-size:18px}}
@media(prefers-reduced-motion:reduce){.recognition-scene{height:auto}.plaque-stage{position:relative;top:auto;--spread:1!important;--scene:1!important}.photo-track{animation:none;transform:none}.photo-gallery{overflow-x:auto;mask-image:none;-webkit-mask-image:none;scrollbar-width:thin}.photo-set:nth-child(2){display:none}.credit-art{transform:none}.hero-atmosphere{animation:none}.hero-wordmark span{animation:none}}