/* About Us page — Travel Yamu Malaysia */
:root {
  --ty-blue: #0262ae;
  --ty-blue-dark: #0c3250;
  --ty-blue-soft: #eaf3fb;
  --ty-orange: #fe7702;
  --ty-text: #1a2b49;
  --ty-muted: #5b6b80;
  --ty-border: #e3e9f0;
}

/* ---- Hero ---- */
.tya-hero {
  position: relative; margin-top: 88px; min-height: 460px; display: flex; align-items: center;
  overflow: hidden; background: var(--ty-blue-dark);
}
.tya-hero__bg, .tya-hero__bg img { position: absolute; inset: 0; width: 100%; height: 100%; }
.tya-hero__bg img { object-fit: cover; object-position: 70% center; }
.tya-hero__bg::after {
  content: ""; position: absolute; inset: 0;
  background:
    linear-gradient(90deg, rgba(8, 36, 64, .92) 0%, rgba(8, 36, 64, .78) 35%, rgba(8, 36, 64, .25) 70%, rgba(8, 36, 64, .15) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, 0) 40%, rgba(8, 36, 64, .55) 100%);
}
.tya-hero__content { position: relative; z-index: 1; padding: 70px 0; max-width: 680px; }
.tya-hero__title { color: #fff; font-weight: 700; font-size: 64px; line-height: 1.05; margin: 0; text-shadow: 0 2px 18px rgba(0, 0, 0, .35); }
.tya-hero__sub { color: #fff; font-size: 28px; font-weight: 500; line-height: 1.3; margin: 14px 0 0; max-width: 560px; }
.tya-hero__tags { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 26px; padding: 10px 18px; border-radius: 999px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .25); color: #fff; font-size: 16px; font-weight: 600; backdrop-filter: blur(4px); }
.tya-hero__tags span + span::before { content: "•"; color: var(--ty-orange); margin-right: 14px; }

/* ---- Team ---- */
.tya-eyebrow { color: var(--ty-orange); font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 6px; }
.tya-h2 { font-size: 34px; font-weight: 700; color: var(--ty-blue-dark); line-height: 1.2; margin: 0; }
.tya-lead { color: var(--ty-muted); font-size: 17px; margin-top: 8px; }
.tya-team { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 40px; }
.tya-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--ty-border); border-radius: 18px; overflow: hidden; box-shadow: 0 10px 30px rgba(12, 50, 80, .06); transition: transform .25s ease, box-shadow .25s ease; }
.tya-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(12, 50, 80, .12); }
.tya-card__photo { position: relative; aspect-ratio: 4 / 5; background: var(--ty-blue-soft); overflow: hidden; }
.tya-card__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.tya-card__body { padding: 24px 26px 28px; display: flex; flex-direction: column; flex: 1; }
.tya-card__name { font-size: 22px; font-weight: 700; color: var(--ty-blue-dark); margin: 0; }
.tya-card__role { color: var(--ty-orange); font-weight: 700; font-size: 14.5px; margin: 4px 0 14px; }
.tya-card__bio { color: var(--ty-text); font-size: 14.5px; line-height: 1.65; }
.tya-card__bio p { margin: 0 0 10px; }
.tya-card__bio p:last-child { margin-bottom: 0; }
.tya-card__wa { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; font-size: 14px; font-weight: 600; color: var(--ty-blue); }
.tya-card__wa:hover { color: var(--ty-orange); }
.tya-card__wa svg { width: 22px; height: 22px; }

@media (max-width: 991px) {
  .tya-hero__title { font-size: 52px; }
  .tya-hero__sub { font-size: 22px; }
  .tya-team { grid-template-columns: 1fr; max-width: 560px; margin-left: auto; margin-right: auto; }
}
@media (max-width: 767px) {
  .tya-hero { margin-top: 57px; min-height: 380px; }
  .tya-hero__content { padding: 54px 0; }
  .tya-hero__title { font-size: 42px; }
  .tya-hero__sub { font-size: 19px; }
  .tya-hero__tags { font-size: 14px; padding: 8px 14px; border-radius: 16px; }
  .tya-h2 { font-size: 27px; }
  .tya-card__body { padding: 20px; }
}