.cfsvc-cards,.cfsvc-cards *{box-sizing:border-box}
.cfsvc-cards{
  --red:var(--cf-red,#B3261E);
  --gold:var(--cf-gold,#C8A24A);
  width:100%;
  padding:var(--cf-section-y,70px) var(--cf-page-pad,64px);
  background:var(--cf-black,#0A0A0A);
  color:var(--cf-text,#F5F5F5);
  overflow:hidden;
  border-top:1px solid var(--cf-border,rgba(255,255,255,.1));
  border-bottom:1px solid var(--cf-border,rgba(255,255,255,.1));
}
.cfsvc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:26px}
.cfsvc-head p{margin:0 0 7px!important;color:var(--red)!important;font:700 .66rem/1 var(--cf-font-ui,"Montserrat",Arial,sans-serif)!important;letter-spacing:.18em;text-transform:uppercase}
.cfsvc-head h2{margin:0!important;color:var(--cf-text,#F5F5F5)!important;font:400 clamp(2.4rem,4.2vw,5.2rem)/.9 var(--cf-font-display,"Bebas Neue",Impact,sans-serif)!important;letter-spacing:.015em!important;text-transform:uppercase}
.cfsvc-head>a,.cfsvc-mobile-all a{color:var(--cf-muted,#9A9A9A)!important;text-decoration:none!important;font:700 .66rem/1 var(--cf-font-ui,"Montserrat",Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.cfsvc-head>a span,.cfsvc-mobile-all a span{margin-left:7px;color:var(--red)}

/* Netflix-style expandable rail */
.cfsvc-track{display:flex;gap:8px;min-height:clamp(330px,31vw,500px);overflow:visible}
.cfsvc-card{position:relative;flex:1 1 0;min-width:0;overflow:hidden;background:var(--cf-surface-2,#181818);border:1px solid var(--cf-border,rgba(255,255,255,.1));box-shadow:none;isolation:isolate;transition:flex .42s cubic-bezier(.2,.75,.25,1),border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.cfsvc-card:hover,.cfsvc-card:focus-within{flex:1.65 1 0;border-color:rgba(200,162,74,.42);box-shadow:var(--cf-shadow,0 18px 50px rgba(0,0,0,.34));z-index:5}
.cfsvc-card-link{position:relative;display:block;height:100%;min-height:clamp(330px,31vw,500px);overflow:hidden;color:#fff!important;text-decoration:none!important}
.cfsvc-media{position:absolute;inset:0;background:#111;overflow:hidden}
.cfsvc-media video,.cfsvc-media img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.02);filter:saturate(.9) contrast(1.02);transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .35s ease}
.cfsvc-card:hover .cfsvc-media video,.cfsvc-card:hover .cfsvc-media img,.cfsvc-card:focus-within .cfsvc-media video,.cfsvc-card:focus-within .cfsvc-media img{transform:scale(1.065);filter:saturate(1.05) contrast(1.04)}
.cfsvc-music .cfsvc-media{background:radial-gradient(circle at 30% 20%,rgba(179,38,30,.22),transparent 40%),#151515}
.cfsvc-brand .cfsvc-media{background:radial-gradient(circle at 68% 25%,rgba(200,162,74,.18),transparent 36%),#151515}
.cfsvc-event .cfsvc-media{background:radial-gradient(circle at 62% 22%,rgba(179,38,30,.16),transparent 40%),#151515}
.cfsvc-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.10) 28%,rgba(0,0,0,.83) 78%,rgba(0,0,0,.97) 100%),linear-gradient(90deg,rgba(0,0,0,.20),transparent 55%)}
.cfsvc-card:before{content:"";position:absolute;z-index:10;left:0;right:0;top:0;height:3px;background:transparent;transition:background .22s ease}
.cfsvc-card:hover:before,.cfsvc-card:focus-within:before{background:var(--gold)}
.cfsvc-copy{position:absolute;inset:auto 0 0;z-index:3;padding:clamp(18px,2vw,28px)}
.cfsvc-index{position:absolute;right:20px;bottom:18px;color:rgba(245,245,245,.11);font:400 clamp(4rem,7vw,8rem)/.75 var(--cf-font-display,"Bebas Neue",Impact,sans-serif);letter-spacing:.02em;pointer-events:none}
.cfsvc-copy>p{margin:0 0 6px!important;color:var(--red)!important;font:700 .6rem/1.15 var(--cf-font-ui,"Montserrat",Arial,sans-serif)!important;letter-spacing:.16em;text-transform:uppercase}
.cfsvc-copy h3{max-width:11ch;margin:0 0 10px!important;color:var(--cf-text,#F5F5F5)!important;font:400 clamp(2rem,3.15vw,3.9rem)/.88 var(--cf-font-display,"Bebas Neue",Impact,sans-serif)!important;letter-spacing:.015em!important;text-transform:uppercase}
.cfsvc-summary{display:block;max-width:34ch;max-height:0;overflow:hidden;opacity:0;transform:translateY(8px);color:var(--cf-text-soft,#D8D8D8);font:400 .86rem/1.5 var(--cf-font-body,"Inter",Arial,sans-serif);transition:max-height .32s ease,opacity .25s ease,transform .32s ease}
.cfsvc-card:hover .cfsvc-summary,.cfsvc-card:focus-within .cfsvc-summary{max-height:5em;opacity:1;transform:none}
.cfsvc-copy strong{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:var(--cf-text,#F5F5F5);font:700 .62rem/1 var(--cf-font-ui,"Montserrat",Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase}
.cfsvc-copy strong b{color:var(--red);font-size:.9rem}
.cfsvc-mobile-all{display:none;margin-top:18px}

@media(max-width:900px){
  .cfsvc-head>a{display:none}
  .cfsvc-track{display:flex;gap:10px;min-height:0;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;margin-right:calc(var(--cf-page-pad,16px)*-1);padding-right:14vw}
  .cfsvc-track::-webkit-scrollbar{display:none}
  .cfsvc-card,.cfsvc-card:hover,.cfsvc-card:focus-within{flex:0 0 min(82vw,430px);scroll-snap-align:start;box-shadow:none}
  .cfsvc-card-link{min-height:430px}
  .cfsvc-summary{max-height:5em;opacity:1;transform:none}
  .cfsvc-mobile-all{display:block}
}
@media(max-width:600px){
  .cfsvc-cards{padding-left:16px;padding-right:16px}
  .cfsvc-head{margin-bottom:17px}
  .cfsvc-head h2{font-size:2.85rem!important}
  .cfsvc-track{margin-right:-16px;padding-right:13vw}
  .cfsvc-card,.cfsvc-card:hover,.cfsvc-card:focus-within{flex-basis:84vw}
  .cfsvc-card-link{min-height:410px}
  .cfsvc-copy h3{font-size:2.65rem!important}
  .cfsvc-summary{font-size:.82rem}
}