@import url("common.css");
/* Proposition C — Lac Majeur : magazine, gris bleu et rouge andrinople */
:root{--rouge:#da002e;--andr:#98111f;--gb:#3e4f56;--papier:#f6f3ee;--noir:#1a171b;--ligne:#d9d2c7}
body{font:19px/1.65 "Bodoni Moda",Didot,Georgia,serif;color:var(--noir);background:var(--papier)}
h1,h2,h3{font-weight:500;color:var(--gb)}
h1{font-size:clamp(38px,5.6vw,66px);font-style:italic}h2{font-size:clamp(26px,3vw,36px)}
.eyebrow{font:700 13px/1.2 "Public Sans",Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--andr);margin-bottom:10px}
.lead{font-size:21px}
.btn{display:inline-block;background:var(--andr);color:#fff;text-decoration:none;padding:13px 24px;font:600 16px/1.2 "Public Sans",Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;border:0;cursor:pointer}
.btn:hover{background:var(--rouge)}
.wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.more{font:600 16px "Public Sans",Arial,sans-serif;color:var(--andr)}

.site-header{position:relative;background:var(--papier)}
.top-line{max-width:1200px;margin:0 auto;padding:8px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;font:400 14px "Public Sans",Arial,sans-serif;color:var(--gb);border-bottom:1px solid var(--ligne)}
.masthead{text-align:center;padding:22px 20px 14px}
.masthead .logotype{flex-direction:column;gap:8px}
.masthead .lt-af{font-size:56px;padding:0}
.masthead .lt-words{border:0;padding:0;align-items:center}
.masthead .lt-name{font-size:34px;letter-spacing:.04em}
.masthead .lt-city{font-size:18px}
.main-nav{border-top:3px double var(--gb);border-bottom:1px solid var(--gb);max-width:1200px;margin:0 auto}
.main-nav ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap}
.main-nav a{display:block;text-decoration:none;padding:12px 18px;font:600 15px/1 "Public Sans",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--gb)}
.main-nav a[aria-current]{color:var(--andr);box-shadow:inset 0 -3px 0 var(--andr)}
.menu{padding:0 20px 12px;text-align:center}.menu summary{display:inline-block}.menu ul{background:var(--papier);text-align:left}
@media (max-width:900px){.top-line{display:none}.masthead .lt-name{font-size:26px}.masthead .lt-af{font-size:44px}}

.mosaic{max-width:1200px;margin:24px auto 0;padding:0 20px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:14px}
.m-main{grid-row:1/3;position:relative}
.mosaic img{width:100%;height:100%;object-fit:cover}
.m-main figure,.m-main img{height:100%}
.m-main img{min-height:420px}
.m-title{position:absolute;left:0;bottom:34px;background:var(--papier);padding:20px 28px 8px 0;max-width:80%}
.m-title h1{margin:0}
.mosaic .m2 img,.mosaic .m3 img{aspect-ratio:4/3;height:auto}
.mosaic figure{display:flex;flex-direction:column}

.edito{display:grid;grid-template-columns:1.4fr 1fr;gap:56px;padding-top:48px;padding-bottom:48px}
.dropcap::first-letter{float:left;font-size:4.2em;line-height:.85;padding:6px 10px 0 0;color:var(--andr);font-style:italic}
.pull{margin:28px 0 0;padding:18px 0;border-top:1px solid var(--gb);border-bottom:1px solid var(--gb);font-size:24px;font-style:italic;color:var(--gb)}
.agenda{border-left:1px solid var(--ligne);padding-left:32px}
.timeline{list-style:none;margin:8px 0 16px}
.timeline li{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--ligne)}
.tl-d{font-size:34px;line-height:1;color:var(--andr)}.tl-d small{display:block;font:600 13px "Public Sans",sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--gb)}
.timeline a{text-decoration:none}.timeline b{display:block;font-weight:500;font-size:22px}.timeline a span{font-style:italic;color:#5a5f63;font-size:16px}

.feature{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:center;background:var(--gb);color:#eef1f2;padding:40px;margin-bottom:48px}
.feature h2,.feature h2 a{color:#fff;text-decoration:none}.feature .eyebrow{color:#f3c9cf}
.fposter{width:100%;box-shadow:12px 12px 0 var(--andr)}
.feature .cast{font-style:italic}.feature .when{font:600 17px "Public Sans",sans-serif}

.families{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;border-top:1px solid var(--ligne)}
.families img{aspect-ratio:16/10;object-fit:cover;width:100%}

.newsletter{background:var(--andr);color:#fff;padding:48px 20px;text-align:center}
.newsletter h2{color:#fff}.newsletter p{max-width:56ch;margin:0 auto 18px}
.newsletter form{justify-content:center;max-width:560px;margin:0 auto}.newsletter .btn{background:var(--noir)}

.months{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-top:24px}
.month h2{border-bottom:3px double var(--gb);padding-bottom:6px;font-style:italic}
.entry{display:grid;grid-template-columns:80px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--ligne)}
.entry h3{font-size:24px;margin:0 0 4px}.entry h3 a{text-decoration:none;color:var(--gb)}
.entry .date{font:600 14px "Public Sans",sans-serif;color:var(--andr);margin:0 0 4px;text-transform:uppercase;letter-spacing:.06em}
.entry .meta,.entry .cast{font-size:16px;margin:0}.entry .cast{font-style:italic}

.film-head{text-align:center;border-bottom:3px double var(--gb);margin-bottom:32px;padding-bottom:16px}
.film-head .cast{font-style:italic}
.crumb a{font:600 15px "Public Sans",sans-serif;color:var(--andr)}
.film-grid{display:grid;grid-template-columns:300px 1fr;gap:48px}
.film-grid .big{width:100%;box-shadow:12px 12px 0 var(--gb)}
.when{font:600 18px/1.5 "Public Sans",sans-serif;color:var(--gb)}
.tarifs{margin-top:28px;font-size:17px}

.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.adhesion{background:#fff;padding:32px;border:1px solid var(--ligne);box-shadow:10px 10px 0 var(--gb)}

.site-footer{background:var(--gb);color:#e3e8ea;padding:48px 0;font-size:16px}
.foot-in{max-width:1200px;margin:0 auto;padding:0 20px}.logotype--foot{color:#fff;margin-bottom:16px}.logotype--foot .lt-af{color:#fff}
@media (max-width:820px){
 .mosaic{grid-template-columns:1fr}.m-main{grid-row:auto}.m-main img{min-height:280px}
 .m-main figure,.m-main img{height:auto}
 .m-title{position:static;max-width:none;padding:16px 0 0}
 .mosaic .m2,.mosaic .m3{display:none}
 .edito,.families,.two,.film-grid{grid-template-columns:1fr;gap:28px}
 .agenda{border-left:0;padding-left:0}
 .feature{grid-template-columns:1fr;padding:24px}.fposter{max-width:200px}
 .film-grid .big{max-width:240px}
 .adhesion{padding:20px;box-shadow:6px 6px 0 var(--gb)}
}