/*
 * SKF home.css - front-page-only sections, ported from liveVer/style.css.
 * About, Explore, Siksha, Courses, Prakashan, Events, Testimonials,
 * Insights, ornaments and their responsive rules. Enqueued only on the
 * front page via is_front_page() in inc/assets.php.
 */

/* ---------- Front-page sections ---------- */
html {
   scroll-behavior: smooth
}

.skf-main a {
   color: var(--skf-coral)
}

.skf-main a:hover {
   color: var(--skf-coral-active)
}

.skf-section__inner {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 24px
}

.skf-kicker {
   font: 500 12px/1.4 var(--skf-font-sans);
   letter-spacing: .14em;
   text-transform: uppercase;
   color: var(--skf-coral);
   margin: 0 0 16px
}

.skf-h2 {
   font-family: var(--skf-font-serif);
   font-weight: 700;
   font-size: clamp(32px, 3.4vw, 44px);
   letter-spacing: -1px;
   line-height: 1.1;
   margin: 0 0 12px;
   text-align: left;
   color: #041E5B
}

.skf-section__head {
   max-width: 62ch;
   margin: 0 0 48px
}

.skf-section__head p {
   color: var(--skf-ink-secondary);
   font-size: 17px;
   line-height: 1.55;
   margin: 0;
   text-wrap: pretty
}

.skf-btn {
   display: inline-block;
   position: relative;
   overflow: hidden;
   background: var(--skf-coral);
   color: #faf9f5;
   font: 500 15px/1 var(--skf-font-sans);
   padding: 14px 26px;
   border-radius: var(--skf-radius-control);
   text-decoration: none;
   box-shadow: 0 2px 8px rgba(204, 120, 92, .28);
   transition: background .25s var(--skf-ease), transform .25s var(--skf-ease), box-shadow .25s var(--skf-ease)
}

/* sheen sweep */
.skf-btn::after {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: -60%;
   width: 45%;
   background: linear-gradient(105deg, transparent, rgba(255, 255, 255, .45), transparent);
   transform: skewX(-20deg);
   transition: transform .55s var(--skf-ease);
   pointer-events: none
}

.skf-btn:hover,
.skf-main a.skf-btn:hover {
   background: var(--skf-coral-active);
   color: #faf9f5;
   transform: translateY(-3px);
   box-shadow: 0 12px 26px -8px rgba(169, 88, 62, .55)
}

.skf-btn:hover::after {
   transform: skewX(-20deg) translateX(340%)
}

.skf-main a.skf-btn {
   color: #faf9f5
}

.skf-textlink {
   font: 500 14px/1 var(--skf-font-sans);
   text-decoration: none
}

.skf-textlink:hover {
   text-decoration: underline
}

.skf-course__link {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   font: 500 13px/1 var(--skf-font-sans);
   letter-spacing: .08em;
   text-transform: uppercase;
   color: var(--skf-ink);
   text-decoration: none;
   padding-top: 4px;
   transition: color .25s var(--skf-ease), gap .25s var(--skf-ease)
}

.skf-course__arrow {
   font-size: 17px;
   line-height: 1;
   transform: translateX(0);
   transition: transform .25s var(--skf-ease)
}

.skf-course__link:hover,
.skf-main a.skf-course__link:hover {
   color: var(--skf-coral-active);
   gap: 14px
}

.skf-course__link:hover .skf-course__arrow {
   transform: translateX(2px)
}

.skf-main a.skf-course__link {
   color: var(--skf-ink)
}

/* Parallax background layers: oversized so the drift never reveals edges */
.skf-section__bg {
   position: absolute;
   left: 0;
   right: 0;
   top: -160px;
   bottom: -160px;
   z-index: 0;
   pointer-events: none;
   will-change: transform
}

.skf-section__inner {
   position: relative;
   z-index: 1
}

/* About */
.skf-about {
   position: relative;
   overflow: hidden;
   background: var(--skf-canvas);
   padding: 96px 0 140px
}

/* anchored flush to the section (not the oversized parallax box) so the image's
   bottom content sits at the bottom of the section, where the artwork actually is */
.skf-about__bg {
   top: 0;
   bottom: 0;
   background: url("../images/homepage/skf-home-1st-bg.webp") center bottom/cover no-repeat
}

.skf-about__grid {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 280px;
   gap: 64px;
   align-items: start
}

