.shelf-intro{padding-top:64px;padding-bottom:32px}.shelf-intro h1{font-size:clamp(54px,6.5vw,100px);line-height:1;margin:15px 0 24px;letter-spacing:-.055em}.shelf-deck{display:flex;justify-content:space-between;align-items:center;gap:24px}.shelf-deck>p{font-size:17px;color:#bbbdb2;margin:0}.shelf-status{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:#c9c9bb;border:1px solid #44463d;padding:10px 14px;border-radius:30px}.shelf-status:before{content:'';width:6px;height:6px;background:#929386;border-radius:50%}.shelf-status[data-live=true]:before{background:#b8d794}.shelf-experience{background:#090a08;padding-bottom:25px}.shelf-toolbar{display:flex;justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:18px;font-size:10px;letter-spacing:.15em;color:#b6b5a3}.shelf-navigation{display:flex;align-items:center;gap:14px}.shelf-navigation button{width:40px;height:40px;border:1px solid #5c5a46;border-radius:50%;background:transparent;color:#e7e5d5;font-size:19px;cursor:pointer}.shelf-navigation button:disabled{opacity:.25;cursor:default}.shelf-navigation span{margin-right:12px;font-variant-numeric:tabular-nums}.shelf-scroll{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-color:#716b4e #171812;scrollbar-width:thin;outline-offset:-3px}.digital-shelf{position:relative;display:flex;align-items:flex-start;gap:68px;width:max-content;min-width:100%;padding:50px max(6vw,30px) 30px;background:#22201b url('/assets/awards/studio-shelf-generated.png') repeat-x left -28px / auto 620px}.award{position:relative;margin:0;width:280px;flex:0 0 280px;scroll-snap-align:center;z-index:1}.award-object{display:block;position:relative;width:100%;height:426px;border:0;padding:0;background:none;cursor:zoom-in;transition:transform .35s;transform-origin:50% 100%}.award-object:hover{transform:translateY(-5px)}.award-crop{display:block;position:absolute;inset:0;overflow:hidden;background:#141410;box-shadow:10px 5px 0 #070806,14px 7px 0 #49483e,22px 18px 22px #0009,0 0 0 8px #171912,0 0 0 10px #696955}.award-crop img{position:absolute;max-width:none;object-fit:fill}.trophy-cutout{width:100%;height:100%;object-fit:contain;filter:drop-shadow(14px 14px 14px #0009)}.award-juno{width:290px;flex-basis:290px}.award-juno .award-object{height:426px}.award-enlarge{position:absolute;right:8px;bottom:8px;border:1px solid #aaae93;background:#121510d9;color:#f7f5e8;border-radius:50%;width:28px;height:28px;font-size:19px;line-height:24px;opacity:0;transition:opacity .2s}.award-object:hover .award-enlarge,.award-object:focus-visible .award-enlarge{opacity:1}.award figcaption{padding-top:46px;min-height:150px}.award-number{font-size:9px;letter-spacing:.16em;color:#b3ac8d}.award h2{font-size:22px;line-height:1.15;margin:10px 0 9px;letter-spacing:-.025em;color:#f0eee4}.award p{font-size:11px;color:#b7b7a7;line-height:1.6;margin:4px 0}.award .award-note{color:#d6cda7}.shelf-under{display:flex;justify-content:space-between;gap:30px;font-size:11px;line-height:1.7;color:#95998b;padding-top:23px}.shelf-under p{max-width:460px}.shelf-outro{padding-top:80px;padding-bottom:80px;text-align:center}.shelf-outro h2{font-size:clamp(40px,5vw,72px);line-height:1.05;margin:20px 0 32px}#shelf-light-wash{position:absolute;inset:0;pointer-events:none}.shelf-light{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:180px;background:radial-gradient(ellipse,rgba(var(--rgb),var(--strength)),transparent 70%);transform:translateY(-50%);mix-blend-mode:screen;transition:background 1s;z-index:2}.shelf-light:after{content:'';position:absolute;top:50%;left:8%;right:8%;height:2px;background:rgba(var(--rgb),var(--strength));box-shadow:0 0 18px rgba(var(--rgb),var(--strength))}
@media(max-width:700px){.shelf-intro{padding-top:38px;padding-bottom:25px}.shelf-deck{display:block}.shelf-deck>p{font-size:14px;line-height:1.6;margin-bottom:18px}.shelf-status{font-size:10px}.shelf-toolbar{font-size:9px}.shelf-navigation{gap:8px}.shelf-navigation span{margin-right:3px}.shelf-navigation button{width:34px;height:34px}.digital-shelf{gap:48px;padding:40px 45px 18px;background-size:auto 560px;background-position:left -12px}.award,.award-juno{width:250px;flex-basis:250px}.award-object,.award-juno .award-object{height:390px}.award figcaption{padding-top:43px;min-height:146px}.award h2{font-size:21px}.award-enlarge{opacity:1}.shelf-under{display:block}.shelf-outro{padding-top:50px;padding-bottom:50px}}@media(prefers-reduced-motion:reduce){.award-object,.award-enlarge,.shelf-light{transition:none}.shelf-scroll{scroll-behavior:auto}}

.shelf-ambient{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(0deg,transparent 20%,rgba(var(--rgb),calc(var(--strength)*.25)) 28%,transparent 70%);transition:background 1s}@media(prefers-reduced-motion:reduce){.shelf-ambient{transition:none}}
/* Source alpha bounds: x336..765, y14..1432 in the 1086x1448 photo cutout.
   Crop to the visible trophy and anchor its physical base on the shelf top.
   Desktop top surface y457..478; base y474. Mobile surface y426..445; base y442. */
.award-juno .award-object:hover{transform:none}
.trophy-mount{position:absolute;left:50%;bottom:2px;height:410px;aspect-ratio:430/1419;transform:translateX(-50%);overflow:hidden;z-index:1}
.award-juno .trophy-cutout{position:absolute;width:252.5581%;height:102.0437%;max-width:none;left:-78.1395%;top:-.9866%;object-fit:fill;transform:none;filter:none}
.award-juno .award-object:before{content:'';position:absolute;left:50%;width:116px;height:8px;bottom:-2px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#000c 10%,#0008 45%,transparent 73%);pointer-events:none}
@media(max-width:700px){.trophy-mount{height:365px;bottom:-12px}.award-juno .award-object:before{width:104px;bottom:-16px}}

.shelf-controls{padding-bottom:20px}.shelf-controls fieldset{display:flex;align-items:center;gap:36px;border:0;border-top:1px solid #454638;margin:0;padding:18px 0 0}.shelf-controls legend{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#b6b5a3;padding-right:15px}.shelf-controls label{font-size:12px;color:#d7d8c9}.shelf-color-label{display:flex;align-items:center;gap:14px}.shelf-controls input[type=color]{width:46px;height:38px;padding:3px;background:#171912;border:1px solid #6e705d;border-radius:7px;cursor:pointer}.shelf-brightness-label{display:grid;grid-template-columns:1fr auto;gap:10px;width:min(360px,65%)}.shelf-controls output{font-variant-numeric:tabular-nums}.shelf-controls input[type=range]{grid-column:1/-1;width:100%;accent-color:#c5cca6;height:24px;cursor:pointer}.shelf-controls p{font-size:11px;color:#aeb29e;line-height:1.6;margin:14px 0 0;min-height:18px}.shelf-controls fieldset:disabled{opacity:.45}.shelf-controls input:focus-visible{outline:2px solid #e9edcf;outline-offset:4px}@media(max-width:700px){.shelf-controls fieldset{gap:22px}.shelf-brightness-label{flex:1}.shelf-controls p{font-size:10px}}

.award-restored{width:var(--award-width);flex-basis:var(--award-width)}.award-restored .award-crop{background:transparent;box-shadow:8px 6px 10px #0008}.award-restored .award-crop img{position:static;width:100%;height:100%;object-fit:contain}@media(max-width:700px){.award-restored{width:var(--award-mobile-width);flex-basis:var(--award-mobile-width)}}

/* All nineteen record plaques share one measured outer frame and silver bevel. */
.award-record{width:320px;flex-basis:320px}.record-frame{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(7px 5px 5px #0008)}
.plaque-plane{position:relative;width:268px;height:374px;overflow:hidden;background:#101110}.plaque-plane img{display:block;position:absolute;left:0;top:0;width:1152px;height:1536px;max-width:none;transform-origin:0 0}
@media(max-width:700px){.award-record{width:292.9577465px;flex-basis:292.9577465px}}

.shelf-deck>p{font-size:clamp(21px,2.2vw,30px);line-height:1.25;color:#e0dfd4;max-width:690px;letter-spacing:-.025em}.shelf-award-context{max-width:720px;font-size:13px;line-height:1.7;margin-top:20px;color:#aaa99f}@media(max-width:700px){.shelf-deck>p{font-size:23px}.shelf-award-context{font-size:12px}}

/* Selection stays in the shelf; all plaques retain the same unselected frame. */
.award-object{cursor:pointer}.award-object:focus-visible{outline:2px solid #eee6bd;outline-offset:10px}.award.is-selected{z-index:3}.award.is-selected .award-object{transform:scale(1.045)}.award.is-selected .award-object:hover{transform:translateY(-5px) scale(1.045)}.award.is-selected .award-enlarge{opacity:1;transform:rotate(45deg)}
/* Keep the actual trophy base in contact with its shelf while it expands. */
.award-juno.is-selected .award-object,.award-juno.is-selected .award-object:hover{transform:scale(1.035);transform-origin:50% calc(100% - 2px)}
.award-listening{margin-top:22px;padding-top:18px;border-top:1px solid #77715b}.award-listening[hidden]{display:none}.award .award-listening-label{letter-spacing:.15em;text-transform:uppercase;font-size:10px;color:#d9d5bf;margin:0 0 13px}.award-player-slot iframe{display:block;border:0;border-radius:12px;max-width:100%}.award .award-availability{font-size:11px;line-height:1.65;margin:12px 0}.award-spotify-link{display:inline-block;font-size:12px;color:#e4e9cd;text-underline-offset:5px;padding:9px 0}.award-listening a:focus-visible{outline:2px solid #eee6bd;outline-offset:3px}
@media(max-width:700px){.award-juno.is-selected .award-object,.award-juno.is-selected .award-object:hover{transform-origin:50% calc(100% + 12px)}}
@media(prefers-reduced-motion:reduce){.award-object,.award-enlarge{transition:none}}

/* Upward illumination sits behind the awards, preserving authentic artwork.
   Broad overlapping pools light the wall; restrained edge spill grounds the source. */
.digital-shelf{--shelf-plane:478px;--shelf-rgb:255,255,255;--shelf-strength:0;isolation:isolate}
#shelf-light-wash{z-index:0}
.shelf-ambient{inset:0 0 auto;height:var(--shelf-plane);mix-blend-mode:screen;background:linear-gradient(to top,rgba(var(--rgb),calc(var(--strength)*.44)) 0%,rgba(var(--rgb),calc(var(--strength)*.58)) 22%,rgba(var(--rgb),calc(var(--strength)*.42)) 65%,rgba(var(--rgb),calc(var(--strength)*.24)) 100%)}
.shelf-ambient:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 300px 540px at 50% 110%,rgba(var(--rgb),calc(var(--strength)*.4)),transparent 82%) repeat-x;background-size:510px 100%;filter:blur(22px)}
.shelf-ambient:after{content:'';position:absolute;left:0;right:0;top:calc(100% - 7px);height:48px;background:linear-gradient(to bottom,rgba(var(--rgb),calc(var(--strength)*.28)),rgba(var(--rgb),calc(var(--strength)*.12)) 35%,transparent);filter:blur(6px);box-shadow:none}
.record-frame{filter:drop-shadow(7px 5px 5px #0008) drop-shadow(0 0 18px rgba(var(--shelf-rgb),calc(var(--shelf-strength)*.28)))}
.award figcaption{padding-top:30px;min-height:124px}.award h2{margin-top:0}
.shelf-deck>p{max-width:820px;font-size:clamp(18px,1.9vw,26px);line-height:1.45}.shelf-controls p:empty{display:none}
@media(max-width:700px){.digital-shelf{--shelf-plane:442px}.shelf-ambient:before{background-size:390px 100%}.award figcaption{padding-top:28px}.shelf-deck>p{font-size:19px}}

.shelf-controls .shelf-connected-copy{max-width:610px;margin:0 0 1.6rem;color:var(--muted);font-size:.95rem;line-height:1.6}.shelf-connected-copy strong{display:block;color:#ececdf;font-weight:400;font-size:1.2rem;margin-bottom:.3rem}.shelf-presets{display:flex;gap:.65rem;align-items:center}.shelf-presets button{display:flex;align-items:center;gap:.55rem;min-height:48px;padding:.65rem 1rem;background:transparent;color:inherit;border:1px solid #ffffff30;border-radius:3px;font:inherit;cursor:pointer}.shelf-presets button:hover:not(:disabled){background:#ffffff0d;border-color:#d8d7b7}.shelf-presets button:focus-visible{outline:2px solid #d8d7b7;outline-offset:4px}.shelf-presets svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.shelf-controls fieldset:disabled .shelf-presets button{opacity:.45;cursor:not-allowed}@media(max-width:650px){.shelf-controls fieldset{flex-wrap:wrap}.shelf-presets{width:100%}.shelf-presets button{flex:1;justify-content:center}}

/* Light arriving from the shelf catches the front bevel and glass, not only the wall.
   Intensity is inherited from actual readback; zero strength removes every front effect. */
.award-record .award-object{isolation:isolate}
.award-record .award-object:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:1px;box-shadow:inset 0 -24px 30px -15px rgba(var(--shelf-rgb),calc(var(--shelf-strength)*.95)),inset 13px 0 19px -11px rgba(var(--shelf-rgb),calc(var(--shelf-strength)*.78)),inset -13px 0 19px -11px rgba(var(--shelf-rgb),calc(var(--shelf-strength)*.78)),inset 0 2px 3px rgba(var(--shelf-rgb),calc(var(--shelf-strength)*.35));mix-blend-mode:screen}
.award-record .award-object:after{content:'';position:absolute;inset:6.1% 8.15%;z-index:2;pointer-events:none;background:linear-gradient(0deg,rgba(var(--shelf-rgb),calc(var(--shelf-strength)*.34)),rgba(var(--shelf-rgb),calc(var(--shelf-strength)*.22)) 32%,rgba(var(--shelf-rgb),calc(var(--shelf-strength)*.09)) 72%,rgba(var(--shelf-rgb),calc(var(--shelf-strength)*.035))),linear-gradient(125deg,transparent 28%,rgba(var(--shelf-rgb),calc(var(--shelf-strength)*.1)) 49%,transparent 64%);mix-blend-mode:screen}
.award-enlarge{z-index:3;display:flex;align-items:center;justify-content:center}.award-enlarge .ui-icon{width:16px;height:16px}.shelf-navigation button{display:inline-flex;align-items:center;justify-content:center}.shelf-navigation .ui-icon{width:18px;height:18px}.shelf-presets .ui-icon{width:21px;height:21px;stroke-width:1.65}

/* Front bounce on the photographed gold, masked to its exact alpha silhouette.
   Match the cutout geometry so transparent margins and gaps remain unlit.
   Screen keeps original engraving, gold shadows and specular detail visible. */
.trophy-mount{isolation:isolate}
.trophy-mount:after{content:'';position:absolute;width:252.5581%;height:102.0437%;left:-78.1395%;top:-.9866%;pointer-events:none;background:radial-gradient(ellipse at 48% 100%,rgba(var(--shelf-rgb),calc(var(--shelf-strength)*.76)),transparent 47%),linear-gradient(105deg,transparent 28%,rgba(var(--shelf-rgb),calc(var(--shelf-strength)*.58)) 34%,rgba(var(--shelf-rgb),calc(var(--shelf-strength)*.16)) 49%,rgba(var(--shelf-rgb),calc(var(--shelf-strength)*.48)) 66%,transparent 74%);-webkit-mask:url('/assets/awards/juno-authentic-cleaned.png') center/100% 100% no-repeat;mask:url('/assets/awards/juno-authentic-cleaned.png') center/100% 100% no-repeat;mask-mode:alpha;mix-blend-mode:screen}