/* Destination carousel — prefix .dst- , fully scoped (no id / global collisions) */
.dst-carousel{
  --dst-ink:#3a4250;--dst-accent:#d4e600;--dst-accent-text:#1f7fa6;
  --dst-border:#dcdcdc;--dst-ease:cubic-bezier(.4,0,.2,1);
  max-width:1080px;margin:0 auto
}
.dst-carousel *{box-sizing:border-box;margin:0;padding:0}

.dst-carousel__nav{display:flex;justify-content:flex-end;gap:14px;margin-bottom:42px}
.dst-nav-btn{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--dst-border);border-radius:8px;background:transparent;cursor:pointer;color:#111;transition:background .25s,border-color .25s,transform .15s}
.dst-nav-btn:hover,.dst-nav-btn:focus {
	background: #E4E623;
	border-color: #E4E623;
}
.dst-nav-btn:active{transform:scale(.94)}
.dst-nav-btn svg{width:24px;height:24px;display:block}

.dst-carousel__viewport{position:relative}
.dst-slide{
  display:grid;grid-template-columns:468px 1fr;gap:60px;align-items:center;
  position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(14px);
  transition:opacity .55s var(--dst-ease),transform .55s var(--dst-ease),visibility 0s linear .55s;
}
.dst-slide.is-active{position:relative;opacity:1;visibility:visible;transform:none;transition:opacity .55s var(--dst-ease),transform .55s var(--dst-ease)}

.dst-slide__media{aspect-ratio:1/1.07;overflow:hidden;background:#eee}
.dst-slide__media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform 6s var(--dst-ease)}
.dst-slide.is-active .dst-slide__media img{transform:scale(1)}

.dst-slide__body{max-width:440px}
.dst-slide__text {
	font-size: 18px;
	/* line-height: 1.62; */
	letter-spacing: .1px;
	margin-bottom: 46px;
	color: #848484;
	font-weight: 400;
	font-family: "Plus Jakarta Sans", sans-serif;
}
.dst-slide__cta{display:inline-block;background:var(--dst-accent);color:var(--dst-accent-text);font-size:17px;font-weight:500;text-decoration:none;padding:16px 30px;transition:filter .25s,transform .15s}
.dst-slide__cta:hover{filter:brightness(.94)}.dst-slide__cta:active{transform:translateY(1px)}

@media (max-width:1024px){
  .dst-carousel{padding:0px}
  .dst-slide{grid-template-columns:1fr;gap:32px}
  .dst-slide__media{aspect-ratio:4/3;max-height:380px}
  .dst-slide__body{max-width:none; text-align:center;}
  .dst-slide__text{font-size:19px;margin-bottom:20px}
  .dst-carousel__nav{margin-bottom:20px}
	.dst-nav-btn {
	width: 42px;
	height: 42px;
}
}