/* LGN Travel Planner — maquette HTML (modèle de la cliente, 19/10/2026) */
@font-face{font-family:"EB Garamond";src:url(polices/eb-garamond-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(polices/eb-garamond-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(polices/eb-garamond-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(polices/eb-garamond-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Jost";src:url(polices/jost.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
	--encre:#1B2B3B;      /* titres */
	--texte:#4D575E;      /* texte courant */
	--bleu:#1F4A63;       /* boutons, chiffres */
	--accent:#2E6584;     /* italiques des titres */
	--etiquette:#2D5D73;  /* sur-titres */
	--or:#7E6233;         /* sur-titres dorés (texte) */
	--or-deco:#D2BC95;    /* filets, cercles */
	--or-vif:#B8893B;     /* touches du logo */
	--beige:#FFFDF8;      /* blanc cassé du flyer */
	--beige-2:#F6EEE1;
	--sable-clair:#FAF4E8;
	--marine:#14315A;      /* bleu nuit des maquettes de la cliente */
	--cuivre:#A15E22;      /* texte et boutons cuivre, 5:1 sur blanc */
	--cuivre-vif:#C0803C;  /* filets, barres de progression */
	--cuivre-clair:#F7E7D4;
	--creme:#FFF9F1;  /* sections en alternance, teinte dorée du flyer */
	--sable:#E5D8C5;      /* bordures de champs */
	--bleu-clair:#E4EEF4;
	--nuit:#11283A;       /* pied de page, bandeau */
	--blanc:#fff;
	--ombre:0 18px 40px -18px rgba(27,43,59,.22);
	--serif:"EB Garamond",Georgia,"Times New Roman",serif;
	--sans:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif;
	--r-carte:28px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--beige);color:var(--texte);font:400 1.0625rem/1.75 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:400;color:var(--encre);margin:0;line-height:1.08;letter-spacing:-.005em}
h1 em,h2 em,h3 em,.ital{font-style:italic;color:var(--accent)}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.wrap{width:min(100% - 40px,1200px);margin-inline:auto}
.wrap--etroit{width:min(100% - 40px,780px)}
.sec{padding:88px 0}
.sec--blanc{background:var(--blanc)}
.sec--bleu{background:var(--sable-clair)}

/* Sur-titre « —— COMMENT ÇA SE PASSE » */
.label{display:flex;align-items:center;gap:18px;font:500 .8125rem/1.3 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--etiquette)}
.label::before{content:"";flex:0 0 34px;height:1px;background:currentColor;opacity:.6}
.label--or{color:var(--or)}
.label--nu::before{display:none}
.tete h2,.tete h1{font-size:clamp(2.3rem,1.7rem + 2.4vw,3.6rem);margin-top:22px}
.tete .lead{margin-top:26px}
.lead{max-width:34em;font-size:1.125rem;line-height:1.8}

/* Boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:58px;padding:0 34px;border-radius:999px;border:1.5px solid transparent;font:500 1.0625rem/1.2 var(--sans);letter-spacing:.02em;text-decoration:none;text-align:center;cursor:pointer;transition:background .25s,border-color .25s,color .25s,transform .25s}
.btn svg{width:20px;height:20px;flex:none;transition:transform .25s}
.btn:hover svg{transform:translateX(4px)}
.btn--plein{background:var(--bleu);color:#fff}
.btn--plein:hover{background:#163A4F}
.btn--contour{border-color:#B7BFC6;color:var(--encre);background:transparent}
.btn--contour:hover{border-color:var(--bleu);color:var(--bleu)}
.btn--blanc{background:#fff;color:var(--encre)}
.btn--blanc:hover{background:var(--beige-2)}
.btn--clair{border-color:rgba(255,255,255,.6);color:#fff}
.btn--clair:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.actions{display:grid;gap:14px;margin-top:36px}
.lien{display:inline-flex;align-items:center;gap:14px;padding-bottom:10px;border-bottom:1.5px solid #BFC5CA;color:var(--bleu);font-weight:500;letter-spacing:.02em;text-decoration:none}
.lien svg{width:20px;height:20px;transition:transform .25s}
.lien:hover svg{transform:translateX(4px)}
.a-completer{border-bottom:1.5px dashed var(--or-vif);color:inherit}

/* ---------- En-tête ---------- */
.entete{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #ECE4D7}
.entete__in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}
.marque-logo{display:block;width:64px;transition:opacity .4s,visibility .4s}
.marque-logo img{width:64px;height:auto}
.entete--sans-logo .marque-logo{opacity:0;visibility:hidden}
.marque{--c:var(--or-vif);display:grid;justify-items:center;padding:12px 20px 11px;text-decoration:none;color:var(--encre);
	background:
		linear-gradient(var(--c),var(--c)) 0 0/16px 1.5px,linear-gradient(var(--c),var(--c)) 0 0/1.5px 16px,
		linear-gradient(var(--c),var(--c)) 100% 0/16px 1.5px,linear-gradient(var(--c),var(--c)) 100% 0/1.5px 16px,
		linear-gradient(var(--c),var(--c)) 0 100%/16px 1.5px,linear-gradient(var(--c),var(--c)) 0 100%/1.5px 16px,
		linear-gradient(var(--c),var(--c)) 100% 100%/16px 1.5px,linear-gradient(var(--c),var(--c)) 100% 100%/1.5px 16px;
	background-repeat:no-repeat}
.marque__lgn{font:500 2.05rem/1 var(--serif);letter-spacing:.16em;padding-left:.16em}
.marque__sous{display:flex;align-items:center;gap:9px;margin-top:7px;font:400 .66rem/1 var(--sans);letter-spacing:.36em;text-transform:uppercase}
.marque__sous::before,.marque__sous::after{content:"";width:14px;height:1px;background:var(--encre);opacity:.55}
.nav ul{display:flex;gap:34px}
.nav a{position:relative;font-weight:500;font-size:1rem;letter-spacing:.02em;text-decoration:none;color:var(--encre);padding:6px 0}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--or-vif);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav a:hover::after,.nav a[aria-current]::after{transform:scaleX(1)}
.entete__cta{min-height:50px;padding:0 26px;font-size:.98rem}
.burger{display:none;width:58px;height:58px;border-radius:50%;border:1.5px solid #CFC7BB;background:transparent;cursor:pointer;place-items:center;padding:0}
.burger span{display:block;width:22px;height:1.8px;background:var(--encre);border-radius:2px;transition:transform .3s,opacity .3s}
.burger span+span{margin-top:6px}
.burger[aria-expanded="true"] span:first-child{transform:translateY(3.9px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-3.9px) rotate(-45deg)}
.menu-mobile{position:fixed;inset:84px 0 0;z-index:49;background:var(--beige);padding:36px 20px 40px;overflow:auto}
.menu-mobile ul{display:grid;gap:4px;margin-bottom:36px}
.menu-mobile a:not(.btn){display:block;padding:12px 0;border-bottom:1px solid #ECE4D7;font:400 2rem/1.2 var(--serif);color:var(--encre);text-decoration:none}
.menu-mobile a[aria-current]{color:var(--accent);font-style:italic}
.menu-mobile .btn{width:100%}
@media (max-width:1023px){.nav,.entete__cta{display:none}.burger{display:grid}}
body.menu-ouvert{overflow:hidden}

/* ---------- Motifs du flyer (palmes dorées, carte du monde, coups de pinceau) ---------- */
.deco{position:relative;isolation:isolate}
.deco>*{position:relative}
.deco::before,.deco::after{content:"";position:absolute;z-index:-1;pointer-events:none;background:no-repeat center/contain}
.deco--palmes-carte::before{left:0;top:0;width:clamp(110px,21vw,330px);aspect-ratio:330/716;background-image:url(img/deco-palmes.webp)}
.deco--palmes-carte::after{right:0;top:0;width:clamp(130px,25vw,410px);aspect-ratio:410/1088;background-image:url(img/deco-carte.webp)}
.deco--pinceau-d::after{right:0;top:10%;width:clamp(80px,12vw,190px);aspect-ratio:190/735;background-image:url(img/deco-pinceau-d.webp)}
.deco--pinceau-g::before{left:0;top:6%;width:clamp(80px,12vw,195px);aspect-ratio:195/365;background-image:url(img/deco-pinceau-g.webp)}
@media (max-width:699px){.deco::before,.deco::after{opacity:.75}}

/* ---------- Héros (accueil) ---------- */
.hero{padding:48px 0 96px;overflow-x:clip}
.hero__in{display:grid;grid-template-areas:"logo" "texte" "suite" "visuel";gap:0}
.hero__logo{grid-area:logo;justify-self:center;width:min(72vw,300px);margin-bottom:34px;filter:drop-shadow(0 18px 30px rgba(27,43,59,.12))}
.hero__texte{grid-area:texte}
.hero__texte h1{font-size:clamp(2.45rem,1.8rem + 2.8vw,4rem);margin-top:20px}
.hero__visuel{grid-area:visuel;position:relative;margin:64px 0 0;padding-bottom:60px}
.hero__suite{grid-area:suite}
.hero__suite .lead{margin-top:28px}
.arche{position:relative;aspect-ratio:1.17}
.arche::before{content:"";position:absolute;inset:-6% -14% auto auto;width:58%;aspect-ratio:1;border-radius:50%;background:#F3E6CF;z-index:0}
.arche::after{content:"";position:absolute;inset:0;transform:translate(-14px,14px);border:1.5px solid var(--or-deco);border-radius:50% 50% 8px 8px/58.5% 58.5% 8px 8px;z-index:0}
.arche img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:50% 75%;border-radius:50% 50% 8px 8px/58.5% 58.5% 8px 8px}
.billet-ombre{position:absolute;z-index:2;left:6%;right:6%;bottom:0;filter:drop-shadow(0 22px 34px rgba(27,43,59,.16))}
.billet{background:#FFFCF7;border-radius:24px;padding:22px 20px 20px}
.billet__titre{font:500 .76rem/1.2 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#3B4853;text-align:center}
.billet__route{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:10px;margin-top:16px}
.billet__route small{display:block;font:500 .7rem/1 var(--sans);letter-spacing:.2em;color:#3B4853;margin-bottom:8px}
.billet__route strong{font:600 clamp(1.25rem,1.05rem + 1vw,1.75rem)/1 var(--serif);color:var(--marine);white-space:nowrap}
.billet__route div:last-child{text-align:right}
.billet__vol{display:flex;align-items:center;gap:4px;margin-bottom:4px;color:#2E6FA8}
.billet__vol i{flex:1;height:0;border-top:2px dotted #8DB9D3}
.billet__vol svg{width:22px;height:22px}
.billet__bas{margin-top:18px;padding-top:18px;border-top:1.5px dashed #E2D6C3}
.billet__bas .btn{width:100%;min-height:52px;background:var(--marine);border-radius:14px}

/* Atouts */
.atouts{padding:0 0 56px}
.atouts .wrap{border-top:1px solid #EADFCF;padding-top:44px}
.atouts ul{display:grid;gap:28px}
.atouts li{display:grid;grid-template-columns:28px 1fr;gap:20px;align-items:start}
.atouts svg{width:28px;height:28px;color:var(--bleu);margin-top:2px}
.atouts strong{display:block;font-weight:500;color:var(--encre);font-size:1.0625rem;line-height:1.4}
.atouts span{display:block;font-size:1.0625rem;line-height:1.5}

/* Défilé de destinations */
.defile{background:#fff;border-block:1px solid #ECE4D7;overflow:hidden;padding:20px 0}
.defile__piste{display:flex;align-items:center;gap:44px;width:max-content;animation:defile 48s linear infinite}
.defile span{font:italic 400 clamp(2rem,1.6rem + 1.5vw,2.6rem)/1.15 var(--serif);color:var(--encre);white-space:nowrap}
.defile i{width:11px;height:11px;background:#8DB9D3;transform:rotate(45deg);flex:none}
@keyframes defile{to{transform:translateX(-50%)}}

/* ---------- Étapes ---------- */
.etapes__liste{padding:0;margin-top:56px;display:grid;gap:0;counter-reset:e}
.etape{position:relative;display:grid;grid-template-columns:76px 1fr;gap:0 26px;padding-bottom:56px}
.etape::before{content:"";position:absolute;left:37px;top:84px;bottom:6px;border-left:1.5px dashed var(--or-deco)}
.etape__num{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;border:1.5px solid var(--or-deco);background:#fff;font:italic 400 2.3rem/1 var(--serif);color:var(--bleu)}
.etape:last-child .etape__num{background:var(--bleu-clair);border-color:var(--bleu-clair)}
.etape__label{margin-top:6px;font:500 .8125rem/1.3 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--or)}
.etape h3{font-size:clamp(1.75rem,1.5rem + .8vw,2.1rem);line-height:1.12;margin:12px 0 16px}

/* ---------- Services ---------- */
.services{display:grid;gap:22px;margin-top:52px}
.service{position:relative;background:#fff;border-radius:var(--r-carte);overflow:hidden;box-shadow:var(--ombre);display:flex;flex-direction:column}
.service__img{position:relative;aspect-ratio:2/1}
.service__img img{width:100%;height:100%;object-fit:cover}
.service__ico{position:absolute;left:24px;bottom:-32px;z-index:1;width:64px;height:64px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -6px rgba(27,43,59,.18);color:var(--bleu)}
.service__ico svg{width:26px;height:26px}
.service__corps{padding:24px 24px 32px}
.service__num{display:block;text-align:right;font:italic 400 1.75rem/1 var(--serif);color:var(--or)}
.service h3{font-size:clamp(1.85rem,1.6rem + .6vw,2.1rem);margin:6px 0 14px}
.coches{display:grid;gap:10px;margin-top:22px}
.coches--2{grid-template-columns:auto auto;justify-content:start;gap:10px 16px}
.coches--2 li{padding-left:30px}
.coches li{position:relative;padding-left:34px;color:var(--encre);line-height:1.45}
.coches li::before{content:"";position:absolute;left:0;top:.2em;width:18px;height:18px;background:var(--etiquette);
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center/contain no-repeat}
.envie{position:relative;overflow:hidden;background:var(--bleu-clair);border-radius:var(--r-carte);padding:40px 26px 44px;display:flex;flex-direction:column;align-items:flex-start}
.envie>svg{width:42px;height:42px;color:var(--accent)}
.envie h3{font-size:clamp(2rem,1.7rem + 1vw,2.4rem);margin:34px 0 16px}
.envie p{position:relative;z-index:1;max-width:24em}
.envie .btn{position:relative;z-index:1;margin-top:30px}
.envie::before,.envie::after{content:"";position:absolute;width:66px;height:90px;right:34px;bottom:-14px;border-radius:40px 40px 0 0}
.envie::before{background:#D2E2ED;right:56px;bottom:-26px}
.envie::after{border:1.5px solid #A9C8DC;border-bottom:0}

/* ---------- Le principe (bandeau nuit) ---------- */
.principe{background:var(--nuit);color:#D6DEE5}
.principe .label{color:#E2C48F}
.principe h2{color:#fff}
.principe h2 em{color:#E2C48F}
.principe__grille{display:grid;gap:18px;margin-top:52px}
.principe__item{border:1px solid rgba(226,196,143,.28);border-radius:22px;padding:28px 26px}
.principe__item svg{width:30px;height:30px;color:#E2C48F}
.principe__item h3{color:#fff;font-size:1.75rem;margin:18px 0 10px}
.principe__note{margin-top:34px;display:flex;gap:14px;align-items:flex-start;font-size:1rem;color:#C5D0D9;max-width:52em}
.principe__note svg{flex:none;width:22px;height:22px;color:#E2C48F;margin-top:3px}

/* ---------- Formules (maquette de la cliente, 22/10/2026) ---------- */
.formules{display:grid;gap:40px;margin-top:64px}
.formule{position:relative;background:#fff;border:1.5px solid #E9CF92;border-radius:20px;box-shadow:var(--ombre);display:flex;flex-direction:column}
.formule__onglet{position:absolute;top:-17px;left:50%;transform:translateX(-50%);z-index:2;background:var(--marine);color:#fff;border:1.5px solid #E9CF92;border-radius:999px;padding:8px 20px;font:500 .72rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.formule__photo{position:relative;aspect-ratio:16/10;border-radius:18px 18px 0 0;overflow:hidden}
.formule__photo img{width:100%;height:100%;object-fit:cover}
.formule__photo::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:48px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 60' preserveAspectRatio='none'%3E%3Cpath d='M0 40 C 130 4 280 0 400 24 L400 60 L0 60Z' fill='%23fff'/%3E%3Cpath d='M0 40 C 130 4 280 0 400 24' fill='none' stroke='%23E2B95C' stroke-width='2.5'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
.formule__corps{display:flex;flex-direction:column;flex:1;padding:0 26px 28px}
.formule__pour{font:600 .74rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--marine)}
.formule h3{position:relative;align-self:flex-start;font:600 clamp(2.4rem,2rem + 1vw,2.9rem)/1.05 var(--serif);color:var(--marine);margin:6px 0 20px;padding-bottom:10px}
.formule h3::after{content:"";position:absolute;left:0;right:-6%;bottom:0;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 9 C 60 1 140 1 198 6' fill='none' stroke='%23E2B95C' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.formule__desc{text-align:center;color:var(--marine);font-size:.98rem;line-height:1.6}
.formule__prix{position:relative;margin:22px 0;padding:14px 0;text-align:center;font:600 3rem/1 var(--serif);color:var(--marine);border-block:1px solid #EBCB79}
.formule__prix::before,.formule__prix::after{content:"";position:absolute;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#E2B95C}
.formule__prix::before{top:-4px}
.formule__prix::after{bottom:-4px}
.formule__prix small{display:block;margin-bottom:8px;font:400 .95rem/1.3 var(--sans);color:var(--marine)}
.formule__liste{display:grid;gap:12px;margin:4px 0 28px}
.formule__liste li{display:flex;align-items:center;gap:14px;color:var(--marine);font-size:.98rem;line-height:1.35}
.formule__liste span{flex:none;width:38px;height:38px;border-radius:50%;background:var(--bleu-clair);display:grid;place-items:center;color:var(--bleu)}
.formule__liste svg{width:18px;height:18px}
.formule .btn{margin-top:auto;width:100%;background:var(--marine);border-radius:14px}
.formule .btn:hover{background:#0D2444}
.formules__note{margin-top:34px;display:flex;gap:14px;align-items:flex-start;font-size:1rem;max-width:56em}
.formules__note svg{flex:none;width:22px;height:22px;color:var(--bleu);margin-top:3px}

/* ---------- Destinations (20 cartes, maquette de la cliente) ---------- */
.dests{display:grid;grid-auto-flow:column;grid-auto-columns:min(70%,270px);gap:14px;margin-top:48px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 20px 10px;margin-inline:calc((100vw - min(100vw - 40px,1200px))/-2);scroll-padding-inline:20px}
.dests::-webkit-scrollbar{display:none}
.dest{position:relative;scroll-snap-align:start;aspect-ratio:.8;border-radius:16px;overflow:hidden;color:#fff;isolation:isolate;box-shadow:0 14px 30px -18px rgba(17,40,58,.55)}
.dest img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.dest:hover img{transform:scale(1.05)}
.dest::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,26,44,0) 38%,rgba(10,26,44,.55) 62%,rgba(10,26,44,.92) 100%)}
.dest__corps{position:absolute;left:0;right:0;bottom:0;padding:0 60px 16px 16px}
.dest__pays{display:flex;align-items:center;gap:8px;font:600 .66rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.dest__pays::before{content:"";width:14px;height:1.5px;background:#fff;flex:none}
.dest h3{color:#fff;font:500 1.75rem/1.05 var(--serif);margin:6px 0 6px}
.dest__txt{font-size:.82rem;line-height:1.45;color:rgba(255,255,255,.93)}
.dest__go{position:absolute;right:14px;bottom:16px;width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);background:rgba(255,255,255,.14);backdrop-filter:blur(4px);display:grid;place-items:center;color:#fff;transition:background .25s}
.dest__go:hover,.dest__go:focus-visible{background:rgba(255,255,255,.3)}
.dest__go svg{width:16px;height:16px}
.dests__aide{display:flex;align-items:center;gap:14px;margin-top:18px;font-size:1rem}
.dests__aide svg{width:20px;height:20px;color:var(--bleu)}
.dests__nav{display:none;gap:12px}
.dests__nav button{width:56px;height:56px;border-radius:50%;border:1.5px solid #B7BFC6;background:transparent;color:var(--encre);cursor:pointer;display:grid;place-items:center}
.dests__nav button:hover{border-color:var(--bleu);color:var(--bleu)}
.dests__nav svg{width:20px;height:20px}
.dests--grille{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr 1fr;gap:12px;overflow:visible;margin-inline:0;padding:0}
.dests--grille .dest{aspect-ratio:.72}
.dests--grille .dest__corps{padding:0 12px 54px}
.dests--grille .dest h3{font-size:1.45rem}
.dests--grille .dest__go{right:12px;bottom:12px;width:34px;height:34px}

/* ---------- Demande de voyage ---------- */
.demande-sec{background-color:var(--sable-clair)}
.demande{margin-top:52px;background:#fff;border-radius:32px;padding:34px 22px 34px;box-shadow:0 24px 50px -30px rgba(27,43,59,.25)}
.bloc{border:0;margin:0;padding:0 0 40px;min-width:0}
.bloc+.bloc{padding-top:16px}
.bloc>legend{display:flex;align-items:center;gap:22px;padding:0;margin-bottom:30px;font:400 clamp(1.75rem,1.5rem + .8vw,2.1rem)/1.15 var(--serif);color:var(--encre)}
.bloc__num{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--bleu-clair);font:500 1rem/1 var(--sans);color:var(--bleu)}
.champ{display:grid;gap:12px;margin-top:22px}
.champ:first-of-type{margin-top:0}
.champ label,.puces>legend,.budget label{font-weight:500;color:var(--encre);font-size:1.0625rem;line-height:1.4}
.facultatif{font-weight:400;color:var(--texte)}
.champ input,.champ textarea{width:100%;min-height:58px;border:1.5px solid var(--sable);border-radius:18px;background:#FCFAF6;padding:14px 18px;font:400 1.0625rem/1.4 var(--sans);color:var(--encre);transition:border-color .2s,box-shadow .2s}
.champ textarea{min-height:140px;resize:vertical}
.champ input::placeholder,.champ textarea::placeholder{color:#8A8F93}
.champ input:focus,.champ textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(46,101,132,.14)}
.grille-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.grille-2 .champ{margin-top:0;min-width:0}
.grille-2 input{min-width:0;padding-inline:14px}
.case{display:flex;align-items:flex-start;gap:16px;margin-top:18px;cursor:pointer;font-weight:500;color:var(--encre);line-height:1.45}
.case input{appearance:none;-webkit-appearance:none;flex:none;width:26px;height:26px;margin:0;border:1.5px solid #C9B596;border-radius:8px;background:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s}
.case input::after{content:"";width:12px;height:7px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.case input:checked{background:var(--bleu);border-color:var(--bleu)}
.case input:checked::after{opacity:1}
.case a{color:var(--bleu)}
.compteur{display:flex;align-items:center;gap:14px;margin-top:14px;border:1.5px solid var(--sable);border-radius:22px;background:#FCFAF6;padding:12px 12px 12px 22px}
.compteur:first-of-type{margin-top:0}
.compteur__lib{flex:1;font-weight:500;color:var(--encre);line-height:1.3}
.compteur__lib small{display:block;font-weight:400;color:var(--texte);font-size:.95rem}
.compteur button{width:48px;height:48px;border-radius:50%;border:0;background:var(--bleu-clair);color:var(--bleu);font:300 1.6rem/1 var(--sans);cursor:pointer;transition:background .2s}
.compteur button:hover{background:#D3E3EE}
.compteur input{width:2.2ch;border:0;background:transparent;text-align:center;font:400 1.75rem/1 var(--serif);color:var(--encre);-moz-appearance:textfield;padding:0}
.compteur input::-webkit-inner-spin-button{-webkit-appearance:none}
.budget{margin-top:34px}
.budget__haut{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.budget output{font:400 clamp(2.1rem,1.8rem + 1vw,2.5rem)/1 var(--serif);color:var(--bleu)}
.budget input[type=range]{--p:17%;width:100%;margin:26px 0 14px;height:36px;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.budget input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--bleu) var(--p),#EAE2D3 var(--p))}
.budget input[type=range]::-moz-range-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--bleu) var(--p),#EAE2D3 var(--p))}
.budget input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;margin-top:-13px;border-radius:50%;background:#fff;border:3px solid var(--bleu);box-shadow:0 4px 12px rgba(27,43,59,.2)}
.budget input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--bleu);box-shadow:0 4px 12px rgba(27,43,59,.2)}
.budget__bornes{display:flex;justify-content:space-between;font-size:1rem}
.segment{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:26px;padding:6px;border-radius:999px;background:var(--beige-2)}
.segment label{position:relative;cursor:pointer}
.segment input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.segment span{display:block;text-align:center;border-radius:999px;padding:14px 6px;font-size:1rem;white-space:nowrap;font-weight:500;color:var(--encre);transition:background .25s,box-shadow .25s}
.segment input:checked+span{background:#fff;box-shadow:0 4px 14px -4px rgba(27,43,59,.18)}
.segment input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.puces{border:0;margin:34px 0 0;padding:0;min-width:0}
.puces>legend{padding:0;margin-bottom:18px}
.puces__liste{display:flex;flex-wrap:wrap;gap:12px}
.puce{position:relative;cursor:pointer}
.puce input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.puce span{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 26px;border:1.5px solid var(--sable);border-radius:999px;background:#fff;color:var(--encre);font-size:1.0625rem;transition:background .2s,border-color .2s,color .2s}
.puce:hover span{border-color:#CDB896}
.puce input:checked+span{background:var(--bleu);border-color:var(--bleu);color:#fff}
.puce input:checked+span::before{content:"";width:12px;height:7px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg) translateY(-2px)}
.puce input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
.demande__envoi{padding-top:38px;border-top:1px solid #EFE8DC}
.demande__envoi .btn{width:100%}
.demande__note{margin-top:18px;font-size:.98rem;text-align:center}
.merci{margin-top:52px;background:#fff;border-radius:32px;padding:56px 28px;text-align:center;box-shadow:0 24px 50px -30px rgba(27,43,59,.25)}
.merci svg{width:56px;height:56px;color:var(--bleu);margin:0 auto 22px}
.merci h3{font-size:2.4rem;margin-bottom:16px}
.merci:focus{outline:none}

/* ---------- À propos ---------- */
.apropos__txt p+p{margin-top:28px}
.apropos__txt p:first-child{color:var(--encre)}
.apropos__txt{margin-top:30px;font-size:1.125rem;line-height:1.85}
.valeurs{margin-top:44px;border-top:1px solid #DCCFB8}
.valeurs li{padding:28px 0;border-bottom:1px solid #DCCFB8}
.valeurs li:last-child{border-bottom:0}
.valeurs h3{font-size:clamp(1.85rem,1.6rem + .6vw,2.1rem);margin-bottom:10px}
.apropos .lien{margin-top:20px}
.apropos__photo{border-radius:32px;overflow:hidden;aspect-ratio:4/5;margin-top:44px}
.apropos__photo img{width:100%;height:100%;object-fit:cover}

/* ---------- Bandeau final ---------- */
.depart{position:relative;isolation:isolate;padding:120px 0;text-align:center;color:#fff;background:var(--nuit)}
.depart>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.depart::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,32,48,.72),rgba(13,32,48,.62))}
.depart__label{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;font:500 .9rem/1.45 var(--sans);letter-spacing:.24em;text-transform:uppercase}
.depart__label::before,.depart__label::after{content:"";height:1px;background:rgba(255,255,255,.55)}
.depart h2{color:#fff;font-size:clamp(2.4rem,1.8rem + 2.6vw,3.8rem);margin:40px auto 28px;max-width:14em}
.depart h2 em{color:#CFE3F0}
.depart p{max-width:34em;margin:0 auto;font-size:1.125rem;color:rgba(255,255,255,.92)}
.depart .actions{max-width:560px;margin:44px auto 0}

/* ---------- Tête des pages intérieures ---------- */
.page-tete{padding:64px 0 40px}
.page-tete h1{font-size:clamp(2.6rem,1.9rem + 3vw,4.4rem);margin-top:22px;max-width:15em}
.page-tete .lead{margin-top:26px}

/* ---------- Pied de page ---------- */
.pied{background:var(--nuit);color:#C5D0D9;padding:72px 0 0;font-size:1rem}
.pied__in{display:grid;gap:44px}
.pied__logo{width:132px;height:132px;border-radius:50%;background:var(--beige);padding:8px}
.pied__marque p{margin-top:22px;max-width:24em}
.pied__titre{font:500 .8rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#E2C48F;margin-bottom:18px}
.pied ul{display:grid;gap:10px}
.pied a{text-decoration:none}
.pied a:hover{color:#fff}
.pied__bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:56px;padding:26px 0 30px;border-top:1px solid rgba(255,255,255,.12);font-size:.92rem}
.pied__statut{margin-top:16px;font-size:.92rem;color:#9FB0BE;max-width:28em}

/* ---------- Apparitions ---------- */
.revele{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.revele.vu{opacity:1;transform:none}

/* ---------- Rôle d'un travel planner (maquette de la cliente, 22/10/2026) ---------- */
.label--apres::before{display:none}
.label--apres::after{content:"";flex:0 0 60px;height:1px;background:currentColor;opacity:.6}
.label--cuivre{color:var(--cuivre)}
.role-sec{padding-top:72px}
.role{display:grid;gap:40px;background:#FBF4EA;border-radius:22px;padding:34px 22px;box-shadow:0 24px 50px -36px rgba(27,43,59,.35)}
.role__titre{font:600 clamp(2.2rem,1.7rem + 2vw,3.2rem)/1.08 var(--serif);color:var(--marine);margin:18px 0 22px}
.role__texte>p:not(.label){font-size:1.05rem;line-height:1.75;color:#2E3B47}
.role__texte>p.role__liberte{display:flex;align-items:center;gap:18px;margin-top:28px;background:#F4E6D2;border-radius:14px;padding:14px 18px;font-weight:600;color:var(--marine)}
.role__liberte span{flex:none;width:46px;height:46px;border-radius:50%;background:#ECD4AF;display:grid;place-items:center;color:#9A5B1F}
.role__liberte svg{width:20px;height:20px;fill:currentColor}
.role__visuel{position:relative;padding:34px 8px 26px 26px}
.role__visuel::before{content:"";position:absolute;top:8%;left:0;width:46%;aspect-ratio:1;border-radius:50%;background:#F0DDBF}
.role__photo{position:relative;z-index:1;aspect-ratio:1.05;overflow:hidden;border-radius:58% 42% 48% 52% / 46% 55% 45% 54%;box-shadow:0 26px 50px -30px rgba(80,50,20,.5)}
.role__photo img{width:100%;height:100%;object-fit:cover}
.role__trajet{position:absolute;top:2px;left:8%;width:46%;color:#C99A55;z-index:2}
.role__avion{position:absolute;top:-6px;left:50%;z-index:2;color:#C99A55}
.role__avion svg{width:32px;height:32px}
.role__globe{position:absolute;right:2%;bottom:4%;z-index:2;width:54px;height:54px;border-radius:50%;border:1.5px solid #D7B47A;background:#FBF4EA;display:grid;place-items:center;color:#9A5B1F}
.role__globe svg{width:24px;height:24px}
.contact-direct{margin-top:18px;font-size:1rem}
.contact-direct a{color:var(--bleu);font-weight:500}

/* ---------- Questionnaires Essentielle et Sérénité (maquettes de la cliente) ---------- */
.q-page{padding:28px 0 96px}
.q-banniere{position:relative;display:grid;border-radius:22px 22px 0 0;overflow:hidden;background:var(--creme);border:1px solid #F1E2CE;border-bottom:0}
.q-banniere__texte{position:relative;z-index:1;padding:24px 20px 26px}
.q-banniere h1{font:600 clamp(2.1rem,1.6rem + 2.4vw,3.4rem)/1.05 var(--serif);color:var(--marine);margin:12px 0}
.q-banniere__texte>p:last-child{color:#2E3B47;max-width:32em;font-size:1rem;line-height:1.6}
.q-banniere__photo{order:-1;height:160px;-webkit-mask:linear-gradient(#000 55%,transparent);mask:linear-gradient(#000 55%,transparent)}
.q-banniere__photo img{width:100%;height:100%;object-fit:cover}
.q-panneau{display:grid;background:#FFFBF5;border:1px solid #F1E2CE;border-radius:0 0 22px 22px;box-shadow:0 30px 60px -40px rgba(80,50,20,.35)}
.q-etapes{position:relative;overflow:hidden;padding:14px 12px;background:#FCF3E7;border-bottom:1px solid #F1E2CE}
.q-etapes ol{position:relative;z-index:2;list-style:none;margin:0;padding:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.q-etapes ol::-webkit-scrollbar{display:none}
.q-etapes a{position:relative;display:flex;align-items:center;gap:12px;padding:6px 14px 6px 6px;border-radius:14px;text-decoration:none;color:var(--marine);font-weight:500;font-size:.95rem;line-height:1.3;white-space:nowrap}
.q-etapes a svg{flex:none;width:42px;height:42px;padding:10px;border-radius:50%;background:var(--cuivre-clair);color:var(--cuivre)}
.q-etapes a[aria-current]{background:#F6E2CB}
.q-etapes a[aria-current] svg,.q-etapes a.fait svg{background:var(--cuivre);color:#fff}
.q-form{padding:24px 16px 28px;min-width:0}
.q-etape{border:0;margin:0;padding:0;min-width:0}
.js .q-etape:not(.active){display:none}
.q-etape__tete{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:26px}
.q-etape__ico{flex:none;width:52px;height:52px;border-radius:50%;background:var(--cuivre-clair);display:grid;place-items:center;color:var(--cuivre)}
.q-etape__ico svg{width:24px;height:24px}
.q-etape__tete h2{position:relative;padding-bottom:8px;font:600 clamp(1.7rem,1.4rem + 1vw,2.2rem)/1.1 var(--serif);color:var(--marine)}
.q-etape__tete h2::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--cuivre-vif)}
.q-etape__tete h2:focus{outline:none}
.q-progres{display:flex;align-items:center;gap:12px;flex:1 1 180px;justify-content:flex-end}
.q-progres span{flex:1;max-width:320px;height:7px;border-radius:7px;background:linear-gradient(90deg,var(--cuivre-vif) var(--p),#EFE3D3 var(--p))}
.q-progres b{font:600 .85rem/1 var(--sans);color:var(--cuivre)}
.q-grille{display:grid;grid-template-columns:minmax(0,1fr);gap:24px 28px}
.q-champ{display:grid;gap:10px;align-content:start;min-width:0}
.q-champ>label,.q-libelle,.q-choix>legend{font-weight:500;color:var(--marine);font-size:.98rem;line-height:1.4}
.q-choix{border:0;margin:0;padding:0;min-width:0}
.q-choix>legend{padding:0;margin-bottom:10px}
.q-sous{display:block;font-size:.85rem;color:var(--marine);margin-bottom:6px}
.q-saisie{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 14px;border:1px solid #E8DCCB;border-radius:10px;background:#fff;color:#8A7F73;transition:border-color .2s,box-shadow .2s}
.q-saisie>svg{flex:none;width:18px;height:18px}
.q-saisie input,.q-saisie select{flex:1;min-width:0;border:0;background:transparent;padding:12px 0;font:400 .95rem var(--sans);color:var(--encre);outline:none}
.q-saisie input::placeholder{color:#8A8F93}
.q-saisie:focus-within{border-color:var(--cuivre-vif);box-shadow:0 0 0 3px rgba(181,112,44,.15)}
.q-saisie--euro{padding-left:0;overflow:hidden}
.q-saisie--euro span{align-self:stretch;display:grid;place-items:center;width:52px;background:var(--cuivre-clair);color:var(--marine);font-weight:600}
.q-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.q-case{display:flex;align-items:center;gap:10px;font-size:.92rem;color:var(--marine);cursor:pointer}
.q-case input,.tuile input[type=radio],.tuile input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:0;border:1.5px solid var(--cuivre-vif);border-radius:5px;background:#fff;display:grid;place-items:center;cursor:pointer}
.tuile input[type=radio]{border-radius:50%}
.q-case input:checked,.tuile input[type=checkbox]:checked{background:var(--cuivre)}
.q-case input:checked::after,.tuile input[type=checkbox]:checked::after{content:"";width:9px;height:5px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg) translate(1px,-1px)}
.tuile input[type=radio]:checked::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--cuivre)}
.q-pas{display:grid;grid-template-columns:44px 1fr 44px;height:48px;border:1px solid #E8DCCB;border-radius:10px;background:#fff;overflow:hidden}
.q-pas button{border:0;background:transparent;font:400 1.3rem/1 var(--sans);color:var(--marine);cursor:pointer}
.q-pas button:hover{background:var(--cuivre-clair)}
.q-pas input{width:100%;min-width:0;border:0;border-inline:1px solid #E8DCCB;text-align:center;font:500 1rem var(--sans);color:var(--encre);-moz-appearance:textfield}
.q-pas input::-webkit-inner-spin-button{-webkit-appearance:none}
.q-tuiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.tuile{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 12px;border:1px solid #E8DCCB;border-radius:10px;background:#fff;cursor:pointer;font-size:.86rem;line-height:1.3;color:var(--marine);transition:border-color .2s,background .2s}
.tuile>svg{flex:none;width:20px;height:20px}
.tuile small{display:block;font-size:.76rem;color:#5F6468}
.tuile:hover{border-color:#D9B88E}
.tuile:has(input:checked){background:#FBEBD8;border-color:#E6C49B}
.tuile input:focus-visible{outline:2px solid var(--cuivre);outline-offset:2px}
.tuile--nombre{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:6px;cursor:default}
.tuile--nombre>svg{grid-row:span 2;width:26px;height:26px}
.tuile--nombre label{cursor:pointer}
.tuile--nombre input{width:100%;min-width:0;padding:6px 8px;border:1px solid #E8DCCB;border-radius:6px;font:400 .85rem var(--sans)}
.q-encadre{background:#FCF1E4;border-radius:12px;padding:14px}
.q-encadre>legend{float:left;width:100%}
.q-encadre>.q-tuiles{clear:both}
.q-ligne{display:grid;gap:24px}
.q-autre{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:10px}
.q-autre__saisie{min-width:0;padding:12px 14px;border:1px solid #E8DCCB;border-radius:10px;font:400 .9rem var(--sans)}
.q-tuiles .q-autre__saisie{grid-column:1/-1}
.q-nav{display:flex;justify-content:space-between;gap:12px;margin-top:34px}
.q-nav .q-btn:only-child{margin-left:auto}
.q-btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 26px;border:1.5px solid var(--cuivre);border-radius:10px;background:#fff;color:var(--cuivre);font:500 1rem var(--sans);cursor:pointer;transition:background .2s}
.q-btn svg{width:18px;height:18px}
.q-btn:hover{background:var(--cuivre-clair)}
.q-btn--plein{background:var(--cuivre);color:#fff}
.q-btn--plein:hover{background:#874D1A}
.q-merci{margin:24px}

/* ---------- Tablette et ordinateur ---------- */
@media (max-width:420px){.btn{padding:0 22px;font-size:1rem;gap:12px}.demande{padding:30px 18px}.compteur{padding-left:18px;gap:10px}}
@media (min-width:700px){
	.dests--grille{grid-template-columns:repeat(3,1fr)}
	.q-tuiles--3,.q-tuiles--6{grid-template-columns:repeat(3,1fr)}
	.q-tuiles--4,.q-tuiles--5,.q-tuiles--7{grid-template-columns:repeat(4,1fr)}
	.q-form{padding:30px 32px 34px}
	.q-banniere__photo{order:0;position:absolute;inset:0 0 0 auto;width:60%;height:auto;-webkit-mask:linear-gradient(90deg,transparent,#000 40%);mask:linear-gradient(90deg,transparent,#000 40%)}
	.q-banniere__texte{max-width:56%;padding:34px 36px}
	.atouts ul{grid-template-columns:repeat(3,1fr)}
	.services{grid-template-columns:1fr 1fr}
	.principe__grille{grid-template-columns:repeat(3,1fr)}
	.actions{grid-template-columns:auto auto;justify-content:start}
	.actions .btn{white-space:nowrap}
	.depart .actions{justify-content:center}
	.demande{padding:52px 48px 48px}
	.pied__in{grid-template-columns:1.4fr 1fr 1fr}
}
@media (min-width:1024px){
	.dests{grid-auto-columns:270px;padding-inline:calc((100vw - min(100vw - 40px,1200px))/2);scroll-padding-inline:calc((100vw - min(100vw - 40px,1200px))/2)}
	.dests--grille{grid-template-columns:repeat(5,1fr);padding:0}
	.dests--grille .dest{aspect-ratio:.86}
	.role{grid-template-columns:1.05fr 1fr;align-items:center;padding:56px}
	.q-panneau{grid-template-columns:250px 1fr}
	.q-etapes{padding:26px 16px 280px;border-bottom:0;border-right:1px solid #F1E2CE}
	.q-etapes ol{flex-direction:column;overflow:visible}
	.q-etapes a{white-space:normal;padding:8px 10px 8px 8px}
	.q-etapes a[aria-current]::before{content:"";position:absolute;left:-16px;top:14%;bottom:14%;width:3px;border-radius:3px;background:var(--cuivre-vif)}
	.q-etapes::after{content:"";position:absolute;left:0;right:0;bottom:0;height:260px;background:url(img/q-paysage.webp) center/cover;filter:sepia(1) saturate(1.7) hue-rotate(-12deg) brightness(1.04) contrast(.9);opacity:.8;-webkit-mask:linear-gradient(transparent,#000 45%);mask:linear-gradient(transparent,#000 45%)}
	.q-etapes::before{content:"";position:absolute;z-index:1;left:-14px;bottom:6px;width:120px;aspect-ratio:330/716;background:url(img/deco-palmes.webp) center/contain no-repeat}
	.q-grille{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	.q-grille--1{grid-template-columns:minmax(0,1fr)}
	.q-plein{grid-column:1/-1}
	.q-ligne{grid-template-columns:1.5fr 1fr;align-items:start}
	.q-tuiles--5{grid-template-columns:repeat(5,1fr)}
	.q-tuiles--6{grid-template-columns:repeat(6,1fr)}
	.q-tuiles--7{grid-template-columns:repeat(7,1fr)}
	.q-tuiles--4 .q-autre__saisie{grid-column:span 3}
	.q-form{padding:30px 34px 34px}
	.sec{padding:128px 0}
	.hero{padding:56px 0 120px}
	.hero__in{grid-template-columns:1fr 1fr;grid-template-areas:"logo logo" "texte visuel" "suite visuel";column-gap:72px;align-items:start}
	.hero__logo{width:300px;margin-bottom:56px}
	.hero__texte{align-self:end}
	.hero__visuel{margin-top:0;padding-bottom:70px}
	.etapes__in{display:grid;grid-template-columns:5fr 6fr;gap:96px;align-items:start}
	.etapes__in .tete{position:sticky;top:140px}
	.etapes__liste{margin-top:0}
	.services{grid-template-columns:repeat(3,1fr)}
	.formules{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:28px}
	.dests__tete{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
	.dests__nav{display:flex}
	.dests__aide{display:none}
	.apropos__in{display:grid;grid-template-columns:6fr 5fr;gap:96px;align-items:start}
	.apropos__in .valeurs:first-child{margin-top:0}
	.apropos__photo{margin-top:0}
	.pied__in{grid-template-columns:2fr 1fr 1.2fr}
}

@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
	.revele{opacity:1;transform:none}
}
/* Cadrage des photos dont le sujet est décentré */
.dest img[src*="dest-rome"]{object-position:35% 50%}
.dest img[src*="dest-tulum"]{object-position:68% 50%}
.dest img[src*="dest-reykjavik"]{object-position:30% 50%}
.dest img[src*="dest-tokyo"]{object-position:40% 50%}
.page-tete.deco::before{opacity:.45}

/* ---------- À propos (texte de Logan) et pages légales ---------- */
.apropos__titre{font:400 clamp(2.1rem,1.6rem + 2vw,3rem)/1.1 var(--serif);color:var(--encre);margin-bottom:6px}
.apropos__txt p{margin-top:20px}
.apropos__fort{font:italic 400 1.5rem/1.4 var(--serif);color:var(--accent)}
.apropos__signature{padding-top:20px;border-top:1px solid #DCCFB8;font-weight:500;color:var(--marine)}
.apropos__signature em{color:var(--or)}
.apropos__photo+.valeurs{margin-top:40px}
.legal h2{font:600 1.6rem/1.2 var(--serif);color:var(--marine);margin:40px 0 12px}
.legal h2:first-child{margin-top:0}
.legal p{line-height:1.8}
.legal a{color:var(--bleu)}
.q-merci .q-payer{margin-top:26px}
.q-note{margin-top:14px;font-size:.92rem;color:#5F6468}
.formule__delai{display:flex;align-items:center;justify-content:center;gap:8px;margin:-8px 0 22px;font-size:.9rem;color:var(--bleu);text-align:center}
.formule__delai svg{flex:none;width:16px;height:16px}
.legal__liste{display:grid;gap:8px;margin:14px 0 0 1.2em;list-style:disc}
.legal .lead a,.legal__liste a{color:var(--bleu)}
.q-case span a{color:var(--bleu);text-decoration:underline}
.q-case{align-items:flex-start;line-height:1.45}
.q-case input{margin-top:2px}
.retractation{margin-top:0}

/* Visuel du globe (fourni par Logan le 29/10/2026) à la place de l arche et du billet */
.hero__visuel--globe{display:grid;justify-items:center;padding-bottom:0}
.hero__globe{width:min(100%,560px);mix-blend-mode:multiply}
.hero__formule{margin-top:6px;min-width:min(100%,320px);background:var(--marine);border-radius:999px}
.hero__formule:hover{background:#0D2444}
.hero__globe{-webkit-mask-image:linear-gradient(to right,#000 88%,transparent),linear-gradient(to bottom,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,#000 88%,transparent),linear-gradient(to bottom,#000 90%,transparent);mask-composite:intersect}