/* Culver City Chimney & Masonry ~ style reel.
   Studio clay over stage green; kliegl-cream ground. */

:root
{
     --cc8-brick: #AF4B2B;
     --cc8-brick-dark: #782E18;
     --cc8-ember: #EE9838;
     --cc8-ember-glow: #FFC689;
     --cc8-coast: #2A5C46;
     --cc8-charcoal: #1B1410;
     --cc8-charcoal-2: #251E17;
     --cc8-charcoal-3: #33291F;
     --cc8-cream: #F9F5ED;
     --cc8-cream-2: #F0E8DC;
     --cc8-ink: #1C1512;
     --cc8-muted: #6C6157;
     --cc8-line: rgba(27,20,16,.12);
     --cc8-gold: #E2BD45;
     --cc8-green-ok: #2D7B52;
     --cc8-radius: 16px;
     --cc8-radius-lg: 26px;
     --cc8-shadow-sm: 0 4px 14px rgba(27,20,16,.08);
     --cc8-shadow: 0 14px 40px rgba(27,20,16,.14);
     --cc8-shadow-lg: 0 30px 70px rgba(27,20,16,.26);
     --cc8-wrap: 1200px;
     --cc8-font: 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
     --cc8-display: 'Saira Semi Condensed','Arial Narrow',var(--cc8-font);
     --cc8-header-h: 76px;
}

*,*::before,*::after
{
     box-sizing: border-box;
}

html
{
     scroll-behavior: smooth;
     scroll-padding-top: 90px;
     -webkit-text-size-adjust: 100%;
}

body
{
     margin: 0;
     font-family: var(--cc8-font);
     color: var(--cc8-ink);
     background: var(--cc8-cream);
     font-size: 17px;
     line-height: 1.65;
     overflow-x: hidden;
     -webkit-font-smoothing: antialiased;
}

img
{
     max-width: 100%;
     height: auto;
     display: block;
}

a
{
     color: var(--cc8-brick);
     text-decoration: none;
}

a:hover
{
     color: var(--cc8-brick-dark);
}

button
{
     font-family: inherit;
}

h1,h2,h3,h4
{
     font-family: var(--cc8-display);
     font-weight: 700;
     line-height: 1.08;
     margin: 0 0 .5em;
     letter-spacing: .4px;
     text-transform: uppercase;
}

h1
{
     font-size: clamp(2.15rem,5.4vw,4.15rem);
}

h2
{
     font-size: clamp(1.85rem,3.9vw,3rem);
}

h3
{
     font-size: clamp(1.15rem,1.7vw,1.45rem);
}

p
{
     margin: 0 0 1.1em;
}

.soundstage
{
     width: min(var(--cc8-wrap),92%);
     margin-inline: auto;
}

.centerframe
{
     text-align: center;
}

.greenroom-aid
{
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0,0,0,0);
     white-space: nowrap;
     border: 0;
}

.stagedoor-link
{
     position: absolute;
     left: -9999px;
     top: 0;
     background: var(--cc8-brick);
     color: #fff;
     padding: 12px 20px;
     z-index: 9999;
}

.stagedoor-link:focus
{
     left: 10px;
     top: 10px;
}

:focus-visible
{
     outline: 3px solid var(--cc8-ember);
     outline-offset: 3px;
}

#bg-fx-cc
{
     position: fixed;
     inset: 0;
     z-index: 0;
     pointer-events: none;
     overflow: hidden;
}

#emberCanvas-cc
{
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     opacity: .55;
}

.kliegpool
{
     position: absolute;
     border-radius: 50%;
     filter: blur(70px);
     opacity: .34;
     will-change: transform;
}

.kliegpool-1
{
     width: 520px;
     height: 520px;
     background: radial-gradient(circle at 30% 30%,var(--cc8-ember),transparent 68%);
     top: -140px;
     left: -120px;
     animation: float1 26s ease-in-out infinite;
}

.kliegpool-2
{
     width: 640px;
     height: 640px;
     background: radial-gradient(circle at 60% 40%,var(--cc8-brick),transparent 66%);
     top: 38%;
     right: -220px;
     animation: float2 32s ease-in-out infinite;
}

.kliegpool-3
{
     width: 420px;
     height: 420px;
     background: radial-gradient(circle at 50% 50%,var(--cc8-gold),transparent 65%);
     bottom: -120px;
     left: 22%;
     animation: float3 29s ease-in-out infinite;
}

@keyframes float1
{
     0%,100%
     {
          transform: translate3d(0,0,0) scale(1);
     }
     50%
     {
          transform: translate3d(90px,120px,0) scale(1.16);
     }
}

@keyframes float2
{
     0%,100%
     {
          transform: translate3d(0,0,0) scale(1.05);
     }
     50%
     {
          transform: translate3d(-120px,-90px,0) scale(.9);
     }
}

@keyframes float3
{
     0%,100%
     {
          transform: translate3d(0,0,0) scale(.95);
     }
     50%
     {
          transform: translate3d(70px,-110px,0) scale(1.2);
     }
}

main,header,footer,.canopyline
{
     position: relative;
     z-index: 1;
}

.clapper
{
     --cc8-bg: var(--cc8-brick);
     --cc8-fg: #fff;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: .6rem;
     background: var(--cc8-bg);
     color: var(--cc8-fg);
     font-weight: 700;
     font-size: 1.02rem;
     padding: 16px 30px;
     border-radius: 60px;
     border: 0;
     cursor: pointer;
     letter-spacing: .3px;
     box-shadow: 0 10px 26px rgba(178,58,33,.32);
     transition: transform .22s cubic-bezier(.2,.8,.3,1),box-shadow .22s,background .22s;
     position: relative;
     overflow: hidden;
     text-align: center;
}

.clapper:hover
{
     transform: translateY(-3px);
     box-shadow: 0 18px 40px rgba(178,58,33,.42);
     color: #fff;
}

.clapper:active
{
     transform: translateY(-1px);
}

.clapper::after
{
     content: "";
     position: absolute;
     top: 0;
     left: -60%;
     width: 40%;
     height: 100%;
     background: linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);
     transform: skewX(-18deg);
     animation: sheen 4.5s ease-in-out infinite;
}

@keyframes sheen
{
     0%,72%
     {
          left: -60%;
     }
     88%,100%
     {
          left: 135%;
     }
}

.clapper-hot
{
     --cc8-bg: linear-gradient(135deg,var(--cc8-ember),var(--cc8-brick));
     box-shadow: 0 10px 26px rgba(240,128,60,.4);
}

.clapper-scrim
{
     --cc8-bg: transparent;
     --cc8-fg: #fff;
     border: 2px solid rgba(255,255,255,.6);
     box-shadow: none;
}

.clapper-scrim:hover
{
     background: rgba(255,255,255,.12);
     box-shadow: none;
}

