.cmc-collections{background:#0b0c0f;color:#f4f0e8;padding:clamp(60px,9vw,140px) max(4vw,20px)}.cmc-heading{max-width:1400px;margin:0 auto clamp(35px,5vw,75px)}.cmc-kicker,.cmc-index{color:#b6a58b;font-size:.7rem;letter-spacing:.25em}.cmc-heading h2{font-weight:300;font-size:clamp(3rem,7vw,7rem);line-height:1.04;color:inherit;margin:.5rem 0}.cmc-intro{max-width:720px;color:#bcb9b4}.cmc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,28px);max-width:1500px;margin:auto}.cmc-card{position:relative;min-width:0;display:block;overflow:hidden;min-height:clamp(350px,48vw,670px);color:#fff!important;background:#17191e;text-decoration:none!important}.cmc-card:first-child,.cmc-featured{grid-column:span 2;min-height:clamp(480px,63vw,820px)}.cmc-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.cmc-card:hover img{transform:scale(1.065)}.cmc-card-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000c,transparent 75%)}.cmc-card-label{position:absolute;inset:auto clamp(24px,4vw,70px) clamp(26px,4vw,65px);z-index:1}.cmc-card h3{font-size:clamp(2rem,5vw,5rem);color:#fff;line-height:1.1;margin:12px 0 20px;font-weight:300}.cmc-open{font-size:.72rem;letter-spacing:.18em;border-bottom:1px solid #fff8;padding-bottom:7px}.cmc-card:focus-visible{outline:3px solid #b6a58b;outline-offset:-5px}@media(max-width:700px){.cmc-grid{grid-template-columns:1fr}.cmc-card,.cmc-card:first-child,.cmc-featured{grid-column:auto;min-height:clamp(340px,80vh,600px)}}@media(prefers-reduced-motion:reduce){.cmc-card img{transition:none}}

/* v0.1.1: match Cinematic Filters heading and introduction */
.cmc-collections{max-width:1400px;margin-inline:auto;padding:clamp(20px,4vw,64px);background:#0b0c0f;color:#f4f0e8}
.cmc-heading{max-width:none;margin:0 0 2rem}
.cmc-heading h2{font-size:clamp(2rem,6vw,5.6rem);font-weight:300;letter-spacing:-.035em;line-height:1.1;margin:0 0 1rem;color:#f4f0e8}
.cmc-intro{max-width:720px;color:#b0b0b3;font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.65;margin:0 0 2rem}
.cmc-intro p{margin:0 0 .85em}.cmc-intro p:last-child{margin-bottom:0}
.cmc-intro strong,.cmc-intro b{font-weight:700;color:#f4f0e8}
.cmc-intro a{color:#b6a58b;text-decoration:underline;text-underline-offset:3px}
.cmc-intro ul,.cmc-intro ol{padding-left:1.4em}
.cmc-grid{max-width:none}
@media(max-width:700px){.cmc-collections{padding:24px 16px}}

/* v0.1.5: landscape collection covers on mobile, including featured cards. */
@media (max-width: 700px) {
  .cmc-grid .cmc-card,
  .cmc-grid .cmc-card:first-child,
  .cmc-grid .cmc-featured {
    grid-column: auto;
    min-height: 190px;
    aspect-ratio: 16 / 10;
  }
  .cmc-card-label { inset: auto 20px 20px; }
  .cmc-card h3 {
    font-size: clamp(1.65rem, 6.5vw, 2.3rem);
    margin: 8px 0 12px;
  }
}

/* v0.1.7: Featured cards play the same lazy, viewport-aware crossfade as the Gallery page. */
.cmc-card.cg-cover-slideshow .cg-slide-current,
.cmc-card.cg-cover-slideshow .cg-slide-next { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity 1.45s ease,transform 6s ease; }
.cmc-card.cg-cover-slideshow .cg-slide-current { opacity:1;z-index:0; }
.cmc-card.cg-cover-slideshow .cg-slide-next { opacity:0;z-index:0;pointer-events:none; }
.cmc-card.cg-cover-slideshow.cg-slide-transition .cg-slide-next { opacity:1; }
.cmc-card.cg-cover-slideshow:hover .cg-slide-current,
.cmc-card.cg-cover-slideshow:hover .cg-slide-next { transform:scale(1.025); }
.cmc-card .cmc-index { display:none!important; }
@media (prefers-reduced-motion:reduce) { .cmc-card.cg-cover-slideshow .cg-slide-current,.cmc-card.cg-cover-slideshow .cg-slide-next { transition:none!important; } }

/* 0.1.8: Featured slideshow controls, matching the component. */
.cmc-card.cg-cover-slideshow{isolation:isolate}
.cmc-card .cg-slide-controls{position:absolute;z-index:8;left:14px;right:14px;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;pointer-events:none;opacity:0;transition:opacity .25s ease;color:#fff}
.cmc-card.cg-cover-slideshow:is(:hover,:focus-within) .cg-slide-controls{opacity:1}
.cmc-card .cg-slide-controls button{pointer-events:auto;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(244,240,232,.4);border-radius:50%;width:36px;height:36px;background:rgba(11,12,15,.65);color:white;font-size:1rem;backdrop-filter:blur(6px)}
.cmc-card .cg-slide-controls button:hover,.cmc-card .cg-slide-controls button:focus-visible{background:rgba(11,12,15,.95);outline:2px solid #b6a58b;outline-offset:2px}
.cmc-card .cg-slide-position{font-size:.65rem;letter-spacing:.13em;text-shadow:0 1px 10px black;background:rgba(11,12,15,.45);padding:5px 8px}
@media(hover:none){.cmc-card .cg-slide-controls{opacity:.85}}

/* 0.1.9: hover controls sit above a separate full-card link. */
.cmc-card > .cmc-card-link { position:absolute; inset:0; z-index:5; display:block; }
.cmc-card .cmc-card-label { pointer-events:none; }
.cmc-card .cg-slide-controls { z-index:9; }
.cmc-card .cg-slide-controls button { position:relative; z-index:10; }

.cmc-grid .cmc-card > .cmc-card-link { position:absolute;inset:0;z-index:5;display:block; }