.as_header_wrapper {
  position: relative !important;
  top: auto !important;
}

.as_menu ul li {
  animation: nav-enter .55s ease both;
}

.as_menu ul li:nth-child(1) { animation-delay: .04s; }
.as_menu ul li:nth-child(2) { animation-delay: .1s; }
.as_menu ul li:nth-child(3) { animation-delay: .16s; }
.as_menu ul li:nth-child(4) { animation-delay: .22s; }
.as_menu ul li:nth-child(5) { animation-delay: .28s; }

@keyframes nav-enter {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: none; }
}

.as_banner_wrapper {
  min-height: calc(100vh - 92px);
  display: flex;
  align-items: center;
  isolation: isolate;
  background-image: url("../images/custom/vedic-hero.svg?v=2");
}

.hero-chakra {
  position: absolute;
  z-index: 0;
  right: 2%;
  top: 50%;
  width: min(680px, 46vw);
  aspect-ratio: 1;
  margin: 0;
  pointer-events: none;
  animation: chakra-revolution 36s linear infinite;
  filter: drop-shadow(0 0 28px rgba(217, 179, 104, .22));
  opacity: .72;
}

.hero-chakra img {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  object-fit: contain;
  animation: none;
  filter: none;
}

@keyframes chakra-revolution {
  from { transform: translateY(-50%) rotate(0deg); }
  to { transform: translateY(-50%) rotate(360deg); }
}

.as_banner_wrapper .site-hero {
  grid-template-columns: minmax(0, 680px);
  width: 100%;
  align-items: center;
  min-height: 0;
  position: relative;
  z-index: 1;
}

.as_banner_wrapper .site-hero-copy {
  position: relative;
  z-index: 1;
  animation: copy-rise .9s ease both;
}

.as_banner_wrapper .site-hero-copy p {
  max-width: 560px;
}

@keyframes copy-rise {
  from { opacity: 0; transform: translateY(22px); }
  to { opacity: 1; transform: none; }
}

.page-banner {
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding: 4.5rem 0 3rem;
}

.page-banner-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.08);
  animation: photo-drift 26s ease-in-out infinite alternate;
}

.page-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(9, 6, 18, .25) 0%, rgba(9, 6, 18, .88) 78%);
}

.page-banner .container {
  position: relative;
  z-index: 1;
  max-width: 820px;
}

.page-banner h1 {
  color: #fff;
  font-size: clamp(2.6rem, 5vw, 4.4rem);
  line-height: .98;
  letter-spacing: -.05em;
  margin: 0 0 .8rem;
}

.page-banner p {
  color: rgba(245, 240, 255, .88);
  font-size: 1.12rem;
  max-width: 640px;
  margin: 0;
}

@keyframes photo-drift {
  from { transform: scale(1.08) translate3d(0, 0, 0); }
  to { transform: scale(1.16) translate3d(-2%, -1.5%, 0); }
}

.section-pad { padding: 4.6rem 0; }

.story-row {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: clamp(1.4rem, 4vw, 3.2rem);
  align-items: center;
  margin-bottom: 2.8rem;
}

.story-row.reverse .story-copy { order: 2; }
.story-row.reverse .story-photo { order: 1; }

.story-photo {
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  min-height: 280px;
}

.story-photo img,
.media-card img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  transition: transform .7s ease;
}

.story-photo:hover img,
.media-card:hover img { transform: scale(1.04); }

.story-copy h2,
.prose-block h2 {
  color: #fff;
  font-size: clamp(2rem, 3vw, 2.8rem);
  margin: 0 0 .8rem;
}

.story-copy p,
.prose-block p { color: var(--muted); margin: 0 0 1rem; line-height: 1.85; }

.journey {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
}

.journey li {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 1rem;
  align-items: start;
  padding: 1.2rem 1.3rem;
  border-radius: 20px;
  border: 1px solid var(--line);
  background: rgba(27, 20, 38, .9);
}

.journey li span {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  color: var(--gold-soft);
  background: linear-gradient(135deg, rgba(88, 48, 198, .22), rgba(217, 179, 104, .14));
  border: 1px solid rgba(255, 255, 255, .08);
  font-weight: 800;
}

.journey h3 { color: #fff; margin: .15rem 0 .35rem; font-size: 1.2rem; }
.journey p { margin: 0; color: var(--muted); }

.theme-grid,
.split-notes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.2rem;
}