.clapper-noir2
{
     --cc8-bg: var(--cc8-charcoal);
     box-shadow: 0 10px 26px rgba(27,20,16,.3);
}

.clapper-wide2
{
     padding: 19px 38px;
     font-size: 1.12rem;
}

.clapper-full2
{
     display: flex;
     width: 100%;
}

.canopyline
{
     background: var(--cc8-charcoal);
     color: #E1D6C9;
     font-size: .86rem;
     letter-spacing: .3px;
}

.canopyline .soundstage
{
     display: flex;
     flex-wrap: wrap;
     gap: 8px 26px;
     align-items: center;
     justify-content: space-between;
     padding: 9px 0;
}

.canopyline b
{
     color: #fff;
}

.canopyline .cn4-chip
{
     display: inline-flex;
     align-items: center;
     gap: 7px;
}

.tally-dot
{
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: #4FC987;
     box-shadow: 0 0 0 0 rgba(73,199,126,.7);
     animation: pulseDot 2s infinite;
}

@keyframes pulseDot
{
     70%
     {
          box-shadow: 0 0 0 9px rgba(73,199,126,0);
     }
     100%
     {
          box-shadow: 0 0 0 0 rgba(73,199,126,0);
     }
}

.prosceniumband
{
     position: sticky;
     top: 0;
     z-index: 900;
     background: rgba(246,240,231,.86);
     backdrop-filter: blur(14px);
     -webkit-backdrop-filter: blur(14px);
     border-bottom: 1px solid var(--cc8-line);
     transition: box-shadow .3s,background .3s;
}

.prosceniumband.dollied
{
     box-shadow: 0 8px 30px rgba(27,20,16,.13);
     background: rgba(246,240,231,.96);
}

.prosceniumband .soundstage
{
     width: min(1360px,94%);
}

.promdeck
{
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 18px;
     min-height: var(--cc8-header-h);
}

.studiomark
{
     display: flex;
     align-items: center;
     gap: 12px;
     color: var(--cc8-ink);
     flex: 0 0 auto;
}

.studiomark:hover
{
     color: var(--cc8-ink);
}

.studiomark-crest
{
     width: 46px;
     height: 46px;
     flex: 0 0 auto;
     filter: drop-shadow(0 4px 8px rgba(178,58,33,.3));
}

.studiomark-card
{
     display: flex;
     flex-direction: column;
     line-height: 1.05;
}

.studiomark-card strong
{
     font-family: var(--cc8-display);
     font-size: 1.06rem;
     letter-spacing: .6px;
     text-transform: uppercase;
}

.studiomark-card span
{
     font-size: .7rem;
     letter-spacing: 2.4px;
     text-transform: uppercase;
     color: var(--cc8-brick);
     font-weight: 600;
}

.corridorset
{
     display: flex;
     align-items: center;
     gap: 22px;
     list-style: none;
     margin: 0;
     padding: 0;
}

.corridorset a
{
     color: var(--cc8-ink);
     font-weight: 600;
     font-size: .92rem;
     white-space: nowrap;
     position: relative;
     padding: 6px 0;
}

.corridorset a::after
{
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     height: 2px;
     width: 0;
     background: var(--cc8-brick);
     transition: width .28s;
}

.corridorset a:hover::after,.corridorset a.framed2::after
{
     width: 100%;
}

.promdeck-drive3
{
     display: flex;
     align-items: center;
     gap: 14px;
     flex: 0 0 auto;
}

.promdeck-digits
{
     display: flex;
     flex-direction: column;
     line-height: 1.1;
     text-align: right;
}

.promdeck-digits small
{
     font-size: .68rem;
     text-transform: uppercase;
     letter-spacing: 1.4px;
     color: var(--cc8-muted);
}

.promdeck-digits b
{
     font-family: var(--cc8-display);
     font-size: 1.22rem;
     color: var(--cc8-brick);
}

.sidegate
{
     display: none;
     width: 48px;
     height: 44px;
     border: 1px solid var(--cc8-line);
     background: #fff;
     border-radius: 12px;
     cursor: pointer;
     padding: 0;
     position: relative;
}

.sidegate span
{
     position: absolute;
     left: 13px;
     width: 22px;
     height: 2px;
     background: var(--cc8-ink);
     transition: .3s;
}

.sidegate span:nth-child(1)
{
     top: 15px;
}

.sidegate span:nth-child(2)
{
     top: 21px;
}

.sidegate span:nth-child(3)
{
     top: 27px;
}

.sidegate[aria-expanded="true"] span:nth-child(1)
{
     top: 21px;
     transform: rotate(45deg);
}

.sidegate[aria-expanded="true"] span:nth-child(2)
{
     opacity: 0;
}

.sidegate[aria-expanded="true"] span:nth-child(3)
{
     top: 21px;
     transform: rotate(-45deg);
}

.openingshot
{
     position: relative;
     color: #fff;
     padding: clamp(56px,8vw,104px) 0 clamp(70px,9vw,120px);
     overflow: hidden;
     isolation: isolate;
}

.openingshot-plate
{
     position: absolute;
     inset: 0;
     z-index: -2;
}

.openingshot-plate img
{
     width: 100%;
     height: 100%;
     object-fit: cover;
     transform: scale(1.06);
     animation: kenburns 24s ease-in-out infinite alternate;
}

@keyframes kenburns
{
     to
     {
          transform: scale(1.17) translate3d(-1.5%,-1.5%,0);
     }
}

.openingshot::before
{
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background: linear-gradient(100deg,rgba(18,14,12,.95) 0%,rgba(26,18,14,.86) 38%,rgba(181,57,31,.6) 74%,rgba(242,145,63,.42) 100%);
}

.openingshot-blocking
{
     display: grid;
     grid-template-columns: 1.15fr .85fr;
     gap: 52px;
     align-items: center;
}

.slateline
{
     display: inline-flex;
     align-items: center;
     gap: 9px;
     background: rgba(255,255,255,.12);
     border: 1px solid rgba(255,255,255,.26);
     color: #fff;
     padding: 8px 17px;
     border-radius: 60px;
     font-size: .79rem;
     font-weight: 700;
     letter-spacing: 1.6px;
     text-transform: uppercase;
     margin-bottom: 22px;
     backdrop-filter: blur(6px);
}

.openingshot h1
{
     color: #fff;
     text-shadow: 0 6px 30px rgba(0,0,0,.4);
}

.openingshot h1 .kliegmark
{
     color: var(--cc8-ember-glow);
     display: inline-block;
}

.openingshot-subline2
{
     font-size: clamp(1.02rem,1.5vw,1.2rem);
     color: #EDE5DA;
     max-width: 610px;
}

.openingshot-cues
{
     display: flex;
     flex-wrap: wrap;
     gap: 14px;
     margin: 30px 0 26px;
}

