:root{
  --ivory:#F8F4EA;
  --emerald:#0E3B2E;
  --emerald-deep:#092A20;
  --gold:#C6A035;
  --gold-soft:#D4B562;
  --wine:#6E1F35;
  --champagne:#EFE3C3;
  --charcoal:#26231C;
  --serif:'Great Vibes', 'Segoe Script', cursive;
  --sans:'Montserrat', 'Segoe UI', sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--ivory);color:var(--charcoal);font-family:var(--sans);font-weight:300;line-height:1.7;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}

.announce{background:var(--champagne);color:var(--emerald);text-align:center;font-size:12px;letter-spacing:.28em;text-transform:uppercase;padding:10px 16px;}

header{position:sticky;top:0;z-index:50;background:#061821;border-bottom:1px solid rgba(198,160,53,.45);overflow:hidden;height:220px;transition:height .5s cubic-bezier(.22,.61,.36,1);}
header.shrunk{height:96px;}
.saree-divider{height:38px;position:relative;z-index:40;background:url("assets/saree-border-yellow.png");background-size:auto 300%;background-repeat:repeat-x;background-position:center;border-top:1px solid #C6A035;border-bottom:1px solid #C6A035;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.3);}
.logo-link{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.logo-link video{height:100%;width:auto;object-fit:contain;display:block;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%);}
.header-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:100%;pointer-events:none;}
.header-inner nav, .header-inner .header-icons{pointer-events:auto;}
.wordmark{font-family:var(--serif);font-size:38px;font-weight:400;letter-spacing:.03em;color:var(--emerald);text-transform:none;}
.wordmark span{color:var(--gold);}
nav{display:flex;gap:34px;}
nav a{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--ivory);padding-bottom:4px;border-bottom:1px solid transparent;transition:.3s;text-shadow:0 1px 8px rgba(0,0,0,.5);}
nav a:hover, nav a.active{color:var(--gold-soft);border-bottom-color:var(--gold-soft);}
.header-icons{display:flex;gap:22px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--ivory);text-shadow:0 1px 8px rgba(0,0,0,.5);}
.header-icons a:hover{color:var(--gold-soft);}

.btn{display:inline-block;background:var(--gold);color:var(--emerald-deep);font-size:13px;letter-spacing:.26em;text-transform:uppercase;font-weight:500;padding:16px 42px;transition:.3s;border:1px solid var(--gold);cursor:pointer;font-family:var(--sans);}
.btn:hover{background:transparent;color:var(--gold);}
.btn.ghost{background:transparent;color:var(--emerald);border-color:var(--emerald);}
.btn.ghost:hover{background:var(--emerald);color:var(--ivory);}

.section{max-width:1280px;margin:0 auto;padding:64px 32px;}
.section-kicker{font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.page-head{text-align:center;padding:64px 32px 8px;}
.page-head h1{font-family:var(--serif);font-size:48px;font-weight:500;color:var(--emerald);}
.page-head p{max-width:520px;margin:10px auto 0;color:#6f6a5a;font-size:15px;}

.products{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.prod{background:#FFFDF6;border:1px solid rgba(198,160,53,.25);transition:.3s;}
.prod:hover{border-color:var(--gold);box-shadow:0 14px 40px rgba(14,59,46,.12);}
.prod-img{aspect-ratio:3/4;overflow:hidden;position:relative;}
.prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s;}
.prod:hover .prod-img img{transform:scale(1.06);}
.tag{position:absolute;top:14px;left:14px;background:var(--wine);color:var(--champagne);font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:5px 12px;z-index:2;}
.prod-info{padding:20px 20px 24px;text-align:center;}
.prod-info h4{font-family:var(--serif);font-size:21px;font-weight:500;color:var(--emerald);margin-bottom:4px;}
.prod-info .pcat{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#8a8471;margin-bottom:10px;}
.prod-info .price{font-size:15px;letter-spacing:.08em;color:var(--gold);font-weight:500;}

footer{background:var(--champagne);color:#55503f;margin-top:64px;border-top:1px solid rgba(198,160,53,.35);}
.footer-bottom{text-align:center;font-size:12px;letter-spacing:.2em;padding:26px;color:#8a8471;}

.reveal{opacity:0;transform:translateY(34px);transition:opacity .65s cubic-bezier(.22,.61,.36,1), transform .65s cubic-bezier(.22,.61,.36,1);}
.reveal.in{opacity:1;transform:none;}

@media (max-width:960px){
  nav{display:none;}
  .products{grid-template-columns:repeat(2,1fr);}
}

/* mobile-first pass */
@media (max-width:640px){
  .announce{font-size:9px;letter-spacing:.18em;padding:7px 10px;}
  header{height:130px;}
  header.shrunk{height:64px;}
  .saree-divider{height:26px;}
  .section{padding:44px 16px;}
  .page-head{padding:38px 16px 2px;}
  .page-head h1{font-size:38px;}
  .page-head p{font-size:13px;}
  .products{grid-template-columns:repeat(2,1fr);gap:12px;}
  .prod-info{padding:12px 10px 16px;}
  .prod-info h4{font-size:16px;}
  .prod-info .pcat{font-size:8.5px;letter-spacing:.2em;margin-bottom:6px;}
  .prod-info .price{font-size:13px;}
  .tag{font-size:9px;padding:4px 8px;top:8px;left:8px;}
  .btn{padding:13px 28px;font-size:11px;letter-spacing:.2em;}
  footer{margin-top:36px;}
}

.m-wordmark{display:none;}
@media (max-width:640px){
  .m-wordmark{display:block;position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:3;font-family:var(--serif);font-size:29px;color:#F8F4EA;text-shadow:0 2px 16px rgba(0,0,0,.85);}
  .m-wordmark span{color:var(--gold-soft);}
}
/* phone card names */
@media (max-width:640px){ .prod-info h4{font-family:'Cormorant Garamond',Georgia,serif;font-size:17px;line-height:1.25;} }