/* Reviewed Creepy Collection ramp: window shell, slot-based cards.
 * Scoped plugin source; theme assets supply TT Ricks, Oswald and Lora.
 * This is the Creepy brand scale, not the dashboard type system. */
.cc-collection{--gutter:clamp(20px,calc(4.41988950vw + 3.42541436px),60px);--gap:clamp(24px,calc(4.41988950vw + 7.42541436px),64px);--space:clamp(24px,calc(1.76795580vw + 17.37016575px),40px);--small:clamp(12px,calc(0.44198895vw + 10.34254144px),16px);--body:clamp(18px,calc(0.22099448vw + 17.17127072px),20px);--ui:clamp(14px,calc(0.22099448vw + 13.17127072px),16px);--meta:clamp(12px,calc(0.11049724vw + 11.58563536px),13px);--heading:clamp(27px,calc(0.77348066vw + 24.09944751px),34px);--title:clamp(36px,calc(2.20994475vw + 27.71270718px),56px);}
@media(min-width:1280px){.cc-collection{--gutter:clamp(60px,calc(4.62962963vw + 0.74074074px),160px);--gap:clamp(64px,calc(4.21296296vw + 10.07407407px),155px);--space:clamp(40px,calc(1.94444444vw + 15.11111111px),82px);--small:clamp(16px,calc(0.74074074vw + 6.51851852px),32px);--body:clamp(20px,calc(0.92592593vw + 8.14814815px),40px);--ui:clamp(16px,calc(0.74074074vw + 6.51851852px),32px);--meta:clamp(13px,calc(0.60185185vw + 5.29629630px),26px);--heading:clamp(34px,calc(1.57407407vw + 13.85185185px),68px);--title:clamp(56px,calc(2.59259259vw + 22.81481481px),112px);}}
@media(min-width:3440px){.cc-collection{--gutter:clamp(160px,calc(4.65116279vw + 0.00000000px),320px);--gap:clamp(155px,calc(4.50581395vw + 0.00000000px),310px);--space:clamp(82px,calc(2.38372093vw + 0.00000000px),164px);--small:clamp(32px,calc(0.93023256vw + 0.00000000px),64px);--body:clamp(40px,calc(1.16279070vw + 0.00000000px),80px);--ui:clamp(32px,calc(0.93023256vw + 0.00000000px),64px);--meta:clamp(26px,calc(0.75581395vw + 0.00000000px),52px);--heading:clamp(68px,calc(1.97674419vw + 0.00000000px),136px);--title:clamp(112px,calc(3.25581395vw + 0.00000000px),224px);}}
.cc-collection{color-scheme:dark;--line:#414143;--wp--preset--color--100:#000;--wp--preset--color--200:#0c0e0b;--wp--preset--color--700:#b8b5bc;--wp--preset--color--800:#f7f7f8;--wp--preset--color--900:#fff;--wp--preset--color--accent-low:#ff7366;--wp--preset--color--accent-high:#ff4433;--category-color:#e2f564;background:#0c0e0b;color:#f7f7f8;font-family:var(--wp--preset--font-family--sans-serif,system-ui,sans-serif);font-size:var(--body);line-height:1.55;max-width:none}
.cc-collection,.cc-collection *{box-sizing:border-box}

.cc-collection a{color:inherit}
.cc-collection a:hover{color:var(--wp--preset--color--accent-low)}
.cc-collection button,.cc-collection a,.cc-collection summary{touch-action:manipulation}
.cc-collection button{font:inherit;cursor:pointer}
.cc-collection a:focus-visible,.cc-collection button:focus-visible,.cc-collection summary:focus-visible{outline:2px solid var(--wp--preset--color--accent-high);outline-offset:5px}
.cc-collection .breadcrumb{font-size:var(--ui);color:var(--wp--preset--color--700);margin:0 0 var(--space)}
.cc-collection h1{font-family:var(--wp--preset--font-family--condensed);font-weight:500;font-size:var(--title);line-height:1.2;margin:0 0 .4em;text-wrap:balance}
.cc-collection h2{font-family:var(--wp--preset--font-family--serif);font-weight:535;font-size:var(--heading);line-height:1.28;margin:0 0 .55em}
.cc-collection .film-meta{font-size:var(--ui);color:var(--wp--preset--color--700);margin-bottom:1em}
.cc-collection .genres{display:flex;flex-wrap:wrap;gap:.5em;font-size:var(--meta);margin-bottom:var(--space)}
.cc-collection .genre{padding:.2em .6em;border:1px solid var(--line)}
.cc-collection .edition{display:inline-block;color:var(--wp--preset--color--accent-low);border-left:2px solid var(--wp--preset--color--accent-high);padding-left:.7em;font-size:var(--ui);margin-bottom:var(--space)}
.cc-collection .article{font-family:var(--wp--preset--font-family--serif)}
.cc-collection .article section{margin-bottom:var(--space);scroll-margin-top:var(--space)}
.cc-collection .article p{margin:0 0 1em;max-width:65ch}
.cc-collection .take{border-top:1px solid var(--wp--preset--color--accent-high);border-bottom:1px solid var(--line);padding:var(--space) 0}
.cc-collection .take-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--small);margin-bottom:var(--small)}
.cc-collection .take-head h2{margin:0}
.cc-collection .score{font-family:var(--wp--preset--font-family--sans-serif);font-size:var(--ui);color:var(--wp--preset--color--700);white-space:nowrap}
.cc-collection .score strong{font-size:1.7em;color:var(--wp--preset--color--800);font-weight:600}
.cc-collection .excerpt{margin:0;border:0;padding:0}
.cc-collection .excerpt p{margin-bottom:.7em}
.cc-collection .excerpt p:before{content:'“';color:var(--wp--preset--color--accent-low)}
.cc-collection .excerpt p:after{content:'”';color:var(--wp--preset--color--accent-low)}
.cc-collection .credit{display:flex;flex-wrap:wrap;gap:.4em;font-family:var(--wp--preset--font-family--sans-serif);font-size:var(--ui);margin:var(--small) 0;color:var(--wp--preset--color--700)}
.cc-collection .credit cite{font-style:normal}
.cc-collection .credit a{color:var(--wp--preset--color--800)}
.cc-collection .read-review{font-family:var(--wp--preset--font-family--sans-serif);font-size:var(--ui);color:var(--wp--preset--color--accent-low)}
.cc-collection .still{margin:var(--space) 0}
.cc-collection .still img{width:100%;height:auto;display:block}
.cc-collection .still figcaption{font-family:var(--wp--preset--font-family--sans-serif);font-size:var(--meta);color:var(--wp--preset--color--700);margin-top:.65em}
.cc-collection .sidebar{container-type:inline-size}
.cc-collection .guide-links{display:flex;gap:.65em;flex-wrap:wrap}
.cc-collection .guide-links a{font-family:var(--wp--preset--font-family--sans-serif);font-size:var(--ui);padding:.6em .9em;border:1px solid var(--line);color:var(--wp--preset--color--accent-low)}
.cc-collection .details{font-family:var(--wp--preset--font-family--sans-serif);font-size:var(--ui);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:var(--space);padding:1em 0}
.cc-collection .details summary{cursor:pointer}
.cc-collection .details-body{padding-top:1.2em}
.cc-collection .cast{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1em;margin:1em 0}
.cc-collection .cast span{display:block;color:var(--wp--preset--color--700)}
.cc-collection .details p{margin:.7em 0}


