:root{
  --accent:#8f5c3d;
  --accent-soft:#b9805a;
  --ink:#2f241d;
  --ink-soft:#5f4d42;
  --surface:#fffaf5;
  --surface-alt:#f4e8dc;
  --surface-deep:#ead8c7;
  --border:#dbc6b5;
  --white:#fff;
  --shadow:0 24px 60px rgba(56,38,24,.12);
  --radius-lg:34px;
  --radius-md:22px;
  --radius-sm:16px;
  --container:1280px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Manrope',sans-serif;
  font-size:16px;
  line-height:1.6;
  color:var(--ink);
  background:
    radial-gradient(circle at top left, rgba(244,232,220,.75), transparent 35%),
    linear-gradient(180deg,var(--surface) 0%,#f8efe6 100%);
}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
img{display:block;max-width:100%}
.screen-reader-text{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0;
}

.announce{
  background:#2d211a;
  color:#f2ddd0;
  padding:10px 24px;
  font-size:12px;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.announce-inner{
  max-width:var(--container);
  margin:0 auto;
  display:flex;
  justify-content:center;
  gap:28px;
  flex-wrap:wrap;
}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,250,245,.82);
  backdrop-filter:blur(18px);
  border-bottom:1px solid transparent;
  transition:.3s ease;
}
.site-header.scrolled{
  border-bottom-color:rgba(143,92,61,.15);
  box-shadow:0 12px 32px rgba(56,38,24,.06);
}
.nav-shell{
  max-width:var(--container);
  margin:0 auto;
  padding:18px 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.logo{
  display:flex;
  align-items:center;
  gap:14px;
}
.logo-mark{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#6f4932,#b67d58);
  color:var(--white);
  font-family:'Cormorant Garamond',serif;
  font-size:28px;
  font-weight:700;
}
.logo-wordmark{display:flex;flex-direction:column}
.logo-name{
  font-family:'Cormorant Garamond',serif;
  font-size:32px;
  line-height:1;
  font-weight:700;
}
.logo-tagline{
  color:var(--ink-soft);
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.nav-panel{
  display:flex;
  align-items:center;
  gap:28px;
}
.nav-links{
  display:flex;
  align-items:center;
  gap:22px;
}
.nav-links a,.nav-secondary,.nav-order{
  font-size:13px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.nav-links a{
  color:var(--ink-soft);
  position:relative;
}
.nav-links a::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:-4px;
  height:1px;
  background:var(--accent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .25s ease;
}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-actions{
  display:flex;
  align-items:center;
  gap:12px;
}
.nav-secondary,.nav-order,.btn-primary,.btn-secondary,.newsletter-band-button,.prod-btn,.submit-btn,.wa-link,.footer-pill{
  border-radius:999px;
  padding:14px 24px;
  border:1px solid transparent;
  cursor:pointer;
  transition:.25s ease;
}
.nav-secondary,.btn-secondary,.footer-pill{
  background:rgba(255,255,255,.65);
  border-color:rgba(143,92,61,.18);
  color:var(--ink);
}
.nav-order,.btn-primary,.newsletter-band-button,.submit-btn,.footer-pill-solid{
  background:var(--accent);
  color:var(--white);
}
.nav-secondary:hover,.btn-secondary:hover,.footer-pill:hover{
  background:#fff;
  border-color:rgba(143,92,61,.32);
}
.nav-order:hover,.btn-primary:hover,.newsletter-band-button:hover,.submit-btn:hover,.footer-pill-solid:hover{
  background:#70462f;
}
.nav-toggle{
  display:none;
  width:44px;
  height:44px;
  border:1px solid rgba(143,92,61,.18);
  border-radius:50%;
  background:#fff;
  padding:0;
}
.nav-toggle span{
  display:block;
  width:18px;
  height:2px;
  margin:4px auto;
  background:var(--ink);
}

section,
.newsletter-band,
.site-footer{
  max-width:var(--container);
  margin:0 auto;
  padding:48px 28px;
}

.hero{
  padding-top:56px;
}
.hero-shell{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:38px;
  align-items:center;
}
.hero-copy,
.hero-media-main,
.hero-note-card,
.hero-media-secondary,
.story-card,
.prod-card,
.collection-card,
.press-card,
.testi-card,
.awards-section,
.order-main,
.order-sidebar,
.newsletter-band,
.editorial-media,
.editorial-copy{
  background:rgba(255,255,255,.62);
  border:1px solid rgba(143,92,61,.12);
  box-shadow:var(--shadow);
}
.hero-copy{
  border-radius:var(--radius-lg);
  padding:48px;
}
.section-kicker{
  margin:0 0 14px;
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--accent);
  font-weight:800;
}
.hero h1,
.section-heading h2,
.editorial-copy h2,
.newsletter-band h2,
.footer-brand h2{
  margin:0;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.8rem,5vw,5rem);
  line-height:.95;
  font-weight:700;
}
.hero-text,
.section-intro,
.newsletter-band p,
.footer-brand p,
.story-card p,
.prod-desc,
.collection-card p,
.press-card p,
.testi-text,
.editorial-copy p{
  color:var(--ink-soft);
}
.hero-text{margin:20px 0 28px;max-width:58ch}
.hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:28px;
}
.hero-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.metric-card{
  padding:16px 18px;
  border-radius:var(--radius-sm);
  background:rgba(244,232,220,.72);
}
.metric-label{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ink-soft);
}
.metric-card strong{
  display:block;
  font-size:15px;
}
.hero-media{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:18px;
}
.hero-media-main,
.hero-media-secondary{
  overflow:hidden;
  border-radius:var(--radius-lg);
}
.hero-media-main img,
.hero-media-secondary img,
.collection-card img,
.editorial-media img,
.prod-img-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.hero-media-main{min-height:620px}
.hero-media-stack{
  display:grid;
  grid-template-rows:minmax(0,.88fr) minmax(0,1.12fr);
  gap:18px;
}
.hero-note-card{
  border-radius:var(--radius-lg);
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:linear-gradient(160deg,#efe0d0,#fff7f0);
}
.hero-note-card h2{
  margin:0;
  font-family:'Cormorant Garamond',serif;
  font-size:2rem;
  line-height:1.02;
}
.hero-media-secondary{min-height:290px}

.newsletter-band{
  margin-top:10px;
  border-radius:var(--radius-lg);
  padding:28px 34px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  background:linear-gradient(135deg,#f3e2d1,#fffaf6);
}
.newsletter-band h2{
  font-size:clamp(2rem,4vw,3.2rem);
  margin-bottom:6px;
}

.section-heading{
  max-width:760px;
  margin-bottom:24px;
}
.section-heading h2{font-size:clamp(2.2rem,4vw,3.8rem)}

.story-grid,
.products-grid,
.collections-grid,
.press-grid,
.testi-grid,
.awards-grid{
  display:grid;
  gap:22px;
}
.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.story-card{
  border-radius:var(--radius-md);
  padding:28px;
}
.story-index{
  display:inline-flex;
  margin-bottom:20px;
  color:var(--accent);
  font-weight:800;
  font-size:14px;
  letter-spacing:.18em;
}
.story-card h3,
.collection-card h3,
.prod-name,
.footer-column h3{
  margin:0 0 10px;
  font-family:'Cormorant Garamond',serif;
  font-size:1.95rem;
  line-height:1;
}

.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.prod-card{
  border-radius:28px;
  overflow:hidden;
}
.prod-img-wrap{
  aspect-ratio:1/1.05;
  overflow:hidden;
}
.prod-body{padding:24px}
.prod-topline{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}
.prod-tag,
.collection-label,
.press-source,
.testi-stars{
  display:inline-flex;
  border-radius:999px;
  padding:7px 12px;
  background:rgba(143,92,61,.09);
  color:var(--accent);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.prod-name{font-size:2rem}
.prod-desc{min-height:72px;margin:0 0 20px}
.prod-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.prod-price{
  display:flex;
  flex-direction:column;
}
.original{
  color:#a39082;
  text-decoration:line-through;
  font-size:14px;
}
.current{
  font-size:24px;
  font-weight:800;
}
.prod-btn{
  background:transparent;
  border-color:rgba(143,92,61,.18);
  color:var(--ink);
  padding:12px 18px;
}
.prod-btn:hover{
  background:var(--accent);
  color:var(--white);
}

.collections-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.collection-card{
  border-radius:26px;
  overflow:hidden;
}
.collection-card img{aspect-ratio:.92/.98}
.collection-card-body{padding:22px}

.editorial-section{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:24px;
  align-items:center;
}
.editorial-copy,
.editorial-media{
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.editorial-copy{padding:40px}
.editorial-copy h2{font-size:clamp(2.4rem,4vw,4rem)}
.editorial-list{
  margin:22px 0 0;
  padding-left:18px;
  color:var(--ink-soft);
}
.editorial-list li+li{margin-top:10px}
.editorial-media{min-height:470px}

.press-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.press-card,
.testi-card{
  border-radius:26px;
  padding:26px;
}
.press-card p,
.testi-text{
  margin:16px 0 0;
  font-size:17px;
}
.testi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.testi-author{
  margin-top:24px;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.testi-author span{color:var(--ink-soft);font-size:14px}

.awards-section{
  border-radius:var(--radius-lg);
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:28px;
}
.awards-intro h2{
  margin:0;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.1rem,4vw,3.4rem);
  line-height:1;
}
.awards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.award-item{
  background:rgba(244,232,220,.72);
  border-radius:22px;
  padding:24px;
}
.award-item strong{
  display:block;
  margin-bottom:8px;
  font-size:28px;
  color:var(--accent);
}

.order-section{
  padding-bottom:70px;
}
.order-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:24px;
  align-items:start;
}
.order-main,
.order-sidebar{
  border-radius:var(--radius-lg);
  padding:30px;
}
.form-section-title,
.summary-title{
  margin:0 0 16px;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--accent);
  font-weight:800;
}
.order-products,
.payment-options{
  display:grid;
  gap:14px;
  margin-bottom:24px;
}
.order-prod-item,
.pay-option,
.bkash-panel,
.order-summary-box,
.wa-note{
  border:1px solid rgba(143,92,61,.14);
  border-radius:22px;
  background:#fff;
}
.order-prod-item{
  padding:16px;
  display:grid;
  grid-template-columns:84px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
}
.order-prod-thumb{
  width:84px;
  height:84px;
  object-fit:cover;
  border-radius:16px;
}
.order-prod-name{
  font-weight:800;
  margin-bottom:4px;
}
.order-prod-price,
.pay-desc,
.products-empty-copy,
.summary-empty{
  color:var(--ink-soft);
  font-size:14px;
}
.qty-wrap{
  display:flex;
  align-items:center;
  gap:8px;
}
.qty-btn{
  width:34px;
  height:34px;
  border:1px solid rgba(143,92,61,.16);
  border-radius:50%;
  background:#fff;
  cursor:pointer;
}
.qty-input{
  width:54px;
  border:1px solid rgba(143,92,61,.16);
  border-radius:999px;
  text-align:center;
  padding:8px 10px;
  background:#fff;
}
.pay-option{
  padding:18px 20px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  cursor:pointer;
}
.pay-option.active{
  border-color:rgba(143,92,61,.35);
  box-shadow:0 14px 30px rgba(56,38,24,.08);
}
.pay-radio{
  width:22px;
  height:22px;
  border-radius:50%;
  border:1px solid rgba(143,92,61,.24);
  display:grid;
  place-items:center;
}
.pay-radio-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--accent);
  transform:scale(0);
  transition:transform .2s ease;
}
.pay-name{font-weight:800}
.pay-extra,.pay-disc{color:var(--accent);font-weight:700}
.pay-badge{
  border-radius:999px;
  padding:8px 12px;
  background:rgba(143,92,61,.09);
  color:var(--accent);
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.pay-badge-accent{
  background:#f7e1ea;
  color:#bf4a74;
}

.bkash-panel{
  padding:22px;
  margin-bottom:24px;
}
.bkash-title{font-weight:800}
.bkash-subtitle,.bkash-num-label,.bkash-instruction-text{
  color:var(--ink-soft);
  font-size:14px;
}
.bkash-number-box,.bkash-amount-box{
  padding:16px 18px;
  border-radius:18px;
  background:var(--surface);
  margin-top:14px;
}
.bkash-num-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-top:8px;
}
.bkash-num,.bkash-amount-val{font-weight:800}
.bkash-copy-btn{
  border:1px solid rgba(143,92,61,.16);
  border-radius:999px;
  background:#fff;
  padding:10px 16px;
  cursor:pointer;
}