.openingshot-anchors2
{
     display: flex;
     flex-wrap: wrap;
     gap: 10px 22px;
     list-style: none;
     padding: 0;
     margin: 0;
     font-size: .92rem;
     color: #E9E0D6;
}

.openingshot-anchors2 li
{
     display: flex;
     align-items: center;
     gap: 8px;
}

.grip-check
{
     width: 20px;
     height: 20px;
     flex: 0 0 auto;
     border-radius: 50%;
     background: rgba(73,199,126,.2);
     display: grid;
     place-items: center;
}

.grip-check svg
{
     width: 12px;
     height: 12px;
     stroke: #71E5A6;
     fill: none;
     stroke-width: 3;
}

.callsheet-card
{
     background: linear-gradient(160deg,rgba(255,255,255,.98),rgba(246,240,231,.94));
     color: var(--cc8-ink);
     border-radius: var(--cc8-radius-lg);
     padding: 30px 28px;
     box-shadow: var(--cc8-shadow-lg);
     border: 1px solid rgba(255,255,255,.6);
     position: relative;
     animation: floaty 6.5s ease-in-out infinite;
}

@keyframes floaty
{
     0%,100%
     {
          transform: translateY(0);
     }
     50%
     {
          transform: translateY(-13px);
     }
}

.callsheet-stamp
{
     position: absolute;
     top: -18px;
     right: -10px;
     background: var(--cc8-brick);
     color: #fff;
     font-family: var(--cc8-display);
     font-size: .82rem;
     letter-spacing: 1.4px;
     padding: 9px 16px;
     border-radius: 40px;
     box-shadow: 0 8px 20px rgba(178,58,33,.4);
     text-transform: uppercase;
     animation: wobble 5s ease-in-out infinite;
}

@keyframes wobble
{
     0%,100%
     {
          transform: rotate(-3deg);
     }
     50%
     {
          transform: rotate(3deg);
     }
}

.callsheet-figure
{
     font-family: var(--cc8-display);
     font-size: clamp(3.4rem,7vw,4.6rem);
     line-height: 1;
     color: var(--cc8-brick);
     display: flex;
     align-items: flex-start;
     gap: 4px;
     justify-content: center;
     margin: 6px 0 2px;
}

.callsheet-figure sup
{
     font-size: .42em;
     margin-top: .32em;
}

.callsheet-card h2
{
     font-size: 1.32rem;
     margin-bottom: 4px;
     text-align: center;
}

.callsheet-card .callsheet-subnote
{
     text-align: center;
     color: var(--cc8-muted);
     font-size: .9rem;
     margin-bottom: 16px;
}

.callsheet-roster2
{
     list-style: none;
     margin: 0 0 20px;
     padding: 0;
     display: grid;
     gap: 9px;
     font-size: .95rem;
}

.callsheet-roster2 li
{
     display: flex;
     gap: 10px;
     align-items: flex-start;
}

.callsheet-roster2 svg
{
     width: 18px;
     height: 18px;
     flex: 0 0 auto;
     margin-top: 3px;
     stroke: var(--cc8-brick);
     fill: none;
     stroke-width: 3;
}

.callsheet-footnote
{
     font-size: .76rem;
     color: var(--cc8-muted);
     text-align: center;
     margin: 12px 0 0;
     line-height: 1.5;
}

.crawltitle
{
     background: var(--cc8-charcoal-2);
     color: #CFC3B6;
     overflow: hidden;
     padding: 13px 0;
     border-block: 1px solid rgba(255,255,255,.07);
}

.crawltitle-run
{
     display: flex;
     gap: 52px;
     white-space: nowrap;
     width: max-content;
     animation: scrollX 34s linear infinite;
     font-family: var(--cc8-display);
     letter-spacing: 2px;
     font-size: .94rem;
     text-transform: uppercase;
}

.crawltitle-run span
{
     display: inline-flex;
     align-items: center;
     gap: 12px;
}

.crawltitle-run b
{
     color: var(--cc8-ember);
}

@keyframes scrollX
{
     to
     {
          transform: translateX(-50%);
     }
}

section
{
     padding: clamp(56px,7vw,100px) 0;
     position: relative;
}

.titlehead
{
     max-width: 760px;
     margin: 0 auto 52px;
}

.titlehead.stageleft
{
     margin-inline: 0;
}

.chyron
{
     display: inline-flex;
     align-items: center;
     gap: 9px;
     color: var(--cc8-brick);
     font-weight: 800;
     letter-spacing: 2.4px;
     text-transform: uppercase;
     font-size: .78rem;
     margin-bottom: 14px;
}

.chyron::before
{
     content: "";
     width: 28px;
     height: 2px;
     background: var(--cc8-brick);
}

.logline2
{
     font-size: 1.06rem;
     color: var(--cc8-muted);
}

.grade-cream
{
     background: linear-gradient(180deg,rgba(237,227,213,.75),rgba(246,240,231,.4));
}

.grade-noir
{
     background: var(--cc8-charcoal);
     color: #E1D7CC;
}

.grade-noir h2,.grade-noir h3
{
     color: #fff;
}

.grade-noir .logline2
{
     color: #BBAFA2;
}

.grade-noir .chyron
{
     color: var(--cc8-ember-glow);
}

.grade-noir .chyron::before
{
     background: var(--cc8-ember);
}

.boxoffice
{
     display: grid;
     grid-template-columns: repeat(4,1fr);
     gap: 22px;
}

.boxoffice-tile
{
     background: #fff;
     border-radius: var(--cc8-radius);
     padding: 26px 20px;
     text-align: center;
     box-shadow: var(--cc8-shadow-sm);
     border: 1px solid var(--cc8-line);
     transition: transform .3s,box-shadow .3s;
}

.boxoffice-tile:hover
{
     transform: translateY(-7px);
     box-shadow: var(--cc8-shadow);
}

.boxoffice-tile b
{
     display: block;
     font-family: var(--cc8-display);
     font-size: clamp(2rem,3.6vw,2.9rem);
     color: var(--cc8-brick);
     line-height: 1;
}

.boxoffice-tile span
{
     font-size: .87rem;
     color: var(--cc8-muted);
     letter-spacing: .6px;
}

.unitbay-lot
{
     display: grid;
     grid-template-columns: repeat(auto-fit,minmax(295px,1fr));
     gap: 26px;
}

.unitbay
{
     background: #fff;
     border-radius: var(--cc8-radius-lg);
     overflow: hidden;
     box-shadow: var(--cc8-shadow-sm);
     border: 1px solid var(--cc8-line);
     display: flex;
     flex-direction: column;
     transition: transform .35s cubic-bezier(.2,.8,.3,1),box-shadow .35s;
}

