/* Krabi's photographic editorial and departure collection. */
.destination-page .section:has(> .container > .krabi-collection){padding:80px 0 64px;background:#fff}
.krabi-editorial{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,5vw,84px);align-items:center}
.krabi-editorial-photo{position:relative;margin:0;min-width:0}
.krabi-editorial-photo>img{width:100%;height:680px;object-position:50% 43%}
.krabi-editorial-photo figcaption{position:absolute;bottom:24px;left:24px;right:24px;padding:20px 24px;background:#fffffff2;display:flex;justify-content:space-between;gap:18px;align-items:center;color:var(--navy)}
.krabi-editorial-photo figcaption>a{display:flex;gap:18px;align-items:center;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.krabi-slide-images{position:relative;height:680px;overflow:hidden;touch-action:pan-y;background:#dce9ed}
.krabi-slide-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 500ms ease;pointer-events:none}
.krabi-slide-images img.is-active{opacity:1}
.krabi-slide-images:focus-visible{outline:3px solid #708db5;outline-offset:4px}
.krabi-slider-top{position:absolute;inset:20px 20px auto;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none}
.krabi-slider-top>span{background:#001348d9;color:#fff;padding:9px 13px;font:500 10px/1.5 RedRose,Arial,sans-serif;letter-spacing:.1em}
.krabi-slider-top button{pointer-events:auto;background:#001348d9;color:#fff;width:44px;height:44px;display:grid;place-items:center;font-size:15px}
.krabi-destination-slider figcaption{padding:18px 20px;gap:12px;flex-wrap:wrap}
.krabi-slide-caption{display:grid;gap:5px;min-width:0}
body .krabi-slide-caption>span{font-size:11px;letter-spacing:.035em;color:#53616b}
.krabi-slide-caption>strong{font:500 24px/1.25 RedRose,Arial,sans-serif;letter-spacing:-.02em}
.krabi-slider-navigation{display:flex;gap:8px;align-items:center;margin-left:auto}
.krabi-slider-navigation button{display:grid;place-items:center;width:44px;height:44px;background:transparent;border:1px solid #bac5d4;color:var(--navy);font-size:21px}
.krabi-slide-count{font:500 10px/1.5 RedRose,Arial,sans-serif;white-space:nowrap;letter-spacing:.04em}
.krabi-slider-navigation button:hover{background:#e8edf4}.krabi-slider-top button:hover{background:var(--navy)}
@media(prefers-reduced-motion:reduce){.krabi-slide-images img{transition:none}}
@media(max-width:1000px){.krabi-slide-images{height:650px}.krabi-destination-slider figcaption{padding:16px}.krabi-slide-caption>strong{font-size:22px}}
@media(max-width:700px){.krabi-slide-images{height:auto;aspect-ratio:1.05}.krabi-slider-top{inset:14px 14px auto}.krabi-destination-slider figcaption{gap:12px;left:14px;right:14px;bottom:14px}.krabi-slide-caption>strong{font-size:22px}.krabi-slider-navigation{gap:6px}.krabi-slide-count{font-size:9px}}
.krabi-collection .eyebrow{font:500 12px/1.6 var(--heading);letter-spacing:.16em;margin:0 0 20px;color:#58727c}
.krabi-editorial-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.12;letter-spacing:-.035em}
.krabi-editorial-copy h2 .script{font-size:1.22em;line-height:1.15;display:inline-block;margin-top:6px}
.krabi-copy-rule{width:48px;height:1px;background:#a39a81;margin:30px 0}
.krabi-editorial-copy h3{font-size:23px;line-height:1.35;margin-bottom:20px}
.krabi-editorial-copy p{margin:0 0 18px;color:#53616b}
.krabi-text-link{display:inline-flex;gap:24px;align-items:center;font-family:var(--heading);font-size:14px;margin-top:12px;padding:9px 0;border-bottom:1px solid #aeb9bd}
.krabi-text-link:hover{border-color:var(--navy)}
.krabi-departures{padding-top:88px;scroll-margin-top:130px}
.krabi-section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:32px}
.krabi-section-heading h2{font-size:clamp(30px,3vw,40px)}
.krabi-section-heading .eyebrow{margin-bottom:12px}
.krabi-section-heading>p{max-width:290px;color:#53616b}
.krabi-departure-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.krabi-departure{background:#f4f5f3;min-width:0}
.krabi-departure-photo{position:relative;overflow:hidden}
.krabi-departure-photo img{width:100%;height:auto;aspect-ratio:1.9;object-fit:cover}
.krabi-photo-label{position:absolute;bottom:18px;left:20px;background:#fffef4ed;color:var(--navy);padding:7px 12px;font:500 11px/1.5 var(--heading);letter-spacing:.1em;text-transform:uppercase}
.krabi-departure-copy{padding:30px 34px 34px}
.krabi-index{display:block;font:500 11px/1.5 var(--heading);letter-spacing:.14em;color:#58727c;margin-bottom:12px}
.krabi-departure h3{font-size:30px;margin:0 0 26px;line-height:1.25}
.krabi-yacht-links a{display:grid;grid-template-columns:100px 1fr 20px;gap:12px;align-items:center;min-height:58px;border-top:1px solid #dce1df;padding:12px 0}
.krabi-yacht-links a strong{font:500 15px/1.6 var(--heading);letter-spacing:.04em}
.krabi-yacht-links a>span{font-size:13px;color:#53616b}
.krabi-yacht-links a>span:last-child{font-size:20px;color:var(--navy);text-align:right}
.krabi-yacht-links a:hover strong{text-decoration:underline;text-underline-offset:5px}
.krabi-routes{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:80px 0 20px;margin-top:80px;border-top:1px solid #dce1df}
.krabi-routes-intro h2{font-size:clamp(34px,3vw,44px);line-height:1.15;margin-bottom:24px}
.krabi-routes-intro h2 .script{font-size:1.25em}
.krabi-routes-intro p{color:#53616b;max-width:370px;margin-bottom:28px}
.krabi-routes-intro .button{font-size:13px}
.krabi-route{border-bottom:1px solid #dce1df}
.krabi-route:first-child{border-top:1px solid #dce1df}
.krabi-route summary{display:flex;align-items:center;gap:22px;cursor:pointer;padding:26px 0;list-style:none}
.krabi-route summary::-webkit-details-marker{display:none}
.krabi-route-number{font:500 12px/1 var(--heading);letter-spacing:.1em;color:#58727c}
.krabi-route h3{font-size:25px;line-height:1.3;flex:1}
.krabi-route-toggle{position:relative;width:16px;height:16px;flex:none}
.krabi-route-toggle:before,.krabi-route-toggle:after{content:'';position:absolute;left:0;top:7px;width:16px;height:1px;background:var(--navy)}
.krabi-route-toggle:after{transform:rotate(90deg)}
.krabi-route[open] .krabi-route-toggle:after{display:none}
.krabi-route-content{padding:0 0 30px 40px}
.krabi-route-content>p{color:#53616b}
.krabi-route-stops{margin-top:22px;padding-top:20px;border-top:1px solid #e5e8e6}
.krabi-route-stops .eyebrow{font-size:10px;margin-bottom:8px}
.krabi-route-stops p{color:var(--navy)}
.krabi-collection+.booking-note{margin-top:35px;color:#53616b;border-top:1px solid #e5e8e6;padding-top:24px}
@media(max-width:1000px){.krabi-editorial{gap:36px}.krabi-editorial-photo>img{height:650px}.krabi-editorial-photo figcaption{left:16px;right:16px;bottom:16px;padding:16px;flex-wrap:wrap;gap:6px}.krabi-routes{gap:40px}.krabi-departure-copy{padding:26px}.krabi-yacht-links a{grid-template-columns:85px 1fr 18px}.krabi-departure h3{font-size:26px}}
@media(max-width:700px){.destination-page .section:has(> .container > .krabi-collection){padding:36px 0 44px}.krabi-editorial{grid-template-columns:1fr;gap:34px}.krabi-editorial-photo>img{height:auto;aspect-ratio:1.05;object-position:center 36%}.krabi-editorial-photo figcaption{padding:12px 16px;justify-content:space-between}.krabi-editorial-copy h2{font-size:42px}.krabi-copy-rule{margin:24px 0}.krabi-editorial-copy h3{font-size:22px}.krabi-departures{padding-top:58px}.krabi-section-heading{display:block;margin-bottom:24px}.krabi-section-heading>p{margin-top:18px;max-width:none}.krabi-departure-grid{grid-template-columns:1fr;gap:24px}.krabi-departure-copy{padding:24px}.krabi-routes{grid-template-columns:1fr;gap:34px;padding:44px 0 0;margin-top:48px}.krabi-route summary{gap:16px;padding:22px 0}.krabi-route h3{font-size:22px}.krabi-route-content{padding-left:0}.krabi-routes-intro p{max-width:none}.krabi-collection .eyebrow{font-size:11px}}
