.wrap{max-width:680px;margin:0 auto;padding:0 20px}

.hero{
  position:relative;overflow:hidden;
  height:400px;min-height:400px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:78px 20px 74px;text-align:center;
  background:linear-gradient(160deg,var(--wine),var(--wine2));color:var(--cream2);
  border-bottom:3px solid var(--gold)
}

.hero h1{line-height:1.15;text-wrap:balance;font-size:clamp(24px,3.8vw,36px);font-weight:800;margin-top:6px;text-shadow:0 3px 22px rgba(24,19,20,.65)}
.sec{padding:48px 0 64px}

article h2{color:var(--wine);font-size:19px;margin:30px 0 8px;line-height:1.3}

article h2:first-child{margin-top:0}

article p,article li{font-size:16.5px;color:#3E312B}

article p{margin-bottom:13px}
article p:last-child{margin-bottom:0}
article ul{list-style:none;padding-left:0}

article li{padding-left:15px;position:relative;margin-bottom:6px}

article li::before{content:"›";position:absolute;left:0;top:0;font-size:17px;line-height:1.55;
  color:var(--gold-txt);font-weight:800}
.encart{background:var(--cream2);border:1px solid rgba(119,34,46,.18);border-radius:14px;padding:16px 18px;margin:18px 0}
.encart b{color:var(--wine)}
.hero::before{content:"";position:absolute;inset:0;background:var(--fh) center/cover no-repeat;opacity:.92;animation:kburns 22s ease-in-out infinite alternate;will-change:transform}
@keyframes kburns{from{transform:scale(1)}to{transform:scale(1.08)}}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(ellipse 62% 66% at 50% 48%,rgba(58,10,16,.88) 0%,rgba(85,17,26,.66) 52%,rgba(103,24,35,.26) 78%,rgba(103,24,35,.08) 100%),
  linear-gradient(180deg,rgba(24,19,20,.5) 0%,rgba(24,19,20,0) 18%,rgba(24,19,20,0) 82%,rgba(24,19,20,.5) 100%)}
.hero .cadre{position:absolute;inset:14px;border:1.5px solid rgba(222,190,116,.45);border-radius:16px;pointer-events:none;z-index:1}
.hero .fville{position:absolute;right:36px;bottom:20px;z-index:1;font-family:'Yellowtail',cursive;font-size:clamp(20px,2.4vw,30px);color:var(--gold2);text-shadow:0 2px 14px rgba(24,19,20,.75)}
.hero>*{position:relative;z-index:1}
.hero .script{color:var(--gold2);text-shadow:0 1px 3px rgba(24,19,20,.95),0 2px 16px rgba(24,19,20,.85)}
.hero>img{filter:drop-shadow(0 8px 22px rgba(0,0,0,.45))}

@media(max-width:860px){.hero{padding:52px 30px 50px}.hero .cadre{inset:10px}.hero .fville{right:28px;bottom:18px;font-size:19px}.hero::before{background-position:62% 42%}}
.hero>img.hlogo{width:82px;height:auto;margin-bottom:10px}
@media(max-width:860px){.hero{height:300px;min-height:300px}.hero>img.hlogo{width:64px;margin-bottom:7px}}

@media(max-width:400px){
  .hero{height:auto;min-height:300px;padding-bottom:46px}
  .hero .fville{font-size:15px;right:22px;bottom:11px}
}

@media(max-width:820px){
  .wrap{max-width:none}
}

@media (max-width:640px){.hero::before{background-image:var(--fh-m,var(--fh))}}

@media print{
  .hero{background:none!important;min-height:0!important;color:#000!important;border-bottom:1px solid #000;animation:none!important}
  .hero::before,.hero::after,.hero .cadre,.hero .fville,.hero .hlogo{display:none!important}
  .hero *{color:#000!important;text-shadow:none!important}
}

.afil{margin-bottom:18px}