/* V209 — rhythm and safe responsive typography, public pages */
:root{--lme-reading-width:76ch;--lme-page-gutter:clamp(20px,4.5vw,64px)}
html{overflow-wrap:break-word;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{overflow-x:clip;line-height:1.65}
*,*::before,*::after{box-sizing:border-box}
main .wrap,main .container,footer .wrap{width:min(100% - 2 * var(--lme-page-gutter),1200px);max-width:1200px;margin-inline:auto}
main section:not(.hero):not(.modal-content)>.wrap{padding-block:clamp(24px,4vw,56px)}
main h1,main h2,main h3,.modal h2,.modal h3{overflow-wrap:break-word;text-wrap:balance;line-height:1.2;letter-spacing:-.018em}
main h1{font-size:clamp(2rem,5vw,4.4rem)}
main h2{font-size:clamp(1.65rem,3.3vw,2.8rem)}
main h3{font-size:clamp(1.2rem,2vw,1.7rem)}
main p,.modal p{line-height:1.72}
main .lead,main [class*="-intro"]>p,main [class*="-head"]>p{max-width:var(--lme-reading-width);margin-inline:auto}
main section>.wrap>h2,main section>.wrap>.eyebrow,main section>.wrap>.lead,
main .traveler-welcome-head,main .home-compass-head,main .world-heading,
main .world-journal-head,main .immersive-explore-head,
main .travel-video-head,main .lme-scenery-heading{text-align:center}
main .world-heading,main .world-journal-head,main .travel-video-head{justify-content:center}
main .hero .copy{padding-inline:clamp(8px,2vw,24px);text-align:center}
main .hero .copy p{max-width:var(--lme-reading-width);margin-inline:auto}
main .grid>*,main [class*="-grid"]>*,.modal-content>*{min-width:0}
main img,.modal img{max-width:100%}
.modal-card{max-width:min(1100px,calc(100vw - 24px))}
.modal-content{padding-inline:clamp(20px,4vw,52px)}
.destination-carnet-intro,.destination-photo-book-head{text-align:center}
.destination-carnet-intro{max-width:var(--lme-reading-width);margin-inline:auto}
@media(max-width:700px){
 :root{--lme-page-gutter:20px}
 body{font-size:16px}
 main section:not(.hero):not(.modal-content)>.wrap{padding-block:28px}
 main h1,main h2,main h3{hyphens:auto}
 main p,.modal p{font-size:clamp(.96rem,3.7vw,1.06rem)}
 main .world-heading,main .world-journal-head,main .travel-video-head{display:flex;flex-direction:column;align-items:center;gap:14px}
 main .hero .copy{padding-inline:8px}
 .modal-card{width:calc(100vw - 16px);max-width:calc(100vw - 16px)}
 .modal-content{padding-inline:20px}
 .destination-carnet-nav{max-width:100%;overflow-x:auto}
}
