/* Dr. Toby, September 19: symmetric video wall, cyan-framed boxes, King's Exhibition feature, boombox player. */
/* Video wall 3-3-3 */
.video-wall-lead{font:400 18px/1.6 Body,Arial,sans-serif;color:#d9cde6;max-width:70ch;margin:6px 0 26px}
.video-wall-lead strong{color:#fff;font-weight:700}
#watch-now .media-front-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}
#watch-now .media-front-grid .video-card.wall-centre .video-image{border:2px solid #72d1fb;box-shadow:0 0 0 1px #72d1fb55,0 18px 40px #00000090}
#watch-now .media-front-grid .video-card.wall-centre .play-mark{width:60px;height:60px;font-size:20px}
#watch-now .media-front-grid .video-card.wall-side .video-image,#watch-now .media-front-grid .video-card.wall-centre .video-image{border-radius:4px}
#watch-now .media-front-grid .video-card:nth-child(-n+3) .eyebrow{color:#96dfff}
/* Cyan frame at rest on the story boxes, picker and Partners rows; the hover glow answers it. */
#paper-trail .flyer-story,#paper-trail .flyer-picker,#partners .partner-group,#paper-trail .flyer-context{border-color:#72d1fb;box-shadow:0 0 0 1px #72d1fb22,0 0 22px #72d1fb1f}
#paper-trail .flyer-story:hover,#paper-trail .flyer-picker:hover,#partners .partner-group:hover,#paper-trail .flyer-story:focus-within,#paper-trail .flyer-picker:focus-within,#partners .partner-group:focus-within{border-color:#a9e8ff;box-shadow:0 0 0 1px #72d1fb88,0 0 34px #72d1fb55}
#paper-trail .flyer-story[open],#partners .partner-group[open]{border-color:#c48af3;box-shadow:0 0 0 1px #c48af355,0 0 30px #c48af333}
/* King's Exhibition feature panel */
#paper-trail #collect-flyers.kings-feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin-top:40px;padding:48px 8% 46px;background:radial-gradient(ellipse at 50% 0%,#3a2a12 0%,#1a1226 42%,#0f0a18 100%);border:1px solid #e3c35e66;border-left:1px solid #e3c35e66;border-radius:8px;box-shadow:0 0 0 1px #e3c35e22,0 30px 60px #00000080;color:#f6ecff;position:relative;overflow:hidden}
#paper-trail #collect-flyers.kings-feature::before{content:"";position:absolute;inset:auto -20% -60% -20%;height:70%;background:radial-gradient(ellipse at 50% 100%,#e3c35e22,transparent 60%);pointer-events:none}
#paper-trail #collect-flyers.kings-feature .eyebrow{margin-bottom:14px}
#paper-trail #collect-flyers.kings-feature .kings-mark{position:relative;width:min(240px,50vw);aspect-ratio:1;display:grid;place-items:center;margin-bottom:8px}
#paper-trail #collect-flyers.kings-feature .kings-mark::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,#e3c35e3d,transparent 68%);filter:blur(6px)}
#paper-trail #collect-flyers.kings-feature .kings-mark img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 22px #00000099) drop-shadow(0 0 18px #e3c35e55)}
#paper-trail #collect-flyers.kings-feature .eyebrow{color:#e3c35e!important;font-size:14px!important;letter-spacing:.2em;margin-bottom:10px}
main#main #paper-trail.classic-flyers #collect-flyers.kings-feature h3{font-size:clamp(26px,3vw,42px);line-height:1.05;color:#fff;max-width:24ch;margin:0 0 22px;text-transform:uppercase;letter-spacing:-.01em}
#paper-trail #collect-flyers.kings-feature .kings-wordmark{width:min(640px,86%);height:auto;margin:0 auto 26px;background:none;padding:0;filter:drop-shadow(0 16px 28px #000000aa) drop-shadow(0 0 22px #e3c35e33)}
main#main #paper-trail.classic-flyers #collect-flyers.kings-feature h3 em{color:#e3c35e;font-style:normal}
#paper-trail #collect-flyers.kings-feature>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:58ch;color:#e5d9f2;margin:0 0 26px}
#paper-trail #collect-flyers.kings-feature a.action-primary{background:#e3c35e!important;color:#1a1208!important;border:2px solid #f3dc8f!important;box-shadow:4px 6px 0 #7a5a10;font-size:17px;padding:14px 26px}
#paper-trail #collect-flyers.kings-feature a.action-primary:hover{background:#f0d36f!important}
#paper-trail #collect-flyers.kings-feature{grid-template-columns:none;border-left:1px solid #e3c35e66}
#paper-trail #collect-flyers.kings-feature .kings-mark img{width:100%;height:100%;max-width:none;background:none;padding:0;border-radius:0}
#paper-trail #collect-flyers.kings-feature>p:not(.eyebrow){max-width:58ch}
#paper-trail #collect-flyers.kings-feature a.action-primary{width:auto;white-space:normal;text-align:center}
/* Boombox */
#official-listening .boombox{max-width:1080px;margin-top:34px;position:relative}
#official-listening .boombox-handle{width:46%;height:26px;margin:0 auto -6px;border:5px solid #3a3145;border-bottom:0;border-radius:18px 18px 0 0;background:linear-gradient(#514660,#2c2536);box-shadow:inset 0 2px 0 #ffffff22}
#official-listening .boombox-body{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;gap:18px;align-items:stretch;padding:22px;background:linear-gradient(180deg,#332a40,#1a1522 55%,#120e19);border:2px solid #5a4d6c;border-radius:16px;box-shadow:inset 0 2px 0 #ffffff1c,inset 0 -6px 0 #00000055,0 30px 60px #00000090;position:relative}
#official-listening .boombox-body::before,#official-listening .boombox-body::after{content:"";position:absolute;top:10px;width:10px;height:10px;border-radius:50%;background:#72d1fb;box-shadow:0 0 10px #72d1fb}
#official-listening .boombox-body::before{left:14px}#official-listening .boombox-body::after{right:14px;background:#c48af3;box-shadow:0 0 10px #c48af3}
#official-listening .boombox-speaker{display:grid;place-items:center;border-radius:12px;background:linear-gradient(180deg,#221b2c,#100c16);border:1px solid #4d4160;box-shadow:inset 0 0 0 6px #1a1422,inset 0 0 0 7px #5a4d6c}
#official-listening .boombox-speaker i{display:block;width:118px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#0b0810 0 2px,#3a3146 2px 4px),radial-gradient(circle,#1c1626 30%,#0b0810 31%);background-blend-mode:normal;box-shadow:inset 0 0 0 4px #5a4d6c,inset 0 0 22px #000,0 0 0 8px #191320,0 0 0 9px #4d4160;position:relative}
#official-listening .boombox-speaker i::after{content:"";position:absolute;inset:34%;border-radius:50%;background:radial-gradient(circle,#c48af3 0 20%,#3a2450 21% 60%,#1a1422 61%);box-shadow:0 0 14px #c48af366}
#official-listening .boombox-deck{display:flex;flex-direction:column;min-width:0}
#official-listening .boombox-meter{display:flex;gap:6px;align-items:flex-end;height:22px;padding:0 6px;margin:0 0 12px}
#official-listening .boombox-meter span{flex:1;height:30%;background:linear-gradient(#72d1fb,#7622aa);border-radius:2px;animation:meter 1.6s cubic-bezier(.4,0,.6,1) infinite;transform-origin:50% 100%}
#official-listening .boombox-meter span:nth-child(2){animation-delay:-.3s}#official-listening .boombox-meter span:nth-child(3){animation-delay:-.7s}#official-listening .boombox-meter span:nth-child(4){animation-delay:-1.1s}#official-listening .boombox-meter span:nth-child(5){animation-delay:-.5s}#official-listening .boombox-meter span:nth-child(6){animation-delay:-.9s}#official-listening .boombox-meter span:nth-child(7){animation-delay:-.2s}
@keyframes meter{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
#official-listening .boombox .listening-releases{max-width:none;margin:0;padding:0 18px;background:#0e0b14;border:1px solid #4d4160;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff0c,inset 0 10px 30px #000}
#official-listening .boombox-feet{height:14px;margin:0 6%;border-radius:0 0 14px 14px;background:linear-gradient(#1a1522,#0b0810);border:2px solid #3a3145;border-top:0}
html.story-motion-off #official-listening .boombox-meter span{animation:none;transform:scaleY(.5)}
@media(prefers-reduced-motion:reduce){#official-listening .boombox-meter span{animation:none;transform:scaleY(.5)}}
@media(max-width:900px){#official-listening .boombox-body{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}#official-listening .boombox-speaker{display:none}#official-listening .boombox-handle{width:60%}}
@media(max-width:600px){#watch-now .media-front-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#watch-now .media-front-grid .video-card.wall-centre{grid-column:1/-1}#paper-trail #collect-flyers.kings-feature{padding:34px 6%}main#main #paper-trail.classic-flyers #collect-flyers.kings-feature h3{font-size:24px}#paper-trail #collect-flyers.kings-feature .kings-wordmark{width:92%}#paper-trail #collect-flyers.kings-feature .kings-mark{width:170px}}