.unitbay:hover
{
     transform: translateY(-10px);
     box-shadow: var(--cc8-shadow-lg);
}

.unitbay-frame3
{
     position: relative;
     aspect-ratio: 16/10;
     overflow: hidden;
     background: var(--cc8-charcoal-3);
}

.unitbay-frame3 img
{
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform .7s cubic-bezier(.2,.8,.3,1);
}

.unitbay:hover .unitbay-frame3 img
{
     transform: scale(1.09);
}

.unitbay-frame3::after
{
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(180deg,transparent 42%,rgba(20,16,14,.72));
}

.unitbay-badge2
{
     position: absolute;
     left: 18px;
     bottom: 16px;
     z-index: 2;
     width: 46px;
     height: 46px;
     border-radius: 13px;
     background: var(--cc8-brick);
     display: grid;
     place-items: center;
     box-shadow: 0 8px 20px rgba(178,58,33,.45);
}

.unitbay-badge2 svg
{
     width: 24px;
     height: 24px;
     stroke: #fff;
     fill: none;
     stroke-width: 1.9;
     stroke-linecap: round;
     stroke-linejoin: round;
}

.unitbay-copy
{
     padding: 24px 24px 26px;
     display: flex;
     flex-direction: column;
     flex: 1;
}

.unitbay-copy h3
{
     margin-bottom: 8px;
}

.unitbay-copy p
{
     font-size: .95rem;
     color: var(--cc8-muted);
     margin-bottom: 16px;
}

.unitbay-copy ul
{
     list-style: none;
     margin: 0 0 18px;
     padding: 0;
     font-size: .9rem;
     display: grid;
     gap: 6px;
}

.unitbay-copy li
{
     display: flex;
     gap: 9px;
     align-items: flex-start;
     color: #48403A;
}

.unitbay-copy li::before
{
     content: "";
     width: 7px;
     height: 7px;
     border-radius: 50%;
     background: var(--cc8-ember);
     flex: 0 0 auto;
     margin-top: 8px;
}

.unitbay-cue
{
     margin-top: auto;
     font-weight: 700;
     display: inline-flex;
     align-items: center;
     gap: 8px;
     font-size: .95rem;
}

.unitbay-cue svg
{
     width: 16px;
     height: 16px;
     stroke: currentColor;
     fill: none;
     stroke-width: 2.4;
     transition: transform .3s;
}

.unitbay:hover .unitbay-cue svg
{
     transform: translateX(5px);
}

.cuewall-lot
{
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 52px;
     align-items: center;
}

.cuewall-roster
{
     display: grid;
     gap: 14px;
     margin: 0;
     padding: 0;
     list-style: none;
}

.cuewall-roster li
{
     display: flex;
     gap: 15px;
     background: rgba(255,255,255,.05);
     border: 1px solid rgba(255,255,255,.1);
     border-radius: 14px;
     padding: 16px 18px;
     align-items: flex-start;
     transition: transform .3s,border-color .3s,background .3s;
}

.cuewall-roster li:hover
{
     transform: translateX(7px);
     border-color: rgba(240,128,60,.55);
     background: rgba(240,128,60,.08);
}

.cuewall-roster .cw4
{
     width: 38px;
     height: 38px;
     flex: 0 0 auto;
     border-radius: 11px;
     background: rgba(240,128,60,.16);
     display: grid;
     place-items: center;
}

.cuewall-roster .cw4 svg
{
     width: 20px;
     height: 20px;
     stroke: var(--cc8-ember-glow);
     fill: none;
     stroke-width: 2;
     stroke-linecap: round;
     stroke-linejoin: round;
}

.cuewall-roster b
{
     display: block;
     color: #fff;
     font-family: var(--cc8-display);
     letter-spacing: .5px;
     font-size: 1.02rem;
     text-transform: uppercase;
}

.cuewall-roster span
{
     font-size: .92rem;
     color: #B7ABA0;
}

.cuewall-frame
{
     position: relative;
     border-radius: var(--cc8-radius-lg);
     overflow: hidden;
     box-shadow: var(--cc8-shadow-lg);
}

.cuewall-frame img
{
     width: 100%;
     aspect-ratio: 4/5;
     object-fit: cover;
}

.cuewall-card2
{
     position: absolute;
     left: 20px;
     bottom: 20px;
     right: 20px;
     background: rgba(27,20,16,.82);
     backdrop-filter: blur(9px);
     border: 1px solid rgba(255,255,255,.14);
     border-radius: 16px;
     padding: 16px 18px;
     color: #fff;
}

.cuewall-card2 b
{
     font-family: var(--cc8-display);
     display: block;
     color: var(--cc8-ember-glow);
     letter-spacing: 1px;
}

.cuewall-card2 span
{
     font-size: .88rem;
     color: #CBBFB2;
}

.shotlist
{
     display: grid;
     grid-template-columns: repeat(4,1fr);
     gap: 24px;
     counter-reset: step;
     position: relative;
}

.shotlist-scene
{
     background: #fff;
     border-radius: var(--cc8-radius);
     padding: 34px 24px 26px;
     box-shadow: var(--cc8-shadow-sm);
     border: 1px solid var(--cc8-line);
     position: relative;
     transition: transform .35s,box-shadow .35s;
}

.shotlist-scene:hover
{
     transform: translateY(-8px);
     box-shadow: var(--cc8-shadow);
}

.shotlist-take
{
     position: absolute;
     top: -20px;
     left: 24px;
     width: 44px;
     height: 44px;
     border-radius: 14px;
     background: linear-gradient(140deg,var(--cc8-ember),var(--cc8-brick));
     color: #fff;
     font-family: var(--cc8-display);
     font-size: 1.3rem;
     display: grid;
     place-items: center;
     box-shadow: 0 10px 22px rgba(178,58,33,.35);
}

.shotlist-scene h3
{
     font-size: 1.12rem;
     margin-top: 8px;
}

.shotlist-scene p
{
     font-size: .93rem;
     color: var(--cc8-muted);
     margin: 0;
}

.dailieswall
{
     display: grid;
     grid-template-columns: repeat(4,1fr);
     gap: 16px;
}

.dailieswall-still
{
     position: relative;
     border-radius: 18px;
     overflow: hidden;
     box-shadow: var(--cc8-shadow-sm);
     aspect-ratio: 1;
     background: var(--cc8-charcoal-3);
}

.dailieswall-still:nth-child(1),.dailieswall-still:nth-child(6)
{
     grid-row: span 2;
     aspect-ratio: 1/2.06;
}

.dailieswall-still img
{
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform .8s cubic-bezier(.2,.8,.3,1);
}

.dailieswall-still:hover img
{
     transform: scale(1.1);
}

