/* Editorial synopsis layout, intentionally separate from the cinematic hero. */
:root { --paper:#E8DCC8; --ink:#252b29; --muted:#6f7069; --rule:rgba(37,43,41,.24); }
* { box-sizing:border-box; }
html { background:var(--paper); }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"DM Sans",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:2px solid var(--ink); outline-offset:5px; }
.page { max-width:1600px; min-height:100svh; margin:0 auto; padding:0 clamp(25px,5.1vw,92px); display:flex; flex-direction:column; }
.topbar { display:flex; justify-content:space-between; align-items:center; min-height:125px; border-bottom:1px solid var(--rule); }
.brand { font-family:"Barlow Condensed",sans-serif; font-size:19px; font-weight:600; letter-spacing:.26em; }
.language-nav { display:flex; align-items:center; gap:11px; font-family:"Barlow Condensed",sans-serif; font-size:15px; letter-spacing:.14em; }
.language-nav a { opacity:.5; }
.language-nav a[aria-current="page"] { opacity:1; border-bottom:1px solid currentColor; }
.content { width:100%; padding:clamp(48px,7vw,100px) 0 clamp(80px,10vw,145px); }
.overline { display:flex; justify-content:space-between; gap:24px; font:500 13px "Barlow Condensed",sans-serif; letter-spacing:.2em; color:var(--muted); }
h1 { font-weight:400; font-size:clamp(76px,12vw,178px); letter-spacing:-.075em; line-height:1.02; margin:clamp(38px,5vw,70px) 0 clamp(54px,7vw,104px); }
.period { color:#8b7566; }
.editorial-grid { display:grid; grid-template-columns:minmax(150px,1fr) minmax(0,680px); gap:clamp(40px,8vw,140px); }
.side-label { font:400 14px/1.7 "Barlow Condensed",sans-serif; letter-spacing:.22em; color:var(--muted); }
.side-label strong { font-weight:600; color:var(--ink); }
.synopsis { font-size:clamp(17px,1.45vw,21px); line-height:1.8; letter-spacing:-.015em; }
.synopsis p { margin:0 0 1.65em; }
.synopsis p:last-child { margin-bottom:0; }
.page-footer { margin-top:auto; padding:27px 0 37px; border-top:1px solid var(--rule); display:flex; justify-content:space-between; flex-wrap:wrap; gap:18px; font:500 13px "Barlow Condensed",sans-serif; letter-spacing:.16em; }
.page-footer a { border-bottom:1px solid var(--rule); padding-bottom:3px; }
.page-footer strong { font-weight:600; }
@media(max-width:760px) {
 .topbar { min-height:92px; }
 .brand { font-size:17px; }
 .overline { font-size:11px; }
 .content { padding-top:60px; padding-bottom:90px; }
 h1 { font-size:clamp(65px,16vw,112px); margin:55px 0 64px; }
 .editorial-grid { display:block; }
 .side-label { margin-bottom:33px; font-size:12px; }
 .synopsis { font-size:17px; line-height:1.75; }
 .page-footer { font-size:12px; }
}