Week-End en forêt de Brocéliande

:root{
--forest-deep:#152219;
--forest:#24392b;
--forest-soft:#33503d;
--moss:#8A9A5B;
--parchment:#eee3c8;
--parchment-light:#f6efdc;
--gold:#a9822e;
--gold-bright:#c9a24c;
--burgundy:#5e2432;
--ink:#241f16;
--ink-soft:#4a4232;
--line: rgba(169,130,46,.35);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
margin:0;
background:var(--parchment);
color:var(--ink);
font-family:'Cormorant Garamond', serif;
font-size:1.15rem;
line-height:1.7;
}
h1,h2,h3,.eyebrow{
font-family:'Cinzel', serif;
letter-spacing:.03em;
}
img{max-width:100%; display:block;}
.wrap{max-width:1100px; margin:0 auto; padding:0 1.5rem;}

/ subtle reveal /
.reveal{opacity:0; transform:translateY(18px); transition:opacity .8s ease, transform .8s ease;}
.reveal.in{opacity:1; transform:translateY(0);}
@media (prefers-reduced-motion: reduce){
.reveal{opacity:1; transform:none; transition:none;}
html{scroll-behavior:auto;}
}

/ ---------- ornamental divider ---------- /
.sigil{
width:64px; height:64px; margin:0 auto;
opacity:.85;
}
.rule{
width:100%; height:1px;
background:linear-gradient(90deg, transparent, var(--gold) 50%, transparent);
margin:2rem 0;
}

/ ---------- HERO ---------- /
.hero{
position:relative;
min-height:92vh;
display:flex; flex-direction:column; align-items:center; justify-content:center;
text-align:center;
background:
radial-gradient(ellipse at 50% 20%, rgba(105,140,100,.18), transparent 60%),
linear-gradient(180deg, rgba(21,34,25,.55), rgba(21,34,25,.88)),
url('https://www.destination-broceliande.com/app/uploads/broceliande/2019/12/jardinauxmoines-819-scaled.jpg') center/cover no-repeat;
color:var(--parchment-light);
padding:2rem 1.5rem;
overflow:hidden;
}
.hero::after{
content:"";
position:absolute; inset:0;
background:repeating-linear-gradient(0deg, rgba(0,0,0,.10) 0 1px, transparent 1px 3px);
mix-blend-mode:overlay;
pointer-events:none;
}
.hero .eyebrow{
font-size:1.2rem; letter-spacing:.32em; text-transform:uppercase;
color:var(--gold-bright); margin-bottom:1.6rem;
}
.hero h1{
font-family:'Cinzel Decorative', 'Cinzel', serif;
font-size:clamp(2.3rem, 6vw, 4.2rem);
font-weight:700;
margin:0 0 1.2rem;
color:var(--parchment-light);
text-shadow:0 4px 24px rgba(0,0,0,.4);
max-width:16ch;
}
.hero .dates{
font-size:1.35rem; font-style:italic; color:var(--parchment);
margin-bottom:2rem;
}
.hero .scroll-cue{
margin-top:3rem; font-family:'Cinzel', serif; font-size:1.3rem;
letter-spacing:.28em; text-transform:uppercase; color:var(--moss);
}

/ ---------- SECTION SHELLS ---------- /
section{padding:5.5rem 0;}
.panel{
background:var(--parchment-light);
border:1px solid var(--line);
border-radius:2px;
padding:3rem;
}
.eyebrow-tag{
display:inline-flex; align-items:center; gap:.6rem;
font-family:'Cinzel', serif; font-size:.72rem; letter-spacing:.28em;
text-transform:uppercase; color:var(--forest);
margin-bottom:1.6rem;
}
.eyebrow-tag::before{
content:""; width:22px; height:1px; background:var(--gold);
}
h2.section-title{
font-size:clamp(1.7rem,3vw,2.4rem);
color:var(--ink);
margin:0 0 1.5rem;
font-weight:600;
}

/ Intro with drop cap /
.intro p{margin:0 0 1.2rem;}
.intro p:first-of-type::first-letter{
font-family:'Cinzel Decorative', serif;
font-size:4.2rem;
float:left;
line-height:.8;
padding:.12em .1em 0 0;
color:var(--gold);
}

/ ---------- PROGRAMME / QUEST PATH ---------- /
.programme{background:var(--forest-deep); color:var(--parchment-light);}
.programme h2.section-title{color:var(--parchment-light);}
.programme .eyebrow-tag{color:var(--gold-bright);}
.programme .eyebrow-tag::before{background:var(--gold-bright);}
.days{
display:grid; grid-template-columns:1fr 1fr; gap:3rem; margin-top:3rem;
}
@media (max-width:760px){ .days{grid-template-columns:1fr;} }
.day-label{
font-family:'Cinzel', serif; font-size:1.05rem; letter-spacing:.1em;
text-transform:uppercase; color:var(--gold-bright); margin-bottom:1.6rem;
}
.day-label span{display:block; font-family:'Cormorant Garamond', serif; font-style:italic; font-size:.95rem; letter-spacing:0; text-transform:none; color:var(--moss); margin-top:.3rem;}
.timeline{position:relative; padding-left:2.1rem;}
.timeline::before{
content:""; position:absolute; left:.32rem; top:.4rem; bottom:.4rem; width:1px;
background:linear-gradient(180deg, var(--gold), rgba(169,130,46,.15));
}
.tl-item{position:relative; margin-bottom:1.55rem;}
.tl-item::before{
content:""; position:absolute; left:-1.85rem; top:.45rem;
width:8px; height:8px; border-radius:50%;
background:var(--gold-bright); box-shadow:0 0 0 3px rgba(201,162,76,.18);
}
.tl-time{font-family:'Cinzel',serif; font-size:.82rem; letter-spacing:.08em; color:var(--gold-bright);}
.tl-desc{font-size:1.08rem; color:var(--parchment);}
.prog-note{
margin-top:3rem; padding:1.3rem 1.6rem;
border-left:2px solid var(--gold);
color:var(--parchment);
font-style:italic; font-size:1rem;
background:rgba(169,130,46,.06);
}

/ ---------- FEATURE (image + text) ---------- /
.feature{
display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center;
}
.feature.reverse .feature-img{order:2;}
@media (max-width:800px){
.feature, .feature.reverse .feature-img{grid-template-columns:1fr; order:0;}
.feature{grid-template-columns:1fr;}
}
.feature-img img{
width:100%; height:360px; object-fit:cover…