
/* Latest commissioned corrections, private preview only. */
.cinematic .album-heading-full .album-row-heading{display:block!important;max-width:none!important;width:100%!important;margin-inline:auto!important;text-align:center!important;grid-template-columns:none!important}
.cinematic .album-heading-full .album-row-heading h2,.cinematic .album-heading-full .album-row-heading p{width:100%!important;max-width:none!important;margin-inline:auto!important;text-align:center!important}
.cinematic .album-heading-full .album-row-heading h2{padding-inline:0!important}
.cinematic .music-clean-title{background-image:url('/assets/v2/cinema-music-readable-20261001.webp')!important}
.cinematic .music-clean-title .duality-bones{top:13.5%!important}
.cinematic .music-clean-title .duality-bones .bones-of-accent{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
.cinematic .package-identified>h3{margin:12px 0 26px!important;color:#fff!important;font-size:28px!important;background:none!important;-webkit-text-fill-color:#fff!important;line-height:1.25}
.cinematic .package-benefits .editorial-grid{align-items:start}
.cinematic .package-benefits .editorial-grid h3{margin-bottom:20px!important;box-sizing:border-box}
.cinematic .package-benefits .editorial-grid p{margin-top:0!important}
.page-structure-list{list-style:none;margin:18px 0 22px;padding:0;display:grid;gap:12px}
.page-structure-list li{position:relative;padding-left:29px;color:#f1f4fa!important}
.page-structure-list li::before{content:'→';position:absolute;left:0;color:#ffd795}
.cinematic .possible-page-structure>p{font-size:16px}
.cinematic .blog-index-top{position:relative;isolation:isolate;overflow:hidden;background:#03060a!important;padding-block:72px 64px;min-height:345px;display:flex;align-items:center}
.blog-index-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
.cinematic .blog-index-top::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03060a77 0%,#03060a33 43%,transparent 65%);z-index:-1;pointer-events:none}
.cinematic .blog-index-top .wrap{position:relative;z-index:1}
.cinematic .blog-index-top h1{max-width:58%;font-size:clamp(36px,3.8vw,61px)!important}
.cinematic .blog-index-top .lead{max-width:46%;font-size:17px;line-height:1.7}
/* No scene or image may sit behind article copy, including inherited section rules. */
.cinematic .blog-article,.cinematic .blog-article .blog-chapter,.cinematic .blog-article .blog-faq,.cinematic .blog-article .blog-sources{background:#080c12!important;background-image:none!important}
.cinematic .blog-article .blog-chapter::before,.cinematic .blog-article .blog-chapter::after,.cinematic .blog-article .blog-faq::before,.cinematic .blog-article .blog-faq::after{content:none!important;display:none!important}
.blog-chapter-body{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:46px;align-items:start}
.blog-chapter-body>.blog-chapter-copy,.blog-chapter-body>.blog-visual{min-width:0}
.blog-chapter-body>.blog-visual{margin:0}
.blog-chapter.visual-left .blog-chapter-copy{grid-column:2;grid-row:1}
.blog-chapter.visual-left .blog-visual{grid-column:1;grid-row:1}
.blog-chapter-copy>p,.blog-chapter-copy>ul,.blog-chapter-copy>ol{color:#edf2f9!important;font-size:18px;line-height:1.9;margin:0 0 24px}
.blog-chapter-copy>ul,.blog-chapter-copy>ol{padding-left:25px}
.blog-chapter-copy li{margin:10px 0;padding-left:5px}
.blog-chapter-copy strong{color:#fff}
.blog-chapter-copy h3{color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important;font-size:24px!important;line-height:1.35;margin:32px 0 16px}
.blog-chapter-copy .practical-example{border-left:2px solid #5cbfff;border-radius:0 9px 9px 0;padding:20px 23px;background:#101820!important;color:#f2f6fc;line-height:1.8;font-size:17px;margin:25px 0}
.blog-chapter-copy .blog-example-label{display:block!important;font-size:12px;letter-spacing:.06em;color:#ffdca0;margin-bottom:10px}
.blog-chapter-copy pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:16px;line-height:1.8;margin:0;color:#eef3fb}
.cinematic .blog-visual{background:#101820!important;background-image:none!important}
.cinematic .blog-visual .blog-flow{grid-template-columns:1fr;gap:14px}
.cinematic .blog-visual .blog-flow li{display:grid;grid-template-columns:40px 1fr;column-gap:15px;padding:18px;background:#080e16!important}
.cinematic .blog-visual .blog-flow .flow-number{grid-row:1/3;line-height:1.6}
.cinematic .blog-visual .blog-flow h3{margin:0 0 7px!important}
.cinematic .blog-visual .blog-flow p{grid-column:2}
.cinematic .blog-table-scroll table{font-size:14px;line-height:1.6}
.cinematic .blog-table-scroll th,.cinematic .blog-table-scroll td{padding:15px 12px}
.cinematic .blog-visual figcaption strong{font-size:23px}
.cinematic .blog-article-heading .blog-deck{max-width:none!important}
@media(max-width:1100px){.blog-chapter-body{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.blog-visual{padding:23px!important}.cinematic .blog-index-top h1{max-width:62%}.cinematic .blog-index-top .lead{max-width:51%}}
@media(max-width:950px){.blog-chapter-body{grid-template-columns:1fr;gap:24px}.blog-chapter.visual-left .blog-chapter-copy,.blog-chapter.visual-left .blog-visual{grid-column:auto;grid-row:auto}.cinematic .blog-index-top{padding-block:52px 220px;min-height:0}.blog-index-art{object-position:right bottom;object-fit:contain;top:auto;height:300px}.cinematic .blog-index-top::after{background:linear-gradient(#03060a 0%,#03060acc 35%,transparent 65%)}.cinematic .blog-index-top h1,.cinematic .blog-index-top .lead{max-width:100%}}
@media(max-width:600px){.cinematic .blog-index-top{padding-block:42px 210px}.blog-index-art{height:260px}.cinematic .blog-index-top h1{font-size:36px!important}.cinematic .package-identified>h3{font-size:26px!important}.blog-chapter-copy>p,.blog-chapter-copy>ul,.blog-chapter-copy>ol{font-size:17px;line-height:1.85}.cinematic .blog-visual{padding:20px!important}.cinematic .blog-table-scroll table{font-size:13px}.cinematic .blog-table-scroll th,.cinematic .blog-table-scroll td{padding:12px 8px}}
