.inspirations-page {
  --ink:var(--noir);
  --paper:var(--ivoire);
  --clay:#A36F49; /* Variante officielle d’accent éditorial, complémentaire au doré principal. */
}
.inspirations-page h1,.inspirations-page h2,.inspirations-page h3 { font-family:var(--font-serif); font-weight:300; line-height:1.04; }
.inspirations-page h2 { font-size:clamp(2.65rem,5vw,4.9rem); letter-spacing:-.025em; }
.inspirations-page h3 { font-size:clamp(1.65rem,2.5vw,2.45rem); }
.insp-eyebrow { margin-bottom:18px; color:var(--dore); font-size:.68rem; font-weight:500; letter-spacing:.28em; line-height:1.4; text-transform:uppercase; }
.inspirations-hero { position:relative; min-height:100svh; display:flex; align-items:center; overflow:hidden; padding-block:clamp(104px,12vh,132px) clamp(78px,9vh,108px); box-sizing:border-box; color:#fffaf2; background:var(--bleu-nuit); }
.inspirations-hero__media,.inspirations-hero__veil { position:absolute; inset:0; }
.inspirations-hero__media picture { display:block; width:100%; height:100%; }
.inspirations-hero__media img { width:100%; height:100%; object-fit:cover; object-position:center 56%; filter:saturate(.68) contrast(.96); transform:scale(1.015); animation:insp-breathe 18s ease-out both; }
.inspirations-hero__veil { background:linear-gradient(90deg,rgba(19,27,29,.89) 0%,rgba(22,28,28,.68) 44%,rgba(20,25,25,.18) 74%),linear-gradient(0deg,rgba(12,18,19,.68),transparent 50%); }
.inspirations-hero__content { position:relative; z-index:1; width:min(780px,58vw); max-width:780px; margin-inline:max(48px,calc((100vw - var(--content-max))/2)); padding:0; }
.inspirations-hero h1 { max-width:760px; margin-bottom:24px; font-size:clamp(4rem,5.5vw,5.875rem); line-height:.98; letter-spacing:-.025em; }
.inspirations-hero__intro { max-width:780px; margin-bottom:8px; font-size:clamp(1.125rem,1.25vw,1.3125rem); line-height:1.6; }
.inspirations-hero__intro--soft { color:rgba(255,250,242,.76); }
.inspirations-hero .hero-ctas { align-items:stretch; justify-content:flex-start; flex-wrap:nowrap; gap:14px; margin-top:30px; }
.inspirations-hero .btn-primary,.inspirations-hero .btn-ghost { width:auto; min-height:58px; padding-block:0; padding-inline:clamp(24px,2.4vw,38px); white-space:nowrap; }
.inspirations-hero .btn-primary::after,.inspirations-hero .btn-ghost::after { content:'→'; margin-inline-start:16px; }
.inspirations-hero .btn-ghost { cursor:pointer; font-family:var(--font-sans); font-size:.72rem; text-transform:uppercase; letter-spacing:.13em; }
.inspirations-hero__note { position:absolute; right:clamp(24px,5vw,72px); bottom:42px; z-index:1; font-family:var(--font-serif); font-style:italic; font-size:1.02rem; color:rgba(255,250,242,.65); }
@keyframes insp-breathe { from{transform:scale(1.045)} to{transform:scale(1.015)} }

.compass-section { padding:var(--section-y) 0; background:var(--paper); }
.compass-layout { display:grid; grid-template-columns:minmax(280px,.74fr) minmax(480px,1.26fr); gap:clamp(60px,9vw,130px); align-items:start; }
.compass-intro { position:sticky; top:125px; }
.compass-intro h2 { margin-bottom:25px; }
.compass-intro > p:last-child { max-width:470px; color:var(--gris-fort); }
.compass-panel { padding-top:12px; }
.intentions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid rgba(43,39,36,.22); }
.intent-button { position:relative; min-height:84px; padding-block:20px; padding-inline:2px 48px; border:0; border-bottom:1px solid rgba(43,39,36,.22); background:transparent; color:var(--ink); font-family:var(--font-serif); font-size:clamp(1.5rem,2.4vw,2.15rem); font-weight:300; text-align:left; cursor:pointer; transition:padding .25s var(--ease-soft),color .25s ease,background .25s ease; }
.intent-button:nth-child(odd) { border-right:1px solid rgba(43,39,36,.22); }
.intent-button:nth-child(even) { padding-inline-start:26px; }
.intent-button::after { content:'↗'; position:absolute; right:20px; top:50%; transform:translateY(-50%); font-family:var(--font-sans); font-size:.95rem; color:var(--dore); opacity:.65; }
.intent-button:hover,.intent-button:focus-visible,.intent-button[aria-current="page"],.intent-button[aria-pressed="true"] { padding-inline-start:18px; color:var(--dore); background:var(--bleu-nuit); }
.intent-button:nth-child(even):hover,.intent-button:nth-child(even):focus-visible,.intent-button:nth-child(even)[aria-current="page"],.intent-button:nth-child(even)[aria-pressed="true"] { padding-inline-start:38px; }
.intent-button:hover::after,.intent-button:focus-visible::after,.intent-button[aria-current="page"]::after,.intent-button[aria-pressed="true"]::after { color:var(--dore); opacity:1; }
.intent-button:focus-visible { outline:2px solid var(--dore); outline-offset:-3px; }
.intentions a.intent-button { display:flex; align-items:center; box-sizing:border-box; text-decoration:none; }
.compass-response { min-height:102px; padding:24px 0 0; color:var(--gris-fort); font-family:var(--font-serif); font-size:1.24rem; font-style:italic; line-height:1.5; }
.text-button { margin-top:12px; padding:0 0 3px; border:0; border-bottom:1px solid currentColor; background:none; color:var(--gris-fort); font-family:var(--font-sans); font-size:.68rem; font-style:normal; letter-spacing:.14em; text-transform:uppercase; cursor:pointer; }

