/* One visual destination ladder on the homepage and skin-treatment hub. */
.petro-visual-ladder{--vd-ink:#25473e;--vd-paper:#ffffff;background:var(--vd-paper);color:var(--vd-ink);padding:clamp(32px,5vw,64px) max(5%,calc((100% - 1180px)/2));scroll-margin-top:24px;font-family:Jost,sans-serif}
.site-page .petro-visual-ladder{padding:clamp(24px,4vw,48px);margin:24px 0 48px}
.vd-heading{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:18px 36px;margin-bottom:10px}
.vd-eyebrow{margin:0 0 10px;font:500 12px/1.5 Jost,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.vd-heading h2{font:400 clamp(32px,4.8vw,60px)/1.12 Prata,Georgia,serif;letter-spacing:-.035em;margin:0;max-width:16ch}
.vd-heading>p{font:400 18px/1.5 Jost,sans-serif;max-width:30ch;margin:0}
.vd-direction{display:flex;align-items:center;gap:14px;margin:30px 0 16px;font:500 13px/1.4 Jost,sans-serif}
.vd-direction-line{flex:1;height:1px;background:#a3b4a9;position:relative}
.vd-direction-line:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-right:1px solid #567a69;border-top:1px solid #567a69;transform:rotate(45deg)}
.vd-staircase{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:12px;margin:0 0 28px;padding:0;isolation:isolate}
.vd-stop{--vd-step:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;box-sizing:border-box;height:calc(288px + var(--vd-step)*30px);min-width:0;padding:20px 16px;background:var(--vd-color);color:var(--vd-color-ink);border:2px solid #165a4740;border-radius:16px 16px 4px 4px;box-shadow:0 6px 0 color-mix(in srgb,var(--vd-color-ink) 20%,var(--vd-color));text-decoration:none!important;transition:box-shadow .15s ease,border-color .15s ease}
.vd-stop--lake{--vd-color:#ffffff;--vd-color-ink:#165a47}
.vd-stop--rosemary{--vd-color:#ffffff;--vd-color-ink:#165a47;--vd-step:1}
.vd-stop--charleston{--vd-color:#ffffff;--vd-color-ink:#165a47;--vd-step:2}
.vd-stop--nantucket{--vd-color:#ffffff;--vd-color-ink:#165a47;--vd-step:3}
.vd-stop--aspen{--vd-color:#165a47;--vd-color-ink:#ffffff;--vd-step:4}
.vd-step-number{font:500 11px/1.4 Jost,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.vd-marker{display:grid;place-items:center;flex:none;width:64px;height:64px;margin:12px 0 16px;border:1px solid currentColor;border-radius:50%;font:400 30px/1 Prata,Georgia,serif;color:inherit}.vd-stop[aria-selected="true"]{background:#e6f7ef}.vd-stop--aspen[aria-selected="true"]{background:#165a47}.vd-back{display:inline-block;margin-top:20px;color:#165a47;font:500 15px/1.4 Jost,sans-serif;text-underline-offset:4px}
.vd-stop-name{display:block;font:400 clamp(19px,2.2vw,28px)/1.17 Prata,Georgia,serif;letter-spacing:-.025em;margin:0 0 8px}
.vd-stop-purpose{display:block;font:500 14px/1.35 Jost,sans-serif;margin:0 0 7px}
.vd-stop-treatments{display:block;font:400 13px/1.4 Jost,sans-serif;opacity:.92}
.vd-stop-action{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:13px;font:500 13px/1.3 Jost,sans-serif}
.vd-stop:hover,.vd-stop[aria-selected="true"]{border-color:var(--vd-color-ink);box-shadow:0 6px 0 color-mix(in srgb,var(--vd-color-ink) 36%,var(--vd-color)),0 10px 20px #25473e12}
.vd-stop:focus-visible{outline:3px solid #25473e;outline-offset:5px}
.vd-panels{background:#ffffff;border:1px solid #d5e6de;border-radius:12px;padding:24px clamp(18px,3vw,36px);scroll-margin-top:28px}
.vd-panel[hidden]{display:none!important}
.vd-panel+.vd-panel{margin-top:30px;border-top:1px solid #d5e6de;padding-top:24px}
.vd-panels.vd-enhanced .vd-panel{margin-top:0;border-top:0;padding-top:0}
.vd-panel-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;margin-bottom:8px}
.vd-panel h3{font:400 clamp(24px,3vw,34px)/1.2 Prata,Georgia,serif;margin:0}
.vd-panel-head>p{font:400 16px/1.4 Jost,sans-serif;margin:0}
.vd-panel .destination-stop-body{padding:0;margin:0;font:400 17px/1.5 Jost,sans-serif}
.vd-panel .destination-stop-body>p{margin:12px 0}
.vd-panel .destination-treatment-list{list-style:none!important;padding:0!important;margin:0!important}
.vd-panel .destination-treatment-list>li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #d5e6de}
.vd-panel .destination-treatment-list>li:last-child{border:0;padding-bottom:4px}
.vd-panel .destination-treatment{font:500 20px/1.3 Jost,sans-serif;flex:1;min-width:0;color:inherit;text-decoration:none}
.vd-panel .destination-treatment span{display:block;font:400 15px/1.4 Jost,sans-serif;margin-top:6px}
.vd-panel .destination-book,.vd-panel .destination-consult{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;box-sizing:border-box;border-radius:6px;padding:11px 16px;background:#20594b;color:#ffffff;font:500 16px/1.4 Jost,sans-serif;text-decoration:none;white-space:normal;text-align:center}
.vd-panel .destination-consult{background:#ffffff;color:#25473e;border:1px solid #165a47}
.vd-panel .destination-book:hover,.vd-panel .destination-consult:hover{text-decoration:underline;text-underline-offset:4px}
.vd-panel .destination-surgery-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:20px 0}
.vd-panel .destination-surgery-links a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.vd-panel a:focus-visible,.vd-footer a:focus-visible{outline:2px solid #20594b;outline-offset:5px}
.vd-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:24px}
.vd-footer p{font:500 16px/1.4 Jost,sans-serif;margin:0 0 8px}
.vd-footer nav{display:flex;flex-wrap:wrap;gap:12px 20px}
.vd-footer a{color:inherit;font:400 16px/1.4 Jost,sans-serif;text-decoration:underline;text-underline-offset:4px}
.vd-note{font:400 14px/1.5 Jost,sans-serif;max-width:74ch;margin:20px 0 0}
.petro-home-invitation .petro-home-destination-shortcut{display:inline-block;color:inherit;font:500 clamp(16px,1.5vw,19px)/1.4 Jost,sans-serif;margin:0 0 16px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1000px){.vd-stop{padding:16px 12px;height:calc(304px + var(--vd-step)*26px)}.vd-stop-name{font-size:21px}.vd-marker{height:56px;width:56px;font-size:26px}.vd-staircase{gap:8px}}
@media(max-width:900px){.vd-heading{display:block}.vd-heading h2{max-width:none}.vd-heading>p{margin-top:16px;max-width:36ch}.vd-direction{margin-top:24px;font-size:12px;gap:10px}.vd-staircase{display:flex;flex-direction:column;align-items:stretch;gap:16px;margin:0 0 26px;padding-left:20px;position:relative}.vd-staircase:before{content:"";position:absolute;left:5px;top:20px;bottom:20px;width:2px;background:#99b5a8;z-index:-1}.vd-stop{height:auto;min-height:138px;display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:14px;row-gap:4px;padding:16px;border-radius:12px;box-shadow:0 4px 0 color-mix(in srgb,var(--vd-color-ink) 20%,var(--vd-color))}.vd-stop:before{content:"";position:absolute;width:10px;height:10px;left:-22px;top:23px;border:2px solid var(--vd-color-ink);border-radius:50%;background:var(--vd-paper)}.vd-step-number{grid-column:2}.vd-marker{grid-column:1;grid-row:1 / 6;width:62px;height:62px;align-self:center;margin:0;font-size:28px}.vd-stop-name{grid-column:2;font-size:23px;margin:0}.vd-stop-purpose{grid-column:2;margin:0}.vd-stop-treatments{grid-column:2}.vd-stop-action{grid-column:2;padding-top:5px}.vd-panel .destination-treatment-list>li{align-items:flex-start;flex-direction:column;gap:12px}.vd-panel .destination-book,.vd-panel .destination-consult{width:100%}.vd-panel .destination-surgery-links{grid-template-columns:1fr}.vd-panel-head{display:block}.vd-panel-head>p{margin-top:8px}.site-page .petro-visual-ladder{padding:24px 16px}.vd-direction span:first-child,.vd-direction span:last-child{max-width:12ch}.vd-direction-line{min-width:12px}}
@media(prefers-reduced-motion:reduce){.vd-stop{transition:none}}

/* Existing destination photography leads each stop. Original image files stay intact. */
.vd-staircase{align-items:start}
.vd-stop{height:auto;min-height:0;margin-top:calc((4 - var(--vd-step))*22px);padding:0 14px 18px;overflow:hidden}
.vd-photo{display:block;position:relative;flex:none;align-self:stretch;width:calc(100% + 28px);aspect-ratio:var(--photo-ratio,3 / 4);margin:0 -14px 18px;overflow:hidden;border-radius:12px 12px 0 0;background:#ffffff}
.vd-photo img{display:block;position:absolute;width:var(--photo-width,100%)!important;max-width:none!important;height:auto!important;left:var(--photo-left,0);top:var(--photo-top,0);margin:0!important;border-radius:0!important}
.vd-marker{position:absolute;z-index:1;top:12px;left:12px;width:32px;height:32px;margin:0;background:#ffffff;color:#165a47;font:500 15px/1 Jost,sans-serif;border:0;box-shadow:0 1px 8px #0002}
.vd-step-number{margin-bottom:8px}
.vd-stop-action{margin-top:16px;padding-top:0}
@media(max-width:900px){
.vd-staircase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding:0;align-items:stretch}
.vd-staircase:before,.vd-stop:before{display:none}
.vd-stop{display:flex;flex-direction:column;gap:0;margin-top:0;padding:0 12px 16px;min-height:0;height:auto}
.vd-photo{width:calc(100% + 24px);margin:0 -12px 14px}
.vd-marker{width:30px;height:30px;top:10px;left:10px;font-size:14px;align-self:auto}
.vd-stop-name{font-size:22px;margin-bottom:8px}
.vd-step-number{font-size:10px;margin-bottom:6px}
.vd-stop-purpose{font-size:13px;margin-bottom:7px}
.vd-stop-treatments{font-size:12px}
.vd-stop-action{font-size:12px;margin-top:auto;padding-top:16px}
}
@media(max-width:380px){.vd-stop-name{font-size:20px}.site-page .petro-visual-ladder{padding-left:8px;padding-right:8px}}