.theme-card,
.note-card,
.media-card {
  padding: 1.4rem;
  border-radius: 22px;
  border: 1px solid var(--line);
  background: rgba(27, 20, 38, .92);
  box-shadow: var(--shadow);
}

.theme-card h3,
.note-card h3,
.media-card h3 { color: #fff; margin: 0 0 .45rem; }

.theme-card p,
.note-card p,
.media-card p { color: var(--muted); margin: 0; }

.media-card img {
  height: 190px;
  margin: -1.4rem -1.4rem 1rem;
  width: calc(100% + 2.8rem);
  border-radius: 22px 22px 0 0;
}

.service-card .service-photo {
  width: calc(100% + 3.4rem);
  height: 160px;
  object-fit: cover;
  margin: -1.7rem -1.7rem 1.2rem;
}

.product-card > img {
  height: 210px;
  padding: 0;
  object-fit: cover;
  background: #120b1e;
}

.hours-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .7rem; }
.hours-list li { display: flex; justify-content: space-between; gap: 1rem; color: var(--muted); border-bottom: 1px solid rgba(255,255,255,.08); padding-bottom: .55rem; }
.hours-list strong { color: #fff; font-weight: 600; }

.reveal-on-scroll {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s ease, transform .7s cubic-bezier(.2, .7, .2, 1);
}

.reveal-on-scroll.anim-left,
.reveal-on-scroll.anim-right { transform: translateY(24px); }
.as_main_wrapper { overflow-x: clip; }
.site-cta-row .as_btn { white-space: nowrap; height: auto; min-height: 52px; padding-top: .9rem; padding-bottom: .9rem; }
.reveal-on-scroll.anim-zoom { transform: scale(.94); }

.reveal-on-scroll.is-visible {
  opacity: 1;
  transform: none;
}

.feature-card,
.service-card,
.product-card,
.value-card,
.theme-card,
.note-card,
.media-card,
.journey li,
.cta-band,
.story-photo {
  transition: transform .35s ease, box-shadow .35s ease, opacity .7s ease;
  transform-origin: center;
}

.feature-card:hover,
.service-card:hover,
.product-card:hover,
.value-card:hover,
.theme-card:hover,
.note-card:hover,
.media-card:hover,
.journey li:hover,
.cta-band:hover,
.story-photo:hover,
.feature-card.reveal-on-scroll.is-visible:hover,
.service-card.reveal-on-scroll.is-visible:hover,
.product-card.reveal-on-scroll.is-visible:hover,
.value-card.reveal-on-scroll.is-visible:hover,
.theme-card.reveal-on-scroll.is-visible:hover,
.note-card.reveal-on-scroll.is-visible:hover,
.journey li.reveal-on-scroll.is-visible:hover,
.cta-band.reveal-on-scroll.is-visible:hover,
.story-photo.reveal-on-scroll.is-visible:hover {
  transform: scale(1.045);
  box-shadow: 0 22px 40px rgba(7, 4, 12, .45);
  z-index: 2;
}

.detail-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .8fr);
  align-items: center;
  gap: clamp(1.5rem, 4vw, 4rem);
  margin: 2.5rem auto 0;
  padding: clamp(1.5rem, 4vw, 3rem);
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(27, 20, 38, .84);
  box-shadow: var(--shadow);
}

.detail-panel h2 { color: #fff; margin: 0 0 .8rem; }
.detail-panel p { color: var(--muted); margin: 0 0 1rem; line-height: 1.85; }
.detail-panel img { width: 100%; max-height: 330px; object-fit: cover; border-radius: 18px; }
.detail-panel ul { padding-left: 1.2rem; color: var(--muted); }
.product-inquiry { display: none; }
.product-card .price { display: block; margin-top: auto; }
.product-card { display: flex; flex-direction: column; }
.list-check li::before { content: "✓"; }

.contact-layout {
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  gap: 1.5rem;
}
.contact-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  transform: none;
}
.contact-card > p {
  min-height: 6.4em;
  margin: 0 0 1.15rem;
}
.contact-card ul { list-style: none; padding: 0; margin: 0; }
.contact-card > ul li { display: flex; align-items: flex-start; gap: .85rem; }
.contact-card li .bullet-icon { margin-top: .15rem; }
.contact-card > ul li strong,
.contact-card > ul li a { display: block; }
.contact-card h3 { margin: 0 0 .75rem; }
.contact-card .hours-title { margin: auto 0 0; padding-top: 1.4rem; }
.hours-list { width: 100%; margin-top: .8rem; }
.hours-list li { display: flex; align-items: baseline; justify-content: space-between; }
.hours-list li span,
.hours-list li strong { display: inline; line-height: 1.4; }
.contact-card form {
  display: flex;
  flex-direction: column;
  gap: .9rem;
  flex: 1;
  margin: 0;
}
.contact-card .form-control {
  width: 100%;
  margin: 0;
  display: block;
  box-sizing: border-box;
}
.contact-card textarea.form-control { flex: 1; min-height: 140px; }
.contact-card form .as_btn {
  width: 100%;
  min-width: 0;
  margin-top: auto;
}
.story-copy .as_btn { white-space: nowrap; height: auto; min-height: 52px; }