.featured-section { padding:var(--section-y) 0; background:#e6dbca; }
.featured-story { display:grid; grid-template-columns:1.14fr .86fr; min-height:630px; margin-top:32px; background:var(--bleu-nuit); color:#fffaf2; }
.featured-story__image { min-height:500px; overflow:hidden; }
.featured-story__image picture { display:block; width:100%; height:100%; }
.featured-story__image img { width:100%; height:100%; object-fit:cover; object-position:center 72%; transition:transform .8s var(--ease-soft); }
.featured-story:hover .featured-story__image img { transform:scale(1.025); }
.featured-story__copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(42px,6vw,84px); }
.article-kicker { color:var(--dore-pale); font-size:.65rem; font-weight:500; letter-spacing:.2em; text-transform:uppercase; }
.featured-story h2 { margin:24px 0; font-size:clamp(2.7rem,4.6vw,5rem); }
.featured-story__copy > p { color:rgba(255,250,242,.72); }
.article-meta { display:flex; flex-wrap:wrap; gap:10px 20px; margin:24px 0; color:var(--gris-chaud); font-size:.7rem; letter-spacing:.11em; text-transform:uppercase; }
.featured-story .article-meta { color:rgba(255,250,242,.58); }
.article-link { display:inline-block; width:max-content; margin-top:10px; padding-bottom:4px; border-bottom:1px solid var(--dore); color:inherit; font-size:.72rem; font-style:normal; letter-spacing:.13em; text-decoration:none; text-transform:uppercase; }

.editorial-doors,.articles-section { padding:var(--section-y) 0; background:var(--ivoire); }
.section-heading { display:grid; grid-template-columns:1.4fr .6fr; gap:50px; align-items:end; margin-bottom:50px; }
.section-heading > p { max-width:410px; color:var(--gris-fort); }
.doors-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:18px; }
.door-card { grid-column:span 4; min-height:390px; display:flex; flex-direction:column; justify-content:space-between; padding:30px; border:1px solid rgba(43,39,36,.16); color:var(--ink); text-decoration:none; overflow:hidden; transition:transform .3s var(--ease-soft),background .3s ease; }
.door-card--wide { grid-column:span 7; min-height:340px; }
.door-card--image { position:relative; grid-column:span 5; overflow:hidden; color:#fff; }
.door-card--image::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(16,22,22,.82),rgba(16,22,22,.08)); }
.door-card--image picture,.door-card--image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.door-card--image > *:not(picture) { position:relative; z-index:1; }
.door-card--split { display:grid; grid-template-columns:minmax(0,57fr) minmax(0,43fr); grid-template-areas:"copy media"; padding:0; }
.door-card--split .door-card__copy { grid-area:copy; }
.door-card--split .door-card__media { grid-area:media; }
.door-card--stacked { display:grid; grid-template-rows:40% 60%; padding:0; }
.door-card__copy { min-width:0; display:flex; flex-direction:column; justify-content:space-between; padding:30px; }
.door-card__media { display:block; width:100%; height:100%; overflow:hidden; }
.door-card__media img { display:block; width:100%; height:100%; object-fit:cover; }
.door-card--choose .door-card__media img { object-position:center; }
.door-card--stacked .door-card__media img { object-position:center 54%; }
.door-card--behind { grid-template-columns:minmax(0,67fr) minmax(0,33fr); }
.door-card--behind .door-card__media img { object-position:52% center; }
.door-card--dark { background:var(--bleu-nuit); color:#fffaf2; }
.door-card > span,.door-card__copy > span { color:var(--dore); font-size:.68rem; letter-spacing:.18em; }
.door-card h3 { margin-bottom:16px; }
.door-card p { color:var(--gris-fort); font-size:.92rem; line-height:1.7; }
.door-card--dark p,.door-card--image p { color:rgba(255,250,242,.68); }
.door-card em { display:block; margin-top:25px; font-size:.65rem; font-style:normal; letter-spacing:.14em; text-transform:uppercase; }
.door-card:hover { transform:translateY(-5px); background:#eee5d7; }
.door-card--stacked:hover,.door-card--choose:hover { background:var(--ivoire); }
.door-card--dark:hover { background:#283638; }
.door-card--soon { cursor:default; }
.door-card--soon:hover { transform:none; background:transparent; }
.door-card--soon.door-card--dark:hover { background:var(--bleu-nuit); }

.traveller-questions { padding:var(--section-y) 0; background:var(--bleu-nuit); color:#fffaf2; }
.questions-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(60px,10vw,145px); }
.questions-layout > div:first-child > p:last-child { margin-top:28px; color:rgba(255,250,242,.62); }
.questions-list { border-top:1px solid rgba(255,255,255,.18); }
.question-link { display:grid; grid-template-columns:44px 1fr 24px; gap:14px; align-items:center; padding:22px 0; border-bottom:1px solid rgba(255,255,255,.18); color:inherit; text-decoration:none; }
.question-link span:first-child { color:var(--dore); font-size:.67rem; }
.question-link strong { font-family:var(--font-serif); font-size:clamp(1.28rem,2vw,1.75rem); font-weight:300; line-height:1.25; }
.question-link span:last-child { color:var(--dore); transition:transform .2s ease; }
.question-link:hover span:last-child { transform:translateX(5px); }

.filter-bar { display:grid; grid-template-columns:repeat(3,1fr) auto; gap:14px; align-items:end; margin-bottom:45px; padding:24px; background:#e9dfd1; }
.filter-bar label span { display:block; margin-bottom:8px; font-size:.62rem; font-weight:500; letter-spacing:.15em; text-transform:uppercase; }
.filter-bar select { width:100%; min-height:48px; padding:0 38px 0 14px; border:1px solid rgba(43,39,36,.22); border-radius:0; background:#f8f3ea; color:var(--ink); font:300 .85rem var(--font-sans); }
.filter-reset { min-height:48px; padding:0 16px; border:1px solid rgba(43,39,36,.3); background:transparent; color:var(--ink); font:400 .66rem var(--font-sans); letter-spacing:.1em; text-transform:uppercase; cursor:pointer; }
.active-category-chip { width:max-content; max-width:100%; display:flex; align-items:center; gap:12px; margin:-20px 0 26px; padding:9px 12px 9px 16px; border:1px solid rgba(43,39,36,.25); color:var(--ink); font-size:.72rem; letter-spacing:.06em; }
.active-category-chip[hidden] { display:none; }
.active-category-chip button { width:30px; height:30px; border:0; background:var(--bleu-nuit); color:#fff; font-size:1.1rem; line-height:1; cursor:pointer; }
.articles-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:56px 22px; }
.article-card { grid-column:span 4; }
.article-card:nth-child(5n+1) { grid-column:span 7; }
.article-card:nth-child(5n+2) { grid-column:span 5; }
.article-card__image { aspect-ratio:1.22; display:block; margin-bottom:23px; overflow:hidden; background:#ddd2c1; }
.article-card:nth-child(5n+1) .article-card__image { aspect-ratio:1.7; }
.article-card__image picture { display:block; width:100%; height:100%; }
.article-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease-soft),filter .4s ease; }
.article-card:hover img { transform:scale(1.025); filter:saturate(.85); }
.article-card h3 { margin:12px 0 14px; font-size:clamp(1.75rem,2.7vw,2.6rem); }
.article-card h3 a { text-decoration:none; }
.article-card__excerpt { color:var(--gris-fort); font-size:.88rem; line-height:1.68; }
.article-card .article-meta { margin:15px 0 0; }
.empty-state { grid-column:1/-1; padding:70px 24px; border:1px solid rgba(43,39,36,.16); text-align:center; color:var(--gris-fort); }
.empty-state[hidden] { display:none; }
.empty-state h3 { margin-bottom:12px; color:var(--ink); font-size:2.2rem; }
.empty-state > div { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:24px; margin-top:28px; }
.load-more-wrap { margin-top:55px; text-align:center; }
.btn-outline { min-height:52px; padding:0 28px; border:1px solid var(--ink); background:transparent; color:var(--ink); font:400 .68rem var(--font-sans); letter-spacing:.14em; text-transform:uppercase; cursor:pointer; }

.season-section { padding:var(--section-y) 0; background:#ded0bc; }
.season-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.season-card { min-height:460px; display:flex; flex-direction:column; background:var(--paper); }
.season-card img { width:100%; aspect-ratio:1.35; object-fit:cover; }
.season-card div { display:flex; flex:1; flex-direction:column; padding:28px; }
.season-card h3 { margin:12px 0 18px; font-size:2rem; }
.season-card .article-link { margin-top:auto; }
.season-card--text { background:var(--bleu-nuit); color:#fffaf2; }
.season-card--text > div { padding:clamp(36px,6vw,72px); }
.season-card--text .article-meta { color:rgba(255,250,242,.6); }

.inspirations-contact { padding:clamp(95px,11vw,165px) 0; background:var(--paper); text-align:center; }
.inspirations-contact__inner { max-width:850px; }
.inspirations-contact h2 { margin-bottom:28px; }
.inspirations-contact__inner > p:not(.insp-eyebrow) { max-width:720px; margin:0 auto 36px; color:var(--gris-fort); font-size:1.05rem; }
.inspirations-contact__inner > div { display:flex; flex-wrap:wrap; gap:22px; justify-content:center; align-items:center; }

/* Article template */
.article-page main { background:var(--paper); }
.article-breadcrumb { padding:110px max(24px,calc((100vw - var(--content-max))/2)) 30px; color:var(--gris-fort); font-size:.67rem; letter-spacing:.1em; text-transform:uppercase; }
.article-breadcrumb a { text-decoration:none; }
.article-header { padding:35px 0 75px; text-align:center; }
.article-header__inner { max-width:970px; }
.article-header h1 { margin:20px auto 25px; font-size:clamp(3.4rem,7vw,7.4rem); }
.article-lead { max-width:770px; margin:0 auto; color:var(--gris-fort); font-family:var(--font-serif); font-size:clamp(1.35rem,2vw,1.75rem); line-height:1.45; }
.article-header .article-meta { justify-content:center; }
.article-hero-picture { display:block; width:min(1400px,calc(100% - 48px)); margin:0 auto; }
.article-hero-image { display:block; width:100%; max-height:820px; margin:0 auto; object-fit:cover; }
body[data-article-slug="choisir-destination-sans-savoir"] .article-hero-image { object-position:center 62%; }
body[data-article-slug="oman-besoin-espace"] .article-hero-picture { width:min(860px,calc(100% - 48px)); }
body[data-article-slug="oman-besoin-espace"] .article-hero-image { max-height:none; object-fit:contain; object-position:center 68%; }
body[data-article-slug="preparer-voyage-sans-epuiser"] .article-hero-image { object-position:center 58%; }
body[data-article-slug="voir-moins-de-lieux-en-habiter-davantage"] .article-hero-image { object-position:center center; }
body[data-article-slug="mekong-laos-laisser-le-paysage-prendre-son-temps"] .article-hero-image { object-position:center 54%; }
body[data-article-slug="itineraire-sur-mesure-nawa"] .article-hero--coulisses {
  position:relative;
  width:min(1600px,100%);
  min-height:clamp(620px,72vw,900px);
  margin:0 auto;
  overflow:hidden;
  background:#14212b;
  color:#fff8ee;
}
body[data-article-slug="itineraire-sur-mesure-nawa"] .article-hero-picture {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
}
body[data-article-slug="itineraire-sur-mesure-nawa"] .article-hero-image {
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:54% center;
}
body[data-article-slug="itineraire-sur-mesure-nawa"] .article-hero__veil {
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(10,20,27,.88) 0%,rgba(10,20,27,.72) 34%,rgba(10,20,27,.28) 58%,rgba(10,20,27,0) 78%);
  pointer-events:none;
}
body[data-article-slug="itineraire-sur-mesure-nawa"] .article-header {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  min-height:clamp(620px,72vw,900px);
  padding:80px 0;
  text-align:left;
}
body[data-article-slug="itineraire-sur-mesure-nawa"] .article-header__inner {
  width:min(700px,52%);
  max-width:none;
  margin-left:max(32px,calc((100vw - var(--content-max))/2));
  margin-right:auto;
}
body[data-article-slug="itineraire-sur-mesure-nawa"] .article-header h1 {
  margin:20px 0 25px;
  color:inherit;
  font-size:clamp(3.2rem,5.8vw,6.5rem);
}
body[data-article-slug="itineraire-sur-mesure-nawa"] .article-lead {
  margin:0;
  color:rgba(255,248,238,.9);
}
body[data-article-slug="itineraire-sur-mesure-nawa"] .article-header .article-meta {
  justify-content:flex-start;
  color:rgba(255,248,238,.75);
}
[dir="rtl"] body[data-article-slug="itineraire-sur-mesure-nawa"] .article-header {
  text-align:right;
}
[dir="rtl"] body[data-article-slug="itineraire-sur-mesure-nawa"] .article-header__inner {
  margin-right:max(32px,calc((100vw - var(--content-max))/2));
  margin-left:auto;
}
[dir="rtl"] body[data-article-slug="itineraire-sur-mesure-nawa"] .article-hero__veil {
  background:linear-gradient(270deg,rgba(10,20,27,.88) 0%,rgba(10,20,27,.72) 34%,rgba(10,20,27,.28) 58%,rgba(10,20,27,0) 78%);
}
[dir="rtl"] body[data-article-slug="itineraire-sur-mesure-nawa"] .article-hero-image {
  object-position:46% center;
}
[dir="rtl"] body[data-article-slug="itineraire-sur-mesure-nawa"] .article-header .article-meta {
  justify-content:flex-end;
}
body[data-article-slug="ralentir"] .article-hero-image { object-position:center 62%; }
body[data-article-slug="me-retrouver"] .article-hero-image { object-position:76% 42%; }
body[data-article-slug="m-emerveiller"] .article-hero-image { object-position:center 58%; }
body[data-article-slug="partager-en-famille"] .article-hero-image { object-position:center 58%; }
body[data-article-slug="celebrer"] .article-hero-image { object-position:72% 65%; }
body[data-article-slug="sortir-du-quotidien"] .article-hero-image { object-position:72% 58%; }
body[data-article-slug="partir-a-l-aventure"] .article-hero-image { object-position:72% 68%; }
body[data-article-slug="ne-penser-a-rien"] .article-hero-picture { width:min(860px,calc(100% - 48px)); }
body[data-article-slug="ne-penser-a-rien"] .article-hero-image { max-height:none; object-fit:contain; object-position:center center; }
.article-body { width:min(760px,calc(100% - 48px)); margin:0 auto; padding:90px 0 110px; }
.article-body > p { margin-bottom:28px; font-family:var(--font-serif); font-size:clamp(1.25rem,2vw,1.48rem); line-height:1.68; }
.article-body > p:first-child::first-letter { float:left; margin:9px 10px 0 0; color:var(--dore); font-size:4.8rem; line-height:.7; }
.article-body h2 { margin:75px 0 25px; font-size:clamp(2.6rem,5vw,4.3rem); }
.article-body blockquote { margin:65px -80px; padding:35px 55px; border-left:1px solid var(--dore); color:var(--clay); font-family:var(--font-serif); font-size:clamp(2rem,3.7vw,3.4rem); font-style:italic; line-height:1.25; }
.practical-card { width:min(1040px,calc(100% - 48px)); margin:80px auto 0; padding:45px; border-top:1px solid rgba(43,39,36,.24); border-bottom:1px solid rgba(43,39,36,.24); }
.practical-card h2 { margin-bottom:30px; font-family:var(--font-serif); font-size:2.7rem; font-weight:300; }
.practical-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px 40px; }
.practical-grid dt { margin-bottom:5px; color:var(--dore); font-size:.62rem; font-weight:500; letter-spacing:.15em; text-transform:uppercase; }
.practical-grid dd { font-family:var(--font-serif); font-size:1.22rem; line-height:1.35; }
.article-callout { margin:65px -120px; padding:55px; background:var(--bleu-nuit); color:#fffaf2; text-align:center; }
.article-callout h2 { margin:0 0 18px; font-size:3rem; }
.article-callout p { margin-bottom:28px; color:rgba(255,250,242,.7); }
.article-takeaways { margin-top:70px; padding-top:40px; border-top:1px solid rgba(43,39,36,.2); }
.article-takeaways h2 { margin-top:0; }
.article-takeaways li { margin:14px 0 14px 22px; font-family:var(--font-serif); font-size:1.25rem; }
.related-section { padding:var(--section-y) 0; background:#e6dbca; }
.related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px; }
.article-localized[hidden] { display:none; }
.article-figure { width:min(1040px,calc(100% + 200px)); margin:70px -100px; }
.article-figure picture { display:block; width:100%; }
.article-figure img { width:100%; max-height:740px; object-fit:cover; }
.article-figure figcaption { margin-top:12px; color:var(--gris-fort); font-size:.76rem; line-height:1.55; }
.article-figure--portrait { width:min(680px,100%); margin-inline:auto; }
.article-figure--portrait img { max-height:none; object-fit:contain; }
.article-figure--native-small { width:min(563px,100%); margin-inline:auto; }
.article-figure--native-small img { max-height:none; object-fit:contain; }
.article-card[data-slug="choisir-destination-sans-savoir"] .article-card__image img { object-position:center 62%; }
.article-card[data-slug="preparer-voyage-sans-epuiser"] .article-card__image img { object-position:center 58%; }
.article-card[data-slug="voir-moins-de-lieux-en-habiter-davantage"] .article-card__image img { object-position:center center; }
.article-card[data-slug="mekong-laos-laisser-le-paysage-prendre-son-temps"] .article-card__image img { object-position:center 65%; }
.article-note { margin:55px 0; padding:34px 38px; border:1px solid rgba(43,39,36,.18); background:#eee5d7; }
.article-note h3 { margin-bottom:14px; font-size:2rem; }
.article-note p,.article-note li { font-family:var(--font-sans); font-size:.92rem; line-height:1.75; }
.article-note ul { margin:12px 0 0 20px; }
.article-official-advice { border-inline-start:4px solid var(--dore); background:#f4ecdf; }
.article-official-advice .external-link { display:inline-flex; min-height:44px; align-items:center; color:var(--bleu-nuit); font-weight:500; text-underline-offset:4px; }
.article-advice-reviewed { margin-top:12px; color:var(--gris-fort); font-size:.78rem !important; }
.article-suitability { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:55px -70px; }
.article-suitability > div { padding:32px; border-top:1px solid var(--dore); background:#f2eadf; }
.article-suitability h3 { margin-bottom:14px; font-size:1.9rem; }
.article-body h3 { margin:42px 0 16px; font-size:2rem; }
.article-body ul,.article-body ol { margin:0 0 30px 26px; }
.article-body li { margin:9px 0; font-family:var(--font-serif); font-size:1.22rem; line-height:1.55; }
.compass-article-page { hyphens:none; word-break:normal; overflow-wrap:normal; }
.inner-page.inspirations-page.compass-article-page .site-header:not(.scrolled) {
  background:rgba(246,241,232,.94);
  border-bottom-color:rgba(184,144,93,.22);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.inner-page.inspirations-page.compass-article-page .site-header:not(.scrolled) .brand-logo-dark { display:block; }
.inner-page.inspirations-page.compass-article-page .site-header:not(.scrolled) .brand-logo-light { display:none; }
.inner-page.inspirations-page.compass-article-page .site-header:not(.scrolled) .primary-nav a,
.inner-page.inspirations-page.compass-article-page .site-header:not(.scrolled) .menu-toggle { color:var(--gris-fort); }
.inner-page.inspirations-page.compass-article-page .site-header:not(.scrolled) .language-menu-trigger {
  color:var(--gris-fort);
  border-color:rgba(184,144,93,.28);
  background:rgba(246,241,232,.7);
}
.inner-page.inspirations-page.compass-article-page .site-header:not(.scrolled) .language-menu-chevron path { stroke:var(--gris-fort); }
.inner-page.inspirations-page.compass-article-page .site-header:not(.scrolled) .btn-header {
  color:var(--gris-fort);
  border-color:rgba(184,144,93,.32);
}
.compass-article-header .article-lead p + p { margin-top:10px; }
.compass-article-body { padding-bottom:95px; }
.compass-scene { margin:80px -80px; padding:48px 56px; border-left:1px solid var(--dore); background:#f0e6d8; }
.compass-scene .insp-eyebrow,.compass-principles .insp-eyebrow { margin-bottom:14px; font-family:var(--font-sans); font-size:.68rem; font-style:normal; }
.compass-scene h2,.compass-principles h2 { margin:0 0 26px; }
.compass-scene > p:not(.insp-eyebrow) { margin-bottom:18px; font-family:var(--font-serif); font-size:clamp(1.2rem,1.8vw,1.4rem); line-height:1.62; }
.compass-scene > p:last-child { margin-bottom:0; }
.compass-principles { margin:90px -150px 70px; }
.compass-principles > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.compass-principles article { padding:32px 28px; border-top:1px solid var(--dore); background:#f2eadf; }
.compass-principles h3 { margin:0 0 16px; font-size:1.9rem; }
.compass-principles article p { color:var(--gris-fort); font-family:var(--font-serif); font-size:1.12rem; line-height:1.58; }
.compass-signature { margin:70px -40px 0 !important; padding:40px 48px !important; border:0 !important; color:var(--bleu-nuit) !important; text-align:center; }
.compass-related-section { padding:clamp(82px,9vw,125px) 0; background:#ded0bc; }
.compass-related-section h2 { max-width:720px; margin:0 0 42px; }
.compass-back-link { display:inline-flex; min-height:44px; align-items:center; margin-bottom:48px; color:var(--bleu-nuit); font-size:.72rem; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; }
.compass-related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.compass-related-card { min-height:220px; display:flex; flex-direction:column; justify-content:space-between; padding:30px; border:1px solid rgba(43,39,36,.18); color:var(--ink); text-decoration:none; transition:transform .25s var(--ease-soft),background .25s ease; }
.compass-related-card span,.compass-related-card em { color:var(--gris-fort); font-size:.65rem; font-style:normal; letter-spacing:.14em; text-transform:uppercase; }
.compass-related-card strong { font-family:var(--font-serif); font-size:clamp(2rem,3vw,3rem); font-weight:300; }
@media (hover:hover) and (pointer:fine) {
  .compass-related-card:hover { transform:translateY(-4px); background:var(--ivoire); }
}
@media (max-width:1100px) {
  .compass-principles { margin:75px -20px 60px; }
}
.article-page .inspirations-contact { margin-top:0; }
.compat-error { min-height:70vh; display:grid; place-items:center; padding:130px 24px 80px; text-align:center; }

html[dir="rtl"] .inspirations-page { font-family:var(--font-arabic-sans); }
html[dir="rtl"] .inspirations-page h1,html[dir="rtl"] .inspirations-page h2,html[dir="rtl"] .inspirations-page h3,html[dir="rtl"] .article-lead,html[dir="rtl"] .article-body > p,html[dir="rtl"] .article-body li { font-family:var(--font-arabic-serif); }
html[dir="rtl"] .intent-button,html[dir="rtl"] .question-link,html[dir="rtl"] .filter-bar,html[dir="rtl"] .article-body,html[dir="rtl"] .article-breadcrumb { text-align:right; }
html[dir="rtl"] .intent-button:nth-child(odd) { border-right:0; border-left:1px solid rgba(43,39,36,.22); }
html[dir="rtl"] .intent-button::after { right:auto; left:20px; }
html[dir="rtl"] .question-link span:last-child { transform:scaleX(-1); }
html[dir="rtl"] .article-body blockquote { border-left:0; border-right:1px solid var(--dore); }
html[dir="rtl"] .article-body > p:first-child::first-letter { float:right; margin:9px 0 0 10px; }

button:focus-visible,a:focus-visible,select:focus-visible { outline:2px solid var(--dore); outline-offset:4px; }
@media (max-width:900px) {
  .inspirations-hero { min-height:100svh; padding:clamp(112px,13vh,138px) 32px clamp(68px,8vh,86px); }
  .inspirations-hero__veil { background:linear-gradient(0deg,rgba(14,20,20,.9),rgba(14,20,20,.16) 85%); }
  .inspirations-hero__content { width:min(720px,100%); max-width:720px; margin-inline:auto; }
  .inspirations-hero h1 { max-width:700px; font-size:clamp(3.5rem,8vw,4.375rem); }
  .inspirations-hero__note { display:none; }
  .compass-layout,.questions-layout,.section-heading { grid-template-columns:1fr; gap:36px; }
  .compass-intro { position:static; }
  .featured-story { grid-template-columns:1fr; }
  .featured-story__image { min-height:440px; }
  .door-card,.door-card--wide,.door-card--image { grid-column:span 6; }
  .door-card--choose { grid-column:span 12; }
  .filter-bar { grid-template-columns:repeat(3,1fr); overflow-x:auto; }
  .filter-bar label { min-width:170px; }
  .filter-reset { grid-column:1/-1; }
  .article-card,.article-card:nth-child(5n+1),.article-card:nth-child(5n+2) { grid-column:span 6; }
  .season-grid,.related-grid { grid-template-columns:repeat(2,1fr); }
  .article-body blockquote { margin:55px -20px; }
  .article-callout { margin:55px -20px; padding:42px 25px; }
  .article-figure { width:100%; margin:55px 0; }
  .article-suitability { margin:55px 0; }
  .compass-scene { margin:65px -20px; padding:42px 34px; }
  .compass-principles { margin:75px -20px 60px; }
  .compass-principles > div { grid-template-columns:1fr; }
  .compass-signature { margin-inline:-20px !important; }
}
@media (max-width:620px) {
  .inspirations-page .logo,.inspirations-page .language-menu-trigger,.inspirations-page .menu-toggle,
  .inspirations-page .primary-nav a,.inspirations-page .article-link,
  .inspirations-page .lang-text-option,.inspirations-page .footer-links a,
  .inspirations-page .footer-legals a {
    min-height:44px;
    display:inline-flex;
    align-items:center;
  }
  .inspirations-page h2 { font-size:2.75rem; }
  .inspirations-hero { min-height:100svh; align-items:flex-start; padding:clamp(136px,17vh,154px) 22px 56px; }
  .inspirations-hero__content { width:100%; margin-inline:0; }
  .inspirations-hero h1 { max-width:100%; margin-bottom:22px; font-size:clamp(2.875rem,13vw,3.5rem); }
  .inspirations-hero__intro { max-width:100%; font-size:1rem; line-height:1.58; }
  .inspirations-hero .hero-ctas { align-items:stretch; flex-direction:column; gap:12px; margin-top:28px; }
  .inspirations-hero .btn-primary,.inspirations-hero .btn-ghost { width:100%; min-height:56px; padding-inline:18px; white-space:normal; }
  .intentions { grid-template-columns:1fr; }
  .intent-button:nth-child(odd) { border-right:0; }
  .intent-button:nth-child(even) { padding-inline-start:2px; }
  .intent-button:nth-child(even):hover,.intent-button:nth-child(even):focus-visible,.intent-button:nth-child(even)[aria-current="page"],.intent-button:nth-child(even)[aria-pressed="true"] { padding-inline-start:18px; }
  .featured-story { margin-left:0; margin-right:0; }
  .featured-story__image { min-height:360px; }
  .featured-story__copy { padding:36px 24px 46px; }
  .doors-grid { display:block; }
  .door-card { min-height:310px; margin-bottom:14px; }
  .door-card--image { min-height:430px; }
  .door-card--split,.door-card--stacked { display:flex; min-height:0; }
  .door-card--choose { flex-direction:column; }
  .door-card--choose .door-card__media { order:-1; height:220px; }
  .door-card--stacked .door-card__media { height:210px; }
  .door-card--behind { flex-direction:column; }
  .door-card--behind .door-card__media { height:240px; }
  .question-link { grid-template-columns:32px 1fr 18px; }
  .filter-bar { display:flex; margin-left:0; margin-right:0; padding:20px; align-items:flex-end; }
  .filter-bar label { flex:0 0 170px; }
  .filter-reset { flex:0 0 150px; }
  .articles-grid { display:block; }
  .article-card { margin-bottom:48px; }
  .article-card__image,.article-card:nth-child(5n+1) .article-card__image { aspect-ratio:1.25; }
  .season-grid,.related-grid { grid-template-columns:1fr; }
  .article-header { padding-bottom:52px; }
  .article-header h1 { font-size:3.6rem; }
  .article-hero-picture { width:100%; }
  body[data-article-slug="itineraire-sur-mesure-nawa"] .article-hero--coulisses,
  body[data-article-slug="itineraire-sur-mesure-nawa"] .article-header { min-height:760px; }
  body[data-article-slug="itineraire-sur-mesure-nawa"] .article-hero-image { object-position:69% center; }
  body[data-article-slug="itineraire-sur-mesure-nawa"] .article-hero__veil {
    background:linear-gradient(90deg,rgba(10,20,27,.9) 0%,rgba(10,20,27,.74) 48%,rgba(10,20,27,.18) 100%);
  }
  body[data-article-slug="itineraire-sur-mesure-nawa"] .article-header {
    align-items:flex-end;
    padding:56px 24px;
  }
  body[data-article-slug="itineraire-sur-mesure-nawa"] .article-header__inner {
    width:100%;
    margin:0;
  }
  [dir="rtl"] body[data-article-slug="itineraire-sur-mesure-nawa"] .article-header__inner {
    margin:0;
  }
  [dir="rtl"] body[data-article-slug="itineraire-sur-mesure-nawa"] .article-hero-image {
    object-position:31% center;
  }
  [dir="rtl"] body[data-article-slug="itineraire-sur-mesure-nawa"] .article-hero__veil {
    background:linear-gradient(270deg,rgba(10,20,27,.9) 0%,rgba(10,20,27,.74) 48%,rgba(10,20,27,.18) 100%);
  }
  body[data-article-slug="itineraire-sur-mesure-nawa"] .article-header h1 { font-size:clamp(2.8rem,12vw,3.65rem); }
  .practical-grid { grid-template-columns:1fr 1fr; }
  .practical-card { width:calc(100% - 40px); padding:35px 0; }
  .article-body { padding-top:65px; }
  .article-body blockquote { margin:48px 0; padding:26px 0 26px 24px; }
  .article-figure { width:100%; margin:48px 0; }
  .article-suitability { grid-template-columns:1fr; margin:48px 0; }
  .compass-scene { margin:55px 0; padding:34px 24px; }
  .compass-principles { margin:65px 0 52px; }
  .compass-signature { margin:54px 0 0 !important; padding:32px 10px !important; }
  .compass-related-grid { grid-template-columns:1fr; }
  .compass-related-card { min-height:190px; }
}
@media (max-width:380px) {
  .inspirations-hero { padding-inline:18px; }
  .inspirations-hero__content { width:100%; margin-inline:0; }
  .inspirations-hero h1 { font-size:clamp(2.75rem,13vw,3rem); }
  .filter-bar { display:grid; grid-template-columns:1fr; overflow:visible; padding-inline:16px; }
  .filter-bar label,.filter-reset { width:100%; min-width:0; flex:auto; }
  .article-header h1 { font-size:3.05rem; }
  body[data-article-slug="itineraire-sur-mesure-nawa"] .article-hero--coulisses,
  body[data-article-slug="itineraire-sur-mesure-nawa"] .article-header { min-height:760px; }
  body[data-article-slug="itineraire-sur-mesure-nawa"] .article-hero-image { object-position:69% center; }
  body[data-article-slug="itineraire-sur-mesure-nawa"] .article-hero__veil {
    background:linear-gradient(90deg,rgba(10,20,27,.9) 0%,rgba(10,20,27,.74) 48%,rgba(10,20,27,.18) 100%);
  }
  body[data-article-slug="itineraire-sur-mesure-nawa"] .article-header {
    align-items:flex-end;
    padding:56px 24px;
  }
  body[data-article-slug="itineraire-sur-mesure-nawa"] .article-header__inner {
    width:100%;
    margin:0;
  }
  [dir="rtl"] body[data-article-slug="itineraire-sur-mesure-nawa"] .article-header__inner {
    margin:0;
  }
  [dir="rtl"] body[data-article-slug="itineraire-sur-mesure-nawa"] .article-hero-image {
    object-position:31% center;
  }
  [dir="rtl"] body[data-article-slug="itineraire-sur-mesure-nawa"] .article-hero__veil {
    background:linear-gradient(270deg,rgba(10,20,27,.9) 0%,rgba(10,20,27,.74) 48%,rgba(10,20,27,.18) 100%);
  }
  body[data-article-slug="itineraire-sur-mesure-nawa"] .article-header h1 { font-size:clamp(2.8rem,12vw,3.65rem); }
  body[data-article-slug="preparer-voyage-sans-epuiser"] .article-heading--mobile-narrow {
    font-size:2.3rem;
    line-height:1.08;
  }
  .practical-grid { grid-template-columns:1fr; }
  .article-callout { margin-inline:0; }
}
@media (min-width:901px) and (max-height:800px) {
  .inspirations-hero { padding-block:96px 58px; }
  .inspirations-hero h1 { margin-bottom:18px; font-size:clamp(3.75rem,5vw,4.75rem); }
  .inspirations-hero__intro { font-size:1.0625rem; line-height:1.5; }
  .inspirations-hero .hero-ctas { margin-top:24px; }
  .inspirations-hero .btn-primary,.inspirations-hero .btn-ghost { min-height:54px; }
}
@media (prefers-reduced-motion:reduce) {
  .inspirations-hero__media img { animation:none; transform:none; }
  .intent-button,.door-card,.article-card__image img,.featured-story__image img { transition:none; }
}