/* =============================================
   HOME-KIIT.CSS
   Front-page-only animated sections inspired by
   kiitworld.in — quick-access strip, welcome tabs,
   legacy marquee, floating CTA.
   Loaded ONLY on is_front_page(); does not affect
   any inner page.
   ============================================= */

/* ---------- QUICK ACCESS STRIP ---------- */
.smos-quicklinks {
  position: relative;
  z-index: 3;
  margin-top: -56px;
  padding: 0 24px;
}
.smos-quicklinks__grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.smos-quicklinks__card {
  background: var(--white);
  border-radius: var(--radius);
  padding: 26px 22px;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-decoration: none;
  border-bottom: 3px solid var(--gold);
  position: relative;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(.22,1,.36,1), box-shadow 0.4s ease;
}
.smos-quicklinks__card::before {
  content: '';
  position: absolute;
  top: 0; left: -60%;
  width: 40%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.6), transparent);
  transform: skewX(-20deg);
  transition: left 0.7s ease;
  pointer-events: none;
}
.smos-quicklinks__card:hover::before { left: 130%; }
.smos-quicklinks__card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 20px 44px rgba(123,29,42,0.2);
}
.smos-quicklinks__card--accent {
  background: var(--maroon);
  border-bottom-color: var(--gold-light);
}
.smos-quicklinks__card--accent h3,
.smos-quicklinks__card--accent p { color: rgba(255,255,255,0.92); }
.smos-quicklinks__icon {
  font-size: 30px;
  margin-bottom: 6px;
  animation: quicklink-float 3s ease-in-out infinite;
}
.smos-quicklinks__card:nth-child(2) .smos-quicklinks__icon { animation-delay: 0.3s; }
.smos-quicklinks__card:nth-child(3) .smos-quicklinks__icon { animation-delay: 0.6s; }
.smos-quicklinks__card:nth-child(4) .smos-quicklinks__icon { animation-delay: 0.9s; }
@keyframes quicklink-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}
.smos-quicklinks__card h3 {
  font-family: var(--font-display);
  font-size: 17px;
  color: var(--gray-900);
}
.smos-quicklinks__card p {
  font-size: 13px;
  color: var(--gray-500);
}

/* ---------- WELCOME TABS ---------- */
.smos-welcome { background: var(--off-white); }
.smos-welcome__grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 56px;
  align-items: start;
}
.smos-welcome__lead {
  font-size: 16px;
  color: var(--gray-700);
  margin: 18px 0 28px;
  line-height: 1.75;
}
.smos-welcome__tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--gray-100);
  margin-bottom: 22px;
}
.smos-welcome__tab-btn {
  background: transparent;
  border: none;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 14.5px;
  color: var(--gray-500);
  padding: 10px 4px;
  cursor: pointer;
  position: relative;
  transition: color var(--transition);
}
.smos-welcome__tab-btn + .smos-welcome__tab-btn { margin-left: 22px; }
.smos-welcome__tab-btn::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 2px;
  background: var(--maroon);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.smos-welcome__tab-btn.active { color: var(--maroon); }
.smos-welcome__tab-btn.active::after { transform: scaleX(1); }
.smos-welcome__panels { position: relative; min-height: 96px; }
.smos-welcome__panel {
  display: none;
  font-size: 15px;
  color: var(--gray-700);
  line-height: 1.8;
  animation: fadeInUp 0.5s ease both;
}
.smos-welcome__panel.active { display: block; }

.smos-welcome__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.smos-welcome__stat-card {
  background: var(--white);
  border-radius: var(--radius);
  padding: 26px 18px;
  text-align: center;
  box-shadow: var(--shadow);
  border-top: 3px solid var(--maroon);
  transition: transform 0.3s ease;
}
.smos-welcome__stat-card:hover { transform: translateY(-4px); }
.smos-welcome__stat-card .num {
  display: block;
  font-family: var(--font-display);
  font-size: 30px;
  font-weight: 700;
  color: var(--maroon);
}
.smos-welcome__stat-card .label {
  display: block;
  font-size: 12px;
  color: var(--gray-500);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-top: 4px;
}

