/* Saliy's review notes 19–23. Shared presentation only. */
html body.atelier-five .signature-visual.hero-carousel{padding:7px;display:grid;grid-template-rows:minmax(0,1fr) 44px;background:var(--brand);border-radius:5px}
html body.atelier-five .hero-carousel-stage{min-height:0;height:100%;border-radius:2px}
html body.atelier-five .hero-carousel-controls{position:static;display:flex;gap:6px;min-width:0;align-self:center;padding-top:3px}
html body.atelier-five .hero-carousel-controls button{min-height:40px;border-radius:50%}
html body.atelier-five .hero-carousel-controls button:hover{background:rgba(255,255,255,.45)}
html body.atelier-five .hero-carousel-controls [data-carousel-toggle]{border-radius:3px;font-size:12px}
html body.atelier-five .hero-carousel-dots button{min-width:40px}
html body.atelier-five .hero-trip-caption{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:minmax(0,1fr) 24px;column-gap:16px;padding:45px 22px 20px;background:linear-gradient(transparent,rgba(15,34,25,.88));color:#fff;text-shadow:0 1px 3px #0004}
html body.atelier-five .hero-trip-country{grid-column:1;font:600 11px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;margin-bottom:4px}
html body.atelier-five .hero-trip-caption>strong{grid-column:1;font:400 clamp(21px,2.4vw,30px)/1.15 var(--serif);letter-spacing:-.025em;overflow-wrap:break-word}
html body.atelier-five .hero-trip-caption>svg{grid-column:2;grid-row:1/3;align-self:end;width:23px;height:23px;margin-bottom:2px;transition:transform .2s}
html body.atelier-five .hero-slide:hover .hero-trip-caption>svg{transform:translateX(3px)}
html body.atelier-five .hero-slide:focus-visible{outline:3px solid #fff;outline-offset:-5px}
html body.atelier-five .hero-slide:not([hidden]){animation:hero-reveal .35s ease-out}
@keyframes hero-reveal{from{opacity:.5}to{opacity:1}}
html body.atelier-five .destination-tile>img{image-rendering:auto}
/* Pasted inline typography inherits one text style; the original words stay. */
html body.atelier-five .prose .reading-copy :is(span,font,strong,b,em,i){font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit}
html body.atelier-five .prose .reading-copy{font-family:var(--sans);text-align:start!important;max-width:68ch}
html body.atelier-five .prose .reading-media.reading-copy{text-align:start!important;font-size:16px;line-height:1.82}
html body.atelier-five .prose .reading-section-heading{font:400 clamp(24px,2.4vw,30px)/1.25 var(--serif);letter-spacing:-.025em;text-align:start!important;margin:34px 0 14px;max-width:var(--reading-measure)}
html body.atelier-five .prose .reading-section-heading :is(strong,b,span,font,a){font:inherit;letter-spacing:inherit}
html body.atelier-five .prose .reading-section-heading:first-child{margin-top:0}
html body.atelier-five .prose .reading-section-heading a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
@media(max-width:700px){
 html body.atelier-five .signature-visual.hero-carousel{height:260px;padding:6px;grid-template-rows:minmax(0,1fr) 44px}
 html body.atelier-five .hero-trip-caption{padding:36px 16px 14px;column-gap:10px}
 html body.atelier-five .hero-trip-country{font-size:10px}
 html body.atelier-five .hero-trip-caption>strong{font-size:23px}
 html body.atelier-five .hero-carousel-controls{gap:4px}
 html body.atelier-five .hero-carousel-controls button{min-width:40px}
 html body.atelier-five .prose .reading-section-heading{font-size:25px;margin-top:28px}
}
@media(max-width:700px) and (max-height:740px){html body.atelier-five .signature-visual.hero-carousel{height:236px}}
@media(prefers-reduced-motion:reduce){html body.atelier-five .hero-slide:not([hidden]){animation:none}html body.atelier-five .hero-trip-caption>svg{transition:none}}

/* Keep the extracted photo pane at its own ratio, then cover the slider stage. */
html body.atelier-five .hero-slide>.v5-photo{position:absolute;height:100%;min-height:0;width:auto;min-width:100%;max-width:none;aspect-ratio:1.65!important;left:50%;top:0;transform:translateX(-50%)}

/* Mobile review, 23 October: keep navigation and actions inside the viewport. */
@media(max-width:1100px){
 html body.atelier-five .primary-navigation{gap:2px;padding:12px 20px 18px;max-height:var(--mobile-nav-space,calc(100vh - 128px));max-height:var(--mobile-nav-space,calc(100dvh - 128px));overscroll-behavior:contain;scroll-padding-block:12px}
 html body.atelier-five .primary-navigation>a:not(.button),html body.atelier-five .destination-menu>summary{min-height:48px;padding-block:12px}
 html body.atelier-five .primary-navigation>.button{margin-top:10px;min-height:48px}
 html body.atelier-five .mega-intro{gap:12px;align-items:center}
 html body.atelier-five .mega-intro strong{font-size:25px}
 html body.atelier-five .mega-close{min-width:44px;min-height:44px}
 html body.atelier-five:has(.menu-toggle[aria-expanded=true]) .site-whatsapp{visibility:hidden;pointer-events:none}
 html body.atelier-five:has(.menu-toggle[aria-expanded=true]){overflow:hidden}
}
@media(max-width:700px){
 html body.atelier-five .site-header .header-inner{min-height:72px;padding-block:7px}
 html body.atelier-five .site-header .brand-original .brand-logo{width:64px}
 html body.atelier-five .signature-hero{gap:12px;padding-block:12px 10px}
 html body.atelier-five .signature-visual.hero-carousel{height:clamp(200px,52vw,226px)}
 html body.atelier-five .signature-hero .expedition-copy>.eyebrow{margin-bottom:10px}
 html body.atelier-five .signature-hero .expedition-copy>p:not(.eyebrow){font-size:15px;line-height:1.6;margin-top:12px}
 html body.atelier-five .signature-hero .hero-actions{margin-top:16px;gap:10px 16px}
 html body.atelier-five .hero-carousel-controls{display:grid;grid-template-columns:40px minmax(0,1fr) 40px 56px;gap:0;width:100%}
 html body.atelier-five .hero-carousel-controls button{min-height:44px}
 html body.atelier-five .hero-carousel-dots{display:flex;justify-content:center;gap:0;min-width:0}
 html body.atelier-five .hero-carousel-dots button{min-width:28px;width:28px;flex:0 0 28px;padding-inline:0}
 html body.atelier-five .hero-carousel-controls [data-carousel-toggle]{min-width:56px;padding-inline:4px}
 html body.atelier-five .catalogue .journey-search>label:has(select[name=regio]){grid-column:1/-1}
 html body.atelier-five .catalogue .journey-search>label:has(select[name=niveau]){grid-column:auto}
 html body.atelier-five .form-grid :is(input,select,textarea){font-size:16px}
 html body.atelier-five .v5-trip-hero h1{hyphens:auto;overflow-wrap:break-word}
 html body.atelier-five:not(.review-enabled) .mobile-trip-advice{padding-right:80px}
 html body.atelier-five:not(.review-enabled):has(.mobile-trip-advice:not([hidden])) .site-whatsapp{left:auto;right:14px;bottom:calc(9px + env(safe-area-inset-bottom))}
}
@media(max-width:700px) and (max-height:740px){html body.atelier-five .signature-visual.hero-carousel{height:190px}}
@media(max-width:700px),(max-width:1100px) and (max-height:500px){
 html body.atelier-five .site-whatsapp{width:52px;min-width:52px;height:52px;min-height:52px;padding:12px;gap:0;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));border-radius:50%}
 html body.atelier-five .site-whatsapp>span{display:none}
 html body.atelier-five .site-whatsapp.is-obscuring-control,html body.atelier-five:has(dialog[open]) .site-whatsapp,html body.atelier-five:has(:is(input,textarea,select,[contenteditable=true]):focus) .site-whatsapp{visibility:hidden;pointer-events:none}
}

/* Saliy, 5 November: mobile home-guide questions follow the body text scale. */
@media(max-width:700px){
 html body.atelier-five .home-guide-revised .home-guide-questions .editorial-disclosure>summary{font:600 16px/1.45 var(--sans);min-height:64px;padding:16px;gap:12px}
 html body.atelier-five .home-guide-revised .home-guide-question{min-width:0;font:inherit;letter-spacing:normal;overflow-wrap:break-word}
 html body.atelier-five .home-guide-revised .editorial-disclosure>summary>svg{width:18px;height:18px;flex:0 0 18px}
}