.home-desktop-approved {
  display: block;
  background: #050403;
}

.home-swadeshi {
  --swadeshi-gold: #e9ad22;
  --swadeshi-bright: #ffd266;
  background: #050403;
  color: #f5ebd5;
}

.home-swadeshi-banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 460px;
  padding: 84px 24px 72px;
  text-align: center;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(233, 173, 34, .2), transparent 46%),
    linear-gradient(180deg, #07060c 0%, #0a1426 46%, #050403 100%);
}

.home-swadeshi-flow {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 46%;
  opacity: .42;
  pointer-events: none;
}

.home-swadeshi-flow-saffron { fill: #ff9933; }
.home-swadeshi-flow-white { fill: rgba(255, 255, 255, .88); }
.home-swadeshi-flow-green { fill: #138808; }

.home-swadeshi-glow,
.home-swadeshi-banner::before,
.home-swadeshi-banner::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.home-swadeshi-glow {
  background:
    radial-gradient(ellipse at 50% 18%, rgba(255, 210, 102, .2), transparent 34%),
    radial-gradient(circle at 12% 78%, rgba(16, 42, 86, .38), transparent 26%),
    radial-gradient(circle at 88% 78%, rgba(16, 42, 86, .3), transparent 26%);
}

.home-swadeshi-banner::before {
  content: "";
  opacity: .22;
  background-image:
    linear-gradient(90deg, transparent 96%, rgba(186, 113, 11, .55) 97%, transparent 98%),
    linear-gradient(0deg, transparent 96%, rgba(186, 113, 11, .4) 97%, transparent 98%);
  background-size: 92px 72px;
  mask-image: radial-gradient(ellipse at 50% 42%, #000 16%, transparent 74%);
}

.home-swadeshi-banner::after {
  content: "";
  border-top: 1px solid rgba(233, 173, 34, .28);
  border-bottom: 1px solid rgba(233, 173, 34, .18);
}

.home-swadeshi-stage {
  position: relative;
  z-index: 1;
  width: min(1100px, 100%);
  margin: 0 auto;
}

.home-swadeshi-emblem {
  display: grid;
  width: min(520px, 86vw);
  margin: 0 auto 28px;
  overflow: hidden;
  border-radius: 999px;
  box-shadow:
    0 0 0 1px rgba(255, 210, 102, .22),
    0 22px 60px rgba(0, 0, 0, .5),
    0 0 48px rgba(233, 173, 34, .2);
}

.home-swadeshi-ribbon {
  display: block;
  min-height: 26px;
}

.home-swadeshi-white {
  display: grid;
  place-items: center;
  min-height: 68px;
  background: #ffffff;
}

.home-swadeshi-saffron { background: #ff9933; }
.home-swadeshi-green { background: #138808; }

.home-swadeshi-chakra {
  width: 52px;
  height: 52px;
  stroke: #000080;
  fill: none;
  stroke-width: 3.2;
}

.home-swadeshi-chakra line {
  stroke-width: 2.1;
}

.home-swadeshi-kicker {
  margin: 0 0 14px;
  color: var(--swadeshi-gold);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .28em;
  text-transform: uppercase;
}

.home-swadeshi-banner h2 {
  margin: 0 auto;
  max-width: 16em;
  font-size: clamp(2.4rem, 6.4vw, 5rem);
  font-weight: 800;
  line-height: .92;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #fff6d2 0%, #ffd266 26%, #e9ad22 50%, #8d5d0a 78%, #ffd98a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 12px 34px rgba(201, 146, 28, .32));
}

.home-swadeshi-atma {
  margin: 16px 0 0;
  color: #ffd266;
  font-size: clamp(1.05rem, 2.2vw, 1.55rem);
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
  text-shadow: 0 0 24px rgba(233, 173, 34, .35);
}

.home-swadeshi-rule {
  display: block;
  width: min(220px, 42vw);
  height: 1px;
  margin: 22px auto 0;
  background: linear-gradient(90deg, transparent, #e9ad22, transparent);
  box-shadow: 0 0 16px rgba(233, 173, 34, .45);
}

.home-swadeshi-subtitle {
  max-width: 28em;
  margin: 20px auto 0;
  color: #f0e2b6;
  font-size: clamp(1.05rem, 2.1vw, 1.45rem);
  letter-spacing: .07em;
  line-height: 1.55;
}

.home-desktop-approved .home-swadeshi-banner {
  display: none;
}

.home-swadeshi-apps {
  width: min(1480px, calc(100% - 40px));
  margin: 0 auto;
  padding: 36px 0 72px;
  scroll-margin-top: 108px;
}

.home-desktop-approved .home-swadeshi-apps {
  padding: 10px 0 22px;
}

.home-desktop-approved .home-swadeshi-apps h3 {
  margin-bottom: 12px;
  font-size: clamp(1.15rem, 2vw, 1.45rem);
}

.home-desktop-approved .home-swadeshi-grid figure {
  aspect-ratio: 16 / 10;
}

.home-desktop-approved .home-swadeshi-grid figcaption {
  padding: 10px 12px 10px;
}

.home-desktop-approved .home-swadeshi-grid span {
  display: none;
}

.home-swadeshi-eyebrow {
  margin: 0 0 10px;
  color: var(--swadeshi-gold);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.home-swadeshi-apps h3 {
  margin: 0 0 28px;
  color: #fff1c9;
  font-size: clamp(1.5rem, 3vw, 2.15rem);
  line-height: 1.15;
  letter-spacing: -.03em;
}

.home-swadeshi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.home-swadeshi-grid article {
  overflow: hidden;
  border: 1px solid rgba(214, 164, 40, .55);
  border-radius: 22px;
  background: linear-gradient(165deg, #12100c 0%, #070605 100%);
  box-shadow: 0 0 26px rgba(201, 132, 8, .16);
}

.home-swadeshi-grid figure {
  position: relative;
  margin: 0;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #111;
}

.home-swadeshi-grid picture {
  display: contents;
}

.home-swadeshi-grid img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  filter: saturate(1.06) contrast(1.05);
}

.home-swadeshi-grid figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px 14px 14px;
  background: linear-gradient(180deg, transparent 0%, rgba(5, 4, 3, .55) 38%, rgba(5, 4, 3, .94) 100%);
}

.home-swadeshi-grid small {
  display: block;
  margin-bottom: 8px;
  color: var(--swadeshi-bright);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
}

.home-swadeshi-grid strong {
  display: block;
  color: #fff1c9;
  font-size: 17px;
}

.home-swadeshi-grid span {
  display: block;
  margin-top: 8px;
  color: #c3ae7c;
  font-size: 13px;
  line-height: 1.45;
}

.home-swadeshi-note {
  max-width: 52em;
  margin: 18px 0 0;
  color: #7f735c;
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 1100px) {
  .home-swadeshi-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .home-swadeshi-banner {
    min-height: 0;
    padding: 56px 18px 40px;
  }

  .home-swadeshi-apps {
    width: calc(100% - 36px);
    padding: 18px 0 36px;
  }

  .home-swadeshi-grid {
    grid-template-columns: 1fr 1fr;
  }

  .home-mobile .home-swadeshi {
    padding-bottom: 8px;
  }
}

@media (max-width: 640px) {
  .home-desktop-approved {
    display: none;
  }

  .home-swadeshi-grid {
    grid-template-columns: 1fr;
  }

  .home-swadeshi-grid figure {
    aspect-ratio: 4 / 5;
  }
}