.skf-about__title {
   font-family: var(--skf-font-serif);
   font-weight: 500;
   font-size: clamp(34px, 4.2vw, 54px);
   letter-spacing: -1.5px;
   line-height: 1.08;
   margin: 0 0 10px;
   color: #041E5B
}

/* Tagline under the About title: centered italic serif with hairline
   flourishes either side. The .skf-about__copy > p variant out-ranks the
   section's own paragraph rule (same trap the kickers had). */
.skf-about__copy>.skf-about__sub,
.skf-about__sub {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 16px;
   font-family: var(--skf-font-serif);
   font-style: italic;
   font-size: clamp(20px, 2.2vw, 26px);
   letter-spacing: .2px;
   line-height: 1.4;
   color: var(--skf-coral-active);
   text-align: center;
   margin: 0 0 28px
}

.skf-about__sub::before,
.skf-about__sub::after {
   content: "";
   flex: 0 1 56px;
   height: 1px
}

.skf-about__sub::before {
   background: linear-gradient(90deg, transparent, var(--skf-coral))
}

.skf-about__sub::after {
   background: linear-gradient(90deg, var(--skf-coral), transparent)
}

.skf-shloka {
   margin: 0 0 28px;
   padding: 24px 28px;
   background: var(--skf-card);
   border-radius: var(--skf-radius-card)
}

.skf-shloka__sa {
   font-family: var(--skf-font-serif);
   font-size: 21px;
   line-height: 1.5;
   color: var(--skf-ink);
   margin: 0 0 10px
}

.skf-shloka__en {
   font-style: italic;
   color: var(--skf-ink-secondary);
   font-size: 15px;
   line-height: 1.55;
   margin: 0
}

.skf-about__copy>p {
   color: var(--skf-ink-secondary);
   font-size: 16px;
   line-height: 1.55;
   margin: 0 0 18px;
   text-wrap: pretty
}

.skf-about__invite {
   font-family: var(--skf-font-serif);
   font-style: italic;
   font-size: 20px;
   color: var(--skf-ink);
   margin: 6px 0 28px
}

.skf-about__copy .skf-about__invite {
   font-size: 20px;
   color: var(--skf-ink)
}

.skf-about__side {
   display: grid;
   gap: 20px;
   position: sticky;
   top: 120px
}

.skf-about__badge {
   margin: 0;
   padding: 26px;
   border: 1px solid var(--skf-hairline);
   border-radius: var(--skf-radius-card);
   display: grid;
   place-items: center;
   background: var(--skf-canvas)
}

.skf-about__badge img {
   width: 100%;
   max-width: 180px;
   height: auto;
   display: block
}

/* Explore */
.skf-explore {
   background: #fdfbf7;
   padding: 96px 0 150px;
   position: relative;
   overflow: hidden
}

.skf-explore__bg {
   background: url("../images/homepage/exploreSectionBg.webp") center bottom/cover no-repeat
}

/* wrapper carries the parallax translate; the flower itself spins */
.skf-explore__flower-wrap {
   position: absolute;
   top: -140px;
   right: -160px;
   width: 520px;
   height: 520px;
   pointer-events: none;
   will-change: transform;
   z-index: 0
}

.skf-explore__flower {
   display: block;
   width: 100%;
   height: 100%;
   opacity: .09;
   animation: skf-flower-spin 60s linear infinite;
   transform-origin: center
}

@keyframes skf-flower-spin {
   to {
      transform: rotate(1turn)
   }
}

.skf-explore .skf-section__inner {
   position: relative
}

/* icon sits in a warm circular chip that lifts and tints on card hover */
.skf-explore__icon {
   display: block;
   width: 92px;
   height: 92px;
   padding: 18px;
   margin: 0 auto 20px;
   background: radial-gradient(circle at 32% 28%, #fff 0%, var(--skf-card) 78%);
   border: 1px solid var(--skf-hairline);
   border-radius: 50%;
   box-shadow: 0 3px 10px rgba(20, 20, 19, .07);
   transition: transform .35s var(--skf-ease), box-shadow .35s var(--skf-ease), border-color .35s var(--skf-ease)
}

.skf-explore__grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 24px
}

