.pvm-showcase {
  scroll-margin-top: 82px;
  background: radial-gradient(ellipse at 18% 0%, #34124e 0%, transparent 54%),
    radial-gradient(ellipse at 98% 78%, #2d1524 0%, transparent 44%), #0c0814;
  border-block: 1px solid #43295d;
}
.pvm-showcase h2 { color: #f7e7ff; text-shadow: 0 0 32px #d283ff65; }
.pvm-stage {
  overflow: hidden;
  border: 1px solid #80539c;
  border-radius: 20px;
  background: #0d0715;
  box-shadow: 0 14px 65px #a24cec32;
}
.pvm-stage video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #07050b; }
.pvm-now { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 14px 20px; }
.pvm-now span { color: #f4c76a; font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.pvm-now h3 { margin: 0; }
.pvm-picks { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-top: 22px; }
.pvm-picks a { overflow: hidden; border: 1px solid #513562; border-radius: 12px; background: #171023; }
.pvm-picks a:hover, .pvm-picks a[aria-current="true"] { border-color: #df9cff; box-shadow: 0 0 22px #bd63ff3b; }
.pvm-picks a:focus-visible { outline: 2px solid #f4c76a; outline-offset: 3px; }
.pvm-picks img { width: 100%; aspect-ratio: 16 / 9; display: block; object-fit: cover; }
.pvm-picks span { display: block; padding: 10px; font-size: .86rem; font-weight: 700; }
@media (max-width: 950px) { .pvm-picks { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 540px) { .pvm-picks { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.play-showcase { background: radial-gradient(ellipse at 90% 10%, #2e173e 0%, transparent 58%), #0c0814; }
.play-showcase-link { color: #e6a6ff; text-decoration: underline; text-underline-offset: .2em; }
.play-video-grid, .apparel-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.apparel-showcase { background: radial-gradient(ellipse at 18% 25%, #342037 0%, transparent 58%), #100914; }
.apparel-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); align-items: center; }
.apparel-layout h2 { font-size: clamp(2rem, 4vw, 3.25rem); margin: 10px 0; }
.apparel-layout p { color: var(--muted); }
@media (max-width: 700px) {
  .play-video-grid, .apparel-layout { grid-template-columns: 1fr; }
}

.apparel-gallery { margin-top: 36px; }
.apparel-gallery .pvm-picks { grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); }
.apparel-gallery img { aspect-ratio: 4 / 3; height: auto; object-fit: contain; background: #0d0715; }

.media-viewer {
  width: min(1100px, calc(100% - 20px));
  max-height: calc(100dvh - 20px);
  padding: clamp(8px, 2vw, 24px);
  border: 1px solid #80539c;
  border-radius: 16px;
  background: #110a1b;
  color: #fff;
}
.media-viewer::backdrop { background: #050308e8; }
.media-viewer header { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; margin-bottom: 14px; }
.media-viewer h2 { margin: 0; font-size: clamp(1rem, 3vw, 1.45rem); flex: 1; }
.media-viewer button { color: #fff; background: #38214d; border: 1px solid #80539c; border-radius: 8px; padding: 8px; cursor: pointer; }
.media-viewer button:focus-visible { outline: 2px solid #f4c76a; outline-offset: 2px; }
.media-viewer-stage { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: clamp(4px, 1vw, 12px); }
.media-viewer-stage button { min-width: 34px; min-height: 44px; font-size: 1.8rem; line-height: 1; }
.media-viewer-stage img, .media-viewer-stage video { display: block; margin: auto; max-width: 100%; max-height: 75dvh; object-fit: contain; }
.media-viewer-stage video { width: 100%; }


/* Skating is a separate video collection in the shared accessible viewer. */
.skate-showcase{position:relative;overflow:hidden;background:radial-gradient(ellipse at 8% 10%,#3a174c66,transparent 50%),radial-gradient(ellipse at 96% 86%,#18455244,transparent 45%),#0b0912;border-block:1px solid #46314f}
.skate-showcase .wrap{position:relative}
.skate-heading{gap:44px;margin-bottom:32px}
.skate-heading h2{font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:1.12;margin-top:12px;letter-spacing:-.025em}
.skate-heading h2 span{color:#bce894}
.skate-intro{max-width:510px;align-self:center}
.skate-heading .skate-intro p{max-width:none;margin:0 0 18px;font-size:1.04rem;line-height:1.75;color:#c6bbd0}
.skate-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.skate-video-card{display:block;min-width:0;background:#17101f;border:1px solid #554063;border-radius:18px;overflow:hidden;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.skate-video-card:hover{border-color:#bce894;transform:translateY(-4px);box-shadow:0 16px 40px #0006}
.skate-video-card:focus-visible{outline:3px solid #bce894;outline-offset:5px}
.skate-poster{position:relative;background:#060509;aspect-ratio:16/9;overflow:hidden}
.skate-poster img{display:block;width:100%;height:100%;object-fit:contain}
.skate-watch{position:absolute;inset:auto 16px 14px;display:flex;align-items:center;gap:6px;padding:11px 14px;border:1px solid #ffffff35;border-radius:8px;background:#100b19eb;color:#fff;font-size:.88rem;font-weight:750;backdrop-filter:blur(6px)}
.skate-watch small{margin-left:auto;color:#bce894;font:inherit;font-variant-numeric:tabular-nums}
.skate-caption{padding:23px 24px 25px}
.skate-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#bce894}
.skate-caption h3{font-size:1.13rem;line-height:1.45;margin:10px 0;color:#fff}
.skate-caption p{color:#b8acc3;font-size:.91rem;line-height:1.65;margin:0}
.skate-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:38px}
.skate-features article{border-top:1px solid #53415d;padding-top:20px}
.skate-features article>span{font-size:.65rem;font-weight:800;letter-spacing:.13em;color:#bb92d2}
.skate-features h3{font-size:1rem;margin:12px 0 8px;color:#fff}
.skate-features p{font-size:.87rem;line-height:1.65;color:#b8acc3;margin:0}
.skate-viewer-hint{font-size:.78rem;color:#a99ab7;margin:30px 0 0}
.footer-links{flex-wrap:wrap}
@media(min-width:1181px){.links{gap:17px;font-size:.82rem}.nav{gap:24px}}
@media(max-width:1180px){.links{display:none}.menu{display:block}.links.open{display:flex;position:absolute;top:74px;left:20px;right:20px;padding:22px;background:#100a17;border:1px solid #352345;flex-direction:column;align-items:stretch;max-height:calc(100dvh - 90px);overflow:auto}.nav-cta{display:none}}
@media(max-width:900px){.skate-heading{gap:22px}.skate-intro{align-self:start;max-width:650px}.skate-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.skate-videos{grid-template-columns:1fr;gap:20px}.skate-caption{padding:20px}.skate-watch{inset:auto 10px 10px;font-size:.78rem;padding:10px}.skate-features{gap:22px 18px}.skate-heading h2{font-size:2.35rem}.skate-heading .skate-intro p{font-size:.97rem}}
@media(prefers-reduced-motion:reduce){.skate-video-card{transition:none}.skate-video-card:hover{transform:none}}

@media(max-width:540px){.media-viewer header{display:grid;grid-template-columns:1fr auto;gap:12px}.media-viewer header [data-close]{justify-self:start}.media-viewer header h2{grid-column:1/-1;grid-row:2;font-size:1rem;line-height:1.4}.media-viewer header [data-count]{grid-column:2;grid-row:1}.media-viewer-stage{grid-template-columns:1fr 1fr;gap:10px}.media-viewer-stage [data-media]{grid-column:1/-1;grid-row:1}.media-viewer-stage [data-step]{width:100%;min-height:44px}.media-viewer-stage [data-step="-1"]{grid-column:1;grid-row:2}.media-viewer-stage [data-step="1"]{grid-column:2;grid-row:2}}