/* Motion supports navigation, comparing trips, and exploring Lombok photographs. */
:root{--ease-out:cubic-bezier(.2,.65,.25,1);--motion-fast:180ms;--motion-medium:360ms}
.site-header{transition:box-shadow var(--motion-medium),border-color var(--motion-medium)}
.site-header.is-scrolled{box-shadow:0 6px 22px #15394a12;border-bottom-color:#d8e2e5}
.site-menu>li>a{position:relative;transition:color var(--motion-fast),background-color var(--motion-fast)}
.site-menu>li>a:after{content:"";position:absolute;left:10px;right:10px;bottom:6px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform 240ms var(--ease-out)}
.site-menu>li>a:hover:after,.site-menu>li>a:focus-visible:after,.site-menu>.current-menu-item>a:after{transform:scaleX(1)}
.menu-item.is-open>.sub-menu{animation:hl-menu-in 180ms var(--ease-out)}
.primary-nav.open{animation:hl-menu-in 220ms var(--ease-out)}
.button{gap:12px;transition:transform var(--motion-fast) var(--ease-out),background-color var(--motion-fast),box-shadow var(--motion-fast)}
.button:after{content:"";display:block;width:8px;height:8px;flex:0 0 8px;border-top:1.7px solid currentColor;border-right:1.7px solid currentColor;transform:rotate(45deg);transition:transform var(--motion-fast) var(--ease-out)}
.button:active{transform:translateY(1px)}
.hero{min-height:620px;overflow:hidden;border-radius:16px;padding-block:84px 100px}
.hero>img{animation:hl-photo-in 1600ms var(--ease-out) both}
.hero>.eyebrow,.hero>h1,.hero>p:not(.eyebrow),.hero>.button{animation:hl-copy-in 700ms var(--ease-out) both}
.hero>h1{animation-delay:70ms;letter-spacing:-.025em;max-width:840px}
.hero>p:not(.eyebrow){animation-delay:140ms;max-width:630px;line-height:1.8}
.hero>.button{animation-delay:210ms}
.hero-location{border-left:1px solid #ffffff70;padding-left:14px;right:32px;bottom:76px;letter-spacing:.015em}
.search-panel{border:0;box-shadow:0 14px 38px #15394a12;border-radius:12px;padding:28px 30px}
.search-panel input,.search-panel select,.catalog-filter input{transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}
.search-panel input:focus,.search-panel select:focus,.catalog-filter input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #245d7c10}
.benefits{padding-block:42px 16px;gap:32px}
.benefits>div{padding-left:20px;border-left:1px solid #cbd9da}
.benefits strong{font-size:17px}
.benefits p{margin-bottom:0}
.section-head .eyebrow{margin-bottom:14px}
.section-head h2,#destinasi h2{letter-spacing:-.018em}
.card{border-radius:12px;transition:transform var(--motion-medium) var(--ease-out),box-shadow var(--motion-medium),border-color var(--motion-medium)}
.card-media{position:relative;display:block;overflow:hidden;background:#e6eceb;text-decoration:none}
.card-media img{height:250px;width:100%;object-fit:cover;transition:transform 650ms var(--ease-out)}
.card-vehicle .card-media img{height:auto;aspect-ratio:3/2;object-fit:contain;background:#eee9e2}
.card-view{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;background:#fff;color:var(--ink);font-size:12px;font-weight:600;opacity:0;transform:translateY(8px);transition:opacity var(--motion-fast),transform 250ms var(--ease-out)}
.card-body h3 a{transition:color var(--motion-fast);text-decoration:none}
.card .badge{background:#f2f4ee;border-radius:4px;color:#4b6264}
.card .meta{margin-top:auto}
.card .card-body>.button{margin-top:0}
.card:focus-within{border-color:#8caeba}
.card:focus-within .card-view{opacity:1;transform:none}
.card:focus-within .card-body h3 a{color:var(--blue)}
.tabs a{transition:color var(--motion-fast),background-color var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast)}
.tabs a:hover{background:#e8eff0;border-color:#9eb7bf;text-decoration:none}
.page-heading{padding-block:48px 20px}
.post-type-archive-hl_package .grid.two,.tax-hl_category .grid.two{grid-template-columns:repeat(3,minmax(0,1fr))}
.rental-showcase{background:#f0f2eb;border-radius:16px;margin-block:18px 40px;padding:48px}
.rental-intro{max-width:380px;margin:0;line-height:1.8}
.rental-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.4fr);gap:46px;align-items:center;margin-top:32px}
.rental-tabs{display:flex;flex-direction:column;gap:8px;min-width:0}
.rental-tab{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 20px;color:var(--ink);border-radius:10px;border:1px solid transparent;text-decoration:none;transition:background-color var(--motion-fast),border-color var(--motion-fast)}
.rental-tab strong{display:block;font:700 24px/1.25 Lato,Arial,sans-serif;margin-bottom:9px}
.rental-tab small{display:block;max-width:275px;font-size:14px;line-height:1.7;color:var(--muted)}
.rental-tab svg{flex-shrink:0;transition:transform 250ms var(--ease-out);opacity:.55}
.rental-tab[aria-selected=true]{background:white;border-color:#dce3db}
.rental-tab[aria-selected=true] svg{transform:translateX(4px);opacity:1}
.rental-tab:hover{text-decoration:none;background:#ffffffa6}
.rental-photo{background:#fff;border-radius:12px;overflow:hidden}
.rental-photo img{width:100%;aspect-ratio:3/2;object-fit:contain;transition:transform 600ms var(--ease-out)}
.rental-preview[hidden]{display:none}
.rental-display{display:grid;gap:28px;min-width:0}
.rental-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:20px}
.rental-caption h3{font-size:22px;margin:0 0 6px}
.rental-caption p{color:var(--muted);font-size:13px;margin:0}
.rental-links{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:32px}
.text-link{display:inline-flex;gap:10px;align-items:center;color:var(--blue);font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none}
.text-link span{display:inline-block;transition:transform var(--motion-fast)}
.text-link:hover{text-decoration:none}.text-link:hover span{transform:translateX(5px)}
.destination-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:245px 245px;gap:24px;margin-top:30px}
.destination-grid .destination{min-height:0;border-radius:12px}
.destination-grid .destination:first-child{grid-row:span 2}
.destination-grid .destination:first-child h3{font-size:34px}
.destination-grid .destination img{transition:transform 750ms var(--ease-out),filter 500ms}
.destination-grid .destination div{padding:28px}
.destination-grid .destination h3{margin-top:12px}
.destination-grid .destination p{font-size:14px}
.destination-grid .destination:after{content:"";position:absolute;right:26px;top:26px;width:11px;height:11px;border-top:2px solid white;border-right:2px solid white;transform:translate(-3px,3px);opacity:.7;transition:transform var(--motion-medium),opacity var(--motion-medium)}
.destination-grid .destination:hover,.destination-grid .destination:focus-visible{text-decoration:none}
.about-panel{background:#eaf0ed;border-radius:14px;padding:52px;gap:50px}
.service-options article{border-top:1px solid #b6cbd1;padding:28px 0 18px;transition:border-color 200ms}
.service-options h3{font-size:27px}
.service-options article>a{display:inline-block;position:relative;padding-bottom:5px;text-decoration:none}
.service-options article>a:after{content:"";height:1px;position:absolute;bottom:0;left:0;right:0;background:currentColor;transform:scaleX(.35);transform-origin:left;transition:transform 250ms var(--ease-out)}
.service-options article:hover>a:after,.service-options article:focus-within>a:after{transform:scaleX(1)}
.faq-section{padding-block:48px 80px}
.faq-section details{padding:22px 0;transition:background-color 220ms}
.faq-section summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none}
.faq-section summary::-webkit-details-marker{display:none}
.faq-section summary:after{content:"+";flex-shrink:0;width:30px;text-align:center;font:400 25px/1 Inter,Arial,sans-serif;transition:transform 220ms var(--ease-out)}
.faq-section details[open] summary{color:var(--blue)}
.faq-section details[open] summary:after{transform:rotate(45deg)}
.contact-cta{background:#e8efee;padding-block:58px;border-top:0}
.contact-cta h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-.02em}
.footer-menu a{transition:color var(--motion-fast),transform var(--motion-fast)}
.footer-menu a:hover{transform:translateX(4px);text-decoration:none}
@media(hover:hover) and (pointer:fine){
 .button:hover{transform:translateY(-2px);box-shadow:0 5px 13px #15394a15}
 .button:hover:after{transform:translateX(3px) rotate(45deg)}
 .card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #15394a10;border-color:#b8ccd1}
 .card:hover .card-media img{transform:scale(1.045)}
 .card:hover .card-view{opacity:1;transform:none}
 .rental-photo:hover img{transform:scale(1.025)}
 .destination-grid .destination:hover img,.destination-grid .destination:focus-visible img{transform:scale(1.055)}
 .destination-grid .destination:hover:after{transform:translate(0,0);opacity:1}
 .tabs a:hover{transform:translateY(-2px)}
}
@media(max-width:1024px){
 .post-type-archive-hl_package .grid.two,.tax-hl_category .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero{min-height:570px}.rental-showcase{padding:32px}.rental-layout{gap:26px;grid-template-columns:minmax(200px,.85fr) minmax(0,1.15fr)}
 .rental-tab{padding:18px 14px}.rental-tab strong{font-size:22px}.rental-caption{align-items:flex-start;flex-direction:column;gap:12px}
 .destination-grid{grid-template-rows:210px 210px}.destination-grid .destination:first-child h3{font-size:30px}
}
@media(max-width:720px){
 .post-type-archive-hl_package .grid.two,.tax-hl_category .grid.two{grid-template-columns:1fr}
 .hero{min-height:530px;padding:40px 24px 46px;border-radius:12px}.hero h1{font-size:clamp(36px,9.5vw,43px)}
 .hero>p:not(.eyebrow){line-height:1.75}.hero-shell{padding-inline:12px}.search-panel{padding:0;box-shadow:none}
 .benefits{gap:18px;padding-top:30px}.benefits>div{padding-left:16px}.benefits strong{margin-bottom:4px;font-size:16px}
 .card-media img{height:230px}.card-view{opacity:1;transform:none;right:12px;bottom:12px}
 .rental-showcase{padding:28px 20px;margin-block:0 14px}.rental-showcase .section-head{gap:12px}.rental-intro{max-width:none}
 .rental-layout{display:block;margin-top:24px}.rental-tabs{gap:6px;margin-bottom:20px}.rental-tab{padding:14px 16px}.rental-tab strong{font-size:20px;margin-bottom:0}.rental-tab small{display:none}.rental-tab svg{width:19px;height:19px}
 .rental-caption{padding-top:16px}.rental-links{gap:20px;margin-top:24px}.rental-links .button{width:100%}
 .destination-grid{grid-template-columns:1fr;grid-template-rows:350px 250px 250px;gap:16px}.destination-grid .destination:first-child{grid-row:auto}.destination-grid .destination:first-child h3{font-size:29px}.destination-grid .destination div{padding:24px}
 .about-panel{padding:28px;gap:28px}.faq-section{padding-block:40px 54px}.faq-section summary{font-size:16px;gap:16px}.contact-cta{padding-block:40px}
}
@keyframes hl-copy-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes hl-photo-in{from{transform:scale(1.045)}to{transform:scale(1)}}
@keyframes hl-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .card:hover,.button:hover,.tabs a:hover,.card:hover .card-media img,.destination-grid .destination:hover img,.rental-photo:hover img{transform:none}
}