.skf-explore__card {
   position: relative;
   overflow: hidden;
   background: #fff;
   border: 1px solid var(--skf-hairline);
   border-radius: 16px;
   padding: 38px 32px 32px;
   box-shadow: 0 6px 18px rgba(20, 20, 19, .05);
   transition: box-shadow .35s var(--skf-ease), transform .35s var(--skf-ease), border-color .35s var(--skf-ease)
}

/* always-on accent: full-width coral top border; hover shifts its colour
   to navy (no transform effect) */
.skf-explore__card::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 4px;
   background: var(--skf-hairline);
   transition: background .35s var(--skf-ease)
}

/* soft warm glow that breathes in behind the content on hover */
.skf-explore__card::after {
   content: "";
   position: absolute;
   inset: 0;
   background: radial-gradient(ellipse 90% 55% at 50% -10%, rgba(204, 120, 92, .10), transparent 70%);
   opacity: 0;
   transition: opacity .45s var(--skf-ease);
   pointer-events: none
}

.skf-explore__card:hover {
   transform: translateY(-8px);
   box-shadow: 0 26px 48px -18px rgba(124, 29, 19, .28);
   border-color: rgba(204, 120, 92, .55)
}

.skf-explore__card:hover::before {
   background: linear-gradient(90deg, var(--skf-coral), #e8a55a)
}

.skf-explore__card:hover::after {
   opacity: 1
}

.skf-explore__card:hover .skf-explore__icon {
   transform: translateY(-5px) scale(1.06);
   border-color: rgba(204, 120, 92, .5);
   box-shadow: 0 10px 22px -6px rgba(204, 120, 92, .35)
}

.skf-explore__card:hover h3 a {
   color: var(--skf-coral)
}

.skf-explore__card h3 {
   font-family: var(--skf-font-serif);
   font-weight: 500;
   font-size: 28px;
   letter-spacing: -.3px;
   margin: 0 0 14px;
   text-align: center;
   position: relative
}

.skf-explore__card h3 a {
   color: var(--skf-ink);
   text-decoration: none;
   transition: color .3s var(--skf-ease)
}

.skf-explore__card h3 a:hover {
   color: var(--skf-coral)
}

/* category label as a soft coral pill */
.skf-explore__card h3 span {
   display: inline-block;
   font: 500 11.5px/1 var(--skf-font-sans);
   letter-spacing: .14em;
   text-transform: uppercase;
   color: var(--skf-coral-active);
   background: rgba(204, 120, 92, .1);
   padding: 6px 14px;
   border-radius: 999px;
   margin-top: 12px
}

.skf-explore__card>p {
   position: relative
}

.skf-explore__card p {
   color: var(--skf-ink-secondary);
   font-size: 15px;
   line-height: 1.55;
   margin: 0 0 12px;
   text-wrap: pretty
}

.skf-explore__card p:last-child {
   margin-bottom: 0
}

.skf-explore__card p.skf-explore__mantra {
   font-family: var(--skf-font-serif);
   font-style: italic;
   font-size: 21px;
   line-height: 1.5;
   letter-spacing: .01em;
   color: var(--skf-coral-active);
   text-align: center;
   margin: 20px 0 0;
   padding-top: 18px;
   border-top: 1px solid var(--skf-hairline);
   position: relative
}

.skf-explore__card p.skf-explore__mantra::before {
   content: "॥";
   font-style: normal;
   display: block;
   font-size: 14px;
   color: var(--skf-coral);
   margin-bottom: 6px
}

/* ---------- Vedic flower ornaments: slow-spinning motifs on plain bands ---------- */
.skf-ornament {
   position: absolute;
   pointer-events: none;
   z-index: 0;
   will-change: transform
}

.skf-ornament--courses-tr {
   top: -110px;
   right: -130px;
   width: 380px;
   height: 380px;
   opacity: .08;
   animation: skf-flower-spin 70s linear infinite
}

/* second motif (lotus mandala), still clockwise for a consistent feel */
.skf-ornament--courses-bl {
   bottom: -150px;
   left: -150px;
   width: 440px;
   height: 440px;
   opacity: .07;
   animation: skf-flower-spin 95s linear infinite
}

/* white-tinted lotus motif for the dark Siksha band — placed on the LEFT so it
   alternates with the right-side motifs in the neighbouring sections */
.skf-ornament--siksha {
   top: -100px;
   left: -100px;
   width: 320px;
   height: 320px;
   opacity: .12;
   animation: skf-flower-spin 80s linear infinite
}

/* Siksha dark band */
.skf-siksha {
   position: relative;
   background: var(--skf-card);
   color: var(--skf-ink);
   padding: 96px 0;
   overflow: hidden
}

.skf-siksha .skf-section__inner {
   position: relative;
   z-index: 1
}

.skf-siksha__grid {
   display: grid;
   grid-template-columns: 1.05fr 1fr;
   gap: 64px;
   align-items: center
}

.skf-siksha__media {
   margin: 0;
   border-radius: var(--skf-radius-hero);
   overflow: hidden;
   border: 1px solid var(--skf-hairline);
   box-shadow: 0 18px 44px rgba(60, 10, 5, .35)
}

.skf-siksha__img {
   will-change: transform
}

.skf-siksha__img img {
   display: block;
   width: 100%;
   height: auto;
   transform: scale(1.12)
}

/* SIKSHA wordmark: outer letters take the surrounding colour, inner letters coral (two-tone logo look) */
.skf-wordmark {
   text-transform: uppercase;
   letter-spacing: .03em;
   font-weight: 600
}

.skf-wordmark__mid {
   color: #a9583e
}

/* wordmark inside an Explore card heading must not inherit the category pill styling */
.skf-explore__card h3 .skf-wordmark {
   display: inline;
   font: inherit;
   letter-spacing: .03em;
   text-transform: uppercase;
   color: inherit;
   background: none;
   padding: 0;
   margin: 0;
   border-radius: 0
}

.skf-explore__card h3 .skf-wordmark__mid {
   display: inline;
   font: inherit;
   letter-spacing: inherit;
   text-transform: uppercase;
   color: #a9583e;
   background: none;
   padding: 0;
   margin: 0;
   border-radius: 0
}

.skf-siksha .skf-btn {
   background: var(--skf-coral);
   color: #faf9f5
}

.skf-siksha .skf-btn:hover,
.skf-siksha .skf-main a.skf-btn:hover {
   background: var(--skf-coral-active);
   color: #faf9f5
}

.skf-main .skf-siksha a.skf-btn {
   color: #faf9f5
}

.skf-siksha__copy p {
   color: var(--skf-ink-secondary);
   font-size: 16px;
   line-height: 1.6;
   margin: 0 0 28px;
   text-wrap: pretty
}

/* Courses — warm layered backdrop so the band no longer reads flat */
.skf-courses {
   position: relative;
   overflow: hidden;
   padding: 96px 0;
   background: radial-gradient(ellipse 55% 42% at 88% 4%, rgba(232, 165, 90, .14), transparent 62%), radial-gradient(ellipse 48% 46% at 6% 96%, rgba(204, 120, 92, .11), transparent 65%), linear-gradient(180deg, #fdfbf7 0%, var(--skf-canvas) 35%, #f6f0e6 100%)
}

/* centered head with an ornament rule */
/* Courses head: left-aligned, matching the Explore section */
.skf-courses .skf-section__head {
   margin: 0 0 56px;
   text-align: left
}

.skf-courses .skf-section__head p {
   margin: 0
}

.skf-courses .skf-section__head::after {
   content: "";
   display: block;
   width: 76px;
   height: 3px;
   margin: 22px 0 0;
   border-radius: 2px;
   background: linear-gradient(90deg, var(--skf-coral), var(--skf-barn-red))
}

.skf-courses__grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 24px
}

.skf-course {
   display: flex;
   flex-direction: column;
   position: relative;
   border: 1px solid var(--skf-hairline);
   border-radius: 18px;
   overflow: hidden;
   background: #fff;
   box-shadow: 0 1px 2px rgba(20, 20, 19, .04), 0 6px 16px -8px rgba(20, 20, 19, .12);
   transition: box-shadow .4s var(--skf-ease), transform .4s var(--skf-ease), border-color .4s var(--skf-ease)
}

/* clean lift: gentle rise with a warm, soft-edged shadow and a subtle coral border tint */
.skf-course:hover {
   transform: translateY(-12px);
   border-color: rgba(204, 120, 92, .4);
   box-shadow: 0 12px 22px -12px rgba(124, 29, 19, .22), 0 30px 56px -24px rgba(124, 29, 19, .34)
}

.skf-course:hover .skf-course__title a {
   color: var(--skf-coral)
}

.skf-course__thumb {
   display: block;
   overflow: hidden;
   position: relative
}

/* soft depth scrim that deepens on hover (no shine sweep) */
.skf-course__thumb::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(180deg, rgba(24, 23, 21, 0) 55%, rgba(24, 23, 21, .30));
   transition: opacity .4s var(--skf-ease);
   pointer-events: none
}

