/* MMVIC — alternative design directions. Loaded after style.css.
   Design 1 "Utsav" is the base (style.css). These three override it.

   2. Paithani  — heritage silk & zari: plum, gold, serif, soft corners
   3. Warli     — folk earth: terracotta, rounded type, big radius
   4. Sahyadri  — calm minimal: near-white, peacock green, light air */

/* =========================================================
   2 · PAITHANI
   ========================================================= */
[data-design="paithani"] {
  --paper: #FBF5EC;
  --paper-2: #F3E8D8;
  --ink: #33222B;
  --ink-2: #705C66;
  --flame: #8C2B56;
  --flame-deep: #6C1D45;
  --saffron: #D4A017;
  --saffron-deep: #8A6410;
  --paithani: #6C1D45;
  --paithani-dark: #4E1231;
  --line: #E5D6C3;
  --radius: 14px;
  --font-display: "Fraunces", Georgia, serif;
}
[data-design="paithani"] h1, [data-design="paithani"] h2, [data-design="paithani"] h3 {
  font-family: var(--font-display); font-weight: 600; letter-spacing: 0; line-height: 1.16;
}
[data-design="paithani"] .brand b { font-family: var(--font-display); font-weight: 600; }
[data-design="paithani"] .btn { border-radius: 999px; }
[data-design="paithani"] .nav a { border-radius: 999px; }
[data-design="paithani"] .nav a[aria-current="page"] { box-shadow: none; background: var(--paper-2); }
[data-design="paithani"] .hero-dark { background: linear-gradient(155deg, #4E1231 0%, #33101F 100%); }
[data-design="paithani"] .hero-dark h1 em { color: var(--saffron); }
[data-design="paithani"] .hero-dark .hero-stats div b { color: var(--saffron); }
[data-design="paithani"] .section--ink { background: #3B1226; }
[data-design="paithani"] .ticker { background: var(--paithani); }
[data-design="paithani"] .ticker .sep { color: var(--saffron); }
[data-design="paithani"] .chip { border-radius: 999px; }
[data-design="paithani"] .steps span { border-radius: 999px; }
[data-design="paithani"] .card--pop::before { border-radius: 999px; }

/* — Paithani homepage layout: editorial masthead + crossfade cover + film-strip — */
[data-design="paithani"] .pt-hero { text-align: center; padding: 64px 0 12px; background: linear-gradient(180deg, var(--paper-2), var(--paper)); }
[data-design="paithani"] .pt-hero .rule { width: 64px; height: 3px; background: var(--saffron); margin: 0 auto 20px; }
[data-design="paithani"] .pt-hero .mr-line { font-family: var(--font-dev); font-weight: 600; color: var(--flame); letter-spacing: .04em; }
[data-design="paithani"] .pt-hero h1 { font-size: clamp(2.4rem, 6vw, 4.2rem); max-width: 18ch; margin: .2em auto .3em; }
[data-design="paithani"] .pt-hero p.lead { max-width: 52ch; margin: 0 auto 1em; color: var(--ink-2); font-size: 1.12rem; }
[data-design="paithani"] .pt-slide { position: relative; max-width: 940px; margin: 34px auto 40px; aspect-ratio: 16 / 9; overflow: hidden;
  border: 8px solid #fff; border-radius: 4px; box-shadow: 0 24px 70px rgba(78, 18, 49, .28); }
[data-design="paithani"] .pt-slide img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.6s ease; }
[data-design="paithani"] .pt-slide img.on { opacity: 1; }
[data-design="paithani"] .orn { display: flex; align-items: center; gap: 16px; justify-content: center; color: var(--saffron); font-size: 1.1rem; padding: 6px 22px; }
[data-design="paithani"] .orn::before, [data-design="paithani"] .orn::after { content: ""; height: 1px; background: var(--line); flex: 1; max-width: 200px; }
[data-design="paithani"] .pt-ev { display: grid; grid-template-columns: 78px 1fr 150px; gap: 20px; padding: 22px 0; border-bottom: 1px solid var(--line); align-items: center; }
[data-design="paithani"] .pt-ev:last-of-type { border-bottom: 0; }
[data-design="paithani"] .pt-ev .d { text-align: center; }
[data-design="paithani"] .pt-ev .d b { font-family: var(--font-display); font-weight: 600; font-size: 2.3rem; display: block; line-height: 1; color: var(--flame); }
[data-design="paithani"] .pt-ev h3 a { text-decoration: none; color: inherit; }
[data-design="paithani"] .pt-ev h3 a:hover { color: var(--flame); }
[data-design="paithani"] .pt-ev img { width: 150px; height: 100px; object-fit: cover; border-radius: 4px; border: 4px solid #fff; box-shadow: var(--shadow); justify-self: end; }
@media (max-width: 640px) { [data-design="paithani"] .pt-ev { grid-template-columns: 64px 1fr; } [data-design="paithani"] .pt-ev img { display: none; } }
[data-design="paithani"] .pt-strip .rail { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 10px 2px 6px; }
[data-design="paithani"] .pt-strip figure { flex: 0 0 min(560px, 86vw); margin: 0; scroll-snap-align: center; cursor: pointer; }
[data-design="paithani"] .pt-strip img, [data-design="paithani"] .pt-strip video { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border: 6px solid #fff; border-radius: 4px; box-shadow: 0 14px 40px rgba(78,18,49,.18); display: block; }
[data-design="paithani"] .pt-strip figcaption { font-family: var(--font-display); font-style: italic; font-weight: 500; color: var(--ink-2); text-align: center; padding-top: 10px; }
[data-design="paithani"] .pt-nav { display: flex; gap: 10px; justify-content: center; margin-top: 14px; }
[data-design="paithani"] .pt-nav button { width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid var(--saffron); background: transparent; color: var(--flame); font-size: 1.1rem; cursor: pointer; }
[data-design="paithani"] .pt-nav button:hover { background: var(--saffron); color: #fff; }
/* zari buti — gold coin-dot diamond grid, as woven into a paithani padar */
[data-design="paithani"] .section--ink {
  background-color: #3B1226;
  background-image:
    radial-gradient(circle 1.7px, rgba(212,160,23,.34) 99%, transparent),
    radial-gradient(circle 1.7px, rgba(212,160,23,.16) 99%, transparent);
  background-size: 30px 30px, 30px 30px;
  background-position: 0 0, 15px 15px;
}
[data-design="paithani"] .pt-epigraph { text-align: center; padding: 46px 22px 30px; }
[data-design="paithani"] .pt-epigraph .quote { font-family: var(--font-dev); font-weight: 600; font-size: clamp(1.5rem, 3.4vw, 2.1rem); color: var(--flame); margin: 0 0 6px; }
[data-design="paithani"] .pt-epigraph .attr { font-family: var(--font-display); font-style: italic; color: var(--ink-2); font-size: .95rem; margin: 0; }
[data-design="paithani"] .pillars .pillar { border-top-color: var(--saffron); text-align: center; }
[data-design="paithani"] .sponsor-row { justify-content: center; }
[data-design="paithani"] .sponsor-sect .flex-between { justify-content: center; text-align: center; }

/* — Paithani richness pass — */
/* invitation-card gold frame around the masthead */
[data-design="paithani"] .pt-hero { position: relative;
  background: radial-gradient(120% 90% at 50% 0%, #F9EBD7 0%, var(--paper-2) 45%, var(--paper) 100%); }
[data-design="paithani"] .pt-hero::before { content: ""; position: absolute; inset: 16px; pointer-events: none;
  border: 1px solid rgba(212, 160, 23, .65); outline: 1px solid rgba(212, 160, 23, .35); outline-offset: 5px; }
/* shimmering gold rule */
[data-design="paithani"] .pt-hero .rule { background: linear-gradient(90deg, #D4A017, #F5D77C, #D4A017); background-size: 200% 100%; animation: pt-shimmer 3.2s ease-in-out infinite; }
@keyframes pt-shimmer { 0%, 100% { background-position: 0% 0; } 50% { background-position: 100% 0; } }
/* Ken Burns on the cover slideshow + gold corner brackets */
[data-design="paithani"] .pt-slide img.on { animation: pt-ken 4.6s ease-out forwards; }
@keyframes pt-ken { from { transform: scale(1); } to { transform: scale(1.07); } }
[data-design="paithani"] .pt-slide::before, [data-design="paithani"] .pt-slide::after { content: ""; position: absolute; width: 38px; height: 38px; z-index: 2; }
[data-design="paithani"] .pt-slide::before { top: 8px; left: 8px; border-top: 3px solid var(--saffron); border-left: 3px solid var(--saffron); }
[data-design="paithani"] .pt-slide::after { bottom: 8px; right: 8px; border-bottom: 3px solid var(--saffron); border-right: 3px solid var(--saffron); }
/* date as a rotated gold buti diamond */
[data-design="paithani"] .pt-ev .d i { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px;
  border: 1.5px solid var(--saffron); background: #fff; transform: rotate(45deg); margin: 0 auto 10px; }
[data-design="paithani"] .pt-ev .d i b { transform: rotate(-45deg); font-family: var(--font-display); font-weight: 600; font-size: 1.45rem; color: var(--flame); line-height: 1; }
/* program rows respond like a silk catalogue */
[data-design="paithani"] .pt-ev { border-left: 3px solid transparent; transition: background .25s ease, border-color .25s ease, padding-left .25s ease; }
[data-design="paithani"] .pt-ev:hover { background: #FFF8EE; border-left-color: var(--saffron); padding-left: 12px; }
[data-design="paithani"] .pt-ev img { filter: sepia(.3) saturate(.9); transition: filter .4s ease, transform .4s ease; }
[data-design="paithani"] .pt-ev:hover img { filter: none; transform: scale(1.04) rotate(-1deg); }
[data-design="paithani"] .pt-ev.reveal:nth-child(odd) { transition-delay: 80ms; }
/* film-strip frames become gallery mats with a gold inner line */
[data-design="paithani"] .pt-strip figure { background: #fff; padding: 10px 10px 4px; position: relative;
  box-shadow: 0 14px 40px rgba(78, 18, 49, .18); border-radius: 4px; }
[data-design="paithani"] .pt-strip figure::after { content: ""; position: absolute; inset: 5px; border: 1px solid rgba(212, 160, 23, .55); pointer-events: none; }
[data-design="paithani"] .pt-strip img, [data-design="paithani"] .pt-strip video { border: 0; box-shadow: none; transition: transform .6s ease; }
[data-design="paithani"] .pt-strip figure:hover img, [data-design="paithani"] .pt-strip figure:hover video { transform: scale(1.035); }
/* vintage studio ovals for the committee */
[data-design="paithani"] .committee-strip img { width: 82px; height: 102px; border-radius: 50%; border: 4px double var(--saffron); object-fit: cover; object-position: top; transition: transform .25s ease, box-shadow .25s ease; }
[data-design="paithani"] .committee-strip figure:hover img { transform: translateY(-4px); box-shadow: 0 10px 26px rgba(78, 18, 49, .25); }
/* buti weave drifts slowly across the plum section */
@media (prefers-reduced-motion: no-preference) {
  [data-design="paithani"] .section--ink { animation: pt-buti 70s linear infinite; }
  @keyframes pt-buti { to { background-position: 600px 600px, 615px 615px; } }
}
/* epigraph breathes in */
[data-design="paithani"] .pt-epigraph .quote { letter-spacing: .01em; }
[data-design="paithani"] .pt-epigraph.reveal { transition-duration: 1.1s; }

/* =========================================================
   3 · WARLI
   ========================================================= */
[data-design="warli"] {
  --paper: #F6EDDE;
  --paper-2: #EEE0C9;
  --ink: #3E2A1C;
  --ink-2: #77604E;
  --flame: #C05A2E;
  --flame-deep: #9A4522;
  --saffron: #E8A13C;
  --saffron-deep: #8A5300;
  --paithani: #7A3B1E;
  --paithani-dark: #5C2C16;
  --line: #E0CFB4;
  --radius: 18px;
  --font-display: "Baloo 2", "Mukta", sans-serif;
  --font-body: "Baloo 2", "Mukta", sans-serif;
}
[data-design="warli"] body { font-size: 17px; }
[data-design="warli"] h1, [data-design="warli"] h2, [data-design="warli"] h3 { letter-spacing: 0; font-weight: 700; }
[data-design="warli"] .btn { border-radius: 999px; }
[data-design="warli"] .nav a { border-radius: 999px; }
[data-design="warli"] .nav a[aria-current="page"] { box-shadow: none; background: var(--paper-2); }
[data-design="warli"] .zari, [data-design="warli"] .zari--thin {
  height: 14px;
  background:
    radial-gradient(circle 3.2px at 8px 7px, #FFF3DF 96%, transparent) 0 0 / 16px 14px repeat-x,
    #6E3418;
}
[data-design="warli"] .hero-dark { background: #6E3418; }
[data-design="warli"] .hero-dark h1 em { color: #FFD98A; }
[data-design="warli"] .hero-dark .mr-line { color: #FFD98A; }
[data-design="warli"] .hero-dark .hero-stats div b { color: #FFD98A; }
[data-design="warli"] .section--ink { background: #5C2C16; }
[data-design="warli"] .ticker { background: var(--paithani); }
[data-design="warli"] .ev-img, [data-design="warli"] .mosaic .tile { border-radius: 14px; }
[data-design="warli"] .chip { border-radius: 999px; }
[data-design="warli"] .committee-strip img { border-color: var(--saffron); }
[data-design="warli"] .card--pop::before { border-radius: 999px; }

/* — Warli homepage layout: scrapbook, polaroids, tickets, waves — */
[data-design="warli"] .wl-hero { background: #6E3418; color: #FFF3DF; position: relative; padding-top: 56px; }
[data-design="warli"] .wl-hero-grid { display: grid; gap: 40px; align-items: center; padding-bottom: 26px; }
@media (min-width: 860px) { [data-design="warli"] .wl-hero-grid { grid-template-columns: 1fr 1fr; } }
[data-design="warli"] .wl-hero h1 { color: #fff; font-size: clamp(2.4rem, 6vw, 4rem); }
[data-design="warli"] .wl-hero h1 em { font-style: normal; color: #FFD98A; }
[data-design="warli"] .wl-hero .mr-line { font-family: var(--font-dev); font-weight: 600; color: #FFD98A; }
[data-design="warli"] .wl-hero p.lead { color: #F3D9BC; font-size: 1.12rem; max-width: 44ch; }
[data-design="warli"] .wl-hero .btn--quiet { color: #fff; box-shadow: inset 0 0 0 2px rgba(255,255,255,.7); }
[data-design="warli"] .wl-hero .btn--quiet:hover { background: #fff; color: #6E3418; }
[data-design="warli"] .wl-wave { display: block; width: 100%; height: 56px; }
[data-design="warli"] .polaroid { background: #fff; padding: 10px 10px 30px; border-radius: 3px; margin: 0; cursor: pointer;
  box-shadow: 0 14px 34px rgba(62, 42, 28, .3); transform: rotate(var(--r, -4deg)); transition: transform .25s ease, box-shadow .25s ease; position: relative; }
[data-design="warli"] .polaroid::before { content: ""; position: absolute; top: -11px; left: 50%; transform: translateX(-50%) rotate(-3deg);
  width: 86px; height: 22px; background: rgba(232, 161, 60, .8); border-radius: 2px; }
[data-design="warli"] .polaroid:hover, [data-design="warli"] .polaroid:focus-visible { transform: rotate(0deg) scale(1.05) translateY(-6px); z-index: 4; box-shadow: 0 22px 50px rgba(62,42,28,.4); }
[data-design="warli"] .polaroid img, [data-design="warli"] .polaroid video { width: 100%; height: 180px; object-fit: cover; display: block; }
[data-design="warli"] .polaroid figcaption { font-size: .88rem; font-weight: 600; text-align: center; color: #5C4433; padding-top: 9px; }
[data-design="warli"] .wl-collage { position: relative; min-height: 400px; }
[data-design="warli"] .wl-collage .polaroid { position: absolute; width: min(240px, 52%); }
[data-design="warli"] .wl-collage .p0 { --r: -7deg; top: 6%; left: 0; }
[data-design="warli"] .wl-collage .p1 { --r: 5deg; top: 0; right: 4%; width: min(210px, 44%); }
[data-design="warli"] .wl-collage .p2 { --r: -2deg; bottom: 0; left: 26%; width: min(250px, 55%); }
[data-design="warli"] .wl-sticker { position: absolute; top: -14px; right: -6px; z-index: 5; background: var(--saffron); color: #5C2C16;
  border: 3px solid #5C2C16; border-radius: 50%; width: 92px; height: 92px; display: flex; align-items: center; justify-content: center;
  text-align: center; font-weight: 700; font-size: .95rem; line-height: 1.1; transform: rotate(10deg); box-shadow: 4px 4px 0 rgba(0,0,0,.2); }
[data-design="warli"] .wl-ticket { position: relative; background: #fff; border: 2.5px solid var(--ink); border-radius: 18px; padding: 22px;
  box-shadow: 6px 6px 0 var(--ink); transition: transform .15s ease, box-shadow .15s ease; }
[data-design="warli"] .wl-ticket:hover { transform: translate(-2px, -2px); box-shadow: 9px 9px 0 var(--ink); }
[data-design="warli"] .wl-ticket::before, [data-design="warli"] .wl-ticket::after { content: ""; position: absolute; top: 50%; width: 22px; height: 22px;
  background: var(--paper); border: 2.5px solid var(--ink); border-radius: 50%; }
[data-design="warli"] .wl-ticket::before { left: -13px; clip-path: inset(0 0 0 50%); border-left-color: transparent; }
[data-design="warli"] .wl-ticket::after { right: -13px; clip-path: inset(0 50% 0 0); border-right-color: transparent; }
[data-design="warli"] .wl-date { display: inline-block; background: var(--saffron); border: 2px solid var(--ink); border-radius: 10px; padding: 5px 13px; font-weight: 700; font-size: .88rem; }
[data-design="warli"] .wl-ticket h3 a { text-decoration: none; color: inherit; }
[data-design="warli"] .wl-band { background: #6E3418; }
[data-design="warli"] .wl-band .wl-wave:first-child { transform: scaleY(-1); }
[data-design="warli"] .wl-wall { display: grid; gap: 30px 22px; grid-template-columns: repeat(2, 1fr); padding: 18px 6px 8px; }
@media (min-width: 760px) { [data-design="warli"] .wl-wall { grid-template-columns: repeat(4, 1fr); } }
[data-design="warli"] .wl-wall .polaroid img, [data-design="warli"] .wl-wall .polaroid video { height: 150px; }
[data-design="warli"] .committee-strip figure:hover img { animation: wl-wiggle .5s ease; }
@keyframes wl-wiggle { 0%,100% { transform: rotate(0) } 25% { transform: rotate(-6deg) } 65% { transform: rotate(5deg) } }
/* Warli dancer chain — the tarpa dance, drawn the traditional way */
[data-design="warli"] .wl-frieze { display: block; width: min(760px, 92%); height: 58px; margin: 26px auto 6px; opacity: .95; }
[data-design="warli"] .wl-hero h1 { font-family: var(--font-dev); font-weight: 700; }
[data-design="warli"] .wl-band .wl-frieze { margin-top: 4px; }
[data-design="warli"] .sponsor-row img { background: #fff; padding: 8px 12px; border-radius: 10px; border: 2px solid var(--ink);
  filter: none; height: 56px; box-shadow: 3px 3px 0 var(--ink); }
[data-design="warli"] .sponsor-row img:nth-child(odd) { transform: rotate(-2deg); }
[data-design="warli"] .sponsor-row img:nth-child(even) { transform: rotate(2deg); }
[data-design="warli"] .sponsor-row img:hover { transform: rotate(0) scale(1.06); }


/* =========================================================
   4 · RANGOLI — dopamine colour-blocks on deep indigo
   ========================================================= */
[data-design="rangoli"] {
  --paper: #FFFFFF;
  --paper-2: #F6F1FB;
  --ink: #231650;
  --ink-2: #5E5480;
  --flame: #E5147C;
  --flame-deep: #B80D61;
  --saffron: #FFB300;
  --saffron-deep: #8A6410;
  --paithani: #6B2BD9;
  --paithani-dark: #4C1D9E;
  --peacock: #0EA774;
  --line: #E7DFF3;
  --radius: 16px;
  --font-display: "Anek Latin", "Segoe UI", sans-serif;
  --font-body: "Plus Jakarta Sans", "Segoe UI", sans-serif;
  --font-dev: "Anek Devanagari", "Mukta", sans-serif;
}
[data-design="rangoli"] h1, [data-design="rangoli"] h2, [data-design="rangoli"] h3 { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.01em; }
[data-design="rangoli"] .zari, [data-design="rangoli"] .zari--thin { height: 14px; background:
  radial-gradient(circle 4px at 9px 7px, #E5147C 98%, transparent) 0 0 / 72px 14px repeat-x,
  radial-gradient(circle 4px at 27px 7px, #FFB300 98%, transparent) 0 0 / 72px 14px repeat-x,
  radial-gradient(circle 4px at 45px 7px, #0EA774 98%, transparent) 0 0 / 72px 14px repeat-x,
  radial-gradient(circle 4px at 63px 7px, #6B2BD9 98%, transparent) 0 0 / 72px 14px repeat-x,
  #231650; }
[data-design="rangoli"] .btn { border-radius: 999px; font-weight: 800; }
[data-design="rangoli"] .nav a { border-radius: 999px; }
[data-design="rangoli"] .nav a[aria-current="page"] { box-shadow: none; background: var(--paper-2); }
[data-design="rangoli"] .section--ink { background: #231650; }
[data-design="rangoli"] .ticker { background: var(--flame); }
[data-design="rangoli"] .chip, [data-design="rangoli"] .steps span { border-radius: 999px; }
[data-design="rangoli"] .member-card { background: linear-gradient(150deg, #6B2BD9, #4C1D9E); }
[data-design="rangoli"] .committee-strip figure:nth-child(4n+1) img { border-color: #E5147C; }
[data-design="rangoli"] .committee-strip figure:nth-child(4n+2) img { border-color: #FFB300; }
[data-design="rangoli"] .committee-strip figure:nth-child(4n+3) img { border-color: #0EA774; }
[data-design="rangoli"] .committee-strip figure:nth-child(4n+4) img { border-color: #6B2BD9; }
[data-design="rangoli"] .committee-strip figure:hover img { transform: scale(1.1); transition: transform .2s ease; }

/* — Rangoli homepage layout — */
[data-design="rangoli"] .rg-hero { background: #231650; color: #fff; position: relative; overflow: hidden; padding: 84px 0 60px; }
[data-design="rangoli"] .rg-hero .wrap { position: relative; z-index: 2; }
[data-design="rangoli"] .rg-motif { position: absolute; top: -140px; right: -140px; width: 430px; height: 430px; z-index: 1; opacity: .9; }
[data-design="rangoli"] .rg-motif i { position: absolute; inset: 0; border-radius: 50%; border-style: dashed; }
[data-design="rangoli"] .rg-motif i:nth-child(1) { border: 5px dashed #E5147C; }
[data-design="rangoli"] .rg-motif i:nth-child(2) { inset: 44px; border: 5px dashed #FFB300; }
[data-design="rangoli"] .rg-motif i:nth-child(3) { inset: 88px; border: 5px dashed #0EA774; }
[data-design="rangoli"] .rg-motif i:nth-child(4) { inset: 132px; border: 5px dashed #6B2BD9; }
[data-design="rangoli"] .rg-motif b { position: absolute; inset: 176px; border-radius: 50%; background: #FFB300; }
@media (prefers-reduced-motion: no-preference) {
  [data-design="rangoli"] .rg-motif { animation: rg-spin 80s linear infinite; }
  @keyframes rg-spin { to { transform: rotate(360deg); } }
}
[data-design="rangoli"] .rg-hero .mr-line { font-family: var(--font-dev); font-weight: 700; color: #FFB300; font-size: clamp(1.05rem, 2.6vw, 1.4rem); margin-bottom: .5rem; }
[data-design="rangoli"] .rg-stack { font-size: clamp(3rem, 9vw, 6.2rem); line-height: .95; margin-bottom: .25em; font-family: var(--font-dev); font-weight: 700; }
[data-design="rangoli"] .rg-stack span { display: block; }
[data-design="rangoli"] .rg-stack span:nth-child(1) { color: #E5147C; }
[data-design="rangoli"] .rg-stack span:nth-child(2) { color: #FFB300; }
[data-design="rangoli"] .rg-stack span:nth-child(3) { color: #fff; }
[data-design="rangoli"] .rg-hero p.lead { color: #C9BEE8; font-size: 1.15rem; max-width: 46ch; }
[data-design="rangoli"] .rg-hero .btn--quiet { color: #fff; box-shadow: inset 0 0 0 2px rgba(255,255,255,.75); }
[data-design="rangoli"] .rg-hero .btn--quiet:hover { background: #fff; color: #231650; }
[data-design="rangoli"] .rg-dots { height: 18px; background:
  radial-gradient(circle 5px at 10px 9px, #E5147C 98%, transparent) 0 0 / 80px 18px repeat-x,
  radial-gradient(circle 5px at 30px 9px, #FFB300 98%, transparent) 0 0 / 80px 18px repeat-x,
  radial-gradient(circle 5px at 50px 9px, #0EA774 98%, transparent) 0 0 / 80px 18px repeat-x,
  radial-gradient(circle 5px at 70px 9px, #6B2BD9 98%, transparent) 0 0 / 80px 18px repeat-x; }
[data-design="rangoli"] .rg-circles { display: flex; gap: 26px; flex-wrap: wrap; justify-content: center; }
[data-design="rangoli"] .rg-circles > div { width: 168px; height: 168px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; padding: 12px; }
[data-design="rangoli"] .rg-circles > div:nth-child(1) { background: #E5147C; }
[data-design="rangoli"] .rg-circles > div:nth-child(2) { background: #6B2BD9; }
[data-design="rangoli"] .rg-circles > div:nth-child(3) { background: #0EA774; }
[data-design="rangoli"] .rg-circles > div:nth-child(4) { background: #FFB300; color: #231650; }
[data-design="rangoli"] .rg-circles .sy-num { font-size: 2.5rem; font-weight: 800; font-family: var(--font-display); }
[data-design="rangoli"] .rg-circles small { font-size: .8rem; font-weight: 600; line-height: 1.25; }
[data-design="rangoli"] .rg-ev { border: 0; border-radius: var(--radius); overflow: hidden; padding: 0; }
[data-design="rangoli"] .rg-ev .rg-ev-bar { height: 10px; }
[data-design="rangoli"] .rg-ev .body { padding: 20px 22px 22px; display: flex; flex-direction: column; flex: 1; }
[data-design="rangoli"] .rg-ev .rg-date { display: inline-block; align-self: flex-start; border-radius: 999px; color: #fff; font-weight: 800; font-size: .82rem; padding: 5px 14px; margin-bottom: 10px; }
[data-design="rangoli"] .rg-ev .btn { margin-top: auto; align-self: stretch; text-align: center; }
[data-design="rangoli"] .rg-split { display: grid; }
@media (min-width: 760px) { [data-design="rangoli"] .rg-split { grid-template-columns: 1fr 1fr; } }
[data-design="rangoli"] .rg-split > div { padding: 56px clamp(22px, 5vw, 72px); display: flex; flex-direction: column; align-items: flex-start; }
[data-design="rangoli"] .rg-split .a { background: #E5147C; color: #fff; }
[data-design="rangoli"] .rg-split .a h2 { color: #fff; }
[data-design="rangoli"] .rg-split .a .btn { background: #fff; color: #E5147C; }
[data-design="rangoli"] .rg-split .b { background: #FFB300; color: #231650; }
[data-design="rangoli"] .rg-split .b h2 { color: #231650; }
[data-design="rangoli"] .rg-split .b .btn { background: #231650; color: #fff; }
[data-design="rangoli"] .rg-split .btn { margin-top: auto; }
[data-design="rangoli"] .rg-bento { display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 150px; grid-auto-flow: dense; }
@media (min-width: 760px) { [data-design="rangoli"] .rg-bento { grid-template-columns: repeat(4, 1fr); grid-auto-rows: 172px; } }
[data-design="rangoli"] .rg-bento .tile { position: relative; border-radius: 18px; overflow: hidden; border: 4px solid #fff; cursor: pointer; padding: 0; background: #4C1D9E; width: 100%; height: 100%; display: block; }
[data-design="rangoli"] .rg-bento .tile img, [data-design="rangoli"] .rg-bento .tile video { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
[data-design="rangoli"] .rg-bento .tile:hover img, [data-design="rangoli"] .rg-bento .tile:hover video { transform: scale(1.06) rotate(1deg); }
[data-design="rangoli"] .rg-bento .tile--tall { grid-row: span 2; }
[data-design="rangoli"] .rg-bento .tile--wide { grid-column: span 2; }
[data-design="rangoli"] .rg-bento .tag { position: absolute; left: 10px; bottom: 10px; background: #fff; color: #231650; font-size: .72rem; font-weight: 800; padding: 5px 11px; border-radius: 999px; }
[data-design="rangoli"] .rg-bento .tag.play::before { content: "▶"; color: #E5147C; margin-right: 6px; font-size: .62rem; }
[data-design="rangoli"] .sponsor-row img { filter: none; background: #fff; border: 2px dashed var(--line); border-radius: 12px; padding: 8px 12px; height: 56px; }
[data-design="rangoli"] .sponsor-row img:hover { border-color: var(--flame); }