/* A quieter destination collection, with room for the landscape. */
html { scroll-behavior:smooth; scroll-padding-top:100px; }
.popular-page { margin:0; background:#f8f8f3; color:#263e36; font-family:'Plus Jakarta Sans',sans-serif; -webkit-font-smoothing:antialiased; }
.popular-page * { box-sizing:border-box; }
.popular-page :is(h1,h2,h3,p) { margin:0; }
.popular-page a { color:inherit; text-decoration:none; }
.popular-page .navbar:not(.scrolled) :is(.logo a,.nav-links a,.signin-btn) { color:#fff; }
.popular-page #navbar .navbar.scrolled :is(.logo a,.nav-links a,.signin-btn) { color:#263e36; text-shadow:none; }
.popular-page #navbar .navbar.scrolled .menu-icon span { background:#263e36; }
.popular-page button { font:inherit; cursor:pointer; }
.popular-page [hidden] { display:none !important; }
.popular-page :is(a,button):focus-visible { outline:3px solid #8fada0; outline-offset:5px; }
.pd-width { width:min(1280px,88%); margin-inline:auto; }
.pd-skip { position:absolute; z-index:100001; left:16px; top:-80px; padding:14px 18px; background:white; }
.pd-skip:focus { top:12px; }
.pd-hero { position:relative; height:min(790px,91svh); min-height:620px; color:#fff; overflow:hidden; background:#324c4d; }
.pd-hero-image,.pd-hero-shade { position:absolute; inset:0; width:100%; height:100%; }
.pd-hero-image { display:block; object-fit:cover; object-position:center 58%; }
.pd-hero-shade { background:linear-gradient(90deg,#102c2b85,#102c2b10 78%),linear-gradient(180deg,#102c2b57,transparent 32%,#102c2b5e); }
.pd-hero-copy { position:relative; padding-top:clamp(205px,30vh,300px); }
.pd-eyebrow { font-size:10px; font-weight:600; letter-spacing:.18em; line-height:1.7; color:#71877d; margin-bottom:16px !important; }
.pd-hero-copy .pd-eyebrow { color:#e1eae3; }
.pd-hero h1 { max-width:750px; font-size:clamp(56px,7vw,96px); font-weight:500; letter-spacing:-.065em; line-height:1.05; }
.pd-hero-copy>p:not(.pd-eyebrow) { max-width:430px; margin-top:24px; font-size:15px; line-height:1.9; color:#f2f5ed; }
.pd-button { display:inline-flex; justify-content:center; align-items:center; min-height:48px; padding:14px 25px; border:1px solid #b9c8bf; border-radius:4px; font-size:12px; font-weight:500; line-height:1.5; background:transparent; transition:background-color .2s,border-color .2s; }
.pd-button-light { background:#f7f8f1; color:#29483d !important; border-color:#f7f8f1; }
.pd-button-light:hover { background:#e9eee3; border-color:#e9eee3; }
.pd-hero-copy .pd-button { margin-top:30px; min-width:200px; }
.pd-hero-location { position:absolute; right:6%; bottom:35px; font-size:12px; line-height:1.8; }
.pd-hero-location span { display:block; font-size:8px; letter-spacing:.18em; color:#d5e0da; }
.pd-discovery { padding-block:80px; }
.pd-section-heading { display:flex; justify-content:space-between; align-items:end; gap:70px; margin-bottom:34px; }
.popular-page h2 { font-size:clamp(32px,3.5vw,46px); line-height:1.16; font-weight:500; letter-spacing:-.055em; }
.pd-section-heading h2 { max-width:620px; }
.pd-section-heading>p { max-width:335px; color:#6b7d74; font-size:13px; line-height:1.9; }
.pd-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:19px 26px; }
.pd-filters { display:flex; flex-wrap:wrap; gap:9px; }
.pd-filters button { border:1px solid #d4ded5; border-radius:4px; background:transparent; color:#5c7467; padding:11px 17px; font-size:11px; min-height:42px; transition:background-color .2s,color .2s; }
.pd-filters button[aria-pressed=true] { background:#315a49; border-color:#315a49; color:white; }
.pd-filters button:hover:not([aria-pressed=true]) { background:#eaf0e6; }
#pd-count { color:#7b8b80; font-size:10px; white-space:nowrap; }
.pd-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 24px; }
.pd-card { display:block; border:1px solid #dfe6dc; border-radius:7px; background:#fffefa; overflow:hidden; transition:box-shadow .25s,border-color .25s,transform .25s; }
.pd-card:hover { transform:translateY(-4px); border-color:#a7bcaa; box-shadow:0 12px 32px #294c3b10; }
.pd-card-photo { height:255px; position:relative; overflow:hidden; background:#dde5dc; }
.pd-card-photo img { height:100%; width:100%; object-fit:cover; display:block; transition:transform .5s; }
.pd-card:hover img { transform:scale(1.035); }
.pd-card-badge { position:absolute; left:17px; bottom:17px; padding:7px 10px; border-radius:3px; background:#f7f8f2ed; color:#315144; font-size:9px; line-height:1.5; }
.pd-card-copy { padding:23px; }
.pd-card-region { font-size:8px; line-height:1.7; letter-spacing:.14em; color:#809080; margin-bottom:8px !important; }
.pd-card h3 { font-size:25px; font-weight:500; line-height:1.3; letter-spacing:-.05em; }
.pd-card-description { margin-top:10px !important; font-size:12px; line-height:1.85; color:#6b7e71; }
.pd-card-action { display:block; margin-top:22px; padding-top:15px; border-top:1px solid #e7ece3; font-size:10px; font-weight:500; color:#426950; }
.pd-more { display:flex; margin:36px auto 0; color:#426950; }
.pd-more:hover { background:#eaf0e6; }
.pd-feature { display:grid; grid-template-columns:1.15fr 1fr; background:#eaf0e6; border-radius:8px; overflow:hidden; }
.pd-feature-photo { min-height:475px; overflow:hidden; }
.pd-feature-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.pd-feature-copy { align-self:center; padding:55px; }
.pd-feature-content>p:not(.pd-eyebrow) { margin-top:24px; font-size:14px; line-height:1.9; color:#627766; }
.pd-feature-content h2 { min-height:2.32em; }
.pd-feature-description { min-height:5.7em; }
.pd-feature-photo img,.pd-feature-content { opacity:1; transition:opacity .18s ease; }
.pd-feature.is-changing :is(.pd-feature-photo img,.pd-feature-content) { opacity:0; }
.pd-feature-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-top:23px; padding-top:10px; border-top:1px solid #d2ddce; }
.pd-feature-selectors { display:flex; gap:3px; }
.pd-feature-selectors button { border:0; background:transparent; padding:10px 3px; min-height:34px; width:26px; }
.pd-feature-selectors span { display:block; height:3px; width:100%; background:#b7c7b6; border-radius:2px; }
.pd-feature-selectors button[aria-pressed=true] span { background:#315a49; }
.pd-feature-pause { border:0; padding:10px 0; background:transparent; color:#4a7058; font-size:10px !important; white-space:nowrap; }
.pd-feature-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px !important; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.pd-button-dark { background:#315a49; border-color:#315a49; color:#fff !important; }
.pd-button-dark:hover { background:#244937; border-color:#244937; }
.pd-feature-copy .pd-button { margin-top:28px; }
.pd-text-link { display:block; width:fit-content; padding-block:10px; font-size:12px; line-height:1.7; color:#4a7058 !important; }
.pd-feature-copy .pd-text-link { margin-top:8px; }
.pd-text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.pd-help { padding-block:95px 70px; display:flex; justify-content:space-between; align-items:center; gap:50px; }
.pd-help h2 { max-width:640px; }
.pd-help p:not(.pd-eyebrow) { margin-top:20px; max-width:500px; color:#6b7e71; font-size:14px; line-height:1.9; }
.pd-help-actions { flex-shrink:0; display:flex; flex-direction:column; align-items:center; gap:9px; }
.pd-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; padding-block:28px; border-top:1px solid #dfe6dc; color:#758477; font-size:10px; line-height:1.8; }
.pd-footer nav { display:flex; flex-wrap:wrap; gap:14px 28px; }
.pd-footer a { padding-block:8px; }
.popular-page .photo-credits { margin:0 0 35px; background:#f0f3e9; border-color:#dfe6dc; }
@media(max-width:1050px) { .pd-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .pd-section-heading { gap:35px; } .pd-feature-copy { padding:35px; } .pd-feature-photo { min-height:435px; } }
@media(max-width:650px) {
 .pd-width { width:88%; } .pd-hero { min-height:610px; height:85svh; max-height:740px; }
 .pd-hero-image { object-position:47% center; } .pd-hero-shade { background:linear-gradient(180deg,#14332e72,transparent 25%,#14332e86); }
 .pd-hero-copy { padding-top:210px; } .pd-hero h1 { font-size:57px; } .pd-hero-copy>p:not(.pd-eyebrow) { font-size:13px; max-width:290px; margin-top:20px; }
 .pd-hero-copy .pd-button { margin-top:24px; font-size:11px; } .pd-hero-location { bottom:23px; font-size:10px; }
 .pd-discovery { padding-block:46px; } .pd-section-heading { display:block; margin-bottom:20px; } .pd-section-heading>p { margin-top:20px; font-size:13px; }
 .pd-toolbar { display:block; padding-bottom:20px; } #pd-count { margin-top:18px; } .pd-filters { gap:7px; } .pd-filters button { padding:10px 12px; }
 .pd-grid { grid-template-columns:1fr; gap:22px; } .pd-card-photo { height:245px; } .pd-card-copy { padding:23px; } .pd-card-action { font-size:11px; }
 .pd-feature { grid-template-columns:1fr; } .pd-feature-photo { min-height:0; height:270px; } .pd-feature-copy { padding:30px 25px; }
 .pd-help { padding-block:55px 42px; flex-direction:column; align-items:start; gap:25px; } .pd-help-actions { align-items:start; } .pd-help h2 { font-size:34px; }
 .pd-footer { flex-direction:column; gap:8px; } .pd-footer nav { gap:10px 20px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .popular-page * { transition:none !important; } .pd-card:hover,.pd-card:hover img { transform:none; } }