.skf-course:hover .skf-course__thumb::after {
   opacity: .4
}

.skf-course__thumb img {
   display: block;
   width: 100%;
   height: 250px;
   object-fit: cover;
   transition: transform .6s var(--skf-ease), filter .6s var(--skf-ease)
}

.skf-course:hover .skf-course__thumb img {
   transform: scale(1.07);
   filter: saturate(1.12) brightness(1.04)
}

.skf-course__body {
   display: flex;
   flex-direction: column;
   gap: 10px;
   padding: 24px;
   flex: 1
}

.skf-course__title {
   font-family: var(--skf-font-serif);
   font-weight: 500;
   font-size: 23px;
   letter-spacing: -.3px;
   line-height: 1.15;
   margin: 0
}

.skf-course__title a,
.skf-main .skf-course__title a {
   color: var(--skf-ink);
   text-decoration: none
}

.skf-course__title a:hover,
.skf-main .skf-course__title a:hover {
   color: var(--skf-coral)
}

.skf-course__body p {
   color: var(--skf-ink-secondary);
   font-size: 14.5px;
   line-height: 1.55;
   margin: 0;
   flex: 1;
   text-wrap: pretty
}

/* Scroll reveal */
[data-reveal] {
   opacity: 0;
   transform: translateY(28px);
   transition: opacity .7s var(--skf-ease), transform .7s var(--skf-ease);
   transition-delay: var(--rd, 0s)
}

