.about-hero::after { background: linear-gradient(90deg,rgba(19,58,67,.55),rgba(19,58,67,.32) 66%,rgba(19,58,67,.1)); }
.about-intro { display: grid; grid-template-columns: .6fr 1fr .9fr; align-items: center; gap: clamp(38px,6vw,90px); }
.about-kicker { display: flex; align-items: flex-start; flex-direction: column; color: var(--muted); }
.about-kicker > span { margin-bottom: 18px; color: var(--sea-deep); font-size: .68rem; font-weight: 700; letter-spacing: .16em; }
.about-kicker strong { font-family: Manrope,sans-serif; font-size: clamp(1.4rem,2vw,2rem); line-height: 1.1; letter-spacing: -.04em; }
.about-kicker i { width: 34px; height: 2px; margin: 22px 0 14px; background: var(--coral); }
.about-kicker small { font-size: .6rem; font-weight: 700; letter-spacing: .14em; }
.about-main-copy h2 { margin-bottom: 22px; }
.about-photo { position: relative; height: 515px; margin: 0; }
.about-photo img { width: 100%; height: 100%; border-radius: var(--radius-lg); object-fit: cover; }
.about-photo figcaption { position: absolute; right: 13px; bottom: 13px; left: 13px; padding: 9px 12px; border-radius: 6px; background: rgba(255,255,255,.94); color: var(--body); font-size: .72rem; }
.about-principles { background: linear-gradient(180deg, #ffffff 0%, #f5fbff 100%); }
.principle-list { border-top: 1px solid var(--line); }
.principle { display: grid; grid-template-columns: 75px 1fr 42px; align-items: center; gap: 25px; padding: 27px 18px; border: 1px solid transparent; border-bottom-color: var(--line); border-radius: 14px; transition: background .25s ease, border-color .25s ease, transform .25s var(--ease); }
.principle:hover { transform: translateX(5px); border-color: rgba(86,181,75,.16); background: linear-gradient(100deg, rgba(86,181,75,.045), rgba(5,152,215,.035)); }
.principle > span { color: var(--coral); font-size: .82rem; font-weight: 700; }
.principle h3 { margin: 0 0 7px; font-size: 1.22rem; }
.principle p { max-width: 670px; margin: 0; font-size: .9rem; }
.principle > b { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid #d4e4e1; border-radius: 50%; color: var(--sea); }
.about-feature { position: relative; min-height: 430px; overflow: hidden; border-radius: var(--radius-lg); background: #346d70; }
.about-feature > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(1.12) saturate(1.1); transition: transform .7s var(--ease), filter .7s var(--ease); }
.about-feature::after { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(15,56,65,.53),rgba(15,56,65,.14)); content: ""; }
.about-feature:hover > img { transform: scale(1.04); filter: brightness(1.16) saturate(1.14); }
.about-feature > div { position: relative; z-index: 1; max-width: 670px; padding: clamp(38px,7vw,83px); }
.about-feature h2 { margin-bottom: 25px; color: white; }
.about-feature h2 em { background: var(--title-spectrum); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; text-shadow: 0 1px 6px rgba(10,35,50,.3); }
.tours-hero::after { background: linear-gradient(90deg,rgba(17,58,70,.55),rgba(17,58,70,.32) 66%,rgba(17,58,70,.1)); }
.disclosure-note { margin: 26px 0 0; color: var(--muted); font-size: .78rem; }
.journey-route { background: linear-gradient(125deg,#0598D7,#56B54B); }
.route-inner { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 70px; }
.route-inner h2 { margin-bottom: 17px; color: white; }
.route-inner h2 em { background: var(--title-spectrum); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; text-shadow: 0 1px 6px rgba(10,35,50,.3); }
.route-inner > div:first-child > p:not(.eyebrow) { max-width: 460px; margin-bottom: 25px; color: rgba(255,255,255,.88); }
.route-steps { display: flex; flex-direction: column; gap: 15px; }
.route-steps article { display: flex; align-items: flex-start; gap: 20px; padding: 21px; border: 1px solid rgba(255,255,255,.27); border-radius: 12px; background: rgba(255,255,255,.09); }
.route-steps article > span { color: #c3f4e2; font-size: .77rem; font-weight: 700; }
.route-steps h3 { margin: 0 0 5px; color: white; font-size: 1.1rem; }
.route-steps p { margin: 0; color: rgba(255,255,255,.8); font-size: .82rem; }
.destinations-hero::after { background: linear-gradient(90deg,rgba(18,56,72,.55),rgba(18,56,72,.32) 66%,rgba(18,56,72,.1)); }
.destination-intro { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 60px; padding-bottom: 45px; }
.destination-intro h2 { margin: 0; }
.destination-intro > p { max-width: 540px; margin: 0 0 5px; }
.destination-list { padding-bottom: 15px; }
.destination-list .filter-row { margin-bottom: 23px; }
.destination-feature { display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: clamp(40px,7vw,90px); padding-block: 36px; border-bottom: 1px solid var(--line); scroll-margin-top: 100px; }
.destination-feature-reverse .destination-feature-image { order: 2; }
.destination-feature-image { position: relative; height: 385px; overflow: hidden; border-radius: var(--radius-lg); background: var(--mist); }
.destination-feature-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s var(--ease), filter .55s var(--ease); }
.destination-feature:hover .destination-feature-image img { transform: scale(1.05) rotate(-.2deg); filter: saturate(1.08); }
.destination-number { color: var(--sea-deep); font-size: .67rem; font-weight: 700; letter-spacing: .14em; }
.destination-feature-copy h2 { margin: 13px 0 16px; font-size: clamp(2rem,4vw,3.5rem); }
.destination-feature-copy p { max-width: 520px; }
.destination-feature-copy .text-link { margin-top: 6px; }
.destination-end { padding-top: 100px; }
.vehicle-note { background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%); }
.vehicle-note-inner { display: flex; max-width: 920px; align-items: flex-start; gap: 27px; }
.vehicle-note-icon { display: grid; width: 47px; height: 47px; flex: none; place-items: center; border-radius: 50%; background: white; color: var(--sea); font-size: 1.15rem; box-shadow: 0 12px 26px rgba(17,53,69,.08); animation: pulseRing 2.5s ease-out infinite; }
.vehicle-note h2 { margin-bottom: 13px; font-size: clamp(1.7rem,3.5vw,2.8rem); }
.vehicle-note p:last-child { max-width: 700px; margin: 0; }
.vehicle-needs { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--line); }
.vehicle-need { display: flex; min-height: 155px; align-items: flex-start; gap: 25px; padding: 28px 24px; border-bottom: 1px solid var(--line); }
.vehicle-need:nth-child(odd) { border-right: 1px solid var(--line); }
.vehicle-need > span { padding-top: 3px; color: var(--coral); font-size: .78rem; font-weight: 700; }
.vehicle-need h3 { margin: 0 0 8px; font-size: 1.12rem; }
.vehicle-need p { max-width: 410px; margin: 0; font-size: .87rem; }
.vehicle-gallery-section { background: linear-gradient(180deg, #ffffff 0%, #f5fbff 100%); }
.vehicle-gallery { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }
.vehicle-gallery .gallery-image { position: relative; height: 280px; overflow: hidden; padding: 0; border: 0; border-radius: 13px; background: #d7e6e2; cursor: zoom-in; }
.vehicle-gallery .gallery-image::after { position: absolute; inset: 0; background: linear-gradient(0deg,rgba(12,40,50,.45),transparent 55%); content: ""; }
.vehicle-gallery img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease), filter .5s var(--ease); }
.vehicle-gallery .gallery-image:hover img { transform: scale(1.07); filter: saturate(1.08); }
.vehicle-gallery .gallery-image span { position: absolute; z-index: 1; bottom: 17px; left: 18px; color: white; font-size: .7rem; font-weight: 700; letter-spacing: .14em; }
.contact-hero::after { background: linear-gradient(90deg,rgba(17,57,72,.55),rgba(17,57,72,.3) 66%,rgba(17,57,72,.1)); }
.map-section { background: linear-gradient(180deg, #ffffff 0%, #f5fbff 100%); }
.map-section .section-heading { margin-bottom: 29px; }
.admin-page { min-height: calc(100vh - var(--header-height) - 62px); padding-top: 1px; }
.admin-page .status-panel { margin-block: 60px; }

@media (max-width: 850px) {
  .about-intro { grid-template-columns: .4fr 1fr; }
  .about-photo { grid-column: 1/-1; height: 400px; }
  .route-inner { gap: 36px; }
  .destination-feature { gap: 35px; }
  .destination-feature-image { height: 320px; }
}
@media (max-width: 620px) {
  .about-intro { grid-template-columns: 1fr; }
  .about-kicker { display: none; }
  .about-photo { grid-column: auto; height: 345px; }
  .principle { grid-template-columns: 35px 1fr; gap: 15px; padding: 22px 0; }
  .principle > b { display: none; }
  .about-feature { min-height: 390px; }
  .route-inner { grid-template-columns: 1fr; gap: 38px; }
  .destination-intro { grid-template-columns: 1fr; gap: 22px; padding-bottom: 28px; }
  .destination-feature, .destination-feature-reverse { grid-template-columns: 1fr; gap: 23px; padding-block: 25px; }
  .destination-feature-reverse .destination-feature-image { order: 0; }
  .destination-feature-image { height: 290px; }
  .destination-end { padding-top: 65px; }
  .vehicle-note-inner { gap: 16px; }
  .vehicle-needs { grid-template-columns: 1fr; }
  .vehicle-need:nth-child(odd) { border-right: 0; }
  .vehicle-need { min-height: 125px; padding: 23px 7px; }
  .vehicle-gallery { grid-template-columns: 1fr; }
  .vehicle-gallery .gallery-image { height: 250px; }
}

.about-intro, .destination-intro { position: relative; overflow: hidden; margin-block: 38px; padding: clamp(34px,5vw,62px); border: 1px solid rgba(5,152,215,.14); border-radius: var(--radius-lg); background: radial-gradient(ellipse at 0 0, rgba(5,152,215,.16), transparent 48%), radial-gradient(ellipse at 100% 100%, rgba(219,43,138,.11), transparent 42%), linear-gradient(135deg, #fff 14%, #edf7ff 100%); box-shadow: 0 18px 48px rgba(26,89,126,.07); }
.about-principles { position: relative; background: radial-gradient(ellipse at 10% 0, rgba(86,181,75,.09), transparent 45%), linear-gradient(180deg, #f5fbff, #fff 74%); }
.principle-list { display: grid; gap: 12px; border-top: 0; }
.principle { padding: 23px 25px; border: 1px solid rgba(5,152,215,.1); background: rgba(255,255,255,.88); box-shadow: 0 8px 24px rgba(29,76,96,.045); }
.principle:hover { transform: translateX(4px); border-color: rgba(5,152,215,.23); background: linear-gradient(100deg, #fff, #f2faff); box-shadow: 0 14px 32px rgba(29,76,96,.09); }
.destination-feature { margin-block: 16px; padding: clamp(18px,3vw,34px); border: 1px solid rgba(5,152,215,.12); border-radius: var(--radius-lg); background: radial-gradient(ellipse at 100% 0, rgba(5,152,215,.11), transparent 46%), linear-gradient(135deg, #fff, #f0f8ff); box-shadow: 0 12px 32px rgba(29,76,96,.05); transition: border-color .25s ease, box-shadow .25s ease, transform .25s var(--ease); }
.destination-feature:nth-of-type(even) { background: radial-gradient(ellipse at 0 100%, rgba(86,181,75,.11), transparent 46%), linear-gradient(135deg, #fff, #f3faef); }
.destination-feature:hover { transform: translateY(-3px); border-color: rgba(5,152,215,.25); box-shadow: 0 20px 42px rgba(29,76,96,.09); }
.destination-feature-image { box-shadow: 0 16px 34px rgba(22,63,79,.12); }
.vehicle-hero { position: relative; isolation: isolate; margin-block: 34px; padding-inline: clamp(24px,5vw,62px); border: 1px solid rgba(5,152,215,.12); border-radius: var(--radius-lg); background: radial-gradient(ellipse at 0 0, rgba(5,152,215,.1), transparent 47%), radial-gradient(ellipse at 100% 100%, rgba(250,177,16,.1), transparent 38%), linear-gradient(135deg, #fff, #f5fbff); box-shadow: 0 18px 46px rgba(26,89,126,.07); }
.vehicle-hero-image { border: 6px solid rgba(255,255,255,.9); box-shadow: 0 20px 42px rgba(26,69,87,.17); }
.vehicle-needs { gap: 12px; border-top: 0; }
.vehicle-need { min-height: 140px; border: 1px solid rgba(5,152,215,.1); border-radius: var(--radius-md); background: linear-gradient(135deg, #fff, #f3faff); box-shadow: 0 8px 24px rgba(29,76,96,.045); }
.vehicle-need:nth-child(odd) { border-right: 1px solid rgba(5,152,215,.1); }
.contact-layout { padding: clamp(24px,4vw,46px); border: 1px solid rgba(5,152,215,.12); border-radius: var(--radius-lg); background: radial-gradient(ellipse at 0 0, rgba(5,152,215,.14), transparent 50%), radial-gradient(ellipse at 100% 100%, rgba(219,43,138,.09), transparent 40%), linear-gradient(135deg, #fff, #edf7ff); box-shadow: 0 18px 46px rgba(26,89,126,.07); }
.vehicle-note, .map-section { background: radial-gradient(ellipse at 90% 0, rgba(86,181,75,.075), transparent 42%), linear-gradient(180deg, #f4faff, #fff); }
.vehicle-gallery-section { background: radial-gradient(ellipse at 10% 10%, rgba(5,152,215,.075), transparent 40%), linear-gradient(180deg, #fff, #f2f9ff); }
.editorial-band { border: 1px solid rgba(5,152,215,.13); background: radial-gradient(ellipse at 0 0, rgba(5,152,215,.13), transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(250,177,16,.1), transparent 45%), #f7fbff; box-shadow: 0 18px 44px rgba(29,76,96,.07); }
.tour-grid .travel-card { border-color: rgba(5,152,215,.13); background: linear-gradient(180deg, #fff, #f7fbff); box-shadow: 0 12px 32px rgba(29,76,96,.075); }
.tour-grid .travel-card:hover { border-color: rgba(5,152,215,.32); box-shadow: 0 22px 46px rgba(29,76,96,.14); }

@media (max-width: 620px) {
  .about-intro, .destination-intro { margin-block: 22px; padding: 26px 21px; border-radius: 22px; }
  .principle { padding: 19px 16px; }
  .destination-feature { margin-block: 11px; padding: 16px; border-radius: 22px; }
  .vehicle-hero { margin-block: 22px; padding: 25px 20px; border-radius: 22px; }
  .vehicle-needs { gap: 10px; }
  .vehicle-need, .vehicle-need:nth-child(odd) { min-height: 0; padding: 20px 15px; border: 1px solid rgba(5,152,215,.1); border-radius: 16px; }
  .contact-layout { padding: 20px 15px; border-radius: 22px; }
}