/* PRISM R4 catalog extension. Loaded as a same-origin stylesheet for CSP compliance. */
.r4-scene{--program:#83bfff;--program-soft:#c6f5dd}
  .r4-scene[data-series="FIRE"]{--program:#ff9c71;--program-soft:#ffd4ad;background:radial-gradient(ellipse at 82% 49%,#512114,transparent 67%),#0d0e0f!important}
  .r4-scene[data-series="REEF"]{--program:#56e0d2;--program-soft:#b9fff2;background:radial-gradient(ellipse at 82% 58%,#053e3a,transparent 69%),#080f11!important}
  .r4-scene[data-series="DLT"]{--program:#b59cff;--program-soft:#e3d8ff;background:radial-gradient(ellipse at 82% 56%,#281c52,transparent 69%),#0b0c14!important}
  .r4-scene[data-series="MATH"]{background:radial-gradient(ellipse at 82% 56%,#0b3153,transparent 69%),#090f12!important}
  .r4-scene .r4-cover-visual{position:absolute;inset:0;z-index:-2;overflow:hidden}
  .r4-cover-aura{position:absolute;right:4.7%;top:50%;width:min(34vw,500px);transform:translateY(-50%);isolation:isolate}
  .r4-cover-aura:before{content:"";position:absolute;inset:9% -15%;border-radius:50%;background:color-mix(in srgb,var(--program) 22%,transparent);filter:blur(48px);z-index:-1}
  .r4-cover-aura img{width:100%;height:auto;aspect-ratio:420/543;object-fit:contain;box-shadow:0 34px 75px -30px #000,0 9px 22px #0008;border:1px solid #ffffff19}
  .r4-scene .scene-copy h3{color:#f7faf9}.r4-scene .scene-state{color:var(--program-soft)}
  .r4-scene .scene-kicker{color:color-mix(in srgb,var(--program) 72%,#dce8ee)}
  .r4-scene .scene-links .button.scene-read:hover{background:var(--program-soft);border-color:var(--program-soft)}
  .r4-scene .scene-review{max-width:58ch}
  .r4-scene .scene-review strong{color:#dce7ec;font-weight:500}
  .r4-series-mark{display:inline-flex;align-items:center;gap:9px}
  .r4-series-mark:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--program)}
  .r4-catalog-status{display:block;margin-top:5px;color:#9fb6c5;font:9px/1.6 var(--mono)}
  .catalog-entry[data-series="FIRE"]>span:first-child{color:#ffab85}
  .catalog-entry[data-series="REEF"]>span:first-child{color:#6be8dc}
  .catalog-entry[data-series="DLT"]>span:first-child{color:#c0abff}
  .r4-position-rail{display:flex;align-items:center;gap:3px;max-width:min(44vw,520px);overflow-x:auto;scrollbar-width:none}
  .r4-position-rail::-webkit-scrollbar{display:none}
  .r4-position-rail button{width:18px!important;height:34px!important;min-width:18px!important;padding:0!important}
  .r4-position-rail button:after{left:3px!important;right:3px!important}
  .r4-position-rail button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .r4-position-rail button[data-series="FIRE"]:after{background:#80503e}
  .r4-position-rail button[data-series="REEF"]:after{background:#397b78}
  .r4-position-rail button[data-series="DLT"]:after{background:#655990}
  .r4-position-rail button[aria-pressed="true"]:after{background:#b5d9f1!important}
  .gallery-ticks.r4-ticks{max-width:min(64vw,760px);overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
  .gallery-ticks.r4-ticks::-webkit-scrollbar{display:none}
  .gallery-ticks.r4-ticks button{width:22px;min-width:22px}
  .gallery-ticks.r4-ticks button:before{width:13px}
  .r4-program-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#273840;border-block:1px solid #273840}
  .r4-program-summary>div{padding:18px var(--edge);background:#0b1115}
  .r4-program-summary strong{display:block;font:400 24px/1 var(--sans);color:#e7f1f5}
  .r4-program-summary span{display:block;margin-top:7px;font:9px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#8da5b1}
  @media(max-width:900px){.r4-cover-aura{right:-3%;width:min(43vw,430px)}.r4-series-mark{max-width:54%}.r4-program-summary{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){
    .r4-cover-aura{top:151px;right:50%;width:202px;transform:translate(50%,-50%)}
    .r4-cover-aura:before{filter:blur(30px)}
    .r4-scene .scene-copy{padding-top:252px}
    .r4-scene .scene-copy h3{font-size:39px}
    .r4-scene .scene-full-title{font-size:11px}
    .r4-position-rail{max-width:48vw}.r4-position-rail button{width:13px!important;min-width:13px!important}
    .gallery-ticks.r4-ticks{max-width:58vw}.gallery-ticks.r4-ticks button{width:15px;min-width:15px}
    .gallery-ticks.r4-ticks button:before{width:9px}.r4-program-summary>div{padding:15px 18px}
  }

/* Rendered-scene posters remain visible until an active, in-view card has
   actually started its deferred video. Text and controls remain outside media. */
#paper-01 .scene-animation,
#paper-01 .scene-animation-poster,
#paper-02 .scene-animation,
#paper-02 .scene-animation-poster,
#paper-03 .scene-animation,
#paper-03 .scene-animation-poster,
#paper-04 .scene-animation,
#paper-04 .scene-animation-poster,
#paper-05 .scene-animation,
#paper-05 .scene-animation-poster{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
}
#paper-01 .scene-animation,
#paper-02 .scene-animation,
#paper-03 .scene-animation,
#paper-04 .scene-animation,
#paper-05 .scene-animation{
  background:#090f12;
  opacity:0;
  transition:opacity .28s ease;
}
#paper-01 .scene-animation-poster,
#paper-02 .scene-animation-poster,
#paper-03 .scene-animation-poster,
#paper-04 .scene-animation-poster,
#paper-05 .scene-animation-poster{
  z-index:1;
  pointer-events:none;
  transition:opacity .28s ease;
}
#paper-01 .scene-animation[data-prism-video-ready="true"],
#paper-02 .scene-animation[data-prism-video-ready="true"],
#paper-03 .scene-animation[data-prism-video-ready="true"],
#paper-04 .scene-animation[data-prism-video-ready="true"],
#paper-05 .scene-animation[data-prism-video-ready="true"]{opacity:1}
#paper-01 .scene-animation[data-prism-video-ready="true"]+.scene-animation-poster,
#paper-02 .scene-animation[data-prism-video-ready="true"]+.scene-animation-poster,
#paper-03 .scene-animation[data-prism-video-ready="true"]+.scene-animation-poster,
#paper-04 .scene-animation[data-prism-video-ready="true"]+.scene-animation-poster,
#paper-05 .scene-animation[data-prism-video-ready="true"]+.scene-animation-poster{opacity:0}
@media(max-width:520px){
#paper-01 .scene-animation,
#paper-01 .scene-animation-poster,
#paper-02 .scene-animation,
#paper-02 .scene-animation-poster,
#paper-03 .scene-animation,
#paper-03 .scene-animation-poster,
#paper-04 .scene-animation,
#paper-04 .scene-animation-poster,
#paper-05 .scene-animation,
#paper-05 .scene-animation-poster{object-position:57% 45%}
}
@media(prefers-reduced-motion:reduce){
  #paper-01 .scene-animation,
  #paper-02 .scene-animation,
  #paper-03 .scene-animation,
  #paper-04 .scene-animation,
  #paper-05 .scene-animation{display:none}
  #paper-01 .scene-animation-poster,
  #paper-02 .scene-animation-poster,
  #paper-03 .scene-animation-poster,
  #paper-04 .scene-animation-poster,
  #paper-05 .scene-animation-poster{opacity:1}
}

/* Every rendered card, including the supplied sixth-to-eighth templates and
   later catalog cards created at runtime, shares the same poster/video layout. */
.paper-scene .scene-animation,
.paper-scene .scene-animation-poster{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
}
.paper-scene .scene-animation{
  background:#090f12;
  opacity:0;
  transition:opacity .28s ease;
}
.paper-scene .scene-animation-poster{
  z-index:1;
  pointer-events:none;
  transition:opacity .28s ease;
}
.paper-scene .scene-animation[data-prism-video-ready="true"]{opacity:1}
.paper-scene .scene-animation[data-prism-video-ready="true"]+.scene-animation-poster{opacity:0}
@media(max-width:520px){
  .paper-scene .scene-animation,
  .paper-scene .scene-animation-poster{object-position:57% 45%}
}
@media(prefers-reduced-motion:reduce){
  .paper-scene .scene-animation{display:none}
  .paper-scene .scene-animation-poster{opacity:1}
}