/* ---------- LEGACY MARQUEE ---------- */
.smos-legacy-strip {
  background: var(--maroon-deep);
  padding: 56px 0 0;
  overflow: hidden;
}
.smos-legacy-strip__banner {
  text-align: center;
  padding: 0 24px 40px;
}
.smos-legacy-strip__num {
  display: block;
  font-family: var(--font-display);
  font-size: 56px;
  font-weight: 700;
  color: var(--gold-light);
  line-height: 1;
}
.smos-legacy-strip__label {
  display: block;
  color: rgba(255,255,255,0.75);
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-top: 8px;
}
.smos-legacy-strip__track-wrap {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.smos-legacy-strip__track {
  display: flex;
  gap: 18px;
  width: max-content;
  padding-bottom: 40px;
  animation: legacy-scroll 32s linear infinite;
}
.smos-legacy-strip__track:hover { animation-play-state: paused; }
.smos-legacy-strip__item {
  width: 220px;
  height: 150px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  flex-shrink: 0;
}
.smos-legacy-strip__item img { width: 100%; height: 100%; object-fit: cover; }
.smos-legacy-strip__placeholder {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--maroon), var(--maroon-light));
  color: rgba(255,255,255,0.6);
  font-size: 12px;
  text-align: center;
  padding: 10px;
}
@keyframes legacy-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* ---------- FLOATING APPLY CTA ---------- */
.smos-float-cta {
  position: fixed;
  left: 24px;
  bottom: 32px;
  z-index: 999;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--maroon);
  color: #fff;
  padding: 13px 20px 13px 16px;
  border-radius: 100px;
  box-shadow: var(--shadow-md);
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  opacity: 0;
  transform: translateY(16px);
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.3s ease;
}
.smos-float-cta.visible { opacity: 1; transform: translateY(0); pointer-events: auto; }
.smos-float-cta:hover { background: var(--maroon-deep); }
.smos-float-cta__icon {
  font-size: 18px;
  animation: cta-pulse 1.8s ease-in-out infinite;
}
@keyframes cta-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.15); }
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px) {
  .smos-quicklinks { margin-top: -32px; }
  .smos-quicklinks__grid { grid-template-columns: repeat(2, 1fr); }
  .smos-welcome__grid { grid-template-columns: 1fr; gap: 32px; }
  .smos-legacy-strip__num { font-size: 42px; }
}
@media (max-width: 560px) {
  .smos-quicklinks__grid { grid-template-columns: 1fr; }
  .smos-welcome__stats { grid-template-columns: 1fr 1fr; }
  .smos-float-cta__text { display: none; }
  .smos-float-cta { padding: 14px; left: 16px; bottom: 24px; }
}

/* ---------- ACADEMIC HIGHLIGHTS: auto-scrolling decorative strip ---------- */
.smos-highlights__track-wrap {
  overflow: hidden;
  margin-top: 44px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}
.smos-highlights__track {
  display: flex;
  gap: 26px;
  width: max-content;
  animation: highlights-scroll linear infinite;
}
.smos-highlights__track:hover { animation-play-state: paused; }
@keyframes highlights-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.smos-highlights__card {
  position: relative;
  width: 300px;
  flex-shrink: 0;
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
  background: var(--white);
  border: 1px solid var(--gray-100);
  transition: transform 0.4s cubic-bezier(.22,1,.36,1), box-shadow 0.4s ease;
}
.smos-highlights__card:hover { transform: translateY(-8px); box-shadow: 0 20px 44px rgba(123,29,42,0.18); }
.smos-highlights__card .smos-highlights__img-wrap { position: relative; height: 200px; overflow: hidden; }
.smos-highlights__card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(.22,1,.36,1); }
.smos-highlights__card:hover img { transform: scale(1.08); }
.smos-highlights__card .smos-highlights__img-wrap::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(90,18,32,0.55) 100%);
}
.smos-highlights__badge {
  position: absolute; top: 14px; left: 14px; z-index: 2;
  width: 38px; height: 38px;
  border-radius: 50%;
  background: var(--gold);
  color: var(--maroon-deep);
  display: flex; align-items: center; justify-content: center;
  font-size: 17px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.25);
}
.smos-highlights__placeholder {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--maroon), var(--maroon-light));
  color: rgba(255,255,255,0.7); font-size: 13px; text-align: center; padding: 12px;
}
.smos-highlights__caption { padding: 18px 20px 22px; position: relative; }
.smos-highlights__caption::before {
  content: '';
  display: block;
  width: 34px; height: 3px;
  background: var(--gold);
  border-radius: 2px;
  margin-bottom: 12px;
}
.smos-highlights__caption h4 {
  font-family: var(--font-display);
  font-size: 16.5px;
  color: var(--maroon);
  font-weight: 700;
  margin-bottom: 6px;
}
.smos-highlights__caption p { font-size: 13.5px; color: var(--gray-500); line-height: 1.6; }

