.cij-bf--cinematic{background:#02131f;color:#f7f8f5}
.cij-bf--cinematic .cij-bf__collage{opacity:1;object-position:22% center;filter:brightness(.82) saturate(1.2) contrast(1.06)}
.cij-bf--cinematic:before{background:linear-gradient(180deg,rgba(0,13,24,.32),rgba(0,15,27,.28) 40%,rgba(0,11,20,.72) 78%,#020e18),linear-gradient(90deg,rgba(0,18,30,.12),rgba(0,12,22,.78) 33%,rgba(0,11,21,.89) 65%,rgba(0,13,24,.42))}
.cij-bf--cinematic .cij-bf__eyebrow{color:#ffdb8d;text-shadow:0 2px 12px #00101d;font-weight:800;letter-spacing:.23em}
.cij-bf--cinematic h1{position:relative;color:#fff;font-weight:750;text-shadow:0 3px 28px #000b;padding-bottom:23px}
.cij-bf--cinematic h1:after{content:"";position:absolute;bottom:0;left:50%;width:240px;max-width:65%;height:8px;transform:translateX(-50%) rotate(-2deg);background:linear-gradient(90deg,#b9082000,#e3152f 15%,#f3223b 60%,#b9082000);clip-path:polygon(0 65%,25% 14%,62% 0,92% 42%,100% 78%,64% 44%,27% 65%)}
.cij-bf--cinematic .cij-bf__intro{color:#e0e9ec;text-shadow:0 2px 12px #00111b}
.cij-bf--cinematic .cij-bf__offer{border-color:#6298ac70;background:linear-gradient(145deg,#061e2cdb,#020e1ae8);box-shadow:0 18px 60px #0007,inset 0 1px 0 #b9e7ff13;backdrop-filter:blur(5px)}
.cij-bf--cinematic .cij-bf__offer--featured{border-color:#e9c16bb3;background:linear-gradient(145deg,#17272cdd,#041320eb);box-shadow:0 18px 60px #0007,0 0 28px #e9b24512,inset 0 1px 0 #ffebae26}
.cij-bf--cinematic .cij-bf__offer-top{color:#dfcb99}
.cij-bf--cinematic .cij-bf__badge{background:#f2d18c;color:#152029;box-shadow:0 0 15px #f8c66124}
.cij-bf--cinematic .cij-bf__price{color:#ffdd8a;text-shadow:0 0 24px #f3af3930}
.cij-bf--cinematic .cij-bf__price span{color:#b9cbd3;text-shadow:none}
.cij-bf--cinematic .cij-bf__description,.cij-bf--cinematic .cij-bf__benefits{color:#d3dfe3}
.cij-bf--cinematic .cij-bf__availability{border-top-color:#82b6ca30}
.cij-bf--cinematic .cij-bf__scarcity-note{color:#ffdb8d;border-left:2px solid #e8243b;padding-left:10px}
.cij-bf--cinematic .cij-bf__included-count{background:#00101d99;border-color:#6a98ad55}
.cij-bf--cinematic .cij-bf__included-description{color:#c4d6df}
.cij-bf--cinematic .cij-bf__contents-note,.cij-bf--cinematic .cij-bf__footer{color:#b3c8d2}
.cij-bf--cinematic .cij-bf__button{background:linear-gradient(115deg,#ffe8a6,#edc365);border-color:#f6d68c;color:#111b22;box-shadow:0 0 20px #e7b8481f}
.cij-bf--cinematic .cij-bf__offer:first-child .cij-bf__button{background:#05182799;border-color:#d9b96fb3;color:#f8dfac;box-shadow:none}
.cij-bf--cinematic .cij-bf__button:hover{filter:brightness(1.09)}
@media(min-width:1400px){.cij-bf--cinematic .cij-bf__collage{object-position:left center}}
@media(max-width:749px){.cij-bf--cinematic .cij-bf__collage{height:100%;object-position:24% top;filter:brightness(.65) saturate(1.15)}.cij-bf--cinematic:before{background:linear-gradient(180deg,#00142130,#00111c99 34%,#020e18e8),linear-gradient(90deg,#00152252,#00101c96)}.cij-bf--cinematic .cij-bf__offer{backdrop-filter:blur(3px);background:linear-gradient(145deg,#061e2ce8,#020e1af2)}.cij-bf--cinematic .cij-bf__offer--featured{background:linear-gradient(145deg,#17272ce8,#041320f2)}.cij-bf--cinematic h1{padding-bottom:20px}.cij-bf--cinematic h1:after{height:7px;width:190px}}

/* Keep the studio portrait beside the offers rather than behind them. */
.cij-bf--cinematic .cij-bf__collage{inset:auto;top:0;left:0;width:160%;max-width:none;height:auto;transform:translate(-22%,-28%);object-fit:contain;mask-image:linear-gradient(#000 0 65%,transparent 100%)}
.cij-bf--cinematic:before{background:linear-gradient(180deg,#000d1835,#000f1b30 40%,#000b14b8 78%,#020e18),linear-gradient(90deg,#00121e08,#000c16c0 30%,#000b15e3 65%,#000d186b)}
@media(min-width:1100px){.cij-bf--cinematic .cij-bf__offers{margin-left:auto;margin-right:0}}
@media(max-width:749px){.cij-bf--cinematic .cij-bf__collage{width:100%;height:900px;transform:translateY(-120px);object-fit:cover;object-position:25% top;mask-image:linear-gradient(#000 0 60%,transparent 100%)}}
