/* ============================================================
   HYL'S STUDIO · valais.css
   Page dediee au SEO local Valais (Suisse). Landing indexable.
   Charge APRES base.css + grand-large.css + home.css.
   Reutilise les composants gl-* (grand-large) et .ctabs/.mform/.chips
   (home) ; ici uniquement les ajustements propres .val-*.
   ============================================================ */

/* Sur-titre de lieu sous le titre du hero */
.val-place{margin-top:6px;font-family:var(--ff-serif);font-style:italic;color:var(--gold);font-size:clamp(1.4rem,4vw,2.4rem);line-height:1.1}
/* 5 elements dans le hero : on prolonge la cascade d'apparition */
.gl-hero.gl-hero-lit .gl-hero-in:nth-child(5){transition-delay:.8s}

/* Zones desservies (villes du Valais) */
.val-zones{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;max-width:60em}
.val-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:100px;padding:9px 18px;font-family:var(--ff-sans);font-size:14px;color:var(--bone-dim)}
.val-chip b{color:var(--bone);font-weight:600}
.val-note{margin-top:22px;max-width:44em;color:var(--bone-dim);font-family:var(--ff-serif);font-style:italic;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.55}

/* FAQ en accordeon natif (details/summary) */
.val-faq{max-width:760px;margin-top:8px}
.val-faq details{border-top:1px solid var(--line);padding:4px 0}
.val-faq details:last-child{border-bottom:1px solid var(--line)}
.val-faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;font-family:var(--ff-display);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1rem,2vw,1.25rem);color:var(--bone)}
.val-faq summary::-webkit-details-marker{display:none}
.val-faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:1.4rem;line-height:1}
.val-faq details[open] summary::after{content:"\2212"}
.val-faq .val-faq-a{padding:0 0 22px;color:var(--bone-dim);max-width:60ch;line-height:1.6}

/* Encart renvoi Grand Large */
.val-gl{margin-top:28px;max-width:56em;border-left:3px solid var(--gold);border-radius:0 12px 12px 0;background:rgba(244,241,235,.03);padding:20px 26px;color:var(--bone-dim)}
.val-gl a{color:var(--gold);font-weight:600}

/* Frictions du client, a la 1re personne (aversion a la perte, concret) */
.val-frictions{display:flex;flex-direction:column;gap:14px;margin-top:30px;max-width:42em}
.val-friction{font-family:var(--ff-serif);font-style:italic;font-size:clamp(1.15rem,1rem + .8vw,1.5rem);color:var(--bone);border-left:2px solid var(--gold);padding-left:20px;line-height:1.4}

/* Bloc preuve sociale + ancrage prix */
.val-proof{border:1px solid var(--line);border-radius:18px;padding:clamp(26px,5vw,44px);background:linear-gradient(160deg,rgba(244,241,235,.028),transparent 55%);max-width:56em}
.val-proof-tag{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--bone-dim);border:1px solid var(--line);border-radius:100px;padding:3px 12px;display:inline-block}
.val-proof-stars{color:var(--gold);letter-spacing:3px;margin:16px 0 10px}
.val-proof-q{font-family:var(--ff-serif);font-size:clamp(1.3rem,1rem + 1.6vw,2rem);line-height:1.4;color:var(--bone);margin-bottom:16px}
.val-proof-q b{color:var(--gold);font-weight:400}
.val-proof-who{color:var(--bone-dim);font-size:.95rem}
.val-anchor{margin-top:28px;max-width:52em;color:var(--bone-dim);font-family:var(--ff-serif);font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.55}
.val-anchor strong{color:var(--bone)}