.cc-collection .collection-badge{display:flex;align-items:center;gap:.65em;font-size:var(--ui);margin:0 0 var(--space);width:fit-content;color:var(--wp--preset--color--800)}
.cc-collection .collection-badge svg{width:2.6em;height:2.6em;flex:none;color:var(--wp--preset--color--accent-high)}
.cc-collection .collection-badge strong{font-weight:600;display:block}
.cc-collection .verification-note{display:block;font-size:var(--meta);color:var(--wp--preset--color--700)}
.cc-collection .category-band{display:flex;align-items:center;flex-wrap:wrap;gap:var(--small) var(--space);margin:var(--space) 0;padding:.3em 0}
.cc-collection .category-band .genres{margin:0}
.cc-collection .core-category{display:inline-flex;align-items:center;gap:.35em;padding:.4em .7em .35em;font-family:var(--wp--preset--font-family--display);font-weight:500;font-size:var(--heading);line-height:1.1;color:#0c0e0b;position:relative;isolation:isolate;transform:rotate(-2deg);white-space:nowrap}
.cc-collection .core-category:after{content:"";position:absolute;inset:.15em -.12em -.15em .12em;border:1px solid var(--category-color);z-index:-2}
.cc-collection .core-category:before{content:"";position:absolute;inset:0;background:var(--category-color);z-index:-1;clip-path:polygon(2% 0,100% 3%,98% 100%,0 96%)}
.cc-collection .core-category.oddities{--category-color:#c7b5ff}
.cc-collection .core-category.just-fun{--category-color:#e2f564;transform:rotate(1.5deg)}
.cc-collection .core-category.ccclassics{--category-color:var(--wp--preset--color--accent-low);font-style:normal}
.cc-collection .core-category.ccclassics em{font-style:italic}
.cc-collection .category-mark{font-family:var(--wp--preset--font-family--sans-serif);font-size:.8em;line-height:1}
.cc-collection .core-category.oddities .category-mark{transform:rotate(15deg)}
.cc-collection .collection-artwork{margin:0}
.cc-collection .collection-artwork img{display:block;width:100%;height:auto;object-fit:contain}

@media(max-width:700px){
.cc-collection .sidebar{grid-row:2;width:62%;justify-self:center}
.cc-collection .take-head{align-items:center}
}
.cc-collection.collection-page{padding:0}
.cc-collection .collection-hero{position:relative;isolation:isolate;overflow:hidden;background:#000;padding:var(--space) var(--gutter)}
.cc-collection .hero-scene,.cc-collection .hero-shade{position:absolute;inset:0;pointer-events:none;z-index:-1}
.cc-collection .hero-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:.65}
.cc-collection .hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.87) 0%,rgba(0,0,0,.57) 39%,rgba(0,0,0,.3) 58%,rgba(0,0,0,.93) 78%,#000 100%),linear-gradient(0deg,#0c0e0b 0%,transparent 28%,rgba(0,0,0,.2) 100%)}
.cc-collection .hero-content{position:relative}
.cc-collection .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.48fr);gap:var(--gap);align-items:center}
.cc-collection .hero-grid .movie-heading{min-width:0;padding:var(--space) 0}
.cc-collection .hero-grid .sidebar{width:100%;min-width:0;grid-column:2;grid-row:1}
.cc-collection .collection-hero .breadcrumb{margin-bottom:var(--small);color:#d3d1d4}
.cc-collection .collection-hero .film-meta,.cc-collection .collection-hero .verification-note{color:#d3d1d4}
.cc-collection .collection-hero .genre{border-color:#77747b;background:#0c0e0ba8}
.cc-collection .collection-hero .edition{margin-bottom:0;color:#ff8c81}
.cc-collection .collection-hero h1{text-shadow:0 .04em .18em #0009}
.cc-collection .collection-body{padding:var(--space) var(--gutter) var(--gap);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.48fr);column-gap:var(--gap)}
.cc-collection .collection-body .article{min-width:0}
.cc-collection .collection-hero .collection-artwork{position:relative}
.cc-collection .collection-hero .collection-artwork img{position:relative}

@media(max-width:700px){.cc-collection .collection-hero{padding:var(--space) var(--gutter)}
.cc-collection .hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--space)}
.cc-collection .hero-grid .movie-heading{padding:var(--small) 0 0}
.cc-collection .hero-grid .sidebar{grid-column:1;grid-row:2;width:82%;justify-self:center}
.cc-collection .hero-shade{background:linear-gradient(180deg,#000a 0%,#000b 28%,#000e 66%,#0c0e0b 100%)}
.cc-collection .hero-scene img{object-position:48% 0;opacity:.6}
.cc-collection .collection-body{grid-template-columns:minmax(0,1fr)}
}
.cc-collection .breadcrumb { display:flex; flex-wrap:wrap; gap:.6em; }
.cc-collection .film-meta { margin:0 0 .8em; }
.cc-collection .labels { display:grid; gap:.6em; }
.cc-collection .topics { font-size:var(--meta); color:#d3d1d4; }
.cc-collection .topics span+span:before { content:' · '; }
.cc-collection .category-band { margin-bottom:0; }
.cc-collection .collection-hero .edition { margin-top:0; }
.cc-collection .genre { font-size:var(--ui); }
.cc-collection .details summary { display:flex; align-items:center; justify-content:space-between; gap:1em; list-style:none; min-height:44px; }
.cc-collection .details summary::-webkit-details-marker { display:none; }
.cc-collection .details-chevron { font-size:1.4em; line-height:1; }
.cc-collection .details[open] .details-chevron { transform:rotate(180deg); }
.cc-collection .details[open] summary { color:var(--wp--preset--color--accent-low); }
.cc-collection .details-body { scroll-margin-top:var(--space); }
.cc-collection .details-body a { display:inline-block; padding:.35em 0; }
.cc-collection .image-unavailable { display:block; padding:var(--space); font:inherit; font-size:var(--ui); color:var(--wp--preset--color--800); }
@media(max-width:700px) {
  .cc-collection .hero-grid .sidebar { width:70%; }
  .cc-collection .category-band { gap:var(--space); }
}
.cc-collection img[hidden] { display:none!important; }
@media(min-width:701px) and (max-width:1099px) {
  .cc-collection .collection-body { grid-template-columns:minmax(0,1fr); }
}

.cc-collection.collection-index,.cc-collection.homepage-module { background:var(--wp--preset--color--100); }
.cc-collection .index-intro { padding:var(--space) var(--gutter); border-bottom:1px solid var(--line); }
.cc-collection .presents { font-family:var(--wp--preset--font-family--sans-serif); font-size:var(--ui); color:#b8b5bc; margin:0 0 var(--small); }
.cc-collection .catalog-title { font-family:var(--wp--preset--font-family--display); font-size:calc(var(--title)*1.3); font-weight:500; line-height:1.08; margin:0 0 var(--small); }
.cc-collection .intro-copy { font-family:var(--wp--preset--font-family--serif); font-size:var(--body); max-width:50ch; color:#ccc8cf; margin:0; }
.cc-collection .tape-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--gap); padding:0 var(--gutter) var(--gap); align-items:start; }
.cc-collection .tape-card { container-type:inline-size; min-width:0; }
.cc-collection .tape-card[hidden] { display:none; }
.cc-collection .tape-link { display:block; text-decoration:none!important; color:#f7f7f8; }
.cc-collection .tape-stage { background:#000; display:flex; align-items:center; justify-content:center; padding:var(--small); border:1px solid var(--line); aspect-ratio:4/5; }
.cc-collection .tape-stage img { display:block; width:100%; height:100%; object-fit:contain; transition:transform .22s ease; }
.cc-collection .tape-link:hover .tape-stage img { transform:translateY(-.2em); }
.cc-collection .tape-link:hover .card-title { color:var(--wp--preset--color--accent-low); }
.cc-collection .tape-copy { padding:var(--space) 0 0; }
.cc-collection .tape-copy .core-category { font-size:clamp(20px,calc(14px + 2.5cqw),160px); margin-bottom:.85em; }
.cc-collection .tape-copy .card-title { font-family:var(--wp--preset--font-family--condensed); font-size:clamp(22px,calc(14px + 3.5cqw),210px); font-weight:500; line-height:1.2; margin:0 0 .45em; }
.cc-collection .tape-copy p,.cc-collection .card-foot { font-size:clamp(14px,calc(12px + .8cqw),110px); font-family:var(--wp--preset--font-family--sans-serif); color:#b8b5bc; }
.cc-collection .tape-copy p { margin:0; }
.cc-collection .card-foot { display:flex; align-items:center; gap:.5em; margin-top:1em; }
.cc-collection .card-verified { display:flex; gap:.5em; align-items:center; }
.cc-collection .card-verified>span { color:#ff7366; }
.cc-collection .card-arrow { margin-left:auto; color:#f7f7f8; font-size:1.4em; line-height:1; }
.cc-collection .index-end { padding:var(--space) var(--gutter); border-top:1px solid var(--line); font-size:var(--ui); color:#b8b5bc; }
.cc-collection .index-end a { color:#f7f7f8; }
.cc-collection.homepage-module { padding:var(--gap) var(--gutter); display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.7fr); gap:var(--gap); align-items:center; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.cc-collection .module-copy { min-width:0; }
.cc-collection.homepage-module .catalog-title { font-size:var(--title); }
.cc-collection.homepage-module .intro-copy { margin-bottom:var(--space); }
.cc-collection .module-cta { display:inline-flex; gap:1em; align-items:center; min-height:44px; font-size:var(--ui); color:#ff8c81; text-underline-offset:.25em; }
.cc-collection.homepage-module .tape-grid { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; gap:var(--space); }
.cc-collection.homepage-module .tape-stage { padding:0; }
.cc-collection.homepage-module .tape-copy { padding-top:var(--small); }
@media(max-width:1099px) { .cc-collection.collection-index .tape-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .cc-collection.homepage-module { grid-template-columns:minmax(0,1fr); } }
@media(max-width:700px) { .cc-collection.collection-index .tape-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:500px) {
  .cc-collection.homepage-module .tape-grid { grid-template-columns:minmax(0,1fr); gap:var(--space); }
  .cc-collection.homepage-module .tape-link { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); gap:var(--small); align-items:center; }
  .cc-collection.homepage-module .tape-stage { aspect-ratio:3/4; border:0; }
  .cc-collection.homepage-module .tape-copy { padding:0; }
  .cc-collection.homepage-module .core-category { padding:.3em .4em; }
  .cc-collection.homepage-module .category-mark { display:none; }
}
@media(prefers-reduced-motion:reduce) { .cc-collection .tape-stage img { transition:none; } .cc-collection .tape-link:hover .tape-stage img { transform:none; } }


.cc-collection.collection-index .tape-grid{padding-top:var(--space)}
.cc-collection .image-unavailable{color:#f7f7f8}
.cc-collection .labels:empty{display:none}

/* Classifications use the existing hero ramp; labels remain distinct from the
 * editorial Collection sticker. Terms are text, not pretend browse links. */
.cc-collection .collection-hero .category-band{align-items:flex-start;flex-direction:column}
.cc-collection .film-classifications{display:grid;gap:.8em;margin:0;max-width:100%;font-size:var(--ui);font-family:var(--wp--preset--font-family--sans-serif)}
.cc-collection .classification-group{display:grid;gap:.3em;min-width:0}
.cc-collection .classification-group dt{font-size:var(--meta);color:var(--wp--preset--color--700);font-weight:500}
.cc-collection .classification-group dd{display:flex;flex-wrap:wrap;gap:.4em;margin:0;min-width:0}
.cc-collection .classification-term{display:inline-block;padding:.2em .6em;border:1px solid #77747b;background:#0c0e0ba8;max-width:100%;overflow-wrap:anywhere}

/* Secondary catalog labels: square, ruled slips beneath the Collection sticker.
 * Reuse the hero's continuous three-band ramp; em spacing follows its type.
 * Uppercase is presentation only: the definition list and sourced terms stay intact. */
.cc-collection.collection-page .classification-group:is([aria-label="Subgenres"],[aria-label="Film topics"]){
  gap:.45em;
  padding:.65em .8em;
  border:1px solid var(--line);
  border-inline-start:2px solid #77747b;
  background:var(--wp--preset--color--200);
  text-transform:uppercase;
}
.cc-collection.collection-page .classification-group:is([aria-label="Subgenres"],[aria-label="Film topics"]) dt{
  color:var(--wp--preset--color--700);
  font-weight:600;
  letter-spacing:.08em;
  line-height:1.35;
}
.cc-collection.collection-page .classification-group:is([aria-label="Subgenres"],[aria-label="Film topics"]) dd{
  gap:.35em .45em;
  font-family:var(--wp--preset--font-family--condensed);
  line-height:1.45;
}
.cc-collection.collection-page .classification-group:is([aria-label="Subgenres"],[aria-label="Film topics"]) .classification-term{
  padding:0 .55em;
  border:0;
  border-inline-start:1px solid #77747b;
  background:none;
  color:var(--wp--preset--color--800);
  font-weight:500;
  letter-spacing:.04em;
}