.dailieswall-still figcaption
{
     position: absolute;
     inset: auto 0 0 0;
     padding: 34px 16px 14px;
     background: linear-gradient(transparent,rgba(20,16,14,.86));
     color: #fff;
     font-size: .85rem;
     font-weight: 600;
     transform: translateY(6px);
     opacity: 0;
     transition: .35s;
}

.dailieswall-still:hover figcaption
{
     transform: translateY(0);
     opacity: 1;
}

.notices2
{
     display: grid;
     grid-template-columns: repeat(3,1fr);
     gap: 24px;
}

.notice2
{
     background: #fff;
     border-radius: var(--cc8-radius);
     padding: 28px 26px;
     box-shadow: var(--cc8-shadow-sm);
     border: 1px solid var(--cc8-line);
     position: relative;
     transition: transform .35s,box-shadow .35s;
}

.notice2:hover
{
     transform: translateY(-8px);
     box-shadow: var(--cc8-shadow);
}

.notice2 .quotereel
{
     position: absolute;
     top: 16px;
     right: 22px;
     font-family: var(--cc8-display);
     font-size: 4.2rem;
     color: rgba(178,58,33,.13);
     line-height: 1;
}

.starbill
{
     display: flex;
     gap: 3px;
     margin-bottom: 12px;
}

.starbill svg
{
     width: 18px;
     height: 18px;
     fill: var(--cc8-gold);
}

.notice2 p
{
     font-size: .98rem;
     color: #48403A;
}

.notice2 footer
{
     display: flex;
     align-items: center;
     gap: 12px;
     margin-top: 16px;
     border-top: 1px solid var(--cc8-line);
     padding-top: 14px;
}

.headshot2
{
     width: 42px;
     height: 42px;
     border-radius: 50%;
     background: linear-gradient(140deg,var(--cc8-brick),var(--cc8-ember));
     color: #fff;
     display: grid;
     place-items: center;
     font-family: var(--cc8-display);
     font-size: 1.05rem;
     flex: 0 0 auto;
}

.notice2 footer b
{
     display: block;
     font-size: .95rem;
}

.notice2 footer span
{
     font-size: .8rem;
     color: var(--cc8-muted);
}

.lotmap
{
     display: flex;
     flex-wrap: wrap;
     gap: 11px;
     justify-content: center;
     list-style: none;
     padding: 0;
     margin: 0 0 30px;
}

.lotmap li
{
     background: #fff;
     border: 1px solid var(--cc8-line);
     border-radius: 60px;
     padding: 10px 20px;
     font-size: .92rem;
     font-weight: 600;
     box-shadow: var(--cc8-shadow-sm);
     transition: transform .25s,background .25s,color .25s,border-color .25s;
}

.lotmap li:hover
{
     transform: translateY(-4px);
     background: var(--cc8-brick);
     color: #fff;
     border-color: var(--cc8-brick);
}

.screeningroom
{
     max-width: 880px;
     margin-inline: auto;
}

.screeningroom details
{
     background: #fff;
     border: 1px solid var(--cc8-line);
     border-radius: 14px;
     margin-bottom: 12px;
     box-shadow: var(--cc8-shadow-sm);
     overflow: hidden;
     transition: box-shadow .3s;
}

.screeningroom details[open]
{
     box-shadow: var(--cc8-shadow);
}

.screeningroom summary
{
     cursor: pointer;
     list-style: none;
     padding: 20px 58px 20px 22px;
     font-weight: 700;
     font-size: 1.03rem;
     position: relative;
}

.screeningroom summary::-webkit-details-marker
{
     display: none;
}

.screeningroom summary::after
{
     content: "";
     position: absolute;
     right: 22px;
     top: 50%;
     width: 12px;
     height: 12px;
     border-right: 2.6px solid var(--cc8-brick);
     border-bottom: 2.6px solid var(--cc8-brick);
     transform: translateY(-70%) rotate(45deg);
     transition: transform .3s;
}

.screeningroom details[open] summary::after
{
     transform: translateY(-25%) rotate(-135deg);
}

.screeningroom .screeningroom-copy
{
     padding: 0 22px 20px;
     color: var(--cc8-muted);
     font-size: .97rem;
}

.screeningroom .screeningroom-copy p:last-child
{
     margin-bottom: 0;
}

.marqueeband
{
     position: relative;
     color: #fff;
     text-align: center;
     overflow: hidden;
     isolation: isolate;
}

.marqueeband .marqueeband-plate
{
     position: absolute;
     inset: 0;
     z-index: -2;
}

.marqueeband .marqueeband-plate img
{
     width: 100%;
     height: 100%;
     object-fit: cover;
}

.marqueeband::before
{
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background: linear-gradient(120deg,rgba(140,43,22,.94),rgba(27,20,16,.9));
}

.marqueeband h2
{
     color: #fff;
     font-size: clamp(2rem,4.4vw,3.3rem);
}

.marqueeband p
{
     color: #F2E9DE;
     max-width: 660px;
     margin-inline: auto;
     font-size: 1.06rem;
}

.marqueeband-cues
{
     display: flex;
     gap: 15px;
     justify-content: center;
     flex-wrap: wrap;
     margin-top: 28px;
}

.marqueeband-digits
{
     display: block;
     font-family: var(--cc8-display);
     font-size: clamp(2rem,5vw,2.9rem);
     color: #fff;
     margin-top: 20px;
     letter-spacing: 1px;
}

.marqueeband-digits:hover
{
     color: var(--cc8-ember-glow);
}

.frontgate-lot
{
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 44px;
     align-items: start;
}

.frontgate-lot>*
{
     min-width: 0;
}

.frontgate-lines a,.understage address a
{
     overflow-wrap: anywhere;
}

.draftcard
{
     background: #fff;
     border-radius: var(--cc8-radius-lg);
     padding: 34px 32px;
     box-shadow: var(--cc8-shadow);
     border: 1px solid var(--cc8-line);
}

.slot2
{
     margin-bottom: 16px;
}

.slot2 label
{
     display: block;
     font-weight: 700;
     font-size: .86rem;
     margin-bottom: 7px;
     letter-spacing: .4px;
}

.slot2 input,.slot2 select,.slot2 textarea
{
     width: 100%;
     padding: 14px 16px;
     border: 1.6px solid var(--cc8-line);
     border-radius: 12px;
     font-size: 1rem;
     font-family: inherit;
     background: #FDFCFA;
     color: var(--cc8-ink);
     transition: border-color .25s,box-shadow .25s,background .25s;
}

.slot2 input:focus,.slot2 select:focus,.slot2 textarea:focus
{
     outline: none;
     border-color: var(--cc8-brick);
     background: #fff;
     box-shadow: 0 0 0 4px rgba(178,58,33,.12);
}

.slot2 textarea
{
     resize: vertical;
     min-height: 110px;
}

.twinstage
{
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 16px;
}

