/* Banarasi Silk Weavers | style.css */
:root{--crimson:#8B1A1A;--gold:#C8962A;--gold-light:#E8C56A;--cream:#FAF3E6;--deep:#1A0A00}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--deep);color:var(--cream);font-family:'EB Garamond',Georgia,serif;min-height:100vh;overflow-x:hidden}

/* noise overlay */
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.35}

/* silk weave pattern */
body::after{content:'';position:fixed;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 18px,rgba(200,150,42,.04) 18px,rgba(200,150,42,.04) 19px),repeating-linear-gradient(-45deg,transparent,transparent 18px,rgba(200,150,42,.04) 18px,rgba(200,150,42,.04) 19px);pointer-events:none;z-index:0}

/* radial glow */
.glow-bg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:900px;background:radial-gradient(ellipse,rgba(139,26,26,.25) 0%,rgba(200,150,42,.08) 40%,transparent 70%);pointer-events:none;z-index:0;animation:pulse 6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}

/* top / bottom bars */
.top-ornament{position:fixed;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold-light),var(--gold),transparent);z-index:10}
.bottom-ornament{position:fixed;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold-light),var(--gold),transparent);z-index:10}

/* wrapper */
.wrapper{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}

/* banner box */
.banner{position:relative;width:100%;max-width:860px;margin-bottom:36px;border:1px solid rgba(200,150,42,.3);padding:54px 40px 44px;animation:fadeSlideDown 1.2s ease both}
.banner::before,.banner::after{content:'';position:absolute;width:60px;height:60px;border-color:var(--gold);border-style:solid}
.banner::before{top:-1px;left:-1px;border-width:2px 0 0 2px}
.banner::after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}
.corner-tr{position:absolute;top:-1px;right:-1px;width:60px;height:60px;border-top:2px solid var(--gold);border-right:2px solid var(--gold)}
.corner-bl{position:absolute;bottom:-1px;left:-1px;width:60px;height:60px;border-bottom:2px solid var(--gold);border-left:2px solid var(--gold)}

/* logo mark */
.logo-mark{font-family:'Cinzel','Times New Roman',serif;font-size:11px;letter-spacing:.35em;color:var(--gold);text-transform:uppercase;margin-bottom:18px;animation:fadeSlideDown 1.2s .2s ease both;opacity:0}

/* divider */
.divider{display:flex;align-items:center;gap:14px;justify-content:center;margin:16px 0;animation:fadeIn 1.4s .4s ease both;opacity:0}
.divider-line{flex:1;max-width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.divider-line.r{background:linear-gradient(90deg,var(--gold),transparent)}
.divider svg{color:var(--gold)}

/* h1 */
h1{font-family:'Cinzel','Times New Roman',serif;font-size:clamp(2.2rem,6vw,4.2rem);font-weight:700;letter-spacing:.06em;line-height:1.12;color:var(--cream);text-shadow:0 0 60px rgba(200,150,42,.4);animation:fadeSlideDown 1.2s .3s ease both;opacity:0}
h1 span{display:block;background:linear-gradient(135deg,var(--gold-light),var(--gold),#A07020);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* saree illustration */
.saree-illustration{width:100%;max-width:680px;margin:28px auto;animation:fadeIn 1.6s .5s ease both;opacity:0}
.saree-svg-wrapper{border:1px solid rgba(200,150,42,.2);padding:2px;background:linear-gradient(135deg,rgba(139,26,26,.1),rgba(200,150,42,.05))}

/* taglines */
.tagline{font-family:'Cormorant Garamond','Georgia',serif;font-style:italic;font-size:clamp(1.3rem,3.5vw,2rem);color:var(--gold-light);letter-spacing:.02em;margin:8px 0 4px;animation:fadeIn 1.4s .7s ease both;opacity:0;line-height:1.5}
.sub-tagline{font-family:'Cormorant Garamond','Georgia',serif;font-size:clamp(.95rem,2vw,1.15rem);color:rgba(250,243,230,.65);letter-spacing:.12em;text-transform:uppercase;margin-top:6px;animation:fadeIn 1.4s .9s ease both;opacity:0}

/* coming soon badge */
.coming-soon-badge{display:inline-flex;align-items:center;gap:10px;margin:32px 0 24px;border:1px solid rgba(200,150,42,.5);padding:10px 28px;font-family:'Cinzel','Times New Roman',serif;font-size:.78rem;letter-spacing:.35em;color:var(--gold);text-transform:uppercase;background:rgba(139,26,26,.12);animation:fadeIn 1.4s 1s ease both;opacity:0}
.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:blink 1.4s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}

/* description */
.desc{max-width:540px;font-size:clamp(1rem,2vw,1.15rem);line-height:1.85;color:rgba(250,243,230,.72);margin:0 auto 36px;animation:fadeIn 1.4s 1.1s ease both;opacity:0}

/* notify form */
.notify-section{animation:fadeIn 1.4s 1.2s ease both;opacity:0;margin-bottom:40px}
.notify-label{font-family:'Cinzel','Times New Roman',serif;font-size:.72rem;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;margin-bottom:14px}
.notify-form{display:flex;max-width:420px;margin:0 auto;border:1px solid rgba(200,150,42,.4)}
.notify-form input{flex:1;background:rgba(250,243,230,.05);border:none;outline:none;color:var(--cream);font-family:'EB Garamond',Georgia,serif;font-size:1rem;padding:12px 16px;letter-spacing:.05em}
.notify-form input::placeholder{color:rgba(250,243,230,.35);font-style:italic}
.notify-form button{background:linear-gradient(135deg,var(--crimson),#5C1010);border:none;cursor:pointer;color:var(--gold-light);font-family:'Cinzel','Times New Roman',serif;font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;padding:12px 22px;transition:background .3s}
.notify-form button:hover{background:linear-gradient(135deg,#A02020,var(--crimson))}
.notify-success{display:none;color:var(--gold-light);font-style:italic;font-size:1rem;margin-top:10px}

/* contact */
.contact-line{font-size:.9rem;color:rgba(250,243,230,.5);letter-spacing:.08em;animation:fadeIn 1.4s 1.3s ease both;opacity:0}
.contact-line a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(200,150,42,.3);transition:color .2s,border-color .2s}
.contact-line a:hover{color:var(--gold-light);border-color:var(--gold-light)}

/* footer motif */
.footer-motif{margin-top:48px;opacity:.4;animation:fadeIn 2s 1.5s ease both}

/* particles */
.particle{position:fixed;border-radius:50%;background:var(--gold);pointer-events:none;opacity:0;animation:float-up linear infinite}
@keyframes float-up{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.6}90%{opacity:.3}100%{transform:translateY(-100vh) translateX(var(--dx));opacity:0}}

/* keyframes */
@keyframes fadeSlideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* responsive */
@media(max-width:600px){
  .banner{padding:36px 24px 30px}
  .notify-form{flex-direction:column;border:none}
  .notify-form input{border:1px solid rgba(200,150,42,.4)}
  .notify-form button{border:1px solid rgba(200,150,42,.4);margin-top:8px}
}