[data-reveal].is-in {
   opacity: 1;
   transform: translateY(0)
}

.skf-courses__grid .skf-course:nth-child(4n+2) {
   --rd: .08s
}

.skf-courses__grid .skf-course:nth-child(4n+3) {
   --rd: .16s
}

.skf-courses__grid .skf-course:nth-child(4n+4) {
   --rd: .24s
}

@media (prefers-reduced-motion:reduce) {
   html {
      scroll-behavior: auto
   }

   [data-reveal] {
      opacity: 1;
      transform: none;
      transition: none
   }

   .skf-siksha__img img {
      transform: none
   }

   .skf-explore__flower,
   .skf-ornament,
   .skf-ornament--testi,
   .skf-ornament--events {
      animation: none
   }

   .skf-btn,
   .skf-hero__cta,
   .skf-course {
      transition: none
   }

   .skf-btn::after,
   .skf-hero__cta::after {
      display: none
   }
}

@media (max-width:1100px) {
   .skf-courses__grid {
      grid-template-columns: repeat(3, 1fr)
   }

   .skf-courses__grid .skf-course:nth-child(4n+4) {
      --rd: 0s
   }
}

@media (max-width:960px) {
   .skf-about__grid {
      grid-template-columns: 1fr
   }

   .skf-about__side {
      position: static;
      grid-template-columns: repeat(3, 1fr)
   }

   .skf-explore__grid {
      grid-template-columns: 1fr
   }

   .skf-siksha__grid {
      grid-template-columns: 1fr;
      gap: 40px
   }
}

@media (max-width:820px) {
   .skf-courses__grid {
      grid-template-columns: repeat(2, 1fr)
   }
}

@media (max-width:640px) {

   .skf-about,
   .skf-explore,
   .skf-siksha,
   .skf-courses {
      padding: 64px 0
   }

   .skf-about__side {
      grid-template-columns: 1fr;
      max-width: 280px;
      margin: 0 auto;
      justify-items: center
   }

   .skf-about__badge {
      width: 100%
   }
}

@media (max-width:520px) {
   .skf-courses__grid {
      grid-template-columns: 1fr
   }
}

/* ---------- Prakashan / Publications ---------- */
.skf-prakashan {
   position: relative;
   overflow: hidden;
   padding: 96px 0;
   background: var(--skf-canvas)
}

.skf-prakashan__grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 26px
}

.skf-pub {
   display: flex;
   gap: 0;
   background: #fff;
   border: 1px solid var(--skf-hairline);
   border-radius: 16px;
   overflow: hidden;
   box-shadow: 0 1px 2px rgba(20, 20, 19, .04), 0 6px 16px -8px rgba(20, 20, 19, .12);
   transition: box-shadow .4s var(--skf-ease), transform .4s var(--skf-ease), border-color .4s var(--skf-ease)
}

