/*
Theme Name: Cinema Demerde Burgundy Noir
Theme URI: https://cinemademerde.com/
Author: Cinema Demerde
Description: Burgundy Noir editorial film journal. Layout matched to approved HTML preview.
Version: 4.8
Text Domain: cinema-demerde
*/

:root{--bg:#0c0c0e;--panel:#171719;--line:#34302b;--gold:#d8b478;--text:#f4f0e9;--muted:#b5b0a8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.container{width:min(1200px,calc(100% - 36px));margin:auto}.topline{border-bottom:1px solid #252323;background:#080809;color:#bfb6a9;font-size:11px;letter-spacing:1.7px}.topline .container{display:flex;justify-content:space-between;padding:8px 0}.masthead{display:flex;justify-content:space-between;align-items:center;padding:28px 0 22px}.brand{font-family:Georgia,serif;font-size:clamp(29px,4vw,49px);font-weight:700;letter-spacing:-1.5px;line-height:1}.brand span{color:var(--gold)}.tagline{font-size:10px;letter-spacing:3px;color:#a79b8c;margin-top:9px}.mast-actions{display:flex;gap:9px}.iconbtn,.navtoggle{background:#1a1918;border:1px solid #51432f;color:var(--gold);border-radius:3px;padding:9px 13px}.navtoggle{display:none}.nav{border-top:1px solid #3e3326;border-bottom:1px solid #3e3326;background:#111113}.nav-inner{display:flex;align-items:center;gap:30px}.nav a{display:inline-block;padding:15px 0;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700}.nav a:hover,.nav a.active{color:var(--gold)}.nav .spacer{flex:1}.nav .today{color:#9e8f7b;font-size:11px}.searchbar{background:#191817;border-bottom:1px solid #4a3a27;padding:14px 0;display:none}.searchbar.open{display:block}.searchbar form{display:flex;gap:10px}.searchbar input{flex:1;min-width:0;background:#0e0d0c;color:white;border:1px solid #56462d;padding:11px}.searchbar button,.more,.subscribe button{background:var(--gold);color:#17110c;border:0;padding:11px 20px;font-weight:800}.eyebrow{font-size:11px;letter-spacing:2.2px;color:var(--gold);font-weight:800;text-transform:uppercase}.lead{padding-top:32px}.lead-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.lead-head p{margin:0;color:#a89d8e;font-size:12px}.hero-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px}.hero{min-height:470px;position:relative;overflow:hidden;background:#2c2521}.hero.small{min-height:227px}.hero-side{display:grid;gap:16px}.hero:before,.thumb:before{content:"";position:absolute;inset:0;background:var(--art);background-size:cover;background-position:center;transform:scale(1);transition:transform .6s}.hero:hover:before,.story:hover .thumb:before{transform:scale(1.055)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.93),rgba(0,0,0,.06) 75%)}.hero-content{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:30px}.hero h1,.hero h2{font-family:Georgia,serif;line-height:1.12;letter-spacing:-.5px;margin:9px 0}.hero h1{font-size:clamp(30px,3.3vw,49px)}.hero h2{font-size:clamp(19px,2vw,27px)}.hero p{color:#e0d6c9;max-width:650px;margin:8px 0 0}.meta{color:#bcb4aa;font-size:11px;letter-spacing:.5px}.section{padding-top:46px}.section-heading{display:flex;align-items:center;gap:18px;border-bottom:1px solid #51402a;margin-bottom:23px;padding-bottom:12px}.section-heading h2{font:700 28px Georgia,serif;margin:0}.section-heading:after{content:"";height:1px;flex:1;background:#282420}.section-heading span{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:1px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px}.stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.story .thumb{position:relative;aspect-ratio:16/10;background:#292521;overflow:hidden;margin-bottom:13px}.story h3{font:700 23px/1.23 Georgia,serif;margin:7px 0}.story p{color:var(--muted);font-size:13px;margin:8px 0}.story .read{font-size:11px;letter-spacing:1px;color:var(--gold);font-weight:700}.sidebar .panel{background:#161516;border:1px solid #332b22;padding:21px;margin-bottom:20px}.panel h3{font:700 23px Georgia,serif;margin:0 0 17px}.trending{display:flex;gap:13px;padding:13px 0;border-top:1px solid #312b25}.trending b{font:italic 29px Georgia,serif;color:#c5a26e}.trending a{font:700 15px/1.35 Georgia,serif}.subscribe p{font-size:13px;color:var(--muted)}.subscribe input{width:100%;background:#0e0e0f;color:white;border:1px solid #53442e;padding:11px;margin-bottom:10px}.subscribe button{width:100%}.status{font-size:12px;color:var(--gold);min-height:20px;margin-top:8px}.more-wrap{text-align:center;margin:34px 0}.more{background:transparent;border:1px solid var(--gold);color:var(--gold);padding:12px 34px}.more:hover{background:var(--gold);color:#14100b}.quote{margin:60px 0 0;border-top:1px solid #3d3124;border-bottom:1px solid #3d3124;background:radial-gradient(ellipse at center,#292119,#101012 70%);text-align:center;padding:38px 15px}.quote blockquote{font:italic clamp(21px,3vw,35px) Georgia,serif;margin:10px auto;max-width:850px}.footer{padding:45px 0 20px;background:#09090a}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer .brand{font-size:31px}.footer p{font-size:12px;color:#948a7d}.footer-links{display:flex;gap:13px 22px;flex-wrap:wrap;max-width:600px;justify-content:flex-end}.footer-links a{font-size:12px;color:#c7b18e}.copyright{border-top:1px solid #2a2520;margin-top:30px;padding-top:15px;font-size:11px;color:#897f73}.art1{--art:linear-gradient(20deg,#0b0d14 0%,transparent 65%),radial-gradient(ellipse at 60% 35%,#e0a36e 0%,#704437 23%,#1e2532 54%,#080d15 90%)}.art2{--art:radial-gradient(ellipse at 40% 25%,#d7b49b,#665b60 35%,#191e2c 80%)}.art3{--art:radial-gradient(ellipse at 65% 20%,#d7a85b,#5b372a 40%,#10131c 90%)}.art4{--art:linear-gradient(140deg,#16202b,#4e3c38 45%,#ab7a58 70%,#18151b)}.art5{--art:radial-gradient(ellipse at 45% 40%,#c0a77f,#53584e 45%,#0e171a 90%)}.art6{--art:linear-gradient(130deg,#181e26,#764d3c 52%,#b18c61)}.art7{--art:radial-gradient(ellipse at 40% 20%,#d0a874,#543c3a 45%,#151820 90%)}.art8{--art:linear-gradient(120deg,#242c36,#89664b,#1c171a)}.hidden{display:none!important}.empty{color:var(--muted);padding:25px 0}@media(max-width:850px){.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sidebar .panel{margin:0}.hero{min-height:380px}.hero.small{min-height:182px}.hero-content{padding:20px}}@media(max-width:650px){.topline .container span:last-child,.mast-actions .desktop{display:none}.masthead{padding:20px 0}.brand{font-size:32px}.navtoggle{display:block}.nav-inner{display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 0}.nav-inner.open{display:flex}.nav a{padding:10px 0}.nav .today{display:none}.hero-grid{grid-template-columns:1fr}.hero{min-height:390px}.hero-side{grid-template-columns:1fr 1fr}.hero.small{min-height:210px}.hero h2{font-size:18px}.hero-content{padding:15px}.hero h1{font-size:34px}.hero p{font-size:13px}.stories{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr}.section{padding-top:32px}.footer-inner{display:block}.footer-links{justify-content:flex-start;margin-top:25px}}

/* Burgundy Noir — permanent editorial color scheme */
:root{--top:#080b12;--navbg:#111722;--footerbg:#090d15;--surface:#171e29;--inputbg:#101722;--border:#344153;--quote1:#1b2a3d;--quote2:#0c111b;--buttonink:#0b1320}
.topline{background:var(--top);border-color:var(--border);color:var(--muted)}
.tagline,.nav .today,.lead-head p,.footer p,.copyright{color:var(--muted)}
.iconbtn,.navtoggle{background:var(--surface);border-color:var(--border)}
.nav{background:var(--navbg);border-color:var(--border)}
.searchbar{background:var(--surface);border-color:var(--border)}
.searchbar input,.subscribe input{background:var(--inputbg);border-color:var(--border);color:var(--text)}
.searchbar button,.subscribe button{color:var(--buttonink)}
.section-heading,.sidebar .panel,.trending,.copyright{border-color:var(--border)}
.section-heading:after{background:var(--border)}
.sidebar .panel{background:var(--panel)}
.trending b,.footer-links a{color:var(--gold)}
.quote{border-color:var(--border);background:radial-gradient(ellipse at center,var(--quote1),var(--quote2) 70%)}
.footer{background:var(--footerbg)}
.more:hover{color:var(--buttonink)}
:root{--bg:#160d13;--panel:#25161e;--line:#5a3645;--gold:#e1a6a6;--text:#fff0ea;--muted:#c8abb4;--top:#100910;--navbg:#1c1018;--footerbg:#10090e;--surface:#2e1a24;--inputbg:#1c1017;--border:#5a3645;--quote1:#3c1e2b;--quote2:#140a11;--buttonink:#170b0f;}

/* Burgundy Noir — refined luxury editorial edition */
:root{--bg:#120a10;--panel:#21131b;--gold:#dcb1aa;--text:#f7eee9;--muted:#bba5ac;--border:#4a303c}
body{background:radial-gradient(ellipse 1100px 420px at 50% 0%,#301823 0%,transparent 70%),var(--bg);font-family: 'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.container{width:min(1240px,calc(100% - 52px))}
.topline{background:#0e080d;border-bottom:1px solid #38212d;letter-spacing:2px}
.topline .container{padding:10px 0}
.masthead{padding:37px 0 31px;justify-content:center;position:relative;text-align:center}
.masthead .brand{font-size:clamp(34px,4.4vw,59px);letter-spacing:-1.9px;font-weight:500}
.brand span{font-style:italic;font-weight:400}
.tagline{letter-spacing:4.8px;margin-top:13px;color:#bca0a8}
.mast-actions{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.iconbtn,.navtoggle{border:1px solid #684451;background:transparent;color:#ebc2bc;border-radius:0;transition:background .25s,border-color .25s}
.iconbtn:hover,.navtoggle:hover{background:#3b2230;border-color:#dcb1aa}
.nav{background:rgba(27,14,22,.93);border-top:1px solid #4a2d3b;border-bottom:1px solid #4a2d3b}
.nav-inner{justify-content:center;gap:38px;min-height:49px}
.nav .spacer,.nav .today{display:none}
.nav a{font-weight:600;letter-spacing:1.8px;font-size:10px;padding:18px 0;position:relative;transition:color .25s}
.nav a:after{content:'';position:absolute;bottom:10px;left:50%;right:50%;height:1px;background:#e4b9b0;transition:left .25s,right .25s}
.nav a:hover:after,.nav a.active:after{left:0;right:0}
.lead{padding-top:54px}
.lead-head{margin-bottom:21px}
.eyebrow{font-size:10px;letter-spacing:2.6px;color:#e2b0aa}
.lead-head p{font-family:Georgia,serif;font-style:italic;font-size:14px;color:#baa0a7}
.hero-grid{gap:17px;grid-template-columns:1.65fr 1fr}
.hero{min-height:505px;border:1px solid rgba(236,190,181,.19);box-shadow:0 20px 40px rgba(0,0,0,.18)}
.hero.small{min-height:244px}
.hero-side{gap:17px}
.hero:after{background:linear-gradient(0deg,rgba(13,6,12,.98) 0%,rgba(15,7,13,.65) 38%,rgba(0,0,0,.05) 100%)}
.hero:before{transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .7s;filter:saturate(.72)}
.hero:hover:before{filter:saturate(1.05);transform:scale(1.045)}
.hero-content{padding:37px}
.hero h1,.hero h2,.section-heading h2,.story h3,.panel h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.hero h1{font-size:clamp(37px,3.6vw,54px);line-height:1.12;max-width:690px}
.hero h2{font-size:clamp(21px,2.05vw,29px);line-height:1.18}
.hero p{color:#e0cbd0;font-size:14px;line-height:1.7}
.meta{letter-spacing:1.2px;font-size:10px;color:#c6b0b6}
.section{padding-top:70px}
.section-heading{border-bottom:1px solid #63414c;padding-bottom:17px;margin-bottom:31px}
.section-heading h2{font-size:34px;letter-spacing:-.5px}
.section-heading:after{background:#3b2631}
.layout{gap:52px;grid-template-columns:minmax(0,1fr) 290px}
.stories{gap:39px 26px}
.story .thumb{aspect-ratio:16/10;border:1px solid #4d303b;margin-bottom:18px}
.story .thumb:before{filter:saturate(.7);transition:transform .7s,filter .7s}
.story:hover .thumb:before{filter:saturate(1)}
.story h3{font-size:25px;line-height:1.27;margin:10px 0 12px;transition:color .2s}
.story:hover h3{color:#edc4ba}
.story p{font-size:13px;line-height:1.8;color:#bca9ae}
.story .read{display:inline-block;margin-top:6px;letter-spacing:1.7px;color:#e8b9b0}
.sidebar .panel{background:linear-gradient(155deg,#291822,#1b1018);border:1px solid #553543;padding:25px;margin-bottom:23px}
.panel h3{font-size:26px;margin:9px 0 18px}
.trending{border-color:#50333f;padding:16px 0}
.trending b{color:#d6a7a5;font-weight:400}
.trending a{font-weight:400;font-size:16px;line-height:1.4;transition:color .2s}
.trending a:hover{color:#f3c9c2}
.subscribe input{border-color:#654251;padding:13px}
.subscribe button,.searchbar button{background:#ddb4ad;color:#24101a;letter-spacing:1px;transition:background .2s}
.subscribe button:hover,.searchbar button:hover{background:#f1d0c6}
.more{border-color:#b98d91;color:#edc0b9;letter-spacing:2px;font-size:11px;transition:all .25s}
.more:hover{background:#ddb4ad;color:#1b0b13}
.quote{margin-top:75px;background:radial-gradient(ellipse at center,#3d202d,#170c14 74%);padding:61px 15px;border-color:#63404d}
.quote blockquote{font-size:clamp(24px,3.1vw,39px);line-height:1.35;color:#f4dedc;max-width:820px}
.footer{background:#0c070b;border-top:1px solid #553442;padding:56px 0 22px}
.footer .brand{font-size:34px}
.footer-links a{color:#cda7aa;transition:color .25s}
.footer-links a:hover{color:#fff0ea}
.copyright{border-color:#3e2731}
/* Sophisticated cinematic editorial gradients, intentionally no streaming imagery */
.art1{--art:linear-gradient(0deg,#15091000,#160a12aa),radial-gradient(ellipse at 67% 27%,#b68078 0%,#754252 17%,#362b42 42%,#0f1524 76%,#110b14 100%)}
.art2{--art:radial-gradient(ellipse at 38% 30%,#cba69f,#765360 35%,#272138 75%,#140c16 100%)}
.art3{--art:radial-gradient(ellipse at 72% 26%,#dbb5a1,#87505c 36%,#261a2c 77%,#130c17 100%)}
.art4{--art:linear-gradient(135deg,#201b2e,#6f4254 45%,#b58b8b 76%,#21131f)}
.art5{--art:radial-gradient(ellipse at 45% 35%,#c6a0a2,#69495c 45%,#171923 90%)}
.art6{--art:linear-gradient(130deg,#18172a,#865467 55%,#b68c89)}
.art7{--art:radial-gradient(ellipse at 45% 22%,#d0a3a1,#6e3c54 45%,#191522 90%)}
.art8{--art:linear-gradient(120deg,#232034,#89566b,#1d121f)}
@media(max-width:850px){.layout{grid-template-columns:1fr;gap:35px}.sidebar{grid-template-columns:1fr 1fr}.nav-inner{gap:20px}.hero{min-height:420px}.hero.small{min-height:200px}}
@media(max-width:650px){.container{width:min(100% - 28px,1240px)}.masthead{padding:26px 0 24px;justify-content:flex-start;text-align:left}.masthead .brand{font-size:29px;letter-spacing:-1px}.tagline{letter-spacing:2.3px;font-size:8px}.mast-actions{right:0}.iconbtn{padding:8px}.nav-inner{justify-content:flex-start;gap:0}.nav a{padding:12px 0}.lead{padding-top:32px}.lead-head p{display:none}.hero-grid{grid-template-columns:1fr}.hero{min-height:410px}.hero.small{min-height:215px}.hero-content{padding:21px}.hero h1{font-size:36px}.hero h2{font-size:21px}.section{padding-top:43px}.section-heading h2{font-size:29px}.stories{grid-template-columns:1fr;gap:34px}.sidebar{grid-template-columns:1fr}.quote{margin-top:50px;padding:43px 15px}.footer{padding-top:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Cinema Demerde: film genre discovery */
.genre-section{padding-top:52px}.genre-intro{color:#c5aeb4;font-size:13px;margin:-9px 0 22px}.genre-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.genre-chip{background:linear-gradient(150deg,#301b27,#1c1119);border:1px solid #654252;color:#f6e9e8;min-height:83px;padding:15px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition:background .2s,transform .2s,border-color .2s;letter-spacing:.6px;font-size:12px}.genre-chip .genre-symbol{font:22px Georgia,serif;color:#e1a6a6}.genre-chip:hover,.genre-chip:focus-visible,.genre-chip[aria-pressed="true"]{background:linear-gradient(145deg,#5c3045,#2c1924);border-color:#e1a6a6;transform:translateY(-2px);outline:none}.genre-result{color:#d7b8c0;font-size:12px;margin:16px 0 0;min-height:18px}@media(max-width:850px){.genre-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:520px){.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.genre-chip{min-height:72px;font-size:11px}}

/* v1.1: published genre/category navigation at the left of Explore Film Genres */
.cd-genres-layout{display:grid;grid-template-columns:minmax(205px,260px) minmax(0,1fr);gap:30px;align-items:start;margin-top:40px}
.cd-genres-layout .genre-section{width:100%;padding-top:0;margin:0}
.cd-genres-left{border:1px solid #553543;background:linear-gradient(150deg,#291822,#1b1018);padding:23px 20px;border-radius:3px}
.cd-genres-left h3{font:normal 23px/1.2 Georgia,serif;color:#fff0ea;margin:7px 0 18px}
.cd-genres-left .cd-genre-link{display:block;width:100%;margin:0 0 7px;padding:10px 12px;border:1px solid #62414e;color:#e1a6a6;text-decoration:none;border-radius:3px;transition:background .2s,border-color .2s}
.cd-genres-left .cd-genre-link:hover,.cd-genres-left .cd-genre-link:focus-visible{background:#432535;border-color:#e1a6a6;color:#fff0ea}
.cd-genres-left .cd-empty-genres{color:#c5aeb4;font-size:13px;line-height:1.6}
.cd-genres-layout .genre-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:850px){.cd-genres-layout{grid-template-columns:1fr;gap:22px}.cd-genres-layout .genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.cd-genres-layout .genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.2: keep left film genre list only; remove right Explore Film Genres. */
.cd-genres-layout{display:block!important;max-width:1200px;margin:40px auto 0}
.cd-genres-left{width:min(100%,280px)}

.story img.thumb{display:block;width:100%;height:205px;object-fit:cover}.admin-bar .nav{top:32px}@media(max-width:782px){.admin-bar .nav{top:46px}}

/* v1.4 — Single shared homepage composition for HTML preview and WordPress. */
.cd-home-columns{display:grid;grid-template-columns:225px minmax(0,1fr);gap:34px;align-items:start;margin-top:42px;margin-bottom:30px}
.cd-home-columns .cd-genres-left{width:100%;min-width:0;padding:23px 16px;background:linear-gradient(150deg,#291822,#1b1018);border:1px solid #553543;border-radius:2px}
.cd-home-columns .cd-genres-left .eyebrow{display:block;font-size:9px;letter-spacing:2px;color:#e1a6a6;font-weight:700;text-transform:uppercase}
.cd-home-columns .cd-genres-left h3{font:normal 21px/1.25 Georgia,serif;color:#fff0ea;margin:8px 0 17px}
.cd-home-columns .cd-genre-link{display:block;width:100%;padding:10px 10px;margin:0 0 6px;border:1px solid #62414e;border-radius:2px;color:#e1a6a6;font-size:12px;line-height:1.25;text-decoration:none;transition:background .2s,border-color .2s}
.cd-home-columns .cd-genre-link:hover,.cd-home-columns .cd-genre-link:focus-visible{background:#432535;border-color:#e1a6a6;color:#fff0ea}
.cd-hot-news{min-width:0}.cd-hot-news .section-heading{margin-bottom:24px;padding-bottom:16px}.cd-hot-news .section-heading h2{font-size:32px;margin:0}.cd-hot-news .section-heading .eyebrow{font-size:10px;letter-spacing:2px;color:#e1a6a6}
.cd-hot-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cd-hot-item{min-width:0;background:linear-gradient(155deg,#291822,#1b1018);border:1px solid #553543;padding:16px}.cd-hot-item a{text-decoration:none;color:#fff0ea}.cd-hot-item img,.cd-hot-art{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:12px;background:linear-gradient(125deg,#30202e,#8b5365,#261824)}.cd-hot-item h3{font:normal 21px/1.3 Georgia,serif;margin:7px 0 10px}.cd-hot-item p{color:#c5aeb4;font-size:13px;line-height:1.65;margin:0}.cd-hot-item .meta{font-size:10px;margin-top:12px}.cd-hot-item:hover{border-color:#a77285}.cd-hot-empty{border:1px solid #553543;padding:30px;background:#291822;color:#d7b8c0}
@media(max-width:850px){.cd-home-columns{grid-template-columns:200px minmax(0,1fr);gap:18px}.cd-hot-list{grid-template-columns:1fr}}
@media(max-width:620px){.cd-home-columns{grid-template-columns:1fr;gap:24px;margin-top:28px}.cd-home-columns .cd-genres-left{max-width:none}.cd-hot-list{grid-template-columns:1fr}.cd-hot-news .section-heading h2{font-size:28px}}


/* v1.5: six Hot News cards and a shared aligned bottom edge. */
.cd-home-columns{align-items:stretch!important}
.cd-home-columns .cd-genres-left{height:100%;box-sizing:border-box}
.cd-home-columns .cd-hot-news{display:flex;flex-direction:column;min-width:0}
.cd-home-columns .cd-hot-list{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));align-items:stretch}
.cd-home-columns .cd-hot-item{display:flex;flex-direction:column;min-height:0;box-sizing:border-box}
.cd-home-columns .cd-hot-item .meta{margin-top:auto;padding-top:12px}
.cd-home-columns .cd-hot-item .cd-hot-art,.cd-home-columns .cd-hot-item img{aspect-ratio:16/8;max-height:145px}
.cd-home-columns .cd-hot-item h3{font-size:19px}
@media(max-width:850px) and (min-width:621px){.cd-home-columns .cd-hot-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.cd-home-columns .cd-hot-item{padding:10px}.cd-home-columns .cd-hot-item h3{font-size:16px}}
@media(max-width:620px){.cd-home-columns .cd-hot-list{grid-template-columns:1fr;grid-template-rows:none}.cd-home-columns .cd-genres-left{height:auto}}


/* v1.6 — Distribute Film Genres evenly down the sidebar, with no unused bottom gap. */
@media(min-width:621px){
 .cd-home-columns .cd-genres-left{display:flex;flex-direction:column;align-self:stretch;min-height:0}
 .cd-home-columns .cd-genres-left .cd-genre-link{flex:1 1 0;min-height:30px;display:flex;align-items:center;box-sizing:border-box;margin-bottom:6px;padding:5px 10px}
 .cd-home-columns .cd-genres-left .cd-genre-link:last-child{margin-bottom:0}
}
@media(max-width:620px){
 .cd-home-columns .cd-genres-left{display:block;height:auto!important}
 .cd-home-columns .cd-genres-left .cd-genre-link{display:block;min-height:0}
}

/* v1.7 — Cinematic Burgundy Noir masthead. Identical CSS in HTML preview and WordPress. */
body .masthead{position:relative;isolation:isolate;min-height:154px;display:flex;align-items:center;justify-content:space-between}
body .masthead::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none;background-image:linear-gradient(90deg,rgba(18,8,15,.82) 0%,rgba(31,13,25,.30) 28%,rgba(26,11,22,.48) 70%,rgba(18,8,15,.84) 100%),none;background-size:cover,cover;background-position:center,center;box-shadow:inset 0 1px rgba(235,171,176,.10),inset 0 -1px rgba(235,171,176,.24)}
body .masthead .brand,body .masthead .tagline,body .masthead .mast-actions{position:relative;z-index:1}
body .masthead .brand{text-shadow:0 2px 18px rgba(12,5,9,.85)}
body .masthead .tagline{text-shadow:0 1px 8px #130910}
body .masthead .iconbtn{background:rgba(28,13,23,.74);backdrop-filter:blur(4px)}
@media(max-width:650px){body .masthead{min-height:115px}body .masthead::before{background-position:center,45% center}}


/* v1.8 — Cinema Demerde: living, elegant cinematic masthead. Shared verbatim with HTML preview. */
body .masthead{isolation:isolate;overflow:hidden;background-color:#1b0e18;box-shadow:inset 0 -1px rgba(230,160,174,.3),0 10px 36px rgba(12,4,11,.28)}
body .masthead::before{content:"";position:absolute;inset:-6% -3%;z-index:-2;pointer-events:none;transform:scale(1.025);animation:cdHeaderBreath 18s ease-in-out infinite alternate;will-change:transform,filter}
body .masthead::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(106deg,transparent 13%,rgba(252,209,211,.015) 38%,rgba(255,213,215,.095) 49%,rgba(255,223,220,.015) 57%,transparent 79%),radial-gradient(ellipse at 50% 120%,rgba(160,65,94,.12),transparent 60%);background-size:230% 100%,100% 100%;background-position:115% center,center;animation:cdHeaderLight 13s ease-in-out infinite;mix-blend-mode:screen}
body .masthead .brand,body .masthead .tagline,body .masthead .mast-actions{position:relative;z-index:2}
body .masthead .brand{filter:drop-shadow(0 2px 11px rgba(7,3,6,.7));animation:cdBrandGlow 8s ease-in-out infinite alternate}
body .masthead .iconbtn{border-color:rgba(225,166,166,.45);background:rgba(23,10,20,.62);backdrop-filter:blur(8px);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
body .masthead .iconbtn:hover,body .masthead .iconbtn:focus-visible{background:rgba(75,31,53,.82);border-color:#e1a6a6;box-shadow:0 0 18px rgba(225,166,166,.18)}
@keyframes cdHeaderBreath{0%{transform:scale(1.025) translateX(-.3%);filter:brightness(.94) saturate(.94)}100%{transform:scale(1.075) translateX(.3%);filter:brightness(1.13) saturate(1.08)}}
@keyframes cdHeaderLight{0%,18%{background-position:115% center,center;opacity:.35}55%{opacity:.9}82%,100%{background-position:-120% center,center;opacity:.35}}
@keyframes cdBrandGlow{from{filter:drop-shadow(0 2px 10px rgba(7,3,6,.72))}to{filter:drop-shadow(0 2px 13px rgba(225,166,166,.22))}}
@media(max-width:650px){body .masthead::before{inset:-4%;background-position:center,center,center,45% center}body .masthead::after{opacity:.55}}
@media(prefers-reduced-motion:reduce){body .masthead::before,body .masthead::after,body .masthead .brand{animation:none!important;will-change:auto}}


/* v1.9 — full-bleed cinematic banner, shared exactly by preview and WP. */
html,body{overflow-x:clip}
body .masthead.container{width:100%!important;max-width:none!important;margin:0!important;padding:26px max(28px,calc((100vw - 1200px)/2))!important;min-height:220px!important;display:flex;align-items:center;justify-content:space-between;overflow:hidden;isolation:isolate;background:#190b16!important}
body .masthead::before{content:""!important;position:absolute!important;inset:0!important;width:100%!important;left:0!important;top:0!important;bottom:0!important;z-index:-2!important;transform:none!important;background-image:linear-gradient(90deg,rgba(16,5,13,.16),rgba(22,8,17,.08) 42%,rgba(16,5,13,.18)),none!important;background-size:cover,cover!important;background-position:center,center!important;animation:cdCinemaZoom 17s ease-in-out infinite alternate!important;filter:brightness(1.1) saturate(1.12)!important}
body .masthead::after{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none;background:linear-gradient(110deg,transparent 18%,rgba(255,180,181,.04) 36%,rgba(255,205,188,.28) 49%,rgba(255,192,182,.05) 61%,transparent 78%),radial-gradient(ellipse at 50% 65%,rgba(24,8,19,.35),transparent 65%)!important;background-size:220% 100%,100% 100%!important;animation:cdCinemaBeam 9s ease-in-out infinite!important;mix-blend-mode:screen}
body .masthead .brand{font-size:clamp(35px,4.3vw,64px);text-shadow:0 3px 16px #120711,0 0 30px rgba(255,210,203,.22)}
body .masthead .tagline{text-shadow:0 2px 12px #14070f}
body .masthead .iconbtn{background:rgba(20,8,17,.78)!important;border:1px solid rgba(242,187,184,.62)!important}
@keyframes cdCinemaZoom{from{transform:scale(1);filter:brightness(1.03) saturate(1.08)}to{transform:scale(1.035);filter:brightness(1.18) saturate(1.19)}}
@keyframes cdCinemaBeam{0%,100%{background-position:100% 50%,center;opacity:.58}50%{background-position:0% 50%,center;opacity:1}}
@media(max-width:700px){body .masthead.container{min-height:165px!important;padding:20px 18px!important}body .masthead .brand{font-size:clamp(28px,6.5vw,44px)}body .masthead::before{background-position:center,center!important}}
@media(prefers-reduced-motion:reduce){body .masthead::before,body .masthead::after{animation:none!important}}


/* v2.0: full viewport masthead, actual bundled cinema image and cache-safe release */
html body header.masthead.container{position:relative!important;isolation:isolate;box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding-left:max(24px,calc((100vw - 1180px)/2))!important;padding-right:max(24px,calc((100vw - 1180px)/2))!important;overflow:hidden!important;background:#170914!important}
html body header.masthead.container::before{content:""!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;left:0!important;top:0!important;transform:none!important;z-index:-2!important;background-image:linear-gradient(90deg,rgba(20,7,16,.30),rgba(25,8,20,.12),rgba(20,7,16,.28)),none!important;background-size:cover,cover!important;background-position:center center!important;background-repeat:no-repeat!important;animation:cdCinemaImagePulse 13s ease-in-out infinite alternate!important}
html body header.masthead.container::after{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;background:linear-gradient(110deg,transparent 12%,rgba(255,192,173,.08) 30%,rgba(255,220,199,.34) 49%,rgba(255,192,173,.07) 65%,transparent 84%)!important;background-size:220% 100%!important;animation:cdCinemaBeam 9s ease-in-out infinite!important;mix-blend-mode:screen}
@keyframes cdCinemaImagePulse{from{filter:brightness(.95) saturate(1.08)}to{filter:brightness(1.18) saturate(1.23)}}
@media(prefers-reduced-motion:reduce){html body header.masthead.container::before,html body header.masthead.container::after{animation:none!important}}


/* v2.1 — unified clean masthead; one live logo, no text baked into the image. */
html body header.masthead.container{
 min-height:215px!important;display:flex!important;align-items:center!important;
 justify-content:center!important;text-align:center!important;position:relative!important;
 padding:34px 150px!important;overflow:hidden!important;isolation:isolate!important;
 background:#1a0a15!important;
}
html body header.masthead.container::before{
 background-image:linear-gradient(90deg,rgba(19,6,15,.12),rgba(25,9,20,.1),rgba(19,6,15,.12)),none!important;
 background-size:cover,cover!important;background-position:center center!important;
 background-repeat:no-repeat!important;transform:none!important;
}
html body header.masthead.container::after{
 background:linear-gradient(108deg,transparent 22%,rgba(255,183,160,.08) 42%,rgba(255,214,189,.19) 50%,rgba(255,183,160,.07) 58%,transparent 78%)!important;
 background-size:230% 100%!important;animation:cdCinemaBeam 11s ease-in-out infinite!important;
}
html body header.masthead.container > div:first-child{position:relative!important;z-index:2!important;min-width:0!important}
html body header.masthead.container .brand{
 display:block!important;white-space:nowrap!important;font-size:clamp(31px,4.5vw,65px)!important;
 line-height:1.1!important;letter-spacing:-2px!important;text-shadow:0 3px 17px #10040c,0 0 30px rgba(255,200,190,.28)!important;
}
html body header.masthead.container .tagline{margin-top:12px!important;letter-spacing:4px!important;color:#e9c2c1!important}
html body header.masthead.container .mast-actions{position:absolute!important;z-index:3!important;right:max(25px,calc((100vw - 1180px)/2))!important;top:50%!important;transform:translateY(-50%)!important}
html body header.masthead.container .iconbtn{white-space:nowrap!important}
@media(max-width:700px){
 html body header.masthead.container{min-height:170px!important;padding:28px 64px 28px 16px!important}
 html body header.masthead.container .brand{white-space:normal!important;font-size:clamp(26px,6vw,40px)!important;letter-spacing:-1px!important}
 html body header.masthead.container .tagline{font-size:8px!important;letter-spacing:2px!important}
 html body header.masthead.container .mast-actions{right:12px!important;top:16px!important;transform:none!important}
 html body header.masthead.container .iconbtn{padding:7px 9px!important;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){html body header.masthead.container::after{animation:none!important}}


/* v2.2 — remove ONLY the decorative header background and light effects. */
html body header.masthead.container{
 background:#160d13!important;
 background-image:none!important;
 box-shadow:none!important;
}
html body header.masthead.container::before,
html body header.masthead.container::after{
 content:none!important;
 display:none!important;
 background:none!important;
 background-image:none!important;
 animation:none!important;
}
html body header.masthead.container .brand,
html body header.masthead.container .tagline{
 text-shadow:none!important;
}


/* v2.3 — elegant Burgundy Noir cinematic header, decorative CSS only; no baked-in text. */
html body header.masthead.container{
 background-color:#160b13!important;
 background-image:radial-gradient(ellipse 38% 85% at 17% 15%,rgba(172,67,99,.34),transparent 80%),radial-gradient(ellipse 38% 90% at 86% 10%,rgba(205,105,112,.30),transparent 78%),linear-gradient(105deg,#170b14 0%,#351a29 25%,#210e1c 49%,#3b1d2b 75%,#160b14 100%)!important;
 box-shadow:inset 0 -1px 0 rgba(241,182,187,.28),inset 0 1px 0 rgba(255,218,213,.12)!important;
}
html body header.masthead.container::before{
 content:""!important;display:block!important;position:absolute!important;inset:0!important;
 z-index:-2!important;pointer-events:none!important;
 background-image:repeating-linear-gradient(90deg,transparent 0,transparent 31px,rgba(249,188,182,.075) 32px,transparent 33px),linear-gradient(110deg,transparent 4%,rgba(255,191,178,.13) 19%,transparent 34%,transparent 63%,rgba(255,190,173,.12) 80%,transparent 95%)!important;
 background-size:100% 100%,100% 100%!important;
 mask-image:linear-gradient(to bottom,transparent,black 18%,black 80%,transparent);opacity:.65!important;
 animation:none!important;transform:none!important;filter:none!important;
}
html body header.masthead.container::after{
 content:""!important;display:block!important;position:absolute!important;inset:0!important;
 z-index:-1!important;pointer-events:none!important;
 background:linear-gradient(108deg,transparent 17%,rgba(255,199,179,.04) 36%,rgba(255,219,195,.23) 48%,rgba(255,190,174,.05) 59%,transparent 82%)!important;
 background-size:230% 100%!important;
 animation:cdElegantLight 12s ease-in-out infinite alternate!important;
 mix-blend-mode:screen!important;opacity:.8!important;
}
html body header.masthead.container .brand{
 text-shadow:0 2px 20px rgba(0,0,0,.72),0 0 32px rgba(244,183,187,.16)!important;
}
html body header.masthead.container .tagline{text-shadow:0 1px 9px rgba(0,0,0,.85)!important}
html body header.masthead.container .iconbtn{background:rgba(27,12,22,.82)!important;border-color:rgba(235,177,182,.48)!important;backdrop-filter:blur(6px)}
@keyframes cdElegantLight{from{background-position:100% 50%;opacity:.38}to{background-position:0% 50%;opacity:.95}}
@media(prefers-reduced-motion:reduce){html body header.masthead.container::after{animation:none!important}}


/* v2.4 — Header artwork is CSS-only: NO lettering baked into any background. */
html body header.masthead.container {
 background-color:#160b13!important;
 background-image:radial-gradient(ellipse 42% 95% at 16% 15%,rgba(172,67,99,.36),transparent 78%),radial-gradient(ellipse 42% 95% at 86% 10%,rgba(205,105,112,.31),transparent 78%),linear-gradient(105deg,#170b14 0%,#351a29 25%,#210e1c 49%,#3b1d2b 75%,#160b14 100%)!important;
}
html body header.masthead.container::before {
 background-image:repeating-linear-gradient(90deg,transparent 0,transparent 31px,rgba(249,188,182,.075) 32px,transparent 33px),linear-gradient(110deg,transparent 4%,rgba(255,191,178,.13) 19%,transparent 34%,transparent 63%,rgba(255,190,173,.12) 80%,transparent 95%)!important;
}
/* Keep the actual site title and tagline as accessible HTML above the artwork. */
html body header.masthead.container .brand,html body header.masthead.container .tagline{position:relative!important;z-index:3!important}

/* v2.5 — Definitive fix: decorative-only CSS header. No image contains text. */
html body header.masthead.container {
 background-color:#160b13!important;
 background-image:radial-gradient(ellipse 42% 95% at 16% 15%,rgba(172,67,99,.36),transparent 78%),radial-gradient(ellipse 42% 95% at 86% 10%,rgba(205,105,112,.31),transparent 78%),linear-gradient(105deg,#170b14 0%,#351a29 25%,#210e1c 49%,#3b1d2b 75%,#160b14 100%)!important;
}
html body header.masthead.container::before {
 content:""!important;display:block!important;
 background-image:repeating-linear-gradient(90deg,transparent 0,transparent 31px,rgba(249,188,182,.075) 32px,transparent 33px),linear-gradient(110deg,transparent 4%,rgba(255,191,178,.13) 19%,transparent 34%,transparent 63%,rgba(255,190,173,.12) 80%,transparent 95%)!important;
}
html body header.masthead.container::after {
 content:""!important;display:block!important;
 background:linear-gradient(108deg,transparent 10%,rgba(255,210,204,.06) 38%,rgba(255,224,217,.17) 49%,rgba(255,190,174,.05) 59%,transparent 82%)!important;
}
html body header.masthead.container .brand,html body header.masthead.container .tagline{position:relative!important;z-index:3!important}

/* v2.6: Single live masthead title. Background is CSS artwork only, NO embedded images or lettering. */
html body header.masthead.container{
 background:#1a0b17!important;
 background-image:radial-gradient(ellipse 42% 125% at 12% 20%,rgba(137,51,83,.45),transparent 78%),radial-gradient(ellipse 44% 130% at 91% 0%,rgba(166,74,90,.34),transparent 78%),linear-gradient(100deg,#120810 0%,#321725 38%,#1d0c19 60%,#321724 100%)!important;
 min-height:215px!important;
}
html body header.masthead.container::before{
 content:""!important;display:block!important;
 background-image:repeating-linear-gradient(90deg,transparent 0,transparent 42px,rgba(238,162,172,.055) 43px,transparent 44px),linear-gradient(120deg,transparent 25%,rgba(247,174,167,.08) 45%,transparent 70%)!important;
 background-size:100% 100%!important;filter:none!important;
}
html body header.masthead.container::after{
 content:""!important;display:block!important;
 background-image:linear-gradient(105deg,transparent 25%,rgba(255,214,199,.05) 39%,rgba(255,213,193,.19) 50%,rgba(255,204,192,.04) 60%,transparent 77%)!important;
}
html body header.masthead.container .brand,
html body header.masthead.container .tagline{position:relative!important;z-index:4!important}


/* v2.7 — one text-free, edge-to-edge cinematic background. Shared layout with preview. */
html body header.masthead.container{
 position:relative!important;overflow:visible!important;isolation:isolate!important;
 background:transparent!important;background-image:none!important;
 min-height:215px!important;
}
html body header.masthead.container::before{
 content:""!important;display:block!important;position:absolute!important;
 left:50%!important;right:auto!important;top:0!important;bottom:0!important;
 width:100vw!important;height:100%!important;inset:auto!important;
 transform:translateX(-50%)!important;z-index:-1!important;
 background-image:linear-gradient(90deg,rgba(15,5,12,.32),rgba(15,5,12,.10) 28%,rgba(16,5,14,.34) 50%,rgba(15,5,12,.10) 73%,rgba(15,5,12,.28)),url("assets/cinema-header-user-v4.1.jpg")!important;
 background-position:center,center!important;background-size:cover,cover!important;
 background-repeat:no-repeat!important;filter:none!important;opacity:1!important;
 animation:none!important;pointer-events:none!important;
}
html body header.masthead.container::after{
 content:""!important;display:block!important;position:absolute!important;
 left:50%!important;right:auto!important;top:0!important;bottom:0!important;
 width:100vw!important;height:100%!important;inset:auto!important;
 transform:translateX(-50%)!important;z-index:0!important;
 background:radial-gradient(ellipse 26% 120% at 16% 48%,rgba(255,183,127,.17),transparent 78%),radial-gradient(ellipse 27% 120% at 88% 36%,rgba(255,157,146,.18),transparent 78%),linear-gradient(112deg,transparent 27%,rgba(255,190,158,.035) 41%,rgba(255,224,190,.14) 50%,rgba(255,174,155,.035) 59%,transparent 74%)!important;
 background-size:100% 100%,100% 100%,220% 100%!important;
 animation:cdHeaderLightV27 10s ease-in-out infinite alternate!important;
 pointer-events:none!important;
}
html body header.masthead.container > div:first-child,
html body header.masthead.container .mast-actions{position:relative;z-index:3!important}
html body header.masthead.container .mast-actions{position:absolute!important}
html body header.masthead.container .brand{position:relative!important;z-index:3!important;text-shadow:0 3px 15px rgba(10,2,9,.95),0 0 24px rgba(0,0,0,.6)!important}
html body header.masthead.container .tagline{position:relative!important;z-index:3!important;text-shadow:0 2px 10px #090208!important}
@keyframes cdHeaderLightV27{from{background-position:center,center,100% center;opacity:.58}to{background-position:center,center,0% center;opacity:1}}
@media(max-width:700px){html body header.masthead.container{min-height:175px!important}}
@media(prefers-reduced-motion:reduce){html body header.masthead.container::after{animation:none!important}}


/* v2.8: Put the image on the FULL-WIDTH HEADER ELEMENT, not on a pseudo-element.
   This prevents the artwork being clipped/limited to part of the header. */
html body header.masthead.container{
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0!important;box-sizing:border-box!important;
  position:relative!important;overflow:hidden!important;isolation:isolate!important;
  background-color:#1b0b16!important;
  background-image:linear-gradient(90deg,rgba(15,5,12,.35),rgba(15,5,12,.08) 28%,rgba(16,5,14,.32) 50%,rgba(15,5,12,.08) 73%,rgba(15,5,12,.35)),url("assets/cinema-header-user-v4.1.jpg")!important;
  background-size:100% 100%,cover!important;
  background-position:center center,center center!important;
  background-repeat:no-repeat!important;
}
html body header.masthead.container::before{
  content:none!important;display:none!important;background:none!important;
}
html body header.masthead.container::after{
  content:""!important;display:block!important;
  position:absolute!important;inset:0!important;left:0!important;right:0!important;
  width:100%!important;height:100%!important;transform:none!important;
  z-index:1!important;pointer-events:none!important;
  background:linear-gradient(108deg,transparent 20%,rgba(255,207,180,.03) 40%,rgba(255,224,195,.19) 50%,rgba(255,176,152,.03) 60%,transparent 80%)!important;
  background-size:230% 100%!important;
  animation:cdV28Shine 11s ease-in-out infinite alternate!important;
}
html body header.masthead.container > div:first-child,
html body header.masthead.container .mast-actions{position:relative!important;z-index:3!important}
html body header.masthead.container .mast-actions{position:absolute!important}
@keyframes cdV28Shine{from{background-position:100% 50%;opacity:.5}to{background-position:0% 50%;opacity:1}}
@media(max-width:700px){html body header.masthead.container{background-position:center,center!important;min-height:175px!important}}
@media(prefers-reduced-motion:reduce){html body header.masthead.container::after{animation:none!important}}


/* v2.9 — Cinematic moving light streak; confined to the masthead only.
   Same rules embedded in preview and WordPress stylesheet. */
html body header.masthead.container{isolation:isolate!important;overflow:hidden!important}
html body header.masthead.container::after{
 content:""!important;display:block!important;position:absolute!important;
 inset:0!important;left:0!important;right:0!important;
 width:100%!important;height:100%!important;z-index:1!important;
 transform:none!important;pointer-events:none!important;
 background-image:
  linear-gradient(110deg,transparent 0%,transparent 37%,rgba(255,200,164,.025) 42%,rgba(255,232,203,.23) 48%,rgba(255,249,230,.48) 50%,rgba(255,190,154,.19) 52%,transparent 60%,transparent 100%),
  radial-gradient(ellipse 34% 95% at 20% 50%,rgba(255,153,113,.23),transparent 76%),
  radial-gradient(ellipse 35% 110% at 82% 38%,rgba(255,172,142,.22),transparent 75%)!important;
 background-size:230% 100%,100% 100%,100% 100%!important;
 background-position:120% center,center,center!important;
 background-repeat:no-repeat!important;
 animation:cdHeaderFlashV29 6.8s ease-in-out infinite!important;
 mix-blend-mode:screen;
}
@keyframes cdHeaderFlashV29{
 0%,13%{background-position:120% center,center,center;opacity:.48}
 35%{opacity:.96}
 62%{background-position:-120% center,center,center;opacity:.84}
 77%,100%{background-position:-120% center,center,center;opacity:.44}
}
@media(prefers-reduced-motion:reduce){html body header.masthead.container::after{animation:none!important;opacity:.55!important}}

/* v3.0 — Animated ambient Burgundy Noir background for the homepage.
   Only the homepage canvas moves; cards, text, and masthead remain stable. */
html body.home, html body.front-page, html body:not(.wp-admin){
 background-color:#120910;
 background-image:
  radial-gradient(ellipse 62vw 55vh at 12% 32%,rgba(115,37,67,.19),transparent 74%),
  radial-gradient(ellipse 58vw 64vh at 88% 68%,rgba(147,66,87,.13),transparent 74%),
  radial-gradient(ellipse 48vw 44vh at 55% 8%,rgba(112,55,81,.10),transparent 76%),
  linear-gradient(145deg,#100910 0%,#1b0d17 50%,#110910 100%);
 background-repeat:no-repeat;
 background-size:135% 135%,145% 145%,130% 130%,100% 100%;
 background-position:0% 10%,100% 80%,50% 0%,center;
 background-attachment:fixed;
 animation:cdHomeAmbientV30 24s ease-in-out infinite alternate;
}
@keyframes cdHomeAmbientV30{
 0%{background-position:0% 10%,100% 80%,50% 0%,center}
 50%{background-position:38% 50%,65% 40%,45% 35%,center}
 100%{background-position:85% 85%,15% 12%,65% 70%,center}
}
@media(max-width:700px){
 html body.home,html body.front-page,html body:not(.wp-admin){background-attachment:scroll;animation-duration:32s}
}
@media(prefers-reduced-motion:reduce){
 html body.home,html body.front-page,html body:not(.wp-admin){animation:none!important}
}


/* v3.1 — Cinema editorial backdrop from below navigation through footer.
   The header remains independent. Shared verbatim with HTML preview. */
html body:not(.wp-admin){
 background-color:#130910!important;
 background-image:
  linear-gradient(180deg,rgba(18,7,15,.16),rgba(16,6,12,.48) 52%,rgba(17,7,14,.35)),
  radial-gradient(ellipse 62% 55% at 45% 35%,rgba(133,44,80,.12),transparent 78%),
  url('assets/cinema-body-background-v3.1.jpg')!important;
 background-size:100% 100%,140% 140%,cover!important;
 background-position:center,20% 30%,center center!important;
 background-repeat:no-repeat,no-repeat,no-repeat!important;
 background-attachment:fixed,fixed,fixed!important;
 animation:none!important;
}
/* Transparent footer finish lets the cinema scene continue to the bottom. */
html body .footer{background:linear-gradient(180deg,rgba(17,7,14,.56),rgba(10,4,9,.88))!important}
/* A subtle animated light layer on the editorial canvas, without moving text. */
html body main#top{position:relative;isolation:isolate}
html body main#top::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(ellipse 44% 30% at 20% 20%,rgba(210,103,131,.10),transparent 75%),radial-gradient(ellipse 36% 28% at 85% 70%,rgba(228,141,114,.08),transparent 75%);
 background-size:130% 130%;animation:cdEditorialLightV31 22s ease-in-out infinite alternate;
}
@keyframes cdEditorialLightV31{from{background-position:0% 0%}to{background-position:100% 65%}}
@media(max-width:700px){html body:not(.wp-admin){background-attachment:scroll,scroll,scroll!important;background-size:100% 100%,140% 140%,auto 100%!important;background-position:center,center,center top!important}}
@media(prefers-reduced-motion:reduce){html body main#top::before{animation:none!important}}


/* v3.2 — ORIGINAL EDITORIAL AURORA: new abstract cinema-magazine background.
   Unlike the header's projector photo, this is pure CSS artwork: velvet gradients,
   rose-gold side illumination, soft diagonal film-grain lines, and slow ambient motion.
   Identical stylesheet in the WordPress theme and standalone preview. */
html body:not(.wp-admin){
 background-color:#110810!important;
 background-image:
   radial-gradient(ellipse 32% 25% at 8% 25%,rgba(160,63,102,.25) 0%,transparent 80%),
   radial-gradient(ellipse 36% 26% at 92% 65%,rgba(169,83,103,.19) 0%,transparent 78%),
   radial-gradient(ellipse 48% 35% at 50% 7%,rgba(107,37,73,.19),transparent 82%),
   repeating-linear-gradient(117deg,transparent 0px,transparent 43px,rgba(241,174,172,.016) 44px,transparent 45px,transparent 87px),
   linear-gradient(135deg,#10070e 0%,#26101f 36%,#160b18 64%,#0e070f 100%)!important;
 background-size:145% 145%,145% 145%,140% 140%,auto,100% 100%!important;
 background-position:0% 10%,100% 85%,50% 0%,center,center!important;
 background-repeat:no-repeat,no-repeat,no-repeat,repeat,no-repeat!important;
 background-attachment:fixed,fixed,fixed,fixed,fixed!important;
 animation:cdEditorialAuroraV32 28s ease-in-out infinite alternate!important;
}
@keyframes cdEditorialAuroraV32{
 0%{background-position:0% 10%,100% 85%,50% 0%,center,center}
 50%{background-position:32% 48%,70% 40%,45% 40%,center,center}
 100%{background-position:80% 80%,12% 12%,55% 70%,center,center}
}
/* Keep the cinematic photo in the header only; content remains legible. */
html body header.masthead.container{animation:none!important}
html body .footer{background:linear-gradient(180deg,rgba(17,8,16,.70),rgba(10,5,11,.94))!important}
@media(max-width:700px){html body:not(.wp-admin){background-attachment:scroll,scroll,scroll,scroll,scroll!important;animation-duration:36s!important}}
@media(prefers-reduced-motion:reduce){html body:not(.wp-admin){animation:none!important}}

/* v3.3 — Upholstered cinema-wall background supplied by the site owner.
   Body only: masthead/navigation remain unchanged. */
html body:not(.wp-admin){
 background-color:#160e13!important;
 background-image:linear-gradient(rgba(19,8,16,.74),rgba(19,8,16,.78)),url("assets/cinema-quilted-background-v3.3.png")!important;
 background-repeat:repeat,repeat!important;
 background-size:auto,270px auto!important;
 background-position:center top,center top!important;
 background-attachment:scroll,scroll!important;
 animation:none!important;
}
/* Keep all header and navigation artwork exactly as before. */
html body header.masthead.container{background-image:linear-gradient(90deg,rgba(15,5,12,.35),rgba(15,5,12,.08) 28%,rgba(16,5,14,.32) 50%,rgba(15,5,12,.08) 73%,rgba(15,5,12,.35)),url("assets/cinema-header-user-v4.1.jpg")!important}
@media(max-width:700px){html body:not(.wp-admin){background-size:auto,220px auto!important}}


/* v3.4 — VISIBILITY FIX. The actual upholstery photo, not a barely visible tint.
   Applies to the body from below navigation; the header retains its separate artwork.
   Preview and WordPress share this identical CSS and local asset. */
html body:not(.wp-admin){
 background-color:#24171c!important;
 background-image:linear-gradient(rgba(29,11,23,.38),rgba(29,11,23,.45)),url("assets/cinema-quilted-background-v3.3.png")!important;
 background-repeat:repeat,repeat!important;
 background-size:auto,340px auto!important;
 background-position:center top,center top!important;
 background-attachment:scroll,scroll!important;
 animation:none!important;
}
/* Keep decorative animated overlays from obscuring the upholstery. */
html body main#top::before{opacity:.12!important}
/* Existing header photo remains unchanged; no extra title baked into the body background. */
@media(max-width:700px){html body:not(.wp-admin){background-size:auto,270px auto!important}}

/* v3.5 — Elegant upholstered Burgundy Noir. One continuous full-page image,
   no repeating tiles or hard horizontal seams. Header stays unchanged. */
html body:not(.wp-admin){
 background-color:#170d16!important;
 background-image:
  linear-gradient(180deg,rgba(23,10,21,.82) 0%,rgba(29,12,25,.79) 42%,rgba(16,8,17,.88) 100%),
  url("assets/cinema-quilted-background-v3.3.png")!important;
 background-repeat:no-repeat,no-repeat!important;
 background-size:100% 100%,cover!important;
 background-position:center center,center center!important;
 background-attachment:scroll,fixed!important;
 animation:none!important;
}
/* Subtle separation around editorial content without changing card layout. */
html body main#top{background:linear-gradient(180deg,rgba(18,8,17,.08),rgba(18,8,17,.18))!important}
html body main#top::before{opacity:.06!important}
@media(max-width:700px){
 html body:not(.wp-admin){background-attachment:scroll,scroll!important;background-size:100% 100%,auto 100%!important;background-position:center center,center top!important}
}
@media(prefers-reduced-motion:reduce){html body:not(.wp-admin){animation:none!important}}


/* v3.6 — Cinema Demerde: refined compact diagonal-line backdrop.
   Based on the user's reference geometry, redrawn without stock watermarks.
   Applies to the page below navigation; header image/layout are untouched. */
html body:not(.wp-admin){
 background-color:#160b15!important;
 background-image:
   linear-gradient(180deg,rgba(21,8,18,.38),rgba(20,8,19,.50) 48%,rgba(12,6,14,.63)),
   url("assets/cinema-diagonal-lines-v3.6.png")!important;
 background-repeat:no-repeat,repeat!important;
 background-size:100% 100%,512px 512px!important;
 background-position:center top,center top!important;
 background-attachment:scroll,scroll!important;
 animation:none!important;
}
/* Keep editorial cards readable and separate from the pattern. */
html body main#top{background:linear-gradient(180deg,rgba(17,7,16,.13),rgba(17,7,16,.24))!important}
html body main#top::before{opacity:.035!important}
@media(max-width:700px){html body:not(.wp-admin){background-size:100% 100%,384px 384px!important}}
@media(prefers-reduced-motion:reduce){html body:not(.wp-admin){animation:none!important}}


/* v3.7 — elegant textured diagonal lines, CSS-only. Only the page background changes.
   Fine crossing metallic strokes, layered velvet grain, and a slow rose-gold sheen.
   Header artwork, article cards, navigation, and footer remain untouched. */
html body:not(.wp-admin){
 background-color:#170b15!important;
 background-image:
  radial-gradient(ellipse 70% 45% at 12% 18%,rgba(110,46,76,.16),transparent 78%),
  radial-gradient(ellipse 62% 50% at 88% 78%,rgba(124,55,79,.13),transparent 78%),
  repeating-linear-gradient(135deg,transparent 0px,transparent 42px,rgba(220,148,157,.12) 43px,rgba(235,169,164,.14) 44px,transparent 45px,transparent 86px),
  repeating-linear-gradient(45deg,transparent 0px,transparent 52px,rgba(176,103,119,.085) 53px,rgba(226,162,156,.11) 54px,transparent 55px,transparent 104px),
  repeating-linear-gradient(135deg,transparent 0px,transparent 8px,rgba(245,185,173,.015) 9px,transparent 10px,transparent 17px),
  linear-gradient(145deg,#170b15 0%,#26101e 42%,#160a16 76%,#110912 100%)!important;
 background-repeat:no-repeat,no-repeat,repeat,repeat,repeat,no-repeat!important;
 background-size:135% 135%,135% 135%,172px 172px,208px 208px,auto,100% 100%!important;
 background-position:center,center,0 0,0 0,center,center!important;
 background-attachment:scroll,scroll,scroll,scroll,scroll,scroll!important;
 animation:none!important;
}
/* Very subtle moving sheen, beneath cards and never above the text. */
html body main#top{background:linear-gradient(180deg,rgba(12,5,12,.12),rgba(12,5,12,.21))!important;isolation:isolate}
html body main#top::before{
 content:""!important;pointer-events:none!important;
 position:absolute!important;inset:0!important;z-index:-1!important;
 background:linear-gradient(115deg,transparent 36%,rgba(231,163,156,.055) 49%,transparent 62%)!important;
 background-size:220% 100%!important;
 animation:cdDiagonalGleamV37 22s ease-in-out infinite alternate!important;
 opacity:1!important;
}
@keyframes cdDiagonalGleamV37{from{background-position:100% 50%}to{background-position:0% 50%}}
@media(max-width:700px){html body:not(.wp-admin){background-size:135% 135%,135% 135%,138px 138px,166px 166px,auto,100% 100%!important}}
@media(prefers-reduced-motion:reduce){html body main#top::before{animation:none!important}}

/* v3.8 — restrained velvet gradient and barely-visible diagonal weave.
   Background only. Header, editorial content, navigation and footer unchanged. */
html body:not(.wp-admin){
 background-color:#100911!important;
 background-image:
   repeating-linear-gradient(135deg,transparent 0,transparent 76px,rgba(196,129,151,.035) 77px,transparent 78px,transparent 154px),
   repeating-linear-gradient(45deg,transparent 0,transparent 76px,rgba(171,109,133,.022) 77px,transparent 78px,transparent 154px),
   radial-gradient(ellipse 75% 55% at 48% 12%,rgba(69,27,49,.24),transparent 80%),
   linear-gradient(180deg,#190d19 0%,#140b16 42%,#0f0912 100%)!important;
 background-repeat:repeat,repeat,no-repeat,no-repeat!important;
 background-size:154px 154px,154px 154px,100% 100%,100% 100%!important;
 background-position:0 0,0 0,center top,center top!important;
 background-attachment:scroll,scroll,scroll,scroll!important;
 animation:none!important;
}
/* Keep the background unobstructed and prevent the older shimmering overlay. */
html body main#top{background:transparent!important;isolation:isolate}
html body main#top::before{animation:none!important;opacity:0!important;background:none!important}
@media(max-width:700px){html body:not(.wp-admin){background-size:124px 124px,124px 124px,100% 100%,100% 100%!important}}

/* v4.0 — Cinema Demerde footer links, shared between HTML preview and WP. */
.footer.cd-footer-v4{position:relative;background:linear-gradient(180deg,#170e17 0%,#0d090e 100%);border-top:1px solid rgba(225,166,166,.26);padding:44px 0 20px}
.cd-footer-v4 .footer-inner{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);gap:clamp(28px,5vw,80px);align-items:start}
.cd-footer-v4 .cd-footer-identity .brand{font-size:clamp(25px,2.7vw,34px);line-height:1.2;white-space:normal}
.cd-footer-v4 .cd-footer-identity p{max-width:310px;color:#c5adb7;line-height:1.75;margin-top:12px}
.cd-footer-v4 .cd-footer-navigation h2{margin:0 0 16px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#e1a6a6}
.cd-footer-v4 .footer-links,.cd-footer-v4 .cd-footer-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:13px;justify-content:stretch;max-width:none;margin:0;padding:0;list-style:none}
.cd-footer-v4 .cd-footer-menu li{list-style:none;margin:0;padding:0}
.cd-footer-v4 .footer-links a{display:inline-block;width:fit-content;max-width:100%;font-size:12px;font-weight:500;line-height:1.5;color:#e9d9dc;text-decoration:none;transition:color .25s ease,text-shadow .25s ease,transform .25s ease}
.cd-footer-v4 .footer-links a:hover,.cd-footer-v4 .footer-links a:focus-visible{color:#ffd5d6;text-shadow:0 0 13px rgba(225,166,166,.42);transform:translateX(3px)}
.cd-footer-v4 .copyright{margin-top:34px;border-top:1px solid rgba(225,166,166,.18);padding-top:17px;color:#b29ca4}
@media(max-width:700px){.cd-footer-v4 .footer-inner{grid-template-columns:1fr;gap:26px}.cd-footer-v4 .footer-links,.cd-footer-v4 .cd-footer-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 12px}}
@media(max-width:380px){.cd-footer-v4 .footer-links,.cd-footer-v4 .cd-footer-menu{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cd-footer-v4 .footer-links a{transition:none}}

/* v4.1 — supplied cinema image; cover entire masthead without distortion. */
html body header.masthead.container{background-size:100% 100%,cover!important;background-position:center,center!important;background-repeat:no-repeat!important}
@media(max-width:700px){html body header.masthead.container{background-position:center,30% center!important}}

/* v4.4 dynamic featured posts and responsive content imagery */
.cd-featured-empty{pointer-events:none}.story img.thumb{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.cd-hot-item img{object-fit:cover}

/* v4.5 — Film Genres archive; follows the existing Burgundy Noir palette. */
.cd-genre-archive-heading{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(221,166,177,.24)}
.cd-genre-archive-heading h1{margin:10px 0 8px;font-family:Georgia,serif;font-size:clamp(32px,4vw,54px)}
.cd-genre-archive-heading p{max-width:760px;color:#d1b8c0;line-height:1.7}
.cd-genre-archive .cd-post-grid{margin-top:22px}
.cd-genre-archive .cd-post img{width:100%;aspect-ratio:16/10;object-fit:cover}

/* v4.6 — genre archives use compact Hot News cards, without altering homepage. */
.cd-genre-archive .cd-genre-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px;align-items:stretch}
.cd-genre-archive .cd-genre-card-grid .cd-hot-item{display:flex;flex-direction:column;min-width:0;padding:14px}
.cd-genre-archive .cd-genre-card-grid .cd-hot-item img,
.cd-genre-archive .cd-genre-card-grid .cd-hot-art{width:100%;height:auto;aspect-ratio:16/9;max-height:160px;object-fit:cover;margin-bottom:12px}
.cd-genre-archive .cd-genre-card-grid .cd-hot-item h3{font-size:18px;line-height:1.35;margin:7px 0 9px}
.cd-genre-archive .cd-genre-card-grid .cd-hot-item p{font-size:13px;line-height:1.6}
.cd-genre-archive .cd-genre-card-grid .cd-hot-item .meta{margin-top:auto;padding-top:12px}
@media(max-width:950px){.cd-genre-archive .cd-genre-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:580px){.cd-genre-archive .cd-genre-card-grid{grid-template-columns:1fr;gap:15px}.cd-genre-archive .cd-genre-card-grid .cd-hot-item img,.cd-genre-archive .cd-genre-card-grid .cd-hot-art{max-height:190px}}

/* v4.7 — Editorial single-post reading experience; scoped to single articles. */
body.single-post .cd-reading-layout{width:min(100% - 36px,1040px);margin:48px auto 80px;position:relative;z-index:1}
body.single-post .cd-reading-card{background:linear-gradient(155deg,rgba(37,25,33,.98),rgba(20,17,23,.99) 46%,rgba(23,17,24,.99));border:1px solid rgba(207,151,161,.22);border-radius:16px;box-shadow:0 24px 85px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.035);overflow:hidden;padding:clamp(24px,5.5vw,66px)}
body.single-post .cd-reading-header{text-align:center;max-width:790px;margin:0 auto 32px}
body.single-post .cd-reading-kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#d9a6a9;margin-bottom:20px}
body.single-post .cd-reading-kicker a{color:inherit;text-decoration:none}
body.single-post .cd-reading-title{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.025em;line-height:1.14;font-size:clamp(30px,4.2vw,54px);color:#f8edef;margin:0 0 20px;overflow-wrap:anywhere}
body.single-post .cd-reading-deck{color:#cbb9c0;font-size:clamp(16px,1.8vw,19px);line-height:1.7;margin:0 0 22px}
body.single-post .cd-reading-meta{display:flex;justify-content:center;align-items:center;gap:12px;color:#bda7b0;font-size:13px;flex-wrap:wrap}
body.single-post .cd-reading-hero{margin:0 auto 38px;max-width:900px}
body.single-post .cd-reading-hero img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:9px;border:1px solid rgba(255,255,255,.1)}
body.single-post .cd-reading-hero figcaption{text-align:center;color:#a995a0;font-size:12px;margin-top:10px}
body.single-post .cd-reading-body{max-width:760px;margin:0 auto;color:#e8dfe3;font-size:17px;line-height:1.9;overflow-wrap:break-word}
body.single-post .cd-reading-body p{margin:0 0 1.45em}
body.single-post .cd-reading-body h2,body.single-post .cd-reading-body h3,body.single-post .cd-reading-body h4{font-family:Georgia,'Times New Roman',serif;color:#fff0ed;line-height:1.3;margin:1.8em 0 .7em}
body.single-post .cd-reading-body h2{font-size:clamp(24px,3vw,32px)}
body.single-post .cd-reading-body h3{font-size:clamp(20px,2.5vw,26px)}
body.single-post .cd-reading-body a{color:#edb8b6;text-decoration:underline;text-underline-offset:3px}
body.single-post .cd-reading-body img,body.single-post .cd-reading-body video,body.single-post .cd-reading-body iframe{max-width:100%;height:auto}
body.single-post .cd-reading-body figure{max-width:100%;margin:28px auto}
body.single-post .cd-reading-body figcaption{font-size:13px;color:#b5a4ad;text-align:center;margin-top:8px}
body.single-post .cd-reading-body blockquote{border-left:3px solid #c98c96;margin:30px 0;padding:12px 22px;background:rgba(205,134,148,.07);color:#f3e4e8;font-style:italic}
body.single-post .cd-reading-body ul,body.single-post .cd-reading-body ol{padding-left:1.6em;margin:0 0 1.5em}
body.single-post .cd-reading-body li{margin-bottom:.5em}
body.single-post .cd-reading-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:24px 0}
body.single-post .cd-reading-body th,body.single-post .cd-reading-body td{padding:10px 14px;border:1px solid rgba(223,181,190,.2)}
body.single-post .cd-reading-genres{max-width:760px;margin:36px auto 0;padding-top:24px;border-top:1px solid rgba(222,171,185,.17);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
body.single-post .cd-reading-genres strong{color:#c9a5af;font-size:12px;text-transform:uppercase;letter-spacing:.09em;margin-right:8px}
body.single-post .cd-reading-genres a{color:#f0d8df;text-decoration:none;background:rgba(179,100,123,.14);border:1px solid rgba(217,151,172,.22);border-radius:20px;padding:5px 13px;font-size:12px}
body.single-post .cd-reading-navigation{max-width:760px;margin:34px auto 0;padding-top:26px;border-top:1px solid rgba(222,171,185,.17);display:grid;grid-template-columns:1fr 1fr;gap:16px}
body.single-post .cd-reading-navigation>div:last-child{text-align:right}
body.single-post .cd-reading-navigation a{text-decoration:none;color:#f1dce2;display:inline-flex;flex-direction:column;gap:7px}
body.single-post .cd-reading-navigation span{font-size:12px;color:#d8a5b0}
body.single-post .cd-reading-navigation strong{font-size:14px;line-height:1.5}
body.single-post .cd-reading-comments{background:#1c151d;border:1px solid rgba(207,151,161,.2);border-radius:14px;padding:clamp(20px,4vw,44px);margin:26px auto 0;max-width:1040px}
body.single-post .cd-reading-comments input,body.single-post .cd-reading-comments textarea{max-width:100%}
@media(max-width:640px){body.single-post .cd-reading-layout{width:calc(100% - 20px);margin:20px auto 50px}body.single-post .cd-reading-card{border-radius:11px;padding:24px 18px}body.single-post .cd-reading-body{font-size:16px;line-height:1.8}body.single-post .cd-reading-hero{margin-bottom:25px}body.single-post .cd-reading-navigation{grid-template-columns:1fr}body.single-post .cd-reading-navigation>div:last-child{text-align:left}}

/* v4.8 — Academy-inspired champagne-gold article navigation, related stories and comments. */
body.single-post .cd-oscar-navigation{gap:14px}
body.single-post .cd-oscar-navigation>div{min-width:0}
body.single-post .cd-oscar-navigation a{display:flex;min-height:100px;justify-content:center;padding:19px 22px;border:1px solid rgba(217,180,107,.48);border-radius:12px;background:linear-gradient(145deg,rgba(99,67,39,.25),rgba(29,20,28,.9));box-shadow:inset 0 1px rgba(255,236,188,.09);transition:background .2s,border-color .2s,transform .2s;color:#f7e9df}
body.single-post .cd-oscar-navigation a:hover,body.single-post .cd-oscar-navigation a:focus-visible{border-color:#e9c886;background:linear-gradient(145deg,rgba(124,83,41,.35),rgba(39,25,30,.95));transform:translateY(-2px)}
body.single-post .cd-oscar-navigation .cd-oscar-nav-label{color:#e5c68c;letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:700}
body.single-post .cd-oscar-navigation strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:Georgia,serif;font-size:16px}
body.single-post .cd-related-section{margin:30px auto 0;padding:clamp(22px,3.8vw,36px);background:linear-gradient(150deg,#241a23,#17121a);border:1px solid rgba(207,151,161,.22);border-radius:16px}
body.single-post .cd-related-heading{display:flex;align-items:end;gap:22px;margin-bottom:22px}
body.single-post .cd-related-eyebrow{font-size:11px;font-weight:700;letter-spacing:.19em;color:#dfbb83}
body.single-post .cd-related-heading h2,body.single-post .cd-comments-heading h2{font:700 clamp(24px,3vw,33px)/1.2 Georgia,serif;color:#f7e9e9;margin:8px 0 0}
body.single-post .cd-related-rule{flex:1;height:1px;background:linear-gradient(90deg,rgba(220,175,120,.4),transparent);margin-bottom:7px}
body.single-post .cd-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.single-post .cd-related-card{min-width:0;overflow:hidden;border:1px solid rgba(210,157,166,.17);border-radius:11px;background:rgba(14,11,16,.65)}
body.single-post .cd-related-cover{display:block;aspect-ratio:16/9;overflow:hidden;background:#35232d;text-decoration:none}
body.single-post .cd-related-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
body.single-post .cd-related-cover:hover img{transform:scale(1.045)}
body.single-post .cd-related-no-image{display:flex;height:100%;align-items:center;justify-content:center;font:700 13px Georgia,serif;color:#d6b0b6;letter-spacing:.12em}
body.single-post .cd-related-card-content{padding:15px 16px 18px}
body.single-post .cd-related-date{font-size:11px;color:#d4b6bc}
body.single-post .cd-related-card h3{font:700 17px/1.42 Georgia,serif;margin:8px 0 0}
body.single-post .cd-related-card h3 a{color:#f5e7eb;text-decoration:none}
body.single-post .cd-related-card h3 a:hover{color:#e9c886}
body.single-post .cd-reading-comments{margin-top:30px;background:linear-gradient(150deg,#241a23,#161119);border-color:rgba(207,151,161,.23)}
body.single-post .cd-comments-heading{border-bottom:1px solid rgba(222,171,185,.2);padding-bottom:22px;margin-bottom:25px}
body.single-post .cd-comments-heading p,body.single-post .cd-comment-note{color:#c4aeb8;font-size:14px;line-height:1.65}
body.single-post .cd-comment-list{padding:0;list-style:none;margin:0 0 30px}
body.single-post .cd-comment-list .comment{list-style:none;padding:20px 0;border-bottom:1px solid rgba(218,162,173,.17)}
body.single-post .cd-comment-list .children{margin-left:24px;padding-left:15px;border-left:2px solid rgba(221,180,119,.25)}
body.single-post .cd-comment-list .comment-body{color:#e6d9de;line-height:1.7;overflow-wrap:anywhere}
body.single-post .cd-comment-list .comment-author img{border-radius:50%;vertical-align:middle;margin-right:10px}
body.single-post .cd-comment-list .comment-meta a{font-size:12px;color:#c3aeb8}
body.single-post .cd-comment-list .reply a{color:#e5c68c;text-decoration:none}
body.single-post .cd-reading-comments .comment-respond{padding:20px 0 0}
body.single-post .cd-reading-comments .comment-reply-title{font:700 25px Georgia,serif;color:#f5e9e8;margin:0 0 14px}
body.single-post .cd-reading-comments label{display:block;color:#e9d5dc;font-size:13px;font-weight:600;margin-bottom:8px}
body.single-post .cd-reading-comments input:not([type=checkbox]):not([type=submit]),body.single-post .cd-reading-comments textarea{box-sizing:border-box;width:100%;border:1px solid rgba(216,161,173,.32);border-radius:9px;background:#120e15;color:#fff1f0;padding:13px 15px;font:inherit;outline:none}
body.single-post .cd-reading-comments input:focus,body.single-post .cd-reading-comments textarea:focus{border-color:#e3c188;box-shadow:0 0 0 3px rgba(224,190,127,.1)}
body.single-post .cd-reading-comments .comment-form-author,body.single-post .cd-reading-comments .comment-form-email{display:inline-block;width:calc(50% - 10px);vertical-align:top}
body.single-post .cd-reading-comments .comment-form-author{margin-right:15px}
body.single-post .cd-reading-comments .comment-form p{margin-bottom:18px}
body.single-post .cd-reading-comments .cd-comment-submit{padding:13px 26px;border-radius:9px;border:1px solid #e7c68c;background:linear-gradient(135deg,#e7c68c,#b98a52);color:#23151b;font-weight:800;cursor:pointer}
body.single-post .cd-reading-comments .cd-comment-submit:hover{filter:brightness(1.1)}
@media(max-width:800px){body.single-post .cd-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){body.single-post .cd-related-grid{grid-template-columns:1fr}body.single-post .cd-related-section{padding:18px}body.single-post .cd-reading-comments .comment-form-author,body.single-post .cd-reading-comments .comment-form-email{display:block;width:100%;margin-right:0}body.single-post .cd-oscar-navigation a{min-height:84px}}
@media(prefers-reduced-motion:reduce){body.single-post .cd-oscar-navigation a,body.single-post .cd-related-cover img{transition:none}}