.draftaside
{
     font-size: .79rem;
     color: var(--cc8-muted);
     margin-top: 12px;
     text-align: center;
}

.draftnote
{
     display: none;
     padding: 14px 16px;
     border-radius: 12px;
     font-size: .94rem;
     margin-bottom: 16px;
}

.draftnote.onscript
{
     display: block;
     background: rgba(46,125,81,.1);
     color: #2D7B52;
     border: 1px solid rgba(46,125,81,.3);
}

.draftnote.offscript
{
     display: block;
     background: rgba(178,58,33,.1);
     color: var(--cc8-brick-dark);
     border: 1px solid rgba(178,58,33,.3);
}

.frontgate-lines
{
     list-style: none;
     padding: 0;
     margin: 0 0 26px;
     display: grid;
     gap: 16px;
}

.frontgate-lines li
{
     display: flex;
     gap: 16px;
     align-items: flex-start;
}

.frontgate-badge
{
     width: 48px;
     height: 48px;
     flex: 0 0 auto;
     border-radius: 14px;
     background: rgba(178,58,33,.1);
     display: grid;
     place-items: center;
}

.frontgate-badge svg
{
     width: 22px;
     height: 22px;
     stroke: var(--cc8-brick);
     fill: none;
     stroke-width: 1.9;
     stroke-linecap: round;
     stroke-linejoin: round;
}

.frontgate-lines b
{
     display: block;
     font-family: var(--cc8-display);
     letter-spacing: .6px;
     text-transform: uppercase;
     font-size: .95rem;
}

.frontgate-lines a,.frontgate-lines span
{
     color: var(--cc8-muted);
     font-size: 1rem;
}

.frontgate-lines a:hover
{
     color: var(--cc8-brick);
}

.lot-inset
{
     border-radius: var(--cc8-radius);
     overflow: hidden;
     box-shadow: var(--cc8-shadow-sm);
     border: 1px solid var(--cc8-line);
     line-height: 0;
}

.lot-inset iframe
{
     width: 100%;
     height: 290px;
     border: 0;
}

.showtimes
{
     background: #fff;
     border: 1px solid var(--cc8-line);
     border-radius: var(--cc8-radius);
     padding: 22px 24px;
     box-shadow: var(--cc8-shadow-sm);
     margin-bottom: 26px;
}

.showtimes dl
{
     display: grid;
     grid-template-columns: auto 1fr;
     gap: 8px 18px;
     margin: 0;
     font-size: .95rem;
}

.showtimes dt
{
     font-weight: 700;
}

.showtimes dd
{
     margin: 0;
     text-align: right;
     color: var(--cc8-muted);
}

.understage
{
     background: var(--cc8-charcoal);
     color: #ADA194;
     padding: 70px 0 0;
     font-size: .95rem;
}

.understage-lot
{
     display: grid;
     grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
     gap: 38px;
     padding-bottom: 44px;
}

.understage h4
{
     color: #fff;
     font-size: 1rem;
     letter-spacing: 1.6px;
     margin-bottom: 18px;
}

.understage a
{
     color: #ADA194;
}

.understage a:hover
{
     color: var(--cc8-ember-glow);
}

.understage-lines
{
     list-style: none;
     padding: 0;
     margin: 0;
     display: grid;
     gap: 10px;
}

.understage-crest3
{
     display: flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 16px;
     color: #fff;
}

.understage-crest3 strong
{
     font-family: var(--cc8-display);
     font-size: 1.1rem;
     letter-spacing: .6px;
     text-transform: uppercase;
}

.understage-edge2
{
     border-top: 1px solid rgba(255,255,255,.1);
     padding: 20px 0;
     display: flex;
     flex-wrap: wrap;
     gap: 10px 24px;
     justify-content: space-between;
     font-size: .84rem;
}

.spotlamp
{
     position: fixed;
     right: 22px;
     bottom: 26px;
     z-index: 950;
     display: inline-flex;
     align-items: center;
     gap: 12px;
     background: linear-gradient(135deg,var(--cc8-brick),var(--cc8-brick-dark));
     color: #fff;
     padding: 15px 24px 15px 17px;
     border-radius: 60px;
     font-weight: 800;
     letter-spacing: .4px;
     box-shadow: 0 16px 40px rgba(178,58,33,.5);
     transition: transform .3s cubic-bezier(.2,.8,.3,1),box-shadow .3s;
}

.spotlamp:hover
{
     transform: scale(1.06) translateY(-3px);
     color: #fff;
     box-shadow: 0 22px 52px rgba(178,58,33,.6);
}

.spotlamp .sp4-halo
{
     position: relative;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background: rgba(255,255,255,.18);
     display: grid;
     place-items: center;
     flex: 0 0 auto;
}

.spotlamp .sp4-halo::before,.spotlamp .sp4-halo::after
{
     content: "";
     position: absolute;
     inset: 0;
     border-radius: 50%;
     border: 2px solid rgba(255,255,255,.6);
     animation: ring 2.6s ease-out infinite;
}

.spotlamp .sp4-halo::after
{
     animation-delay: 1.3s;
}

@keyframes ring
{
     0%
     {
          transform: scale(1);
          opacity: .85;
     }
     100%
     {
          transform: scale(2.1);
          opacity: 0;
     }
}

.spotlamp svg
{
     width: 20px;
     height: 20px;
     stroke: #fff;
     fill: none;
     stroke-width: 2;
     animation: shake 3.2s ease-in-out infinite;
}

@keyframes shake
{
     0%,86%,100%
     {
          transform: rotate(0);
     }
     90%
     {
          transform: rotate(-14deg);
     }
     94%
     {
          transform: rotate(14deg);
     }
}

.spotlamp .sp4-card
{
     display: flex;
     flex-direction: column;
     line-height: 1.15;
}

.spotlamp .sp4-card small
{
     font-size: .66rem;
     text-transform: uppercase;
     letter-spacing: 1.4px;
     opacity: .85;
     font-weight: 600;
}

.spotlamp .sp4-card b
{
     font-family: var(--cc8-display);
     font-size: 1.12rem;
     letter-spacing: .6px;
}

.orchestrapit
{
     display: none;
     position: fixed;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 960;
     background: rgba(27,20,16,.97);
     backdrop-filter: blur(12px);
     border-top: 1px solid rgba(255,255,255,.12);
     padding: 9px 10px calc(9px + env(safe-area-inset-bottom));
}

.orchestrapit ul
{
     list-style: none;
     margin: 0;
     padding: 0;
     display: grid;
     grid-template-columns: 1.4fr 1fr 1fr;
     gap: 8px;
}

.orchestrapit a
{
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 3px;
     padding: 9px 4px;
     border-radius: 12px;
     color: #EBE2D8;
     font-size: .72rem;
     font-weight: 700;
     letter-spacing: .4px;
     text-transform: uppercase;
}