.skf-pub:hover {
   transform: translateY(-6px);
   border-color: rgba(204, 120, 92, .35);
   box-shadow: 0 10px 20px -12px rgba(124, 29, 19, .2), 0 24px 46px -22px rgba(124, 29, 19, .3)
}

.skf-pub__spine {
   flex-shrink: 0;
   width: 14px;
   background: linear-gradient(180deg, var(--skf-barn-red), var(--skf-coral) 70%, #e8a55a)
}

.skf-pub__body {
   padding: 26px 28px
}

.skf-pub__title {
   font-family: var(--skf-font-serif);
   font-weight: 500;
   font-size: 24px;
   line-height: 1.18;
   letter-spacing: -.3px;
   margin: 0 0 10px
}

.skf-pub__title a,
.skf-main .skf-pub__title a {
   color: var(--skf-ink);
   text-decoration: none;
   transition: color .25s var(--skf-ease)
}

.skf-pub__title a:hover,
.skf-main .skf-pub__title a:hover {
   color: var(--skf-coral)
}

.skf-pub__body>p {
   color: var(--skf-ink-secondary);
   font-size: 14.5px;
   line-height: 1.55;
   margin: 0 0 12px;
   text-wrap: pretty
}

.skf-pub__price {
   font-family: var(--skf-font-sans);
   font-weight: 600;
   font-size: 15px;
   color: var(--skf-barn-red);
   margin: 0 !important
}

.skf-prakashan__cta {
   margin-top: 36px;
   text-align: center
}

/* ---------- Events ---------- */
.skf-events {
   position: relative;
   overflow: hidden;
   padding: 96px 0;
   background: radial-gradient(ellipse 50% 42% at 8% 4%, rgba(232, 165, 90, .12), transparent 60%), linear-gradient(180deg, #f6f0e6, var(--skf-canvas) 55%, #fdfbf7)
}

.skf-events .skf-section__inner {
   position: relative;
   z-index: 1
}

.skf-ornament--events {
   top: -90px;
   right: -90px;
   width: 300px;
   height: 300px;
   opacity: .07;
   animation: skf-flower-spin 90s linear infinite;
   position: absolute;
   pointer-events: none;
   z-index: 0
}

.skf-events__grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 26px
}

.skf-event {
   display: flex;
   flex-direction: column;
   background: #fff;
   border: 1px solid var(--skf-hairline);
   border-radius: 18px;
   overflow: hidden;
   box-shadow: 0 1px 2px rgba(20, 20, 19, .04), 0 6px 16px -8px rgba(20, 20, 19, .1);
   transition: box-shadow .4s var(--skf-ease), transform .4s var(--skf-ease), border-color .4s var(--skf-ease)
}

.skf-event:hover {
   transform: translateY(-8px);
   border-color: rgba(204, 120, 92, .35);
   box-shadow: 0 10px 20px -12px rgba(124, 29, 19, .2), 0 24px 46px -22px rgba(124, 29, 19, .28)
}

.skf-event__thumb {
   position: relative;
   display: block;
   overflow: hidden
}

.skf-event__thumb img {
   display: block;
   width: 100%;
   height: 200px;
   object-fit: cover;
   transition: transform .6s var(--skf-ease)
}

.skf-event:hover .skf-event__thumb img {
   transform: scale(1.06)
}

.skf-event__date {
   position: absolute;
   top: 14px;
   left: 14px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 60px;
   height: 60px;
   border-radius: 12px;
   background: linear-gradient(135deg, var(--skf-barn-red), var(--skf-coral));
   color: #faf9f5;
   box-shadow: 0 4px 12px rgba(124, 29, 19, .35)
}

.skf-event__day {
   font-family: var(--skf-font-serif);
   font-weight: 600;
   font-size: 24px;
   line-height: 1
}

.skf-event__mon {
   font: 600 10px/1 var(--skf-font-sans);
   letter-spacing: .06em;
   text-transform: uppercase;
   margin-top: 3px
}

.skf-event__body {
   display: flex;
   flex-direction: column;
   gap: 8px;
   padding: 22px 24px 24px;
   flex: 1
}

.skf-event__title {
   font-family: var(--skf-font-serif);
   font-weight: 500;
   font-size: 21px;
   line-height: 1.2;
   letter-spacing: -.3px;
   margin: 0
}

.skf-event__title a,
.skf-main .skf-event__title a {
   color: var(--skf-ink);
   text-decoration: none;
   transition: color .25s var(--skf-ease)
}

.skf-event__title a:hover,
.skf-main .skf-event__title a:hover {
   color: var(--skf-coral)
}

.skf-event__body>p {
   color: var(--skf-ink-secondary);
   font-size: 14px;
   line-height: 1.55;
   margin: 0 0 2px;
   text-wrap: pretty
}

@media (max-width:960px) {
   .skf-prakashan__grid {
      grid-template-columns: 1fr;
      max-width: 560px;
      margin: 0 auto
   }

   .skf-events__grid {
      grid-template-columns: 1fr;
      max-width: 560px;
      margin: 0 auto
   }
}

@media (max-width:640px) {

   .skf-prakashan,
   .skf-events {
      padding: 64px 0
   }
}

/* ---------- Testimonials ---------- */
.skf-section__head--center {
   margin-left: auto;
   margin-right: auto;
   text-align: center
}

.skf-section__head--center p {
   margin-left: auto;
   margin-right: auto
}

.skf-testimonials {
   position: relative;
   overflow: hidden;
   padding: 96px 0;
   background: linear-gradient(135deg, rgba(124, 29, 19, .96) 0%, rgba(169, 45, 28, .9) 50%, rgba(204, 90, 60, .86) 100%);
   color: #faf9f5
}

.skf-testimonials::before {
   content: "";
   position: absolute;
   inset: 0;
   background: radial-gradient(ellipse 60% 80% at 85% -10%, rgba(255, 255, 255, .16), transparent 60%), radial-gradient(ellipse 50% 60% at 8% 110%, rgba(255, 214, 170, .14), transparent 65%);
   pointer-events: none
}

.skf-testimonials .skf-section__inner {
   position: relative;
   z-index: 1
}

.skf-testimonials .skf-kicker {
   color: #f0c9a0 !important
}

.skf-testimonials .skf-h2 {
   color: #faf9f5
}

.skf-testimonials .skf-section__head p {
   color: rgba(250, 249, 245, .85)
}

.skf-ornament--testi {
   top: -90px;
   left: -90px;
   width: 300px;
   height: 300px;
   opacity: .1;
   filter: brightness(0) invert(1);
   animation: skf-flower-spin 85s linear infinite;
   position: absolute;
   pointer-events: none;
   z-index: 0
}

.skf-testi__grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 24px
}