/* ---------- EVENTS CAROUSEL ---------- */
.smos-events__carousel {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 44px;
}
.smos-events__track {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding: 4px 2px 14px;
  flex: 1;
}
.smos-events__track::-webkit-scrollbar { display: none; }

.smos-highlights__nav {
  flex-shrink: 0;
  width: 40px; height: 40px;
  border-radius: 50%;
  border: 1px solid var(--gray-100);
  background: var(--white);
  color: var(--maroon);
  font-size: 20px;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background var(--transition), color var(--transition);
}
.smos-highlights__nav:hover { background: var(--maroon); color: #fff; }

.smos-events__card {
  flex: 0 0 300px;
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
  background: var(--white);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.smos-events__card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.smos-events__img-wrap { position: relative; }
.smos-events__img-wrap img { width: 100%; height: 170px; object-fit: cover; }
.smos-events__date-badge {
  position: absolute;
  top: 14px; left: 14px;
  background: var(--maroon);
  color: #fff;
  border-radius: var(--radius-sm);
  padding: 6px 10px;
  text-align: center;
  line-height: 1.1;
  box-shadow: var(--shadow);
}
.smos-events__date-badge .d { display: block; font-size: 17px; font-weight: 700; }
.smos-events__date-badge .m { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; }
.smos-events__body { padding: 16px 18px 20px; }
.smos-events__body h4 {
  font-family: var(--font-display);
  font-size: 16px;
  color: var(--gray-900);
  margin-bottom: 8px;
}
.smos-events__meta { font-size: 12.5px; color: var(--gray-500); margin-bottom: 4px; }
.smos-events__body p { font-size: 13px; color: var(--gray-500); margin-top: 8px; line-height: 1.6; }

@media (max-width: 640px) {
  .smos-highlights__nav, .smos-events__nav { display: none; }
  .smos-highlights__card { flex-basis: 240px; }
  .smos-events__card { flex-basis: 260px; }
}

/* ---------- SCROLL PROGRESS BAR ---------- */
.smos-scroll-progress {
  position: fixed;
  top: 0; left: 0;
  height: 3px;
  width: 0%;
  background: linear-gradient(90deg, var(--gold), var(--maroon));
  z-index: 9999;
  transition: width 0.1s linear;
}

/* ---------- HERO DECORATIVE BLOBS ---------- */
.smos-hero { position: relative; overflow: hidden; }
.smos-hero__blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.35;
  pointer-events: none;
  z-index: 0;
  animation: blob-float 9s ease-in-out infinite;
}
.smos-hero__blob--1 {
  width: 320px; height: 320px;
  top: -80px; left: -60px;
  background: radial-gradient(circle, var(--gold-light,#e2c07a), transparent 70%);
}
.smos-hero__blob--2 {
  width: 260px; height: 260px;
  bottom: -60px; left: 30%;
  background: radial-gradient(circle, var(--maroon-light,#a33244), transparent 70%);
  animation-delay: 2s;
}
.smos-hero__blob--3 {
  width: 200px; height: 200px;
  top: 20%; right: -40px;
  background: radial-gradient(circle, var(--gold,#C4943A), transparent 70%);
  animation-delay: 4s;
}
@keyframes blob-float {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33%      { transform: translate(20px, -24px) scale(1.08); }
  66%      { transform: translate(-16px, 18px) scale(0.94); }
}
.smos-hero__content, .smos-hero__image-side { position: relative; z-index: 1; }

/* Continuous gentle float on the hero floating card (in addition to its entrance animation) */
.smos-hero__floating-card { animation: hero-card-float 4.5s ease-in-out 1.4s infinite; }
@keyframes hero-card-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-8px); }
}

/* Parallax-ready hero image (translateY applied via JS on scroll) */
.smos-hero__image-side img { will-change: transform; }

/* ---------- TESTIMONIALS ---------- */
.smos-testimonials { background: var(--off-white); }
.smos-testimonials__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 44px;
}
.smos-testimonial__card {
  background: var(--white);
  border-radius: var(--radius);
  padding: 32px 28px 26px;
  box-shadow: var(--shadow);
  border-top: 3px solid var(--gold);
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.smos-testimonial__card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.smos-testimonial__quote-mark {
  font-family: Georgia, serif;
  font-size: 56px;
  line-height: 1;
  color: var(--maroon-pale);
  font-weight: 700;
  margin-bottom: 4px;
}
.smos-testimonial__text {
  font-size: 14.5px;
  color: var(--gray-700);
  line-height: 1.75;
  margin-bottom: 20px;
  font-style: italic;
}
.smos-testimonial__author { display: flex; flex-direction: column; }
.smos-testimonial__author .name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 14.5px;
  color: var(--maroon);
}
.smos-testimonial__author .role {
  font-size: 12px;
  color: var(--gray-500);
  margin-top: 2px;
}

/* ---------- CLOSING CTA BANNER ---------- */
.smos-closing-cta {
  background: linear-gradient(120deg, var(--maroon-deep), var(--maroon));
  padding: 48px 24px;
}
.smos-closing-cta__inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.smos-closing-cta__inner h2 {
  font-family: var(--font-display);
  color: var(--white);
  font-size: 24px;
  margin-bottom: 6px;
}
.smos-closing-cta__inner p { color: rgba(255,255,255,0.8); font-size: 14.5px; }
.smos-closing-cta__btn {
  background: var(--white) !important;
  color: var(--maroon) !important;
  border-color: var(--white) !important;
  white-space: nowrap;
}
.smos-closing-cta__btn:hover { background: var(--gold-light) !important; border-color: var(--gold-light) !important; }

@media (max-width: 800px) {
  .smos-testimonials__grid { grid-template-columns: 1fr; }
  .smos-closing-cta__inner { flex-direction: column; text-align: center; }
}

/* ---------- HERO: PLAIN PHOTO (no overlay text), matches kiitworld.in ---------- */
.smos-hero--photo {
  position: relative;
  width: 100%;
  height: 78vh;
  min-height: 420px;
  max-height: 720px;
  overflow: hidden;
}
.smos-hero--photo .smos-hero__bg-slider { position: absolute; inset: 0; }
.smos-hero--photo .smos-hero__slide-dots { bottom: 24px; }
.screen-reader-text {
  position: absolute !important;
  clip: rect(1px,1px,1px,1px);
  width: 1px; height: 1px; overflow: hidden;
  white-space: nowrap;
}

/* ---------- FLOATING SOCIAL RAIL ---------- */
.smos-social-rail {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 500;
  display: flex;
  flex-direction: column;
}
.smos-social-rail__item {
  width: 42px; height: 42px;
  display: flex; align-items: center; justify-content: center;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: width 0.25s ease, filter 0.2s ease;
}
.smos-social-rail__item:hover { width: 48px; filter: brightness(1.08); }
.smos-social-rail__item--wa { background: #25D366; }
.smos-social-rail__item--ig { background: radial-gradient(circle at 30% 110%, #fdf497, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.smos-social-rail__item--fb { background: #1877F2; }
.smos-social-rail__item--yt { background: #FF0000; }

/* ---------- FLOATING PROMO POPUP ---------- */
.smos-promo-popup {
  position: fixed;
  right: 16px;
  bottom: 100px;
  z-index: 400;
  width: 200px;
  box-shadow: 0 12px 36px rgba(0,0,0,0.28);
  border-radius: var(--radius-sm);
  overflow: visible;
  background: #fff;
  animation: fadeInUp 0.6s ease 1s both;
}
.smos-promo-popup img { width: 100%; display: block; border-radius: var(--radius-sm); }
.smos-promo-popup__close {
  position: absolute;
  top: -10px; right: -10px;
  width: 26px; height: 26px;
  border-radius: 50%;
  background: var(--gray-900);
  color: #fff;
  border: 2px solid #fff;
  font-size: 12px;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.smos-promo-popup.smos-promo-popup--hidden { display: none; }
@media (max-width: 700px) { .smos-promo-popup { width: 140px; bottom: 84px; right: 10px; } }

/* ---------- QUICKLINKS: PINK PANEL W/ ROUND ICON BADGES ---------- */
.smos-quicklinks-strip__panel {
  max-width: 1200px;
  margin: 0 auto;
  background: linear-gradient(120deg, var(--maroon-pale), #fdf0f1);
  border-radius: var(--radius);
  box-shadow: 0 20px 50px rgba(123,29,42,0.14);
  padding: 30px 36px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.smos-ql-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  text-decoration: none;
}
.smos-ql-item__icon {
  flex-shrink: 0;
  width: 48px; height: 48px;
  border-radius: 50%;
  background: var(--maroon);
  color: #fff;
  font-size: 20px;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 16px rgba(123,29,42,0.3);
}
.smos-ql-item__body strong { display: block; font-family: var(--font-display); font-size: 16px; color: var(--gray-900); margin-bottom: 3px; }
.smos-ql-item__body span { font-size: 12.5px; color: var(--gray-700); line-height: 1.5; }
@media (max-width: 900px) { .smos-quicklinks-strip__panel { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .smos-quicklinks-strip__panel { grid-template-columns: 1fr; padding: 24px 20px; } }

/* ---------- WELCOME / ENQUIRY SPLIT ---------- */
.smos-welcome-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
}
.smos-welcome-split__col--left { background: var(--maroon-tint, #FCF5F6); }
.smos-welcome-split__col--right { background: var(--maroon); }
.smos-welcome-split__header {
  background: var(--maroon);
  color: #fff;
  text-align: center;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 26px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding: 26px 24px;
}
.smos-welcome-split__header--onmaroon { background: transparent; padding-top: 40px; padding-bottom: 0; }
.smos-welcome-split__subtitle { text-align: center; color: rgba(255,255,255,0.8); font-size: 17px; margin-bottom: 24px; }
.smos-welcome-split__body { padding: 40px 48px 56px; text-align: center; }
.smos-welcome-split__tagline { font-family: var(--font-display); color: var(--maroon); font-size: 24px; margin-bottom: 14px; }
.smos-welcome-split__icon { font-size: 52px; margin-bottom: 18px; }
.smos-welcome-split__illustration { font-size: 64px; text-align: center; margin-bottom: 20px; opacity: 0.9; }
.smos-welcome-split .smos-welcome__lead { text-align: left; }
.smos-welcome__tabs--pill {
  display: flex;
  gap: 10px;
  border-bottom: none;
  margin: 28px 0 0;
  flex-wrap: wrap;
}
.smos-welcome__tabs--pill .smos-welcome__tab-btn {
  flex: 1;
  min-width: 140px;
  background: var(--maroon);
  color: #fff;
  border-radius: var(--radius-sm);
  padding: 14px 12px;
  margin-left: 0 !important;
  font-size: 14px;
  text-align: center;
  position: relative;
}
.smos-welcome__tabs--pill .smos-welcome__tab-btn::after { display: none; }
.smos-welcome__tabs--pill .smos-welcome__tab-btn.active {
  background: var(--maroon-deep);
  color: var(--gold-light);
}
.smos-welcome__tabs--pill .smos-welcome__tab-btn.active::before {
  content: '';
  position: absolute;
  bottom: -7px; left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: var(--maroon-deep);
}
.smos-welcome__panels--card {
  background: #fff;
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  padding: 22px 24px;
  text-align: left;
  box-shadow: var(--shadow);
  margin-top: 8px;
}
.smos-welcome-split .smos-enquiry__form--card {
  max-width: 420px;
  margin: 0 auto;
  position: relative;
  box-shadow: 0 24px 60px rgba(0,0,0,0.3);
}
@media (max-width: 900px) {
  .smos-welcome-split { grid-template-columns: 1fr; }
  .smos-welcome-split__body { padding: 32px 24px 40px; }
}

/* ---------- SECTION BAR GROW-IN ---------- */
.smos-section-bar { transform: scaleX(0); transform-origin: left; transition: transform 0.8s cubic-bezier(.22,1,.36,1); }
.smos-section-bar--center { transform-origin: center; }
.smos-section-bar.bar-in-view { transform: scaleX(1); }