/* Domain-assigned combinations; no changes to content visibility or headings. */
.dd-palette-1{--paper:#f0f5f3;--ink:#163e35;--muted:#49645d;--line:#cbdcd5;--accent:#236c55}
.dd-palette-2{--paper:#f1f4f9;--ink:#20324e;--muted:#54647b;--line:#d1d9e7;--accent:#305e9a}
.dd-palette-3{--paper:#f7f2f6;--ink:#45263f;--muted:#70556b;--line:#e1d3dd;--accent:#8b3768}
.dd-palette-4{--paper:#f7f3e9;--ink:#423821;--muted:#706342;--line:#dfd6be;--accent:#846014}
.dd-layout-1 .hero{grid-template-columns:1.12fr 1fr;gap:42px}
.dd-layout-1 .hero-statement{font-size:clamp(38px,4vw,58px)}
.dd-layout-2 .hero{grid-template-columns:1fr;gap:28px}
.dd-layout-2 .hero-copy{max-width:850px;text-align:center;margin:auto}
.dd-layout-2 .hero-statement br{display:none}
.dd-layout-2 .hero-feature{height:400px}
.dd-card-1 .film-card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:10px}
.dd-card-1 .poster{border-radius:8px}
.dd-card-2 .film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.dd-card-2 .film-card{display:grid;grid-template-columns:95px minmax(0,1fr);gap:0 14px;border-bottom:1px solid var(--line);padding-bottom:16px;align-content:start}
.dd-card-2 .film-card>.poster{grid-row:1 / span 4}
.dd-card-2 .film-card h3{margin:5px 0;font-size:15px}
.dd-card-2 .film-card p,.dd-card-2 .film-card .publish-date{grid-column:2}
.dd-nav-1 .header-row{flex-wrap:wrap;gap:16px;padding-top:20px}
.dd-nav-1 .primary-nav{width:100%;justify-content:center;border-top:1px solid var(--line);margin:0;order:3}
.brand{white-space:normal;min-width:0}.brand-mark{flex-shrink:0}.brand>span:last-child{overflow-wrap:anywhere}
@media(max-width:700px){
 .dd-layout-1 .hero{grid-template-columns:1fr;gap:24px}
 .dd-layout-2 .hero-feature{height:280px}
 .dd-layout-2 .hero-statement{font-size:36px}
 .dd-card-2 .film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
 .dd-card-2 .film-card{grid-template-columns:1fr;display:block}
 .dd-card-2 .film-card h3{font-size:13px}
 .dd-nav-1 .primary-nav{justify-content:space-between}
 .header-row>.brand{max-width:52%}
}