.skf-testi {
   position: relative;
   margin: 0;
   background: rgba(250, 249, 245, .1);
   -webkit-backdrop-filter: blur(6px);
   backdrop-filter: blur(6px);
   border: 1px solid rgba(250, 249, 245, .22);
   border-radius: 16px;
   padding: 34px 30px 28px;
   transition: transform .35s var(--skf-ease), background .35s var(--skf-ease), box-shadow .35s var(--skf-ease)
}

.skf-testi:hover {
   transform: translateY(-6px);
   background: rgba(250, 249, 245, .16);
   box-shadow: 0 22px 44px -20px rgba(40, 8, 4, .6)
}

.skf-testi__quote {
   font-family: var(--skf-font-serif);
   font-size: 64px;
   line-height: .4;
   color: #e8a55a;
   height: 34px
}

.skf-testi blockquote {
   margin: 0 0 22px;
   font-size: 16.5px;
   line-height: 1.65;
   color: #faf9f5;
   text-wrap: pretty
}

.skf-testi figcaption {
   display: flex;
   flex-direction: column;
   gap: 2px;
   border-top: 1px solid rgba(250, 249, 245, .2);
   padding-top: 16px
}

.skf-testi__name {
   font-family: var(--skf-font-serif);
   font-weight: 600;
   font-size: 19px;
   color: #fff
}

.skf-testi__role {
   font-size: 13px;
   color: rgba(250, 249, 245, .72)
}

/* ---------- Insights / Blog ---------- */
.skf-insights {
   position: relative;
   overflow: hidden;
   padding: 96px 0;
   background: radial-gradient(ellipse 50% 40% at 92% 4%, rgba(232, 165, 90, .12), transparent 60%), linear-gradient(180deg, #fdfbf7, var(--skf-canvas) 55%, #f6f0e6)
}

.skf-insights .skf-section__inner {
   position: relative;
   z-index: 1
}

.skf-insights__grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 26px
}

