/* Tentang Kami: gaya editorial (huruf serif untuk judul, garis tipis, foto tanpa kartu bergaya aplikasi) */
body.has-about .entry-header,body.has-about .breadcrumb{display:none}
body.has-about .entry-content{margin:0;padding:0}

.ab{--ink:#0b2a47;--muted:#52687c;--paper:#fff;--sky:rgba(173,216,247,.5);--line:#c9def0;--accent:#e8730f;
	position:relative;color:var(--ink);font-family:Roboto,sans-serif;font-size:17px;line-height:1.7;
	box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax);background:var(--paper);padding:56px 0 0}
.ab *{box-sizing:border-box}
.ab a{text-decoration:none}

.ab-eyebrow{margin:0 0 18px;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ab-title{margin:0 0 22px;color:var(--ink);font-family:Roboto,sans-serif;font-size:clamp(36px,4.8vw,58px);font-weight:800;line-height:1.12;letter-spacing:-.01em}
.ab-title em{font-family:'Kaushan Script',cursive;font-style:normal;font-weight:400;color:var(--accent);letter-spacing:0}
.ab-lead{margin:0 0 28px;max-width:34em;color:var(--muted);font-size:19px;line-height:1.65}
.ab-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0}
.ab-btn{display:inline-block;padding:13px 24px;border:1.5px solid var(--ink);color:var(--ink)!important;font-size:15px;font-weight:700;transition:background .2s,color .2s}
.ab-btn:hover{background:var(--ink);color:#fff!important}
.ab-btn--solid{background:var(--ink);color:#fff!important}
.ab-btn--solid:hover{background:var(--accent);border-color:var(--accent)}

.ab-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center;padding-bottom:64px;border-bottom:1px solid var(--line)}
.ab-hero__photo{margin:0}
.ab-hero__photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.ab-hero__photo figcaption{margin-top:10px;color:var(--muted);font-size:13px}

.ab-sec{padding:64px 0 0}
.ab-sky{position:relative;z-index:0;margin-top:64px;padding:56px 0 64px}
.ab-sky::before{content:"";position:absolute;top:0;bottom:0;left:-100vmax;right:-100vmax;background:var(--sky);z-index:-1}
.ab-sky .ab-list,.ab-sky .ab-list li{border-color:rgba(11,42,71,.18)}
a.ab-row:hover{background:rgba(255,255,255,.6)}
.ab-h2{margin:0 0 30px;padding-left:14px;border-left:5px solid var(--accent);color:var(--ink);font-family:Roboto,sans-serif;font-size:clamp(24px,2.6vw,30px);font-weight:800;line-height:1.15}


.ab-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ab-list li{margin:0;border-bottom:1px solid var(--line)}
.ab-row{display:grid;grid-template-columns:60px minmax(0,1fr) minmax(0,1.5fr);gap:20px;align-items:baseline;padding:20px 4px;color:var(--ink)!important;transition:padding .2s,background .2s}
a.ab-row:hover{padding-left:14px}
.ab-num{color:var(--accent);font-family:Roboto,sans-serif;font-size:18px;font-weight:700}
.ab-row__t{font-family:Roboto,sans-serif;font-size:19px;font-weight:700;line-height:1.3}
.ab-row__d{color:var(--muted);font-size:16px}

.ab-dest{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.ab-card{display:block;color:var(--ink)!important}
.ab-card__img{display:block;overflow:hidden;margin-bottom:14px;aspect-ratio:4/5;background:#dcebf7}
.ab-card__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
a.ab-card:hover .ab-card__img img{transform:scale(1.04)}
.ab-card__t{display:block;margin-bottom:4px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;line-height:1.3}
.ab-card__d{display:block;color:var(--muted);font-size:15px;line-height:1.55}
a.ab-card:hover .ab-card__t{color:var(--accent)}

.ab-more{margin:26px 0 0}
.ab-more a{color:var(--accent)!important;font-weight:700;border-bottom:1.5px solid currentColor;padding-bottom:2px}

.ab-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.ab-strip img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
.ab-strip img:nth-child(even){margin-top:28px}

.ab-close{margin-top:72px;padding:64px 0 56px;text-align:center}
.ab-close__quote{margin:0 0 10px;font-family:'Kaushan Script',cursive;font-size:clamp(38px,5vw,60px);font-style:normal;font-weight:400;line-height:1.15;color:var(--accent)}
.ab-close__text{margin:0 auto 24px;max-width:30em;color:var(--muted);font-size:18px}
.ab-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 36px;margin:0;font-size:19px;font-weight:700}
.ab-contact a{color:var(--ink)!important;border-bottom:1.5px solid var(--accent)}
.ab-contact a:hover{color:var(--accent)!important}
.ab-contact small{font-weight:400;color:var(--muted)}

@media(max-width:900px){
	.ab{padding-top:36px}
	.ab-hero{grid-template-columns:1fr;gap:34px;padding-bottom:44px}
	.ab-hero__photo img{aspect-ratio:4/3}
	.ab-dest{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
	.ab-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
	.ab-strip img:nth-child(n+4){display:none}
	.ab-row{grid-template-columns:44px minmax(0,1fr);row-gap:4px}
	.ab-row__d{grid-column:2}
}
@media(max-width:520px){
	.ab{font-size:16px}
	.ab-sec{padding-top:48px}
	.ab-strip img:nth-child(even){margin-top:0}
}

/* pita latar penuh lebar tidak boleh memunculkan scroll horizontal */
html:has(body.has-about),body.has-about,body.has-about #page{overflow-x:clip}

/* ===== Shuttle ===== */
.ab-note{margin:22px 0 0;color:var(--muted);font-size:16px}
.ab-fleet{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ab-fleet li{margin:0;padding:26px 20px;border-left:1px solid var(--line)}
.ab-fleet li:first-child{border-left:0;padding-left:4px}
.ab-fleet strong{display:block;font-family:Roboto,sans-serif;font-size:clamp(32px,3.6vw,44px);font-weight:800;line-height:1.05}
.ab-fleet strong small{font-family:Roboto,sans-serif;font-size:15px;font-weight:500;color:var(--muted)}
.ab-fleet span{display:block;margin-top:8px;color:var(--muted);font-size:15px}

.ab-fare{list-style:none;margin:0;padding:0;border-top:1px solid rgba(11,42,71,.18)}
.ab-fare li{display:flex;justify-content:space-between;align-items:baseline;gap:28px;margin:0;padding:22px 4px;border-bottom:1px solid rgba(11,42,71,.18)}
.ab-fare__route{font-size:17px;line-height:1.5}
.ab-fare__route strong{font-family:Roboto,sans-serif;font-size:18px;font-weight:700}
.ab-fare__price{flex:0 0 auto;font-family:Roboto,sans-serif;font-size:26px;font-weight:800;color:var(--accent);white-space:nowrap}
.ab-fare__price small{font-family:Roboto,sans-serif;font-size:14px;font-weight:400;color:var(--muted)}

.ab-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.ab-two>div{padding:26px 32px 8px 0}
.ab-two>div+div{padding-left:32px;border-left:1px solid var(--line)}
.ab-two h3{margin:0 0 10px;font-family:Roboto,sans-serif;font-size:21px;font-weight:700}
.ab-two p{margin:0;color:var(--muted)}

.ab-served{margin:0;font-family:Roboto,sans-serif;font-size:clamp(18px,2vw,22px);font-weight:600;line-height:1.7;color:var(--ink)}

@media(max-width:900px){
	.ab-fleet{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ab-fleet li:nth-child(odd){border-left:0;padding-left:4px}
	.ab-fleet li:nth-child(n+3){border-top:1px solid var(--line)}
	.ab-fare li{flex-direction:column;gap:6px}
	.ab-two{grid-template-columns:1fr}
	.ab-two>div,.ab-two>div+div{padding:22px 0 6px;border-left:0}
	.ab-two>div+div{border-top:1px solid var(--line)}
}

/* ===== Tema paket ===== */
.ab-themes .ab-row{grid-template-columns:60px minmax(0,1fr) auto;align-items:center}
.ab-row__t small{display:block;margin-top:4px;color:var(--muted);font-size:15px;font-weight:400;line-height:1.5}
.ab-row__go{color:var(--accent);font-size:15px;font-weight:700;white-space:nowrap}
a.ab-row:hover .ab-row__go{text-decoration:underline}
@media(max-width:900px){.ab-themes .ab-row{grid-template-columns:44px minmax(0,1fr)}.ab-themes .ab-row__go{grid-column:2}}