.orchestrapit a svg
{
     width: 19px;
     height: 19px;
     stroke: currentColor;
     fill: none;
     stroke-width: 2;
     stroke-linecap: round;
     stroke-linejoin: round;
}

.orchestrapit .op4-dial
{
     background: linear-gradient(135deg,var(--cc8-brick),var(--cc8-brick-dark));
     color: #fff;
     box-shadow: 0 6px 18px rgba(178,58,33,.5);
     animation: mbPulse 2.4s ease-in-out infinite;
}

@keyframes mbPulse
{
     0%,100%
     {
          box-shadow: 0 6px 18px rgba(178,58,33,.5);
     }
     50%
     {
          box-shadow: 0 6px 26px rgba(240,128,60,.85);
     }
}

.riggingclimb
{
     position: fixed;
     right: 26px;
     bottom: 104px;
     z-index: 940;
     width: 46px;
     height: 46px;
     border-radius: 50%;
     background: var(--cc8-charcoal);
     color: #fff;
     display: grid;
     place-items: center;
     box-shadow: var(--cc8-shadow);
     opacity: 0;
     visibility: hidden;
     transform: translateY(10px);
     transition: .3s;
     border: 0;
     cursor: pointer;
}

.riggingclimb.premiered
{
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
}

.riggingclimb svg
{
     width: 18px;
     height: 18px;
     stroke: #fff;
     fill: none;
     stroke-width: 2.6;
}

.fadein
{
     opacity: 0;
     transform: translateY(34px);
     transition: opacity .8s cubic-bezier(.2,.8,.3,1),transform .8s cubic-bezier(.2,.8,.3,1);
}

.fadein.onreel
{
     opacity: 1;
     transform: none;
}

.fadein.ccq1
{
     transition-delay: .1s;
}

.fadein.ccq2
{
     transition-delay: .2s;
}

.fadein.ccq3
{
     transition-delay: .3s;
}

.fadein.ccq4
{
     transition-delay: .4s;
}

.fadein.ccq5
{
     transition-delay: .5s;
}

.fadein.ccq6
{
     transition-delay: .6s;
}

@media (max-width:1080px)
{
     .openingshot-blocking
     {
          grid-template-columns: 1fr;
          gap: 44px;
     }
     .callsheet-card
     {
          max-width: 520px;
     }
     .boxoffice
     {
          grid-template-columns: repeat(2,1fr);
     }
     .shotlist
     {
          grid-template-columns: repeat(2,1fr);
          row-gap: 38px;
     }
     .notices2
     {
          grid-template-columns: 1fr;
     }
     .understage-lot
     {
          grid-template-columns: 1fr 1fr;
     }
     .dailieswall
     {
          grid-template-columns: repeat(3,1fr);
     }
}

@media (max-width:1440px)
{
     .corridorset
     {
          gap: 18px;
     }
     .corridorset a
     {
          font-size: .9rem;
     }
     .promdeck-digits
     {
          display: none;
     }
}

@media (max-width:1240px)
{
     .corridorset
     {
          gap: 15px;
     }
     .corridorset a
     {
          font-size: .86rem;
     }
     .corridorset li:has(.promdeck-dim3)
     {
          display: none;
     }
     .promdeck-dim3
     {
          display: none;
     }
}

@media (max-width:1150px)
{
     .corridorset
     {
          position: fixed;
          inset: var(--cc8-header-h) 0 auto 0;
          background: var(--cc8-cream);
          flex-direction: column;
          align-items: stretch;
          gap: 0;
          padding: 10px 6% 26px;
          border-bottom: 1px solid var(--cc8-line);
          box-shadow: var(--cc8-shadow);
          transform: translateY(-135%);
          transition: transform .4s cubic-bezier(.2,.8,.3,1);
          max-height: calc(100vh - var(--cc8-header-h));
          overflow: auto;
     }
     .corridorset.slated
     {
          transform: translateY(0);
     }
     .corridorset li:has(.promdeck-dim3)
     {
          display: block;
     }
     .promdeck-dim3
     {
          display: block;
     }
     .corridorset li
     {
          border-bottom: 1px solid var(--cc8-line);
     }
     .corridorset a
     {
          display: block;
          padding: 15px 0;
          font-size: 1.05rem;
     }
     .sidegate
     {
          display: block;
     }
     .promdeck-digits
     {
          display: none;
     }
     .promdeck-drive3 .clapper
     {
          padding: 12px 20px;
          font-size: .92rem;
     }
     .cuewall-lot,.frontgate-lot
     {
          grid-template-columns: 1fr;
          gap: 34px;
     }
     .spotlamp
     {
          display: none;
     }
     .orchestrapit
     {
          display: block;
     }
     body
     {
          padding-bottom: 74px;
     }
     .riggingclimb
     {
          bottom: 88px;
          right: 16px;
     }
}

@media (max-width:640px)
{
     body
     {
          font-size: 16px;
     }
     .canopyline .soundstage
     {
          justify-content: center;
          text-align: center;
          font-size: .8rem;
          gap: 6px 16px;
          padding: 7px 0;
     }
     .canopyline .cn4-fold,.canopyline .cn4-flash
     {
          display: none;
     }
     .promdeck-dial-card
     {
          display: none;
     }
     .promdeck-drive3 .clapper
     {
          padding: 12px 14px;
          border-radius: 50%;
     }
     .promdeck-drive3
     {
          gap: 9px;
     }
     .boxoffice,.shotlist
     {
          grid-template-columns: 1fr 1fr;
          gap: 14px;
     }
     .dailieswall
     {
          grid-template-columns: repeat(2,1fr);
          gap: 10px;
     }
     .dailieswall-still:nth-child(1),.dailieswall-still:nth-child(6)
     {
          grid-row: span 1;
          aspect-ratio: 1;
     }
     .twinstage
     {
          grid-template-columns: 1fr;
     }
     .draftcard
     {
          padding: 26px 20px;
     }
     .understage-lot
     {
          grid-template-columns: 1fr;
          gap: 30px;
     }
     .openingshot-cues .clapper
     {
          flex: 1 1 100%;
     }
     .promdeck
     {
          gap: 8px;
     }
     .studiomark
     {
          min-width: 0;
          gap: 9px;
     }
     .studiomark-crest
     {
          width: 38px;
          height: 38px;
     }
     .studiomark-card
     {
          min-width: 0;
     }
     .studiomark-card span
     {
          font-size: .56rem;
          letter-spacing: 1.2px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
     }
     .studiomark-card strong
     {
          font-size: .85rem;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
     }
     .boxoffice .boxoffice-tile
     {
          padding: 20px 12px;
     }
     .unitbay-copy,.draftcard
     {
          overflow-wrap: break-word;
     }
}

