.preview-controls{display:flex;align-items:center;gap:10px}
.preview-controls[hidden]{display:none!important}
.destination-photo{margin:0 0 15px;overflow:hidden;border-radius:8px;background:var(--soft)}
.destination-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.photo-credit{padding:7px 9px;color:var(--muted);font-size:10px;line-height:1.35}
.photo-credit a{text-decoration:underline;text-underline-offset:2px}

html[data-layout="editorial"] .hero{min-height:350px;border-radius:0;background:transparent;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:54px 12px;grid-template-columns:1.3fr .7fr}
html[data-layout="editorial"] .hero:after{display:none}
html[data-layout="editorial"] .hero p{color:var(--muted)}
html[data-layout="editorial"] .hero .secondary{border-color:var(--line);color:var(--ink)}
html[data-layout="editorial"] .orbit{border-color:var(--line)}
html[data-layout="editorial"] .orbit:before,html[data-layout="editorial"] .orbit:after{border-color:var(--line)}
html[data-layout="editorial"] .orbit-label{color:var(--muted)}
html[data-layout="editorial"] .mark{border-radius:4px}
html[data-layout="editorial"] .card{border-radius:0;background:transparent;border-width:0 0 1px;min-height:150px}
html[data-layout="editorial"] .destination-photo{border-radius:0}
html[data-layout="editorial"] .card h3,html[data-layout="editorial"] .head h2{font-family:Georgia,"Times New Roman",serif;font-weight:500}
html[data-layout="editorial"] .split article{border-radius:0;background:transparent;border-top:1px solid var(--line);padding:24px 0}
html[data-layout="editorial"] .contact{border-radius:0}

html[data-layout="resort"] .hero{border-radius:28px;background:linear-gradient(135deg,var(--ink),color-mix(in srgb,var(--ink) 78%,var(--accent)));box-shadow:0 24px 55px color-mix(in srgb,var(--ink) 18%,transparent)}
html[data-layout="resort"] .mark{border-radius:12px}
html[data-layout="resort"] .button{border-radius:12px}
html[data-layout="resort"] .card{border-radius:20px;box-shadow:0 10px 30px color-mix(in srgb,var(--ink) 8%,transparent)}
html[data-layout="resort"] .destination-photo{border-radius:14px}
html[data-layout="resort"] .split article{border-radius:20px}
html[data-layout="resort"] .contact{border-radius:22px}
html[data-layout="resort"] .tourvisor-section{border-radius:22px;background:color-mix(in srgb,var(--paper) 92%,var(--accent))}
html[data-layout="resort"] .tourvisor-search-card{border-radius:20px;box-shadow:0 10px 30px color-mix(in srgb,var(--ink) 8%,transparent)}
html[data-layout="resort"] .tourvisor-search-link{border-radius:12px}

html[data-layout="journey"] .hero{border-radius:10px 46px 10px 46px;background:linear-gradient(118deg,var(--ink),color-mix(in srgb,var(--ink) 72%,var(--accent)))}
html[data-layout="journey"] .hero:after{width:300px;height:300px;right:-35px;top:54px;border-style:dashed;border-color:color-mix(in srgb,var(--accent) 48%,transparent);box-shadow:0 0 0 34px color-mix(in srgb,var(--accent) 8%,transparent),0 0 0 68px color-mix(in srgb,var(--accent) 5%,transparent);transform:rotate(-18deg) scaleX(.72)}
html[data-layout="journey"] .orbit{border-style:dashed}
html[data-layout="journey"] .orbit:before,html[data-layout="journey"] .orbit:after{border-style:dotted}
html[data-layout="journey"] .card{border-radius:5px 18px 5px 18px;border-top:2px solid var(--accent)}
html[data-layout="journey"] .destination-photo{border-radius:5px 22px 5px 22px}
html[data-layout="journey"] .split article{border-radius:5px 18px 5px 18px}
html[data-layout="journey"] .contact{border-radius:8px 26px 8px 26px}
html[data-layout="journey"] .tourvisor-section{border-left:2px solid var(--accent);padding-left:28px}
html[data-layout="journey"] .tourvisor-search-card{border-radius:5px 16px 5px 16px}
html[data-layout="journey"] .tourvisor-search-link{border-radius:999px}

html[data-layout="editorial"] .tourvisor-section{padding-inline:12px;border-bottom:1px solid var(--line)}
html[data-layout="editorial"] .tourvisor-search-card{border-radius:0;background:transparent;border-width:0 0 1px}
html[data-layout="editorial"] .tourvisor-search-link{border-radius:0}

@media(max-width:760px){
  .preview-controls{gap:5px}
  .preview-controls .theme{letter-spacing:0}
  html[data-layout="editorial"] .hero{grid-template-columns:1fr;padding:38px 5px}
  html[data-layout="editorial"] .hero:after{width:150px;height:150px;right:0;top:5%}
  html[data-layout="resort"] .hero{border-radius:20px}
  html[data-layout="journey"] .hero{border-radius:8px 28px 8px 28px}
  html[data-layout="journey"] .hero:after{width:190px;height:190px;right:-70px;top:12px}
  html[data-layout="journey"] .tourvisor-section{padding-left:18px}
}