.form-group{margin-bottom:18px}
.form-group label{
  display:block;
  margin-bottom:8px;
  font-size:14px;
  font-weight:700;
}
.form-group input,
.form-group textarea,
.form-group select{
  width:100%;
  border:1px solid rgba(143,92,61,.16);
  border-radius:18px;
  background:#fff;
  padding:14px 16px;
  color:var(--ink);
}
.form-group textarea{resize:vertical}
.form-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.order-summary-box{
  padding:24px;
}
.summary-items{
  display:grid;
  gap:10px;
  margin-bottom:14px;
}
.summary-row,
.summary-payment-row,
.summary-total-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.summary-row,
.summary-payment-row{
  padding:10px 0;
  border-bottom:1px solid rgba(143,92,61,.1);
}
.summary-total-row{
  padding:18px 0 6px;
}
.summary-total-label{font-size:14px;color:var(--ink-soft)}
.summary-total-val{font-size:30px;font-weight:800}
.payment-method-badge{
  display:inline-flex;
  padding:7px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.badge-cod{
  background:rgba(143,92,61,.09);
  color:var(--accent);
}
.badge-bkash{
  background:#f7e1ea;
  color:#bf4a74;
}
.cod-badge{
  margin:14px 0 18px;
  padding:14px 16px;
  border-radius:18px;
  background:var(--surface);
  color:var(--ink-soft);
}
.submit-btn{
  width:100%;
  border:none;
}
.wa-note{
  margin-top:18px;
  padding:22px;
}
.wa-link{
  margin-top:10px;
  display:inline-flex;
  background:transparent;
  border-color:rgba(143,92,61,.16);
  color:var(--ink);
}

.site-footer{
  padding-top:10px;
  padding-bottom:60px;
}
.footer-top{
  border-radius:var(--radius-lg);
  background:#2e221b;
  color:#f5e8dd;
  padding:36px;
  display:grid;
  grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,.72fr));
  gap:26px;
}
.footer-kicker,
.footer-column h3{
  color:#d6b79e;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:12px;
}
.footer-brand h2{
  font-size:clamp(2.2rem,4vw,3.5rem);
  margin-bottom:12px;
}
.footer-brand p,
.footer-column a,
.footer-bottom p{
  color:rgba(245,232,221,.72);
}
.footer-cta-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}
.footer-column{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.footer-column h3{
  margin:0 0 8px;
}
.footer-bottom{
  padding:18px 4px 0;
  text-align:center;
}

.newsletter-overlay{
  position:fixed;
  inset:0;
  background:rgba(35,24,19,.46);
  backdrop-filter:blur(8px);
  display:grid;
  place-items:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  transition:.25s ease;
  z-index:90;
}
.newsletter-overlay.active{
  opacity:1;
  visibility:visible;
}
.newsletter-popup{
  width:min(560px,100%);
  background:linear-gradient(180deg,#fffaf6 0%,#f3e3d3 100%);
  border-radius:32px;
  padding:34px;
  position:relative;
  box-shadow:0 35px 80px rgba(35,24,19,.18);
}
.newsletter-close{
  position:absolute;
  right:18px;
  top:18px;
  width:42px;
  height:42px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.8);
  cursor:pointer;
  font-size:28px;
  line-height:1;
}
.newsletter-icon{
  width:62px;
  height:62px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  font-size:28px;
  margin-bottom:16px;
}
.newsletter-title{
  margin:0;
  font-family:'Cormorant Garamond',serif;
  font-size:3rem;
  line-height:.95;
}
.newsletter-title em{
  font-style:normal;
  color:var(--accent);
}
.newsletter-subtitle{
  margin:14px 0 22px;
  color:var(--ink-soft);
}
.newsletter-input-wrap{
  display:grid;
  gap:12px;
}
.newsletter-input{
  width:100%;
  border:1px solid rgba(143,92,61,.16);
  border-radius:18px;
  background:#fff;
  padding:14px 16px;
}
.newsletter-submit{
  border:none;
  border-radius:999px;
  background:var(--accent);
  color:#fff;
  padding:15px 22px;
  cursor:pointer;
}
.newsletter-error{
  display:none;
  margin-top:14px;
  color:#b63e42;
}
.newsletter-error.active{display:block}
.newsletter-loading,
.newsletter-success{display:none}
.newsletter-loading.active,
.newsletter-success.active{display:block}
.newsletter-loading p{margin:12px 0 0;color:var(--ink-soft)}
.newsletter-spinner{
  width:32px;
  height:32px;
  border-radius:50%;
  border:3px solid rgba(143,92,61,.18);
  border-top-color:var(--accent);
  animation:spin .8s linear infinite;
}
.newsletter-success{
  margin-top:12px;
  padding:20px;
  border-radius:20px;
  background:rgba(255,255,255,.6);
}
.newsletter-success-title{
  margin:0 0 8px;
  font-size:22px;
}
.newsletter-success-text{margin:0;color:var(--ink-soft)}
@keyframes spin{to{transform:rotate(360deg)}}

.reveal,
.reveal-left,
.reveal-right{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .55s ease,transform .55s ease;
}
.reveal-left{transform:translateX(-24px)}
.reveal-right{transform:translateX(24px)}
.visible{
  opacity:1;
  transform:none;
}

@media (max-width: 1100px){
  .hero-shell,
  .editorial-section,
  .awards-section,
  .order-grid,
  .footer-top{
    grid-template-columns:1fr;
  }
  .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .collections-grid,
  .press-grid,
  .testi-grid,
  .story-grid,
  .awards-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 860px){
  .nav-toggle{display:block}
  .nav-panel{
    position:absolute;
    left:20px;
    right:20px;
    top:100%;
    margin-top:12px;
    padding:18px;
    border-radius:24px;
    background:#fffaf6;
    border:1px solid rgba(143,92,61,.12);
    box-shadow:var(--shadow);
    display:none;
    flex-direction:column;
    align-items:stretch;
  }
  .nav-panel.is-open{display:flex}
  .nav-links,
  .nav-actions{
    flex-direction:column;
    align-items:flex-start;
  }
  .nav-actions{width:100%}
  .nav-secondary,
  .nav-order{width:100%;text-align:center}
  .hero-shell,
  .hero-media{
    grid-template-columns:1fr;
  }
  .hero-media-main{min-height:420px}
  .newsletter-band{
    flex-direction:column;
    align-items:flex-start;
  }
  .hero-metrics,
  .form-row{
    grid-template-columns:1fr;
  }
}

@media (max-width: 640px){
  section,
  .newsletter-band,
  .site-footer{
    padding-left:18px;
    padding-right:18px;
  }
  .nav-shell{padding:16px 18px}
  .logo-name{font-size:28px}
  .hero-copy,
  .order-main,
  .order-sidebar,
  .newsletter-popup,
  .editorial-copy,
  .footer-top{
    padding:24px;
  }
  .hero h1,
  .section-heading h2,
  .newsletter-band h2,
  .editorial-copy h2,
  .footer-brand h2,
  .newsletter-title{
    font-size:2.4rem;
  }
  .products-grid,
  .collections-grid,
  .press-grid,
  .testi-grid,
  .story-grid,
  .awards-grid{
    grid-template-columns:1fr;
  }
  .order-prod-item{
    grid-template-columns:72px minmax(0,1fr);
  }
  .qty-wrap{
    grid-column:1 / -1;
    justify-content:flex-end;
  }
  .footer-top{gap:18px}
}