/* STEP 14 — Gujarati Folk Cultural Theme */
:root{
  --folk-red:#A80D09;
  --folk-cream:#F7F1E8;
  --folk-ochre:#D7A33D;
  --folk-indigo:#263B5A;
  --folk-green:#536B4D;
  --folk-brown:#211B17;
  --folk-border:rgba(168,13,9,.20);
}
html{scroll-behavior:smooth}
body{position:relative;overflow-x:hidden;background:
  radial-gradient(circle at 8% 12%,rgba(215,163,61,.09) 0 2px,transparent 2.5px),
  radial-gradient(circle at 92% 74%,rgba(168,13,9,.07) 0 2px,transparent 2.5px),
  var(--folk-cream);background-size:22px 22px,28px 28px,auto}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.16;background-image:
  radial-gradient(circle at 50% 0,transparent 0 12%,rgba(168,13,9,.12) 12.2% 12.5%,transparent 12.7%),
  linear-gradient(45deg,transparent 48%,rgba(215,163,61,.18) 49% 51%,transparent 52%);
  background-size:180px 180px,42px 42px;mix-blend-mode:multiply}
.nav,main,footer{position:relative;z-index:2}
.cultural-topline{height:10px;position:relative;z-index:20;background:var(--folk-red);overflow:hidden}
.cultural-topline:before{content:"";position:absolute;inset:0;background:radial-gradient(circle, var(--folk-ochre) 0 3px,transparent 3.5px) 0 0/18px 10px,linear-gradient(90deg,transparent 0 8px,var(--folk-cream) 8px 10px,transparent 10px 18px);opacity:.95}
.folk-toran{position:absolute;top:0;left:50%;transform:translateX(-50%);height:48px;width:min(720px,80vw);z-index:3;pointer-events:none}
.folk-toran:before{content:"✦  ❖  ✦  ❖  ✦  ❖  ✦";display:block;text-align:center;color:var(--folk-ochre);font-size:18px;letter-spacing:10px;text-shadow:0 1px 0 rgba(0,0,0,.12)}
.folk-toran:after{content:"";display:block;margin:5px auto 0;width:92%;height:10px;border-top:2px solid var(--folk-red);border-radius:50%;background:radial-gradient(circle,var(--folk-red) 0 3px,transparent 3.5px) 0 0/24px 10px}
.folk-corner{position:absolute;width:92px;height:92px;border:2px solid rgba(168,13,9,.22);pointer-events:none;z-index:1}
.folk-corner.tl{top:82px;left:18px;border-right:0;border-bottom:0;border-radius:18px 0 0 0}
.folk-corner.tr{top:82px;right:18px;border-left:0;border-bottom:0;border-radius:0 18px 0 0}
.folk-corner.bl{bottom:70px;left:18px;border-right:0;border-top:0;border-radius:0 0 0 18px}
.folk-corner.br{bottom:70px;right:18px;border-left:0;border-top:0;border-radius:0 0 18px 0}
.instrument-row{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:22px 0;color:var(--folk-red);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.instrument-row span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--folk-border);border-radius:999px;background:rgba(247,241,232,.76);box-shadow:0 5px 20px rgba(33,27,23,.05)}
.instrument-row b{font-size:17px;line-height:1}
.folk-divider{height:26px;position:relative;margin:36px auto;max-width:760px;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--folk-ochre)}
.folk-divider:before,.folk-divider:after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--folk-red),transparent);flex:1}
.folk-divider i{font-style:normal;font-size:20px}
.hero{isolation:isolate}
.hero:after{content:"";position:absolute;right:4%;bottom:8%;width:160px;height:160px;border:1px solid rgba(215,163,61,.4);border-radius:50%;box-shadow:0 0 0 14px rgba(215,163,61,.05),0 0 0 28px rgba(168,13,9,.035);pointer-events:none;z-index:0}
.folk-instrument{position:absolute;z-index:1;pointer-events:none;filter:drop-shadow(0 10px 15px rgba(33,27,23,.12));opacity:.9}
.folk-dhol{right:7%;top:24%;width:110px;height:72px;border:7px solid var(--folk-red);border-radius:48% 48% 42% 42%;transform:rotate(-12deg);background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(215,163,61,.85) 14px 17px);}
.folk-dhol:before,.folk-dhol:after{content:"";position:absolute;top:50%;width:34px;height:54px;border:4px solid var(--folk-ochre);border-radius:50%;background:var(--folk-cream);transform:translateY(-50%)}
.folk-dhol:before{left:-27px}.folk-dhol:after{right:-27px}
.folk-manjira{left:6%;bottom:14%;width:80px;height:44px}
.folk-manjira:before,.folk-manjira:after{content:"";position:absolute;width:34px;height:34px;border:5px solid var(--folk-ochre);border-radius:50%;background:radial-gradient(circle,var(--folk-red) 0 4px,transparent 4.5px);top:4px}
.folk-manjira:before{left:0}.folk-manjira:after{right:0}
.folk-shehnai{right:11%;bottom:12%;width:18px;height:115px;border-radius:10px 10px 4px 4px;background:linear-gradient(var(--folk-brown),var(--folk-red) 72%,var(--folk-ochre));transform:rotate(20deg)}
.folk-shehnai:after{content:"";position:absolute;left:-7px;bottom:-10px;width:32px;height:24px;border-radius:50%;background:var(--folk-ochre)}
.folk-bells{position:absolute;left:50%;top:0;transform:translateX(-50%);display:flex;gap:28px;pointer-events:none;z-index:3}
.folk-bells i{display:block;width:16px;height:24px;border:2px solid var(--folk-ochre);border-top:0;border-radius:0 0 10px 10px;position:relative}
.folk-bells i:after{content:"";position:absolute;bottom:-5px;left:5px;width:4px;height:4px;border-radius:50%;background:var(--folk-red)}
.section-head,.manifesto,.story-copy,.cta,.cities,.experience,.events{position:relative}
.section-head:after,.manifesto:after,.story-copy:after{content:"✦";position:absolute;right:0;top:0;color:var(--folk-ochre);font-size:22px;opacity:.65}
.experience-card,.event-placeholder{border-color:rgba(168,13,9,.16)!important}
.experience-card:before{content:"";position:absolute;inset:8px;border:1px solid rgba(215,163,61,.18);border-radius:inherit;pointer-events:none}
footer{border-top:2px solid var(--folk-red)}
.folk-footer-mark{display:flex;justify-content:center;gap:18px;color:var(--folk-ochre);font-size:18px;margin-bottom:12px}
@media(max-width:700px){.folk-dhol{right:2%;top:20%;transform:scale(.7) rotate(-12deg)}.folk-manjira{left:2%;bottom:10%;transform:scale(.75)}.folk-shehnai{right:4%;bottom:8%;transform:scale(.7) rotate(20deg)}.folk-corner{width:55px;height:55px}.folk-toran{display:none}.instrument-row{gap:6px}.instrument-row span{padding:7px 9px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.form-status{margin-top:14px;padding:12px 14px;border-left:3px solid var(--folk-red);background:#fff8e9;color:var(--folk-brown);font-size:14px;line-height:1.5}