/* ===========================================================
   The Handloom House — shared heritage motif layer
   Drawn from the brand creatives: temple arches, zari
   dividers, mandala corners, warp threads, paper grain.
   Kept subtle on purpose — detail you feel, not clutter.
   =========================================================== */

/* ---- 1. Paper / fabric grain over the whole page ---- */
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;
  opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---- 2. Zari divider under every section title ---- */
.sec-title{position:relative}
.sec-title::after{
  content:"";display:block;width:132px;height:12px;margin:16px auto 0;opacity:.85;
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='12' viewBox='0 0 132 12'%3E%3Cg fill='none' stroke='%23B8912F' stroke-width='1'%3E%3Cline x1='4' y1='6' x2='52' y2='6'/%3E%3Cline x1='80' y1='6' x2='128' y2='6'/%3E%3Ccircle cx='66' cy='6' r='4'/%3E%3C/g%3E%3Cpath d='M66 1 l3.4 5 -3.4 5 -3.4 -5 z' fill='%23B8912F'/%3E%3Ccircle cx='4' cy='6' r='1.4' fill='%23B8912F'/%3E%3Ccircle cx='128' cy='6' r='1.4' fill='%23B8912F'/%3E%3C/svg%3E");
}

/* ---- 3. Small flourishes flanking eyebrows (uses eyebrow colour) ---- */
.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px}
.eyebrow::before,.eyebrow::after{content:"";width:22px;height:1px;background:currentColor;opacity:.5}

/* ---- 4. Temple-arch border (utility) ---- */
.hh-arch{
  height:15px;width:100%;
  background:repeat-x center/44px 15px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='15' viewBox='0 0 44 15'%3E%3Cpath d='M0 14 L0 9 Q11 -3 22 9 Q33 -3 44 9 L44 14' fill='none' stroke='%23B8912F' stroke-width='1.1'/%3E%3C/svg%3E");
  opacity:.5;
}

/* ---- 5. Warp-thread texture (utility, layered above section colour) ---- */
.hh-loom{position:relative;isolation:isolate}
.hh-loom > *{position:relative;z-index:1}
.hh-loom::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:repeating-linear-gradient(90deg,rgba(184,145,47,.09) 0 1px,transparent 1px 9px);
}

/* ---- 6. Mandala corner (utility) ---- */
.hh-mandala{position:relative;overflow:hidden}
.hh-mandala::after{
  content:"";position:absolute;top:-90px;right:-90px;width:260px;height:260px;pointer-events:none;opacity:.14;z-index:0;
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='%23B8912F' stroke-width='1.2'%3E%3Ccircle cx='130' cy='130' r='40'/%3E%3Ccircle cx='130' cy='130' r='62'/%3E%3Ccircle cx='130' cy='130' r='86'/%3E%3Ccircle cx='130' cy='130' r='110'/%3E%3C/g%3E%3Cg fill='none' stroke='%23B8912F' stroke-width='0.8'%3E%3Cg id='p'%3E%3Cpath d='M130 44 l7 12 -7 12 -7 -12 z'/%3E%3C/g%3E%3Cuse href='%23p' transform='rotate(30 130 130)'/%3E%3Cuse href='%23p' transform='rotate(60 130 130)'/%3E%3Cuse href='%23p' transform='rotate(90 130 130)'/%3E%3Cuse href='%23p' transform='rotate(120 130 130)'/%3E%3Cuse href='%23p' transform='rotate(150 130 130)'/%3E%3Cuse href='%23p' transform='rotate(180 130 130)'/%3E%3Cuse href='%23p' transform='rotate(210 130 130)'/%3E%3Cuse href='%23p' transform='rotate(240 130 130)'/%3E%3Cuse href='%23p' transform='rotate(270 130 130)'/%3E%3Cuse href='%23p' transform='rotate(300 130 130)'/%3E%3Cuse href='%23p' transform='rotate(330 130 130)'/%3E%3C/g%3E%3C/svg%3E");
}