@media (max-width:400px)
{
     .soundstage
     {
          width: 94%;
     }
     .shotlist
     {
          grid-template-columns: 1fr;
          row-gap: 34px;
     }
     .boxoffice
     {
          gap: 10px;
     }
     .studiomark-crest
     {
          width: 34px;
          height: 34px;
     }
     .studiomark-card strong
     {
          font-size: .8rem;
     }
     .promdeck-drive3 .clapper
     {
          padding: 11px 13px;
     }
     .sidegate
     {
          width: 44px;
     }
}

@media (prefers-reduced-motion:reduce)
{
     *,*::before,*::after
     {
          animation-duration: .001ms!important;
          animation-iteration-count: 1!important;
          transition-duration: .001ms!important;
     }
     html
     {
          scroll-behavior: auto;
     }
     .fadein
     {
          opacity: 1;
          transform: none;
     }
}

@media print
{
     .prosceniumband,.spotlamp,.orchestrapit,.riggingclimb,#bg-fx-cc,.crawltitle
     {
          display: none!important;
     }
     body
     {
          background: #fff;
          color: #000;
     }
}

.callsheet-notab
{
     font-family: var(--cc8-display);
     font-size: clamp(3rem,6.4vw,4.3rem);
     line-height: 1;
     color: var(--cc8-brick);
     text-align: center;
     letter-spacing: 2px;
     margin: 8px 0 2px;
}

.callsheet-notab small
{
     display: block;
     font-family: var(--cc8-font);
     font-size: .31em;
     letter-spacing: 3.4px;
     color: var(--cc8-coast);
     font-weight: 800;
     margin-top: 6px;
}

.callsheet-card .callsheet-roster2 svg
{
     stroke: var(--cc8-coast);
}

.stamp-notab
{
     background: var(--cc8-coast);
     box-shadow: 0 8px 20px rgba(30,111,104,.42);
}

.grip-check-green
{
     background: rgba(30,111,104,.22);
}

.grip-check-green svg
{
     stroke: #86D2AE;
}

.rumble-aside
{
     display: flex;
     gap: 12px;
     align-items: flex-start;
     background: rgba(242,145,63,.1);
     border: 1px solid rgba(242,145,63,.34);
     border-radius: 14px;
     padding: 16px 18px;
     margin-top: 24px;
}

.rumble-aside svg
{
     width: 22px;
     height: 22px;
     flex: 0 0 auto;
     margin-top: 2px;
     stroke: var(--cc8-brick);
     fill: none;
     stroke-width: 2;
     stroke-linecap: round;
     stroke-linejoin: round;
}

.rumble-aside p
{
     margin: 0;
     font-size: .94rem;
}

.producer-card
{
     background: linear-gradient(158deg,var(--cc8-charcoal) 0%,var(--cc8-charcoal-2) 55%,#38261E 100%);
     color: #E0D5CA;
     border-radius: var(--cc8-radius-lg);
     padding: 38px 34px;
     box-shadow: var(--cc8-shadow-lg);
     border: 1px solid rgba(255,255,255,.09);
     position: relative;
     overflow: hidden;
}

.producer-card::before
{
     content: "";
     position: absolute;
     top: -90px;
     right: -70px;
     width: 260px;
     height: 260px;
     border-radius: 50%;
     background: radial-gradient(circle,rgba(242,145,63,.34),transparent 68%);
     filter: blur(14px);
     animation: float1 18s ease-in-out infinite;
}

.producer-card>*
{
     position: relative;
     z-index: 1;
}

.producer-chyron
{
     display: inline-flex;
     align-items: center;
     gap: 9px;
     color: var(--cc8-ember-glow);
     font-weight: 800;
     letter-spacing: 2.4px;
     text-transform: uppercase;
     font-size: .74rem;
     margin-bottom: 12px;
}

.producer-chyron::before
{
     content: "";
     width: 26px;
     height: 2px;
     background: var(--cc8-ember);
}

.producer-card h3
{
     color: #fff;
     font-size: clamp(1.4rem,2.4vw,1.9rem);
     margin-bottom: 10px;
}

.producer-card p
{
     color: #B9ABA0;
     font-size: .99rem;
}

.producer-digits
{
     display: block;
     font-family: var(--cc8-display);
     font-size: clamp(2.1rem,4.6vw,3rem);
     color: #fff;
     letter-spacing: 1px;
     margin: 20px 0 18px;
     text-align: center;
     transition: color .25s,transform .25s;
}

.producer-digits:hover
{
     color: var(--cc8-ember-glow);
     transform: scale(1.03);
}

.producer-showtimes
{
     text-align: center;
     font-size: .92rem;
     margin: 18px 0 0;
     color: #B9ABA0;
}

.producer-showtimes strong
{
     color: #fff;
}

.producer-notes
{
     margin-top: 26px;
     padding-top: 22px;
     border-top: 1px solid rgba(255,255,255,.12);
}

.producer-notes h4
{
     color: #fff;
     font-size: .92rem;
     letter-spacing: 1.8px;
     margin-bottom: 14px;
}

.producer-notes ol
{
     margin: 0;
     padding: 0;
     list-style: none;
     counter-reset: ce;
     display: grid;
     gap: 12px;
}

.producer-notes li
{
     counter-increment: ce;
     display: flex;
     gap: 13px;
     align-items: flex-start;
     font-size: .94rem;
     color: #C7BBAE;
}

.producer-notes li::before
{
     content: counter(ce);
     flex: 0 0 auto;
     width: 26px;
     height: 26px;
     border-radius: 8px;
     background: rgba(242,145,63,.18);
     color: var(--cc8-ember-glow);
     font-family: var(--cc8-display);
     font-size: .9rem;
     display: grid;
     place-items: center;
     margin-top: 1px;
}

@media (max-width:640px)
{
     .producer-card
     {
          padding: 28px 22px;
     }
}

.notice2 p
{
     font-size: .95rem;
     line-height: 1.62;
}

.notice2 footer b
{
     font-size: .92rem;
     line-height: 1.3;
}

.notice2 .headshot2 svg
{
     display: block;
}

@media (max-width:1080px)
{
     .notices2
     {
          gap: 22px;
     }
}

.orchestrapit ul.op4-pair
{
     grid-template-columns: 1.7fr 1fr;
}

/* pickup shots for narrow screens */
@media (max-width: 392px)
{
     .studiomark-card strong
     {
          max-width: 46vw;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
     }
     .promdeck-dial
     {
          padding-inline: 13px;
     }
}

.orchestrapit ul
{
     grid-template-columns: 1fr;
}

.shotlist > *
{
     min-width: 0;
}

.shotlist-scene h3
{
     overflow-wrap: anywhere;
}

.boxoffice-tile b span
{
     font-size: inherit;
     color: inherit;
     letter-spacing: 0;
}