/* THE SHA: "The Hand-Stitched Atelier" theme.
   Bootstrap 5 does the layout; this file only sets the brand's colours, fonts and a few signature details. */
:root{
 --bs-primary:#1f2a5a;--bs-primary-rgb:31,42,90;              /* indigo: the dyed cloth */
 --bs-warning:#e0a526;--bs-warning-rgb:224,165,38;             /* turmeric: the thread */
 --bs-body-bg:#faf6ee;--bs-body-bg-rgb:250,246,238;            /* unbleached cotton */
 --bs-body-color:#2a2433;--bs-body-color-rgb:42,36,51;
 --bs-secondary-rgb:107,101,116;--bs-secondary-color:#6b6574;
 --bs-light-rgb:241,233,218;                                   /* sand */
 --bs-border-color:#e4dccb;
 --bs-link-color-rgb:184,85,58;--bs-link-hover-color-rgb:156,69,45;   /* terracotta */
 --bs-primary-bg-subtle:#e7e9f3;--bs-primary-border-subtle:#c6cbe0;--bs-primary-text-emphasis:#141b3d;--bs-focus-ring-color:rgba(224,165,38,.4);
 --bs-body-font-size:1.02rem;--bs-body-line-height:1.7;
 --bs-font-sans-serif:"DM Sans","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",sans-serif;
 --sha-serif:"Playfair Display","Noto Serif Bengali",Georgia,serif;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.display-1,.display-3,.display-4,.display-5,.display-6{font-family:var(--sha-serif);font-weight:600;letter-spacing:-.01em;line-height:1.15}
.eyebrow{font-family:var(--bs-font-sans-serif);font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.py-6{padding-block:5.5rem}
.lead{font-weight:400;line-height:1.7}

/* buttons: square like cloth, small-caps feel */
.btn{--bs-btn-border-radius:0;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:600;padding:.85rem 1.7rem;transition:background-color .25s,color .25s,border-color .25s}
.btn-sm{padding:.45rem .9rem;font-size:.72rem}
.btn-primary{--bs-btn-bg:#1f2a5a;--bs-btn-border-color:#1f2a5a;--bs-btn-hover-bg:#141b3d;--bs-btn-hover-border-color:#141b3d;--bs-btn-active-bg:#141b3d;--bs-btn-active-border-color:#141b3d}
.btn-outline-primary{--bs-btn-color:#1f2a5a;--bs-btn-border-color:#1f2a5a;--bs-btn-hover-bg:#1f2a5a;--bs-btn-hover-border-color:#1f2a5a;--bs-btn-active-bg:#1f2a5a;--bs-btn-active-border-color:#1f2a5a}
.btn-cta{--bs-btn-color:#fff;--bs-btn-bg:#b8553a;--bs-btn-border-color:#b8553a;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#9c452d;--bs-btn-hover-border-color:#9c452d;--bs-btn-active-color:#fff;--bs-btn-active-bg:#9c452d;--bs-btn-active-border-color:#9c452d;--bs-btn-focus-shadow-rgb:184,85,58;--bs-btn-disabled-color:#5d5766;--bs-btn-disabled-bg:#d8d0c0;--bs-btn-disabled-border-color:#d8d0c0}

/* signature details */
.stitch{height:2px;background:repeating-linear-gradient(90deg,#e0a526 0 10px,transparent 10px 18px)}   /* running stitch */
.stitch-v{border-left:2px dashed #e0a526}
.logo-w{filter:brightness(0) invert(1)}
.glyph{position:absolute;right:4%;bottom:-.12em;font-family:"Noto Serif Bengali",serif;font-weight:600;font-size:clamp(10rem,30vw,26rem);line-height:1;color:rgba(255,255,255,.07);pointer-events:none;user-select:none}
.numeral{font-family:var(--sha-serif);font-size:3.2rem;line-height:1;color:#b8553a}
.navbar .nav-link{letter-spacing:.14em;font-size:.72rem;font-weight:600;padding-inline:.9rem}
.navbar .nav-link.active-page{color:#1f2a5a;text-decoration:underline;text-decoration-color:#e0a526;text-decoration-thickness:2px;text-underline-offset:.55rem}

/* hero carousel */
.hero-item{min-height:min(84vh,780px);position:relative;background:#141b3d}
.hero-item>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-item::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(20,27,61,.92) 0,rgba(20,27,61,.62) 48%,rgba(20,27,61,.12) 100%)}
.hero-item .container{position:relative;z-index:2;min-height:min(84vh,780px);display:flex;align-items:center}
.hero-title{font-size:clamp(2.3rem,5.6vw,4.4rem);line-height:1.08}
@media(max-width:767px){.hero-item::before{background:rgba(20,27,61,.72)}}
.carousel-indicators [data-bs-target]{width:34px;height:3px;background:#e0a526;border:0;margin-inline:4px}

/* pieces */
.ratio-4x5{--bs-aspect-ratio:125%}
.piece .frame{overflow:hidden;background:#f1e9da}
.piece img{transition:transform .8s ease}
.piece:hover img,.piece:focus-visible img{transform:scale(1.05)}
.piece .nm{font-family:var(--sha-serif);font-size:1.25rem;font-weight:600}
.tile-cat{transition:background-color .25s,color .25s}
@media(prefers-reduced-motion:reduce){.piece img,.btn,.tile-cat{transition:none}.piece:hover img{transform:none}}
.modal-content{background:#faf6ee}
.tile-cat{background:transparent;color:inherit}
.tile-cat:hover,.tile-cat:focus-visible{background:#1f2a5a;color:#fff}
.pt-6{padding-top:5.5rem}.pb-6{padding-bottom:5.5rem}.mb-6{margin-bottom:5.5rem}
@media(min-width:768px){.stitch-v-md{border-left:2px dashed #e0a526;border-right:2px dashed #e0a526}}
.eyebrow-sm{font-size:.66rem}.glyph-lg{font-size:7rem}
.accordion{--bs-accordion-active-bg:#f1e9da;--bs-accordion-active-color:#1f2a5a;--bs-accordion-btn-focus-box-shadow:0 0 0 .2rem rgba(224,165,38,.4);--bs-accordion-border-color:#e4dccb}
.form-control:focus,.form-select:focus{border-color:#1f2a5a;box-shadow:0 0 0 .2rem rgba(224,165,38,.35)}