.skf-post {
   display: flex;
   flex-direction: column;
   background: #fff;
   border: 1px solid var(--skf-hairline);
   border-radius: 18px;
   overflow: hidden;
   box-shadow: 0 1px 2px rgba(20, 20, 19, .04), 0 6px 16px -8px rgba(20, 20, 19, .12);
   transition: box-shadow .4s var(--skf-ease), transform .4s var(--skf-ease), border-color .4s var(--skf-ease)
}

.skf-post:hover {
   transform: translateY(-8px);
   border-color: rgba(204, 120, 92, .35);
   box-shadow: 0 10px 20px -12px rgba(124, 29, 19, .2), 0 24px 46px -22px rgba(124, 29, 19, .3)
}

.skf-post__thumb {
   position: relative;
   display: block;
   overflow: hidden
}

.skf-post__thumb img {
   display: block;
   width: 100%;
   height: 200px;
   object-fit: cover;
   transition: transform .6s var(--skf-ease)
}

.skf-post:hover .skf-post__thumb img {
   transform: scale(1.06)
}

.skf-post__tag {
   position: absolute;
   top: 14px;
   left: 14px;
   font: 600 11px/1 var(--skf-font-sans);
   letter-spacing: .1em;
   text-transform: uppercase;
   color: #fff;
   background: var(--skf-barn-red);
   padding: 6px 12px;
   border-radius: 999px;
   box-shadow: 0 2px 8px rgba(124, 29, 19, .35)
}

.skf-post__body {
   display: flex;
   flex-direction: column;
   gap: 8px;
   padding: 22px 24px 24px;
   flex: 1
}

.skf-post__meta {
   font: 500 12.5px/1 var(--skf-font-sans);
   letter-spacing: .03em;
   color: var(--skf-coral-active);
   margin: 0
}

.skf-post__title {
   font-family: var(--skf-font-serif);
   font-weight: 500;
   font-size: 23px;
   line-height: 1.2;
   letter-spacing: -.3px;
   margin: 0
}

.skf-post__title a,
.skf-main .skf-post__title a {
   color: var(--skf-ink);
   text-decoration: none;
   transition: color .25s var(--skf-ease)
}

.skf-post__title a:hover,
.skf-main .skf-post__title a:hover {
   color: var(--skf-coral)
}

.skf-post__body>p {
   color: var(--skf-ink-secondary);
   font-size: 14.5px;
   line-height: 1.55;
   margin: 0;
   flex: 1;
   text-wrap: pretty
}

.skf-post__link {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   align-self: flex-start;
   font: 500 13px/1 var(--skf-font-sans);
   letter-spacing: .08em;
   text-transform: uppercase;
   color: var(--skf-ink);
   text-decoration: none;
   padding-top: 4px;
   transition: color .25s var(--skf-ease), gap .25s var(--skf-ease)
}

.skf-post__link:hover,
.skf-main a.skf-post__link:hover {
   color: var(--skf-coral-active);
   gap: 14px
}

.skf-post__link .skf-course__arrow {
   transition: transform .25s var(--skf-ease)
}

.skf-post__link:hover .skf-course__arrow {
   transform: translateX(2px)
}

.skf-main a.skf-post__link {
   color: var(--skf-ink)
}

@media (max-width:960px) {

   .skf-testi__grid,
   .skf-insights__grid {
      grid-template-columns: 1fr;
      max-width: 520px;
      margin: 0 auto
   }
}

@media (max-width:640px) {

   .skf-testimonials,
   .skf-insights {
      padding: 64px 0
   }
}

/* verSix: sticky accreditation badges beside the About copy. overflow:hidden
   on .skf-about creates a clip box that silently breaks position:sticky. */
@media (min-width:961px) {
   .skf-about {
      overflow: visible
   }

   .skf-about__side [data-parallax] {
      transform: none !important
   }
}

/* verSix: pull the About heading up into the bottom band of the first
   viewport (hero is 70svh on desktop). */
@media (min-width:1101px) {
   .skf-about {
      padding-top: 20px
   }

   .skf-about__title {
      margin-bottom: 12px;
      font-size: clamp(26px, min(4.2vw, 7.2vh), 54px)
   }
}