/* EXP 60.0 — Album II / The Shine Era sneak peek */

.exp60-shine-sneak-peek{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(4rem,8vw,7.5rem) clamp(1rem,4vw,2.5rem);
  color:#fff;
  background:
    radial-gradient(circle at 12% 32%,rgba(232,40,255,.2),transparent 30%),
    radial-gradient(circle at 88% 72%,rgba(52,107,255,.2),transparent 34%),
    linear-gradient(145deg,#08000f 0%,#160025 44%,#07142a 100%);
  content-visibility:auto;
  contain-intrinsic-size:auto 980px;
}

.exp60-shine-sneak-peek::before,
.exp60-shine-sneak-peek::after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
}

.exp60-shine-sneak-peek::before{
  inset:0;
  opacity:.42;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.8) 0 1px,transparent 1.5px),
    radial-gradient(circle,rgba(134,219,255,.7) 0 1px,transparent 1.6px);
  background-position:0 0,31px 47px;
  background-size:92px 92px,137px 137px;
}

.exp60-shine-sneak-peek::after{
  width:min(68vw,54rem);
  aspect-ratio:1;
  left:50%;
  top:44%;
  translate:-50% -50%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(173,72,255,.18),transparent 68%);
  filter:blur(28px);
}

.exp60-shine-shell{width:min(100%,74rem);margin:0 auto}
.exp60-shine-heading{width:min(100%,54rem);margin:0 auto clamp(2.25rem,5vw,4rem);text-align:center}
.exp60-shine-kicker{display:inline-flex;align-items:center;gap:.65rem;margin:0 0 1rem;padding:.55rem 1rem;border:1px solid rgba(219,173,255,.42);border-radius:999px;background:rgba(24,5,43,.64);box-shadow:0 0 2rem rgba(218,56,255,.16);color:#f2c5ff;font-size:.74rem;font-weight:800;letter-spacing:.19em}
.exp60-shine-kicker span{color:#7ee8ff}
.exp60-shine-heading h2{margin:0;font-family:"Playfair Display",serif;font-size:clamp(2.25rem,5.2vw,4.6rem);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
.exp60-shine-heading h2 em{color:#f3a9ff;font-style:italic;text-shadow:0 0 1.8rem rgba(228,78,255,.38)}
.exp60-shine-heading > p:last-child{width:min(100%,46rem);margin:1.25rem auto 0;color:rgba(255,255,255,.76);font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.75}
.exp60-shine-heading strong{color:#fff}
.exp60-shine-grid{display:block}
.exp60-shine-covers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;width:min(100%,42rem);margin:0 auto clamp(2rem,4vw,3.25rem);gap:clamp(.7rem,1.35vw,1.1rem)}
.exp66-shine-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(.85rem,1.8vw,1.35rem)}
.exp66-shine-videos .exp60-shine-video-card{display:flex;min-width:0;flex-direction:column}
.exp66-shine-videos .exp60-shine-video-heading{min-height:5.4rem;align-items:flex-start;flex-direction:column;justify-content:flex-end;gap:.65rem}
.exp66-shine-videos .exp60-shine-video-heading h3{font-size:clamp(1.3rem,2vw,1.85rem);line-height:1.08}
.exp66-shine-videos .exp60-shine-video-note{flex:1}
.exp60-shine-cover-card,.exp60-shine-video-card{margin:0;border:1px solid rgba(255,255,255,.18);border-radius:clamp(1.15rem,2.2vw,1.8rem);background:linear-gradient(145deg,rgba(42,12,68,.82),rgba(10,5,28,.9));box-shadow:0 2rem 5rem rgba(0,0,0,.42),0 0 2.5rem rgba(126,69,255,.13);backdrop-filter:blur(12px)}
.exp60-shine-cover-card{display:block;width:100%;appearance:none;padding:clamp(.55rem,1.2vw,.85rem);color:#fff;font:inherit;text-align:left;cursor:zoom-in;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.exp60-shine-cover-front{transform:rotate(-1deg)}
.exp60-shine-cover-back{transform:rotate(1deg)}
.exp60-shine-cover-card:hover{z-index:1;transform:translateY(-5px) rotate(0);border-color:rgba(223,172,255,.48);box-shadow:0 2.3rem 5.5rem rgba(0,0,0,.48),0 0 2.8rem rgba(174,67,255,.2)}
.exp60-shine-cover-card:focus-visible{outline:3px solid #72e8ff;outline-offset:4px}
.exp60-shine-cover-frame{position:relative;overflow:hidden;aspect-ratio:1;border-radius:calc(clamp(1.15rem,2.2vw,1.8rem) - .45rem);background:#09000f}
.exp60-shine-cover-frame::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 0 2.5rem rgba(151,89,255,.2)}
.exp60-shine-cover-frame img{display:block;width:100%;height:100%;object-fit:cover}
.exp60-shine-cover-caption{display:flex;flex-direction:column;gap:.22rem;padding:1rem .55rem .45rem}
.exp60-shine-cover-caption small,.exp60-shine-video-heading span{color:#d9b4ff;font-size:.68rem;font-weight:800;letter-spacing:.17em}
.exp60-shine-cover-caption strong{font-size:clamp(.86rem,1.3vw,1.05rem)}
.exp60-shine-video-card{padding:clamp(.8rem,1.6vw,1.15rem)}
.exp60-shine-video-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:.25rem .35rem 1rem}
.exp60-shine-video-heading span{display:flex;align-items:center;gap:.55rem}
.exp60-shine-video-heading i{width:.35rem;height:.35rem;border-radius:50%;background:#76eaff;box-shadow:0 0 .75rem #62e2ff}
.exp60-shine-video-heading h3{margin:0;font-family:"Playfair Display",serif;color:#fff;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1}
.exp60-shine-video-frame{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.24);border-radius:clamp(.8rem,1.6vw,1.25rem);background:#050008;box-shadow:0 1.4rem 3.5rem rgba(0,0,0,.46),0 0 1.6rem rgba(234,48,255,.16)}
.exp60-shine-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#050008}
.exp60-shine-video-note{display:flex;align-items:center;gap:.8rem;padding:1rem .3rem .2rem;color:rgba(255,255,255,.7)}
.exp60-shine-video-note > span{display:grid;flex:0 0 2rem;width:2rem;height:2rem;place-items:center;border:1px solid rgba(190,141,255,.45);border-radius:.45rem;color:#77e9ff;box-shadow:0 0 1rem rgba(105,218,255,.2)}
.exp60-shine-video-note p{margin:0;font-size:.91rem;line-height:1.55}
.exp60-shine-video-note strong{color:#fff}
@media (max-width:820px){.exp60-shine-covers{width:min(100%,42rem);margin:0 auto}.exp66-shine-videos{grid-template-columns:1fr;width:min(100%,42rem);margin:2rem auto 0}.exp66-shine-videos .exp60-shine-video-heading{min-height:0}.exp60-shine-cover-card{transform:none}}
@media (max-width:560px){.exp60-shine-sneak-peek{padding:3.5rem .75rem 4rem}.exp60-shine-heading{margin-bottom:2rem}.exp60-shine-heading h2{font-size:clamp(2.15rem,11vw,3.25rem)}.exp60-shine-video-heading{align-items:flex-start;flex-direction:column;padding:.2rem .2rem .85rem}.exp60-shine-cover-card,.exp60-shine-video-card{border-radius:1rem}.exp60-shine-cover-card{padding:.42rem}.exp60-shine-cover-caption{padding:.7rem .28rem .3rem}.exp60-shine-cover-caption small{font-size:.59rem;letter-spacing:.12em}.exp60-shine-cover-caption strong{font-size:.8rem}.exp60-shine-video-card{padding:.6rem}.exp60-shine-video-frame{border-radius:.72rem}.exp60-shine-video-note{align-items:flex-start;padding:.9rem .25rem .3rem}}
@media (prefers-reduced-motion:reduce){.exp60-shine-cover-card{transform:none;transition:none}}

/* MOBILE RENDERING RECOVERY — disable Chromium content-visibility for Shine Era */
@media (max-width:820px){
  .exp60-shine-sneak-peek{
    content-visibility:visible !important;
    contain:initial !important;
    contain-intrinsic-size:auto !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .exp60-shine-sneak-peek *{
    visibility:visible;
  }
}