.as_footer_wrapper {
  margin-top: 0;
  padding: 4.2rem 0 0;
  background:
    radial-gradient(circle at 12% 0%, rgba(217, 179, 104, .12), transparent 28%),
    rgba(9, 7, 17, .98);
}
.site-footer {
  display: grid;
  grid-template-columns: 1.35fr .7fr 1.15fr;
  gap: 2.5rem 3rem;
  align-items: start;
  padding-bottom: 2.4rem;
}
.footer-brand .footer-logo img { width: 168px; height: auto; padding: 0 0 1rem; }
.footer-brand p { max-width: 360px; margin: 0; line-height: 1.8; }
.as_footer_widget h3 {
  margin: 0 0 1rem;
  font-size: 1.15rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.3;
}
.as_footer_widget > ul > li,
.as_footer_widget .as_contact_list li {
  padding: 0 0 .7rem;
  transform: none;
}
.as_footer_widget > ul > li:before,
.as_footer_widget .as_contact_list li:before { content: none; }
.as_footer_widget > ul > li:hover { transform: none; }
.footer-links { display: grid; gap: .35rem; }
.footer-links a {
  display: inline-block;
  color: var(--muted);
  transition: color .2s ease, transform .2s ease;
}
.footer-links a:hover,
.footer-links a:focus {
  color: #fff;
  transform: translateX(8px) scale(1.06);
}
.as_footer_widget .as_contact_list li > div {
  display: inline-block;
  transition: transform .2s ease;
}
.as_footer_widget .as_contact_list li:hover > div {
  transform: translateX(8px) scale(1.06);
}
.as_footer_widget .as_contact_list li:hover > div a,
.as_footer_widget .as_contact_list li:hover > div span,
.as_footer_widget .as_contact_list li:hover > div strong {
  color: #fff;
}
.as_footer_widget .as_contact_list { display: grid; gap: .9rem; }
.as_footer_widget .as_contact_list li { display: flex; gap: .8rem; align-items: flex-start; padding-bottom: 0; }
.as_footer_widget .as_contact_list li > span:first-child { min-width: 1.5rem; color: var(--gold-soft); line-height: 1.4; }
.as_footer_widget .as_contact_list strong { display: block; color: #fff; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }
.as_footer_widget .as_contact_list a,
.as_footer_widget .as_contact_list span { color: var(--muted); }
.as_copyright_wrapper { border-top: 1px solid rgba(255,255,255,.08); margin-top: 0; }
.footer-copy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1.05rem 0;
}
.footer-copy p { margin: 0; color: var(--muted); text-align: left; }
.footer-copy p:last-child { text-align: right; }

@media (max-width: 991px) {
  .story-row,
  .story-row.reverse,
  .theme-grid,
  .split-notes,
  .detail-panel,
  .contact-layout,
  .site-footer { grid-template-columns: 1fr; }
  .footer-copy { flex-direction: column; align-items: flex-start; }
  .footer-copy p:last-child { text-align: left; }
  .story-row.reverse .story-copy,
  .story-row.reverse .story-photo { order: initial; }
  .as_banner_wrapper .site-hero { grid-template-columns: 1fr; }
  .hero-chakra { right: 50%; width: min(340px, 78vw); margin-right: -39vw; opacity: .4; }
  .page-banner { min-height: 340px; }
}

@media (max-width: 768px) {
  .as_banner_wrapper { min-height: auto; padding-top: 3.2rem; padding-bottom: 3.2rem; }
  .journey li { grid-template-columns: 1fr; }
  .story-photo img { height: 240px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .reveal-on-scroll { opacity: 1; transform: none; }
  .hero-chakra, .page-banner-photo { animation: none; }
}