:root {
    --paper: #faf5e9;
    --cream: #f4e8d0;
    --cream-deep: #ead8b7;
    --saffron: #c47722;
    --saffron-light: #e3a24b;
    --maroon: #5a2026;
    --maroon-deep: #381318;
    --ink: #362a21;
    --muted: #817467;
    --line: rgba(77, 54, 37, .15);
    --display: 'Libre Baskerville', Georgia, serif;
    --body: 'DM Sans', Arial, sans-serif;
    --devanagari: 'Noto Serif Devanagari', Georgia, serif;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; scroll-padding-top: 112px; }
body.site-body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--body); font-size: 15px; -webkit-font-smoothing: antialiased; }
body, button, input, textarea, select { font-family: var(--body); }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
img { display: block; max-width: 100%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.container { width: min(1240px, calc(100% - 72px)); margin-inline: auto; }

.announcement-bar { display: flex; justify-content: center; align-items: center; gap: 11px; min-height: 34px; padding: 5px 18px; color: #faecd3; background: var(--maroon); font-size: 9px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.announcement-spark { color: #e5ae5c; font-size: 12px; }
.announcement-hindi { margin-left: 14px; padding-left: 14px; color: #dfbd88; border-left: 1px solid rgba(250,236,211,.28); font-family: var(--devanagari); font-size: 11px; letter-spacing: .02em; text-transform: none; }
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(250,245,233,.96); border-bottom: 1px solid rgba(71,51,37,.11); backdrop-filter: blur(16px); transition: box-shadow .25s ease; }
.site-header.is-scrolled { box-shadow: 0 10px 35px rgba(45,27,18,.08); }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; width: min(1360px, calc(100% - 64px)); min-height: 88px; margin: 0 auto; }
.brand-lockup { display: inline-flex; align-items: center; gap: 12px; min-width: 208px; }
.brand-seal { display: grid; place-items: center; width: 45px; height: 45px; color: #a76625; border: 1px solid rgba(167,102,37,.4); border-radius: 50%; background: radial-gradient(circle, #fff8e7 0 50%, #f6e7c7 51%); box-shadow: inset 0 0 0 3px rgba(255,255,255,.42); }
.brand-seal svg { width: 29px; height: 29px; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }
.brand-name { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; white-space: nowrap; }
.brand-name strong { color: #562026; font-family: var(--devanagari); font-size: 18px; font-weight: 700; line-height: 1.25; }
.brand-name small { color: #87776a; font-size: 8px; font-weight: 700; letter-spacing: .2em; }
.primary-navigation { display: flex; align-items: center; justify-content: flex-end; gap: clamp(12px, 1.5vw, 25px); }
.primary-navigation > a, .nav-dropdown-trigger { position: relative; display: inline-flex; align-items: center; gap: 5px; padding: 12px 0; color: #61554b; font-size: 11px; font-weight: 600; white-space: nowrap; transition: color .2s ease; }
.primary-navigation > a:not(.button)::after, .nav-dropdown-trigger::after { position: absolute; right: 0; bottom: 7px; left: 0; height: 1px; content: ''; background: var(--saffron); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.primary-navigation > a:hover, .nav-dropdown-trigger:hover, .primary-navigation .is-active { color: var(--maroon); }
.primary-navigation > a:hover::after, .nav-dropdown-trigger:hover::after, .primary-navigation .is-active::after { transform: scaleX(1); }
.nav-dropdown { position: relative; }
.nav-dropdown-trigger > span { margin-top: -3px; color: #a97a42; font-size: 17px; }
.nav-dropdown-menu { position: absolute; top: 100%; left: -20px; display: grid; width: 218px; padding: 9px; background: #fffaf0; border: 1px solid rgba(88,54,32,.12); box-shadow: 0 18px 38px rgba(53,29,19,.15); opacity: 0; visibility: hidden; transform: translateY(7px); transition: opacity .2s ease, transform .2s ease, visibility .2s; }
.nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown:focus-within .nav-dropdown-menu, .nav-dropdown.is-open .nav-dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.nav-dropdown-menu a { display: flex; align-items: center; gap: 10px; min-height: 39px; padding: 0 11px; color: #56493e; font-size: 11px; border-bottom: 1px solid rgba(91,66,43,.08); transition: color .2s ease, background .2s ease; }
.nav-dropdown-menu a:last-child { border-bottom: 0; }
.nav-dropdown-menu a:hover { color: var(--maroon); background: #f7edd9; }
.nav-menu-arrow { margin-left: auto; color: #ad7839; }
.nav-scent-dot { display: inline-block; width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: var(--scent, #ae732e); box-shadow: 0 0 0 3px color-mix(in srgb, var(--scent, #ae732e) 16%, transparent); }
.scent-jasmine { --scent: #b9976a; } .scent-chandan { --scent: #b76b22; } .scent-mogra { --scent: #8d7186; } .scent-intimate { --scent: #ae6061; } .scent-amber { --scent: #986134; }
.button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-height: 54px; padding: 0 21px; border: 1px solid transparent; font-size: 11px; font-weight: 700; letter-spacing: .025em; transition: background .23s ease, color .23s ease, border .23s ease, transform .23s ease, box-shadow .23s ease; }
.button > span { display: inline-grid; place-items: center; width: 25px; height: 25px; color: inherit; border: 1px solid currentColor; border-radius: 50%; font-size: 13px; transition: transform .23s ease, background .23s ease, color .23s ease; }
.button:hover { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(67,31,22,.15); }
.button:hover > span { transform: rotate(45deg); }
.button-maroon { color: #fff9ef; background: var(--maroon); border-color: var(--maroon); }
.button-maroon:hover { background: #73313a; border-color: #73313a; }
.button-outline { color: var(--maroon); background: transparent; border-color: rgba(90,32,38,.33); }
.button-outline:hover { color: #fff9ef; background: var(--maroon); border-color: var(--maroon); }
.button-small { min-height: 40px; padding: 0 14px; gap: 10px; font-size: 10px; }
.button-small > span { width: 21px; height: 21px; }
.button-light { color: #532026; background: #fff3d9; border-color: #fff3d9; }
.button-light:hover { color: #fff6e8; background: transparent; border-color: rgba(255,246,232,.6); }
.button-soft { color: #fff5e5; background: rgba(255,255,255,.08); border-color: rgba(255,246,232,.3); }
.button-soft:hover { color: var(--maroon); background: #fff3d9; }
.nav-toggle { display: none; }

.home-hero { position: relative; overflow: hidden; min-height: 664px; background: linear-gradient(110deg, #fbf5e9 0%, #f7ecd8 54%, #edddc0 100%); }
.hero-pattern, .page-hero-pattern { position: absolute; top: -240px; right: -110px; width: 610px; height: 610px; color: rgba(159,107,47,.1); border: 1px solid rgba(159,107,47,.15); border-radius: 50%; font-family: var(--display); font-size: 260px; line-height: 610px; text-align: center; pointer-events: none; }
.hero-pattern::before, .hero-pattern::after, .page-hero-pattern::before, .page-hero-pattern::after { position: absolute; inset: 45px; content: ''; border: 1px solid rgba(159,107,47,.11); border-radius: 50%; }
.hero-pattern::after, .page-hero-pattern::after { inset: 91px; }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .95fr) minmax(410px, 1.05fr); align-items: center; gap: clamp(45px, 9vw, 145px); min-height: 600px; padding-top: 46px; padding-bottom: 72px; }
.hero-copy { position: relative; padding: 8px 0 0; animation: hero-rise .8s .05s both; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 20px; color: #956026; font-size: 9px; font-weight: 700; letter-spacing: .19em; line-height: 1.5; }
.eyebrow-mark { color: #c1792a; font-size: 14px; }
.hero-copy h1, .page-hero h1, .fragrance-hero h1 { margin: 0; color: #432520; font-family: var(--display); font-size: clamp(50px, 6vw, 78px); font-weight: 400; letter-spacing: -.075em; line-height: 1.14; }
.hero-copy h1 em, .page-hero h1 em, .fragrance-hero h1 em, .section-heading h2 em, .story-content h2 em, .business-band h2 em, .closing-cta h2 em, .about-story h2 em, .faq-aside h2 em, .contact-aside h2 em { color: #ae6427; font-weight: 400; }
.hero-lead { max-width: 455px; margin: 22px 0 29px; color: #79685a; font-size: 14px; line-height: 1.9; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-footnote { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; margin-top: 46px; color: #9a8875; font-size: 8px; font-weight: 700; letter-spacing: .17em; }
.hero-footnote b { color: #bd792d; }
.footnote-rule { display: inline-block; width: 33px; height: 1px; background: #a77642; }
.footnote-devanagari { margin-left: 5px; color: #a6784c; font-family: var(--devanagari); font-size: 10px; letter-spacing: .02em; }
.hero-visual { position: relative; width: 100%; max-width: 548px; margin-left: auto; padding: 20px 20px 18px; border: 1px solid rgba(107,68,34,.27); background: rgba(255,249,238,.55); box-shadow: 0 26px 80px rgba(93,52,22,.13), inset 0 0 0 5px rgba(255,255,255,.2); animation: hero-rise .85s .14s both; }
.hero-visual::before, .hero-visual::after { position: absolute; width: 45px; height: 45px; content: ''; border-color: #b9854c; opacity: .7; }
.hero-visual::before { top: 7px; left: 7px; border-top: 1px solid; border-left: 1px solid; }
.hero-visual::after { right: 7px; bottom: 7px; border-right: 1px solid; border-bottom: 1px solid; }
.hero-visual-top, .hero-visual-bottom { position: relative; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #8c6b4b; font-size: 8px; font-weight: 700; letter-spacing: .15em; }
.hero-visual-top { padding: 3px 5px 15px; border-bottom: 1px solid rgba(102,71,45,.13); }
.hero-visual-top > span:first-child { display: flex; align-items: center; gap: 8px; }
.hero-visual-top i { width: 6px; height: 6px; border-radius: 50%; background: #ba772c; box-shadow: 0 0 0 4px rgba(186,119,44,.13); }
.hero-count { color: #b4a08a; font-variant-numeric: tabular-nums; }
.hero-count b { color: var(--maroon); }
.fragrance-carousel { position: relative; height: clamp(340px, 40vw, 450px); overflow: hidden; background: radial-gradient(circle at 50% 44%, #fff7e9, #efdcb9 72%, #e6d0a9); }
.fragrance-slide { position: absolute; inset: 0; overflow: hidden; opacity: 0; visibility: hidden; transform: translateX(22px) scale(.99); transition: opacity .55s ease, transform .65s cubic-bezier(.2,.8,.2,1), visibility .55s; }
.fragrance-slide.is-active { z-index: 1; opacity: 1; visibility: visible; transform: translateX(0) scale(1); }
.hero-product-link { position: absolute; inset: 0; display: grid; place-items: center; }
.hero-art { position: absolute; inset: 0; background: transparent !important; }
.hero-art .art-placeholder { inset: 0; background: transparent !important; }
.hero-art .art-pack { width: 38%; height: 62%; top: 19%; }
.hero-art .art-topline, .hero-art .art-caption { z-index: 2; }
.hero-slide-label { position: absolute; bottom: 17px; left: 17px; z-index: 3; display: grid; gap: 5px; min-width: 132px; padding: 13px 16px; background: rgba(255,249,238,.91); border-left: 2px solid #b77937; box-shadow: 0 6px 20px rgba(65,38,19,.08); }
.hero-slide-label span { color: #9b7b59; font-size: 7px; font-weight: 700; letter-spacing: .15em; }
.hero-slide-label strong { color: #4b2922; font-family: var(--display); font-size: 17px; font-weight: 400; }
.hero-smoke { position: absolute; top: 11%; left: 52%; width: 100px; height: 180px; pointer-events: none; }
.hero-smoke i { position: absolute; bottom: 0; left: 50%; width: 34px; height: 112px; border: 1px solid rgba(255,255,255,.66); border-right-color: transparent; border-bottom-color: transparent; border-radius: 50%; filter: blur(2px); transform: rotate(-25deg); animation: smoke-wisp 5s ease-in-out infinite; }
.hero-smoke i:nth-child(2) { left: 27%; bottom: 12px; height: 142px; transform: rotate(24deg); animation-delay: -1.8s; }
.hero-smoke i:nth-child(3) { left: 62%; bottom: 5px; height: 92px; transform: rotate(12deg); animation-delay: -3.3s; }
.hero-visual-bottom { padding: 14px 4px 0; border-top: 1px solid rgba(102,71,45,.13); }
.carousel-caption { max-width: 58%; color: #886d51; font-family: var(--display); font-size: 11px; font-style: italic; font-weight: 400; letter-spacing: 0; }
.carousel-controls { display: flex; align-items: center; gap: 12px; }
.carousel-controls > button { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; color: #654137; border: 1px solid rgba(87,53,38,.28); border-radius: 50%; background: transparent; transition: color .2s ease, background .2s ease, transform .2s ease; }
.carousel-controls > button:hover { color: #fff; background: var(--maroon); transform: scale(1.07); }
.carousel-dots { display: flex; gap: 5px; }
.carousel-dots button { width: 5px; height: 5px; padding: 0; border: 0; border-radius: 50%; background: #c5aa84; transition: background .2s ease, width .2s ease; }
.carousel-dots button.is-active { width: 17px; border-radius: 5px; background: #8c482c; }
.hero-corner-note { position: absolute; top: 50%; right: -37px; color: #9f7f5c; font-size: 7px; font-weight: 700; letter-spacing: .16em; writing-mode: vertical-rl; transform: translateY(-50%); }
.hero-corner-note b { margin: 9px 0; color: #c1792a; }
.hero-scroll { position: absolute; bottom: 18px; left: max(36px, calc((100vw - 1240px) / 2)); display: flex; align-items: center; gap: 9px; color: #a3917c; font-size: 7px; font-weight: 700; letter-spacing: .2em; }
.hero-scroll span { position: relative; width: 27px; height: 1px; background: #af895d; }
.hero-scroll span::after { position: absolute; top: -3px; right: 0; width: 7px; height: 7px; content: ''; border-right: 1px solid #af895d; border-bottom: 1px solid #af895d; transform: rotate(-45deg); }
.ritual-ribbon { overflow: hidden; color: #f6dfb7; background: #763b2e; border-top: 1px solid rgba(255,243,220,.17); border-bottom: 1px solid rgba(255,243,220,.17); }
.ritual-ribbon-track { display: flex; align-items: center; justify-content: space-around; gap: 37px; width: max-content; min-width: 100%; padding: 17px max(30px, calc((100vw - 1240px) / 2)); animation: ribbon-drift 34s linear infinite; }
.ritual-ribbon-track span { white-space: nowrap; font-size: 8px; font-weight: 700; letter-spacing: .2em; }
.ritual-ribbon-track i { color: #dfaa60; font-size: 13px; font-style: normal; }

.section { padding: 108px 0; }
.section-heading { margin-bottom: 45px; }
.section-heading-split { display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; }
.section-heading .eyebrow { margin-bottom: 15px; }
.section-heading h2, .story-content h2, .business-band h2, .closing-cta h2, .about-story h2, .faq-aside h2, .contact-aside h2 { margin: 0; color: #462823; font-family: var(--display); font-size: clamp(36px, 4.3vw, 56px); font-weight: 400; letter-spacing: -.065em; line-height: 1.28; }
.section-heading-aside { max-width: 360px; padding-bottom: 5px; }
.section-heading-aside p { margin: 0 0 17px; color: #7c6c5d; font-size: 12px; line-height: 1.8; }
.text-link { display: inline-flex; align-items: center; gap: 12px; padding-bottom: 5px; color: var(--maroon); border-bottom: 1px solid rgba(90,32,38,.35); font-size: 10px; font-weight: 700; transition: gap .2s ease, color .2s ease, border .2s ease; }
.text-link:hover { gap: 17px; color: #a3662c; border-color: #a3662c; }
.text-link span { font-size: 15px; }
.section-fragrances { padding-bottom: 102px; }
.fragrance-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.fragrance-tile { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: 333px; overflow: hidden; padding: 19px 20px 18px; border: 1px solid rgba(102,72,46,.11); isolation: isolate; transition: transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s ease; }
.fragrance-tile:hover { z-index: 1; transform: translateY(-8px); box-shadow: 0 16px 30px rgba(51,29,15,.13); }
.tile-jasmine { background: linear-gradient(160deg,#efe4d2,#d8c4a6); --tile-ink: #473a31; }
.tile-chandan { background: linear-gradient(155deg,#f3d39f,#dca55f); --tile-ink: #52281e; }
.tile-mogra { background: linear-gradient(155deg,#e9deea,#c8aebd); --tile-ink: #443344; }
.tile-intimate { background: linear-gradient(150deg,#eed8ce,#d3a38f); --tile-ink: #4b2d31; }
.tile-amber { background: linear-gradient(155deg,#e5c79b,#b58b5b); --tile-ink: #432a20; }
.tile-index { position: relative; z-index: 2; color: rgba(58,42,31,.62); font-size: 8px; font-weight: 700; letter-spacing: .16em; }
.tile-motif { position: absolute; top: 42px; left: 50%; color: rgba(255,252,238,.57); font-size: 123px; line-height: 1; transform: translateX(-50%); transition: transform .7s ease; }
.fragrance-tile:hover .tile-motif { transform: translateX(-50%) rotate(42deg) scale(1.05); }
.tile-art { position: absolute; inset: 47px 0 75px; display: grid; place-items: center; }
.tile-product-art { position: absolute; inset: 0; background: transparent !important; }
.tile-product-art .art-placeholder { inset: 0; background: transparent !important; }
.tile-product-art .art-pack { top: 6%; height: 88%; width: 43%; box-shadow: 0 12px 22px rgba(43,24,14,.23); }
.tile-product-art .art-topline, .tile-product-art .art-caption { display: none; }
.tile-product-art .art-motif-one { top: 0; font-size: 70px; }
.tile-copy { position: relative; z-index: 2; display: grid; gap: 6px; margin-top: auto; color: var(--tile-ink); }
.tile-copy small { color: color-mix(in srgb, var(--tile-ink) 70%, transparent); font-size: 8px; font-weight: 600; letter-spacing: .04em; }
.tile-copy strong { font-family: var(--display); font-size: 22px; font-weight: 400; letter-spacing: -.06em; }
.tile-link { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; padding-top: 10px; border-top: 1px solid color-mix(in srgb, var(--tile-ink) 23%, transparent); font-size: 9px; font-weight: 600; }
.tile-link i { font-size: 15px; font-style: normal; transition: transform .23s ease; }
.fragrance-tile:hover .tile-link i { transform: translate(3px,-2px); }
.section-featured { padding-top: 94px; background: #f5ecdc; }
.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 21px; }
.product-card { min-width: 0; background: #fbf7ef; transition: transform .28s ease, box-shadow .28s ease; }
.product-card:hover { transform: translateY(-6px); box-shadow: 0 14px 34px rgba(58,34,18,.11); }
.product-card-image { position: relative; display: block; overflow: hidden; background: #ecd9b7; }
.product-card-image > .product-art { aspect-ratio: .94; }
.product-card-open { position: absolute; right: 12px; bottom: 12px; z-index: 4; display: grid; place-items: center; width: 31px; height: 31px; color: #fff9ef; border: 1px solid rgba(255,249,239,.6); border-radius: 50%; background: rgba(79,37,27,.7); opacity: 0; transform: translate(-3px, 4px); transition: opacity .24s ease, transform .24s ease; }
.product-card:hover .product-card-open { opacity: 1; transform: translate(0); }
.product-card-copy { padding: 18px 17px 19px; }
.product-card-kicker { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #9c6a31; font-size: 8px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.product-card-index { color: #b4a28d; font-variant-numeric: tabular-nums; }
.product-card h3 { margin: 10px 0 6px; color: #492923; font-family: var(--display); font-size: 17px; font-weight: 400; letter-spacing: -.04em; line-height: 1.45; }
.product-card h3 a:hover { color: #9b5828; }
.product-card-copy > p { min-height: 37px; margin: 0 0 17px; color: #7f7061; font-size: 10px; line-height: 1.75; }
.product-card-copy .text-link { font-size: 9px; }
.empty-catalogue { display: grid; justify-items: center; max-width: 560px; margin: 20px auto 0; padding: 52px 30px; text-align: center; border: 1px solid var(--line); background: rgba(255,255,255,.28); }
.empty-catalogue > span { color: #b87732; font-size: 27px; }
.empty-catalogue h2 { margin: 11px 0; color: #492923; font-family: var(--display); font-size: 27px; font-weight: 400; }
.empty-catalogue p { margin: 0 0 19px; color: #7f7061; font-size: 12px; line-height: 1.8; }
.pagination-wrap { display: flex; justify-content: center; margin-top: 38px; }
.pagination-wrap nav > div:first-child { display: none; }
.pagination-wrap nav > div:last-child > span, .pagination-wrap nav > div:last-child > a { display: inline-flex; align-items: center; justify-content: center; min-width: 37px; height: 37px; margin: 0 3px; padding: 0 10px; border: 1px solid var(--line); font-size: 11px; }
.pagination-wrap nav > div:last-child > span[aria-current] { color: #fff; background: var(--maroon); }
.story-band { position: relative; overflow: hidden; min-height: 482px; padding: 92px 0; color: #fff2df; background: radial-gradient(ellipse at 88% 15%, rgba(194,122,46,.28), transparent 34%), linear-gradient(115deg, #542229, #3b171d 77%); }
.story-band::before { position: absolute; inset: 0; content: ''; opacity: .2; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23e9c47d' stroke-opacity='.45'%3E%3Ccircle cx='60' cy='60' r='28'/%3E%3Ccircle cx='60' cy='60' r='42'/%3E%3Cpath d='M60 2v116M2 60h116M19 19l82 82m0-82L19 101'/%3E%3C/g%3E%3C/svg%3E"); background-size: 190px; mask-image: linear-gradient(90deg, transparent, #000 100%); }
.story-content { position: relative; z-index: 2; max-width: 780px; }
.eyebrow-light { color: #e2bd87; }
.eyebrow-light .eyebrow-mark { color: #e7b05f; }
.story-content h2, .business-band h2 { color: #fff2df; font-size: clamp(39px, 4.6vw, 61px); }
.story-content h2 em, .business-band h2 em { color: #e0af6c; }
.story-content > p:not(.eyebrow), .business-band-inner > div:first-child > p:not(.eyebrow) { max-width: 490px; margin: 18px 0 24px; color: rgba(255,241,219,.73); font-size: 12px; line-height: 1.9; }
.story-signature { display: block; margin-top: 31px; color: #d6ac74; font-family: var(--devanagari); font-size: 13px; }
.story-decoration { position: absolute; top: 50%; right: 6.5%; display: grid; place-items: center; width: 325px; height: 325px; border: 1px solid rgba(229,186,119,.33); border-radius: 50%; transform: translateY(-50%); }
.story-decoration::before, .story-decoration::after { position: absolute; inset: 21px; content: ''; border: 1px solid rgba(229,186,119,.3); border-radius: 50%; }
.story-decoration::after { inset: 44px; }
.story-decoration span { color: rgba(232,192,135,.72); font-family: var(--devanagari); font-size: 91px; }
.story-decoration i, .story-decoration b { position: absolute; color: rgba(232,192,135,.6); font-size: 25px; font-style: normal; }
.story-decoration i { top: 57px; right: 61px; }.story-decoration b { bottom: 55px; left: 57px; }
.section-values { padding-top: 91px; padding-bottom: 100px; }
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.value-card { position: relative; min-height: 190px; padding: 27px 26px 23px; border-top: 1px solid rgba(106,73,44,.31); background: linear-gradient(145deg, rgba(255,255,255,.42), transparent); }
.value-icon { color: #b17c3c; font-size: 8px; font-weight: 700; letter-spacing: .2em; }
.value-card h3 { margin: 18px 0 9px; color: #4b2c25; font-family: var(--display); font-size: 18px; font-weight: 400; }
.value-card p { max-width: 290px; margin: 0; color: #7e7063; font-size: 11px; line-height: 1.8; }
.business-band { padding: 82px 0; color: #fff3e1; background: linear-gradient(120deg, #8b542a, #704022 72%, #55251f); }
.business-band-inner { display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.business-band h2 { font-size: clamp(35px, 4vw, 52px); }
.business-band-inner > div:first-child > p:not(.eyebrow) { max-width: 600px; margin-bottom: 0; }
.business-actions { display: grid; justify-items: stretch; gap: 12px; min-width: 225px; }
.closing-cta { position: relative; overflow: hidden; padding: 94px 0 100px; text-align: center; background: #f2e7d3; }
.closing-cta::before, .closing-cta::after { position: absolute; top: 50%; width: 180px; height: 180px; content: '✺'; color: rgba(159,107,47,.16); font-size: 154px; transform: translateY(-50%); }
.closing-cta::before { left: 7%; }.closing-cta::after { right: 7%; }
.closing-cta-inner { position: relative; z-index: 1; }
.closing-flower { display: inline-block; margin-bottom: 11px; color: #b77830; font-size: 23px; animation: flower-turn 24s linear infinite; }
.closing-cta .eyebrow { justify-content: center; margin-bottom: 15px; }
.closing-cta h2 { font-size: clamp(40px, 4.7vw, 59px); }
.closing-cta .button { margin-top: 22px; }

.product-art { position: relative; overflow: hidden; width: 100%; height: 100%; isolation: isolate; }
.art-jasmine { --art-light: #ddc8a7; --art-mid: #b9976a; --art-dark: #624a37; --art-accent: #f4e5c9; --art-edge: #97734c; background: radial-gradient(circle at 53% 31%, #fff5dd, #d9c2a0 72%, #c7a77f); }
.art-chandan { --art-light: #f1d18e; --art-mid: #c8782d; --art-dark: #692d1e; --art-accent: #fff0bd; --art-edge: #a54c20; background: radial-gradient(circle at 48% 30%, #fff4ca, #e5ae5b 66%, #c67732); }
.art-mogra { --art-light: #e3d0dc; --art-mid: #9d7d93; --art-dark: #483447; --art-accent: #f8ebf6; --art-edge: #795d76; background: radial-gradient(circle at 48% 30%, #fff0f8, #d7c0d3 68%, #b999b1); }
.art-intimate { --art-light: #efd0c2; --art-mid: #b5665a; --art-dark: #512832; --art-accent: #fff0dc; --art-edge: #93504b; background: radial-gradient(circle at 48% 30%, #fff0df, #d9a995 68%, #b77969); }
.art-amber { --art-light: #e4c696; --art-mid: #a76631; --art-dark: #45271b; --art-accent: #ffe9b8; --art-edge: #835024; background: radial-gradient(circle at 48% 30%, #fff1c8, #d8ae6f 65%, #b88447); }
.art-placeholder { position: absolute; inset: 0; overflow: hidden; background: radial-gradient(ellipse at 50% 54%, rgba(255,248,223,.33), transparent 58%); }
.art-placeholder::before { position: absolute; top: 15%; left: 50%; width: 74%; aspect-ratio: 1; content: ''; border: 1px solid rgba(255,250,226,.35); border-radius: 50%; transform: translateX(-50%); box-shadow: 0 0 0 17px rgba(255,250,226,.06), 0 0 0 37px rgba(255,250,226,.045); }
.art-placeholder::after { position: absolute; right: -15%; bottom: -25%; left: -15%; height: 49%; content: ''; background: linear-gradient(170deg, transparent 7%, rgba(79,43,26,.12) 10%, rgba(67,37,25,.25) 62%, rgba(49,25,19,.42)); clip-path: polygon(0 29%, 15% 10%, 29% 27%, 42% 0, 59% 22%, 75% 3%, 100% 28%, 100% 100%, 0 100%); }
.art-topline { position: absolute; top: 9%; left: 0; z-index: 1; width: 100%; color: rgba(69,42,29,.7); font-family: var(--display); font-size: clamp(7px, .8vw, 10px); letter-spacing: .18em; text-align: center; }
.art-motif { position: absolute; z-index: 1; color: rgba(255,246,217,.42); font-size: clamp(55px, 7vw, 105px); line-height: 1; }
.art-motif-one { top: 14%; right: 10%; animation: flower-breathe 6s ease-in-out infinite; }
.art-motif-two { bottom: 19%; left: 9%; font-size: clamp(29px, 4vw, 55px); opacity: .65; }
.art-pack { position: absolute; top: 17%; left: 50%; z-index: 2; display: flex; align-items: center; flex-direction: column; justify-content: center; width: 47%; height: 68%; padding: 14px 9px; overflow: hidden; color: var(--art-dark); border: 1px solid rgba(255,247,215,.8); outline: 4px solid rgba(255,243,204,.28); background: linear-gradient(137deg, var(--art-accent), var(--art-light) 45%, var(--art-mid)); box-shadow: 8px 16px 27px rgba(48,27,18,.3), inset 0 0 25px rgba(255,255,255,.32); text-align: center; transform: translateX(-50%) rotate(-2deg); transition: transform .4s ease, box-shadow .4s ease; }
.product-card:hover .art-pack { transform: translateX(-50%) translateY(-5px) rotate(0); box-shadow: 10px 21px 32px rgba(48,27,18,.33), inset 0 0 25px rgba(255,255,255,.32); }
.art-pack::before { position: absolute; inset: 7px; content: ''; border: 1px solid rgba(91,47,27,.43); pointer-events: none; }
.art-pack-mark { display: grid; place-items: center; width: clamp(20px, 3vw, 34px); height: clamp(20px, 3vw, 34px); margin-bottom: 5px; color: #fff0c3; border: 1px solid rgba(255,241,194,.74); border-radius: 50%; background: #6b2923; font-family: var(--devanagari); font-size: clamp(9px, 1.3vw, 16px); }
.art-pack > b { color: #6b2821; font-family: var(--devanagari); font-size: clamp(11px, 1.5vw, 19px); font-weight: 700; line-height: 1.2; }
.art-pack-rule { width: 69%; height: 1px; margin: 6px 0; background: rgba(89,47,27,.65); }
.art-pack > strong { color: #61291e; font-family: var(--display); font-size: clamp(10px, 1.3vw, 17px); line-height: 1.35; }
.art-pack > small { margin-top: 3px; color: #683623; font-size: clamp(5px, .59vw, 8px); font-weight: 700; letter-spacing: .09em; }
.art-pack-lotus { margin-top: auto; color: rgba(113,51,31,.63); font-size: clamp(18px, 3vw, 36px); }
.art-caption { position: absolute; bottom: 8%; left: 0; z-index: 1; width: 100%; color: rgba(255,244,216,.9); font-size: 7px; font-weight: 700; letter-spacing: .2em; text-align: center; }
.product-art img { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; object-fit: cover; }
.art-grain { position: absolute; inset: 0; z-index: 4; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E"); opacity: .14; mix-blend-mode: soft-light; pointer-events: none; }

.page-hero { position: relative; overflow: hidden; min-height: 370px; padding: 84px 0 61px; isolation: isolate; }
.page-hero-cream { background: linear-gradient(110deg, #fbf5e9, #eee0c5); }
.page-hero-maroon { color: #fff0dc; background: linear-gradient(115deg, #5c2629, #3a171d); }
.page-hero .page-hero-pattern { top: -302px; right: -89px; z-index: -1; color: rgba(161,112,54,.1); }
.page-hero-maroon .page-hero-pattern { color: rgba(242,205,142,.13); }
.page-hero-inner { position: relative; z-index: 1; }
.page-hero h1 { font-size: clamp(45px, 6vw, 72px); }
.page-hero p:not(.eyebrow) { max-width: 490px; margin: 17px 0 0; color: #7d6a57; font-size: 13px; line-height: 1.85; }
.page-hero-maroon h1 { color: #fff1df; }.page-hero-maroon h1 em { color: #dfaf70; }.page-hero-maroon p:not(.eyebrow) { color: rgba(255,239,214,.72); }
.breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-top: 24px; color: #9b856c; font-size: 9px; }
.breadcrumbs a:hover { color: var(--maroon); }.breadcrumbs > span:nth-child(2n) { color: #be8035; }
.breadcrumbs-light { color: rgba(255,231,198,.62); }.breadcrumbs-light a:hover { color: #fff; }
.catalogue-section { padding-top: 48px; }
.catalogue-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 28px; padding-bottom: 17px; border-bottom: 1px solid var(--line); }
.filter-chips { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.filter-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 12px; color: #756456; border: 1px solid rgba(90,64,40,.17); border-radius: 30px; font-size: 9px; font-weight: 600; transition: color .2s ease, background .2s ease, border .2s ease; }
.filter-chip:hover, .filter-chip.is-active { color: #fff4e3; border-color: var(--maroon); background: var(--maroon); }
.catalogue-count { flex: 0 0 auto; color: #958371; font-size: 9px; }
.fragrance-hero { position: relative; overflow: hidden; padding: 62px 0; background: linear-gradient(110deg, #f5e7cf, #e7cfab); }
.fragrance-hero.fragrance-jasmine { background: linear-gradient(110deg,#f3ebde,#d8c3a3); }.fragrance-hero.fragrance-chandan { background: linear-gradient(110deg,#f5e4c2,#e5ba75); }.fragrance-hero.fragrance-mogra { background: linear-gradient(110deg,#f0e8ef,#cfb4ca); }.fragrance-hero.fragrance-intimate { background: linear-gradient(110deg,#f4e5dc,#d9afa0); }.fragrance-hero.fragrance-amber { background: linear-gradient(110deg,#f0dfc2,#d2ab73); }
.fragrance-hero-grid { display: grid; grid-template-columns: 1fr 340px; align-items: center; gap: 40px; min-height: 330px; }
.fragrance-hero-copy { position: relative; z-index: 2; }
.fragrance-hero-copy .breadcrumbs { margin-top: 0; margin-bottom: 33px; }
.fragrance-hero h1 { font-size: clamp(42px, 5vw, 63px); }
.fragrance-hero-copy > p:not(.eyebrow) { max-width: 510px; margin: 15px 0 21px; color: #786653; font-size: 12px; line-height: 1.9; }
.fragrance-hindi { display: block; margin-top: 17px; color: #94764f; font-family: var(--devanagari); font-size: 11px; }
.fragrance-hero-seal { position: relative; display: grid; place-items: center; width: 290px; height: 290px; margin-inline: auto; color: rgba(92,54,39,.73); border: 1px solid rgba(102,67,40,.35); border-radius: 50%; }
.seal-orbit { position: absolute; inset: 13px; border: 1px solid rgba(102,67,40,.3); border-radius: 50%; }
.seal-orbit-two { inset: 31px; border-style: dotted; animation: flower-turn 70s linear infinite reverse; }
.seal-flower { color: rgba(144,85,41,.8); font-size: 108px; animation: flower-turn 50s linear infinite; }
.seal-label { position: absolute; display: grid; justify-items: center; gap: 6px; width: 160px; padding: 15px 5px; color: #4a2921; background: rgba(248,239,222,.75); font-family: var(--display); font-size: 15px; text-align: center; }
.seal-label small { color: #987447; font-family: var(--body); font-size: 7px; font-weight: 700; letter-spacing: .14em; }
.product-detail-page { background: #faf5e9; }
.product-breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; padding-top: 24px; color: #927e67; font-size: 9px; }
.product-breadcrumbs a:hover { color: var(--maroon); }
.product-detail-grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: clamp(45px, 8vw, 110px); padding-top: 36px; padding-bottom: 88px; }
.product-detail-image { position: relative; min-height: 550px; overflow: hidden; background: #ead6b3; }
.product-main-art .art-placeholder::before { width: 70%; }.product-main-art .art-pack { width: 43%; height: 69%; }.product-main-art .art-pack-mark { width: 34px; height: 34px; font-size: 16px; }.product-main-art .art-pack > b { font-size: 25px; }.product-main-art .art-pack > strong { font-size: 23px; }
.product-image-index, .product-image-note { position: absolute; z-index: 5; display: flex; align-items: center; gap: 7px; color: rgba(89,56,34,.69); font-size: 8px; font-weight: 700; letter-spacing: .15em; }
.product-image-index { top: 17px; left: 18px; }.product-image-index i { color: #ad8157; font-style: normal; }
.product-image-note { right: 17px; bottom: 17px; color: rgba(255,245,222,.84); font-size: 7px; }
.product-detail-copy { align-self: center; padding: 10px 0; }
.product-detail-copy .breadcrumbs { margin-top: 0; margin-bottom: 29px; }
.product-detail-copy .eyebrow { margin-bottom: 12px; }
.product-detail-copy h1 { margin: 0; color: #472720; font-family: var(--display); font-size: clamp(35px, 4vw, 52px); font-weight: 400; letter-spacing: -.07em; line-height: 1.28; }
.product-detail-intro { margin: 12px 0 19px; color: #947349; font-family: var(--display); font-size: 14px; font-style: italic; line-height: 1.8; }
.product-detail-divider { width: 54px; height: 1px; margin: 19px 0; background: #bf884b; }
.product-description { color: #77685a; font-size: 12px; line-height: 1.95; }
.product-detail-tags { display: flex; flex-wrap: wrap; gap: 9px; margin: 23px 0 24px; }
.product-detail-tags span { padding: 8px 11px; color: #82633f; border: 1px solid rgba(126,88,48,.2); border-radius: 30px; font-size: 8px; font-weight: 600; }
.product-detail-tags i { margin-right: 4px; color: #b8732c; font-size: 9px; font-style: normal; }
.button-order { min-width: 222px; }
.whatsapp-note { margin: 10px 0 0; color: #9a8876; font-size: 9px; }
.product-detail-help { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 32px; padding-top: 18px; border-top: 1px solid var(--line); color: #968674; font-size: 9px; }
.product-detail-help a { color: var(--maroon); font-weight: 700; }
.product-detail-help a span { padding-left: 6px; }
.related-products { padding-top: 79px; background: #f3ead9; }

.about-hero-flower { position: absolute; right: max(8%, calc((100vw - 1240px) / 2)); bottom: -94px; color: rgba(238,201,144,.22); font-size: 470px; line-height: 1; }
.about-story { padding-top: 111px; padding-bottom: 105px; }
.about-story-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 100px; }
.about-story-mark { position: relative; display: grid; align-content: center; justify-items: center; width: min(100%, 370px); aspect-ratio: 1; margin: 0 auto; color: #682722; border: 1px solid rgba(153,102,47,.46); border-radius: 50%; background: radial-gradient(circle, #f3dfbb 0 58%, transparent 59%), radial-gradient(circle, #f5ead3 0 69%, #ead7b4 70%); box-shadow: inset 0 0 0 12px rgba(255,255,255,.19); }
.about-story-mark::before, .about-story-mark::after { position: absolute; inset: 18px; content: ''; border: 1px solid rgba(153,102,47,.38); border-radius: 50%; }
.about-story-mark::after { inset: 31px; border-style: dotted; }
.about-story-mark span { font-family: var(--devanagari); font-size: 35px; }.about-story-mark strong { font-family: var(--devanagari); font-size: 34px; }.about-story-mark i { margin-top: 12px; color: #b27732; font-size: 24px; font-style: normal; }
.about-story-copy h2 { margin-bottom: 17px; }
.about-story-copy > p:not(.eyebrow) { max-width: 580px; color: #78695a; font-size: 12px; line-height: 1.95; }
.about-story-copy .button { margin-top: 13px; }
.about-fragrances { padding: 89px 0; color: #fff0dc; background: linear-gradient(115deg, #592128, #39171c); }
.about-fragrance-inner { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: 80px; }
.about-fragrance-inner h2 { margin: 0; font-family: var(--display); font-size: clamp(39px,4vw,54px); font-weight: 400; letter-spacing: -.06em; line-height: 1.3; }
.about-fragrance-inner h2 em { color: #dcad6f; font-weight: 400; }
.about-fragrance-list { border-top: 1px solid rgba(255,239,214,.24); }
.about-fragrance-list a { display: grid; grid-template-columns: 42px 1fr 20px; align-items: center; gap: 13px; min-height: 51px; border-bottom: 1px solid rgba(255,239,214,.22); transition: padding .2s ease, color .2s ease; }
.about-fragrance-list a:hover { padding-inline: 7px; color: #ebbf81; }
.about-fragrance-list a span { color: #cf9d5e; font-size: 8px; letter-spacing: .13em; }
.about-fragrance-list a strong { font-family: var(--display); font-size: 15px; font-weight: 400; }
.about-fragrance-list a i { color: #cf9d5e; font-size: 14px; font-style: normal; }

.faq-section { padding-top: 78px; }
.faq-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 95px; }
.faq-aside { position: relative; align-self: start; padding: 14px 0; }
.faq-aside h2, .contact-aside h2 { font-size: clamp(34px, 3.6vw, 46px); }
.faq-aside > p:not(.eyebrow), .contact-aside > p:not(.eyebrow) { max-width: 340px; margin: 13px 0 19px; color: #7e6d5c; font-size: 11px; line-height: 1.9; }
.faq-aside-flower { position: absolute; bottom: -105px; left: -25px; z-index: -1; color: rgba(173,119,53,.15); font-size: 240px; }
.faq-list { border-top: 1px solid var(--line); }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item summary { display: grid; grid-template-columns: 35px 1fr 22px; align-items: center; gap: 14px; min-height: 75px; cursor: pointer; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-number { color: #b77d3b; font-size: 8px; font-weight: 700; letter-spacing: .1em; }
.faq-item summary strong { color: #503028; font-family: var(--display); font-size: 14px; font-weight: 400; line-height: 1.5; }
.faq-item summary > i { position: relative; width: 20px; height: 20px; border: 1px solid rgba(114,80,51,.35); border-radius: 50%; }
.faq-item summary > i::before, .faq-item summary > i::after { position: absolute; top: 9px; left: 5px; width: 8px; height: 1px; content: ''; background: #89592c; transition: transform .2s ease; }
.faq-item summary > i::after { transform: rotate(90deg); }
.faq-item[open] summary > i::after { transform: rotate(0); }
.faq-answer { padding: 0 37px 18px 49px; }
.faq-answer p { max-width: 620px; margin: 0; color: #7d6d5c; font-size: 11px; line-height: 1.9; }

.contact-section { padding-top: 75px; }
.contact-grid { display: grid; grid-template-columns: .75fr 1.25fr; align-items: start; gap: 82px; }
.contact-aside { position: sticky; top: 128px; }
.contact-note { display: flex; gap: 13px; max-width: 350px; margin-top: 30px; padding: 17px; border: 1px solid var(--line); background: rgba(255,255,255,.32); }
.contact-note > span { color: #b47532; font-size: 20px; }
.contact-note strong { color: #513027; font-family: var(--display); font-size: 12px; font-weight: 400; }
.contact-note p { margin: 5px 0 0; color: #7e6d5c; font-size: 9px; line-height: 1.8; }
.inquiry-form { padding: 33px 34px 30px; border: 1px solid rgba(90,65,43,.17); background: rgba(255,252,245,.72); box-shadow: 0 14px 36px rgba(62,40,21,.06); }
.inquiry-form-heading { position: relative; margin-bottom: 22px; padding-bottom: 15px; border-bottom: 1px solid var(--line); }
.inquiry-form-heading > span { color: #b6742c; font-size: 17px; }
.inquiry-form-heading h3 { display: inline-block; margin: 0 0 0 9px; color: #4b2c25; font-family: var(--display); font-size: 20px; font-weight: 400; }
.inquiry-form-heading p { margin: 7px 0 0 29px; color: #a08d77; font-size: 8px; }
.inquiry-form-heading p b, .form-field > span b { color: #a9513e; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px 14px; }
.form-field { display: grid; gap: 7px; min-width: 0; color: #725b48; font-size: 9px; font-weight: 700; }
.form-field-wide { grid-column: 1 / -1; }
.form-field input, .form-field textarea { width: 100%; padding: 11px 12px; color: #44352a; border: 1px solid rgba(102,77,54,.2); border-radius: 0; outline: 0; background: rgba(255,255,255,.71); font-size: 11px; font-weight: 400; transition: border .2s ease, box-shadow .2s ease; }
.form-field input { min-height: 40px; }.form-field textarea { min-height: 116px; resize: vertical; line-height: 1.7; }
.form-field input:focus, .form-field textarea:focus { border-color: #ad6f32; box-shadow: 0 0 0 3px rgba(173,111,50,.1); }
.field-error { color: #a14636; font-size: 8px; font-weight: 500; }
.form-error-summary { margin-bottom: 15px; padding: 11px 13px; color: #80382f; background: #f5dfd6; font-size: 10px; }
.form-success { display: flex; gap: 11px; margin-bottom: 16px; padding: 14px; color: #34543a; background: #e4eee1; }
.form-success > span { display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid rgba(52,84,58,.3); border-radius: 50%; font-size: 12px; }
.form-success strong { font-family: var(--display); font-size: 13px; font-weight: 400; }
.form-success p { margin: 3px 0 0; font-size: 9px; line-height: 1.6; }
.inquiry-form-submit { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; margin-top: 18px; }
.inquiry-form-submit > small { color: #9a8977; font-size: 8px; }
.business-form-section { padding-top: 72px; }
.business-process { display: grid; gap: 13px; margin-top: 27px; color: #7a6959; font-size: 10px; }
.business-process span { display: flex; align-items: center; gap: 11px; }
.business-process b { display: grid; place-items: center; width: 24px; height: 24px; color: #8b582c; border: 1px solid rgba(126,83,44,.32); border-radius: 50%; font-size: 8px; }
.bulk-callout { display: grid; justify-items: start; gap: 11px; max-width: 360px; margin-top: 27px; padding: 18px; border: 1px solid var(--line); background: rgba(255,255,255,.32); }
.bulk-callout-mark { color: #b77730; font-size: 18px; }
.bulk-callout strong { color: #57332a; font-family: var(--display); font-size: 11px; font-weight: 400; line-height: 1.9; }
.bulk-callout small { color: #8e7a66; font-size: 9px; }
.bulk-callout .text-link { margin-top: 3px; }

.site-footer { position: relative; overflow: hidden; padding: 60px 0 0; color: #f2e2ca; background: #2b1716; }
.footer-ornament { position: absolute; top: -224px; right: -108px; width: 410px; height: 410px; border: 1px solid rgba(227,174,104,.19); border-radius: 50%; box-shadow: 0 0 0 21px rgba(227,174,104,.025), 0 0 0 50px rgba(227,174,104,.025); }
.footer-main { position: relative; display: grid; grid-template-columns: 1.3fr .72fr .9fr .95fr; gap: 45px; padding-bottom: 45px; }
.footer-brand { min-width: 0; }
.footer-brand .brand-name strong { color: #f5e1c3; }.footer-brand .brand-name small { color: #bda88d; }.footer-brand .brand-seal { color: #dbad6c; border-color: rgba(219,173,108,.45); background: #493027; }
.footer-brand-column > p { max-width: 280px; margin: 18px 0 16px; color: #b3a18c; font-size: 10px; line-height: 1.85; }
.footer-text-link { display: inline-flex; align-items: center; gap: 9px; color: #e7c08a; font-size: 9px; font-weight: 600; }
.footer-text-link span { font-size: 13px; }
.footer-link-column, .footer-note { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.footer-heading { margin: 5px 0 8px; color: #d7ad77; font-size: 8px; font-weight: 700; letter-spacing: .17em; }
.footer-link-column a { color: #b6a28a; font-size: 9px; transition: color .2s ease, transform .2s ease; }
.footer-link-column a:hover { color: #fff1d7; transform: translateX(3px); }
.footer-note { position: relative; min-height: 145px; padding: 0 0 15px; }
.footer-note p { max-width: 195px; margin: 0; color: #b6a28a; font-family: var(--display); font-size: 12px; line-height: 1.8; }
.footer-lotus { position: absolute; right: 4px; bottom: 0; color: rgba(212,155,83,.5); font-size: 32px; }
.footer-bottom { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 17px; min-height: 53px; border-top: 1px solid rgba(247,225,192,.13); color: #8f7f6c; font-size: 8px; }
.footer-bottom a { color: #c5a77f; transition: color .2s ease; }.footer-bottom a:hover { color: #fff2dc; }

@keyframes hero-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@keyframes smoke-wisp { 0%,100% { opacity: .12; transform: translateY(12px) rotate(-25deg) scale(.88); } 45% { opacity: .64; transform: translateY(-20px) rotate(4deg) scale(1.18); } }
@keyframes flower-turn { to { transform: rotate(360deg); } }
@keyframes flower-breathe { 0%,100% { transform: scale(.96) rotate(-7deg); opacity: .75; } 50% { transform: scale(1.05) rotate(7deg); opacity: 1; } }
@keyframes ribbon-drift { to { transform: translateX(-37%); } }

@media (min-width: 1500px) { .hero-grid { gap: 150px; }.home-hero { min-height: 720px; }.fragrance-carousel { height: 465px; } }
@media (max-width: 1120px) {
    .header-inner { width: min(100% - 42px, 1360px); gap: 16px; }
    .brand-lockup { min-width: 185px; gap: 9px; }.brand-name strong { font-size: 16px; }.brand-seal { width: 40px; height: 40px; }
    .primary-navigation { gap: 11px; }.primary-navigation > a, .nav-dropdown-trigger { font-size: 9px; }.nav-bulk { padding-inline: 10px; }
    .hero-grid { grid-template-columns: .92fr 1.08fr; gap: 48px; }.hero-copy h1 { font-size: clamp(47px,6vw,68px); }
    .fragrance-grid { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 9px; }.fragrance-tile { min-height: 305px; padding-inline: 14px; }.tile-copy strong { font-size: 19px; }
    .footer-main { gap: 28px; }
}
@media (max-width: 900px) {
    .container { width: min(100% - 48px, 700px); }
    .header-inner { min-height: 76px; }.nav-toggle { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 42px; height: 42px; padding: 10px; border: 1px solid rgba(86,47,33,.23); background: transparent; }
    .nav-toggle > span:not(.sr-only) { display: block; width: 20px; height: 1px; background: #622c28; transition: transform .2s ease; }.nav-toggle[aria-expanded="true"] > span:first-child { transform: translateY(3px) rotate(45deg); }.nav-toggle[aria-expanded="true"] > span:nth-child(2) { transform: translateY(-3px) rotate(-45deg); }
    .primary-navigation { position: absolute; top: 100%; right: 0; left: 0; display: none; align-items: stretch; gap: 0; padding: 8px 24px 21px; border-bottom: 1px solid var(--line); background: #fbf6ec; box-shadow: 0 22px 25px rgba(53,31,20,.08); }
    .primary-navigation.is-open { display: flex; flex-direction: column; }.primary-navigation > a:not(.button), .nav-dropdown-trigger { min-height: 40px; padding: 10px 0; border-bottom: 1px solid rgba(76,54,37,.09); font-size: 12px; }.primary-navigation > a:not(.button)::after, .nav-dropdown-trigger::after { display: none; }.nav-bulk { align-self: flex-start; margin-top: 14px; }.nav-dropdown-menu { position: static; display: none; width: auto; padding: 4px 0 4px 12px; border: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; }.nav-dropdown.is-open .nav-dropdown-menu { display: grid; }.nav-dropdown-menu a { min-height: 35px; }
    .home-hero { min-height: 0; }.hero-grid { grid-template-columns: 1fr 1fr; gap: 34px; min-height: 0; padding-top: 57px; padding-bottom: 70px; }.hero-copy h1 { font-size: clamp(44px,7vw,61px); }.hero-lead { font-size: 12px; }.hero-visual { padding: 16px; }.fragrance-carousel { height: 360px; }.hero-corner-note { right: -32px; }
    .hero-footnote { margin-top: 31px; }.section { padding: 82px 0; }.fragrance-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.fragrance-tile { min-height: 310px; }.fragrance-tile:nth-child(n+4) { min-height: 290px; }.tile-art { inset: 43px 0 74px; }
    .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; }.product-card-copy { padding: 16px; }.story-decoration { right: -40px; width: 270px; height: 270px; opacity: .55; }.story-content { max-width: 600px; }.business-band-inner { gap: 30px; }.business-actions { min-width: 205px; }
    .fragrance-hero-grid { grid-template-columns: 1fr 245px; gap: 25px; }.fragrance-hero-seal { width: 235px; height: 235px; }.seal-flower { font-size: 85px; }
    .product-detail-grid { gap: 42px; }.product-detail-image { min-height: 440px; }.product-main-art .art-pack > b { font-size: 19px; }.product-main-art .art-pack > strong { font-size: 17px; }
    .about-story-grid { gap: 55px; }.about-story-mark { max-width: 310px; }.about-story-mark strong { font-size: 27px; }.faq-layout { gap: 54px; }.contact-grid { gap: 48px; }
    .footer-main { grid-template-columns: 1.2fr 1fr 1fr; gap: 32px 25px; }.footer-note { grid-column: 1/-1; min-height: 80px; }.footer-note p { max-width: 320px; }.footer-lotus { right: 10%; }
}
@media (max-width: 640px) {
    html { scroll-padding-top: 85px; }
    .container { width: calc(100% - 36px); }
    .announcement-bar { min-height: 31px; gap: 6px; font-size: 7px; letter-spacing: .08em; }.announcement-hindi { margin-left: 5px; padding-left: 7px; font-size: 9px; }
    .header-inner { width: calc(100% - 32px); min-height: 70px; }.brand-lockup { min-width: auto; }.brand-seal { width: 37px; height: 37px; }.brand-seal svg { width: 25px; height: 25px; }.brand-name strong { font-size: 15px; }.brand-name small { font-size: 7px; }
    .home-hero { overflow: hidden; }.hero-grid { grid-template-columns: 1fr; gap: 37px; padding-top: 44px; padding-bottom: 65px; }.hero-copy { padding-inline: 1px; }.hero-copy h1 { font-size: clamp(46px,12vw,64px); }.hero-copy .eyebrow { max-width: 330px; font-size: 8px; }.hero-lead { max-width: 410px; margin: 15px 0 22px; font-size: 12px; }.hero-actions { gap: 8px; }.hero-actions .button { min-height: 48px; padding-inline: 14px; gap: 11px; font-size: 9px; }.hero-actions .button > span { width: 21px; height: 21px; }.hero-footnote { gap: 8px; margin-top: 25px; font-size: 7px; }.footnote-devanagari { display: none; }
    .hero-visual { width: calc(100% - 9px); max-width: none; margin-inline: auto; padding: 13px; }.hero-visual-top { font-size: 7px; }.fragrance-carousel { height: min(92vw, 390px); min-height: 310px; }.hero-art .art-pack { width: 40%; height: 64%; }.hero-slide-label { bottom: 12px; left: 12px; min-width: 122px; padding: 10px 12px; }.hero-slide-label strong { font-size: 15px; }.hero-visual-bottom { gap: 8px; }.carousel-caption { max-width: 48%; font-size: 9px; }.carousel-controls { gap: 8px; }.carousel-controls > button { width: 26px; height: 26px; }.hero-corner-note { display: none; }.hero-scroll { bottom: 17px; left: 18px; }
    .ritual-ribbon-track { gap: 22px; padding-top: 14px; padding-bottom: 14px; }.ritual-ribbon-track span { font-size: 7px; }
    .section { padding: 65px 0; }.section-heading { margin-bottom: 30px; }.section-heading-split { display: block; }.section-heading h2, .story-content h2, .business-band h2, .closing-cta h2 { font-size: clamp(35px,9vw,46px); }.section-heading-aside { margin-top: 16px; }.section-heading-aside p { margin-bottom: 9px; font-size: 11px; }.fragrance-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }.fragrance-tile { min-height: 276px; padding: 14px; }.fragrance-tile:last-child { grid-column: 1/-1; min-height: 245px; }.fragrance-tile:last-child .tile-art { right: 0; left: auto; width: 48%; }.tile-art { inset: 38px 0 68px; }.tile-product-art .art-pack { width: 47%; }.tile-copy strong { font-size: 18px; }.tile-copy small { font-size: 7px; }.tile-link { font-size: 8px; }.tile-motif { top: 37px; font-size: 95px; }
    .section-featured { padding-top: 65px; }.product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }.product-card-copy { padding: 13px 12px 14px; }.product-card-kicker { font-size: 7px; }.product-card h3 { margin-top: 8px; font-size: 14px; }.product-card-copy > p { min-height: 50px; font-size: 9px; }.product-card-copy .text-link { gap: 6px; font-size: 8px; }.product-card-open { width: 27px; height: 27px; opacity: 1; transform: none; }
    .story-band { min-height: 0; padding: 69px 0; }.story-decoration { top: auto; right: -100px; bottom: -155px; width: 255px; height: 255px; transform: none; opacity: .35; }.story-content { max-width: 100%; }.story-content > p:not(.eyebrow) { max-width: 410px; font-size: 11px; }.story-signature { margin-top: 23px; }
    .section-values { padding-block: 66px; }.values-grid { grid-template-columns: 1fr; gap: 13px; }.value-card { min-height: 0; padding: 18px 16px; }.value-card h3 { margin: 10px 0 6px; font-size: 16px; }.value-card p { font-size: 10px; }
    .business-band { padding: 64px 0; }.business-band-inner { display: block; }.business-band h2 { font-size: 39px; }.business-band-inner > div:first-child > p:not(.eyebrow) { font-size: 11px; }.business-actions { display: flex; flex-direction: column; align-items: stretch; margin-top: 23px; }.business-actions .button { justify-content: space-between; }
    .closing-cta { padding: 70px 0 73px; }.closing-cta::before, .closing-cta::after { top: 16%; width: 72px; height: 72px; font-size: 62px; transform: none; }.closing-cta::before { left: -14px; }.closing-cta::after { right: -14px; }.closing-cta h2 { font-size: 38px; }
    .page-hero { min-height: 315px; padding: 65px 0 44px; }.page-hero .eyebrow { font-size: 8px; }.page-hero h1 { font-size: clamp(43px,11vw,60px); }.page-hero p:not(.eyebrow) { max-width: 390px; font-size: 11px; }.page-hero-pattern { top: -205px; right: -245px; width: 440px; height: 440px; line-height: 440px; font-size: 190px; }
    .catalogue-section { padding-top: 30px; }.catalogue-toolbar { display: block; }.filter-chips { gap: 6px; }.filter-chip { min-height: 31px; padding: 0 10px; font-size: 8px; }.catalogue-count { display: block; margin-top: 12px; }
    .fragrance-hero { padding: 36px 0 45px; }.fragrance-hero-grid { grid-template-columns: 1fr; gap: 25px; }.fragrance-hero-copy .breadcrumbs { margin-bottom: 25px; }.fragrance-hero h1 { font-size: 44px; }.fragrance-hero-copy > p:not(.eyebrow) { font-size: 11px; }.fragrance-hero-seal { width: 185px; height: 185px; }.seal-orbit { inset: 8px; }.seal-orbit-two { inset: 23px; }.seal-flower { font-size: 68px; }.seal-label { width: 128px; font-size: 12px; }
    .product-breadcrumbs { padding-top: 18px; font-size: 8px; }.product-detail-grid { grid-template-columns: 1fr; gap: 30px; padding-top: 23px; padding-bottom: 57px; }.product-detail-image { min-height: 0; aspect-ratio: .95; }.product-detail-copy { padding: 0; }.product-detail-copy .breadcrumbs { margin-bottom: 20px; }.product-detail-copy h1 { font-size: 38px; }.product-detail-intro { font-size: 13px; }.product-main-art .art-pack > b { font-size: 21px; }.product-main-art .art-pack > strong { font-size: 19px; }.product-main-art .art-pack-mark { width: 30px; height: 30px; font-size: 14px; }.related-products { padding-top: 59px; }
    .about-hero-flower { right: -117px; bottom: -40px; font-size: 290px; }.about-story { padding-block: 65px; }.about-story-grid { grid-template-columns: 1fr; gap: 39px; }.about-story-mark { width: 73%; max-width: 270px; }.about-story-mark span { font-size: 27px; }.about-story-mark strong { font-size: 27px; }.about-story-copy h2 { font-size: 37px; }.about-story-copy > p:not(.eyebrow) { font-size: 11px; }.about-fragrances { padding-block: 65px; }.about-fragrance-inner { grid-template-columns: 1fr; gap: 31px; }.about-fragrance-inner h2 { font-size: 42px; }
    .faq-section { padding-top: 51px; }.faq-layout { grid-template-columns: 1fr; gap: 34px; }.faq-aside h2, .contact-aside h2 { font-size: 38px; }.faq-aside-flower { bottom: -30px; left: auto; right: -9px; font-size: 170px; }.faq-item summary { grid-template-columns: 24px 1fr 20px; gap: 9px; min-height: 68px; }.faq-item summary strong { font-size: 12px; }.faq-answer { padding-left: 33px; padding-right: 10px; }.faq-answer p { font-size: 10px; }
    .contact-section, .business-form-section { padding-top: 51px; }.contact-grid { grid-template-columns: 1fr; gap: 29px; }.contact-aside { position: relative; top: auto; }.contact-aside > p:not(.eyebrow) { max-width: 390px; }.contact-note { margin-top: 18px; }.inquiry-form { padding: 22px 17px 20px; }.inquiry-form-heading h3 { font-size: 17px; }.form-grid { gap: 13px 10px; }.form-field { font-size: 8px; }.form-field input, .form-field textarea { font-size: 10px; }.inquiry-form-submit { align-items: flex-start; flex-direction: column; gap: 10px; }.inquiry-form-submit .button { min-width: 100%; }
    .site-footer { padding-top: 47px; }.footer-main { grid-template-columns: 1fr 1fr; gap: 28px 20px; padding-bottom: 29px; }.footer-brand-column { grid-column: 1 / -1; }.footer-brand-column > p { max-width: 340px; }.footer-link-column { gap: 10px; }.footer-heading { font-size: 7px; }.footer-link-column a { font-size: 8px; }.footer-note { grid-column: 1 / -1; min-height: 77px; }.footer-lotus { right: 11%; bottom: 0; }.footer-bottom { align-items: flex-start; flex-direction: column; justify-content: center; gap: 7px; padding: 13px 0; font-size: 7px; }
}
@media (max-width: 380px) {
    .announcement-bar { font-size: 6px; }.announcement-hindi { display: none; }
    .hero-copy h1 { font-size: 43px; }.hero-actions .button { gap: 8px; padding-inline: 10px; font-size: 8px; }
    .hero-visual { width: 100%; }.fragrance-carousel { min-height: 285px; }.hero-visual-bottom { align-items: flex-start; flex-direction: column; }.carousel-caption { max-width: 100%; }.carousel-controls { align-self: flex-end; }
    .fragrance-tile { min-height: 247px; padding: 12px; }.tile-copy strong { font-size: 16px; }.tile-link { font-size: 7px; }.product-card-copy { padding-inline: 9px; }.product-card h3 { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Brand photography, richer home storytelling and clearer business actions */
.primary-navigation > a.nav-bulk { display: inline-flex; align-items: center; justify-content: center; gap: 10px; flex: 0 0 auto; height: 44px; min-height: 44px; padding: 0 15px; color: #fff8eb; border: 1px solid #9a6735; border-radius: 5px; background: linear-gradient(135deg, #6b2b32, #4e1b21); box-shadow: 0 7px 17px rgba(90,32,38,.16); font-size: 10px; font-weight: 700; letter-spacing: .055em; line-height: 1; text-transform: uppercase; white-space: nowrap; transition: transform .22s ease, background .22s ease, box-shadow .22s ease; }
.primary-navigation > a.nav-bulk::after { position: static; display: grid; width: 19px; height: 19px; flex: 0 0 19px; place-items: center; margin-left: 1px; content: '↗'; color: #f5d8aa; border: 1px solid rgba(255,238,207,.58); border-radius: 50%; background: transparent; font-size: 11px; transform: none; transition: transform .22s ease, background .22s ease; }
.primary-navigation > a.nav-bulk:hover { color: #fffaf1; background: linear-gradient(135deg, #7e373c, #5a2026); box-shadow: 0 10px 21px rgba(90,32,38,.23); transform: translateY(-1px); }
.primary-navigation > a.nav-bulk:hover::after { background: rgba(255,238,207,.12); transform: translate(1px,-1px); }
.fragrance-carousel { background: linear-gradient(180deg, rgba(67,40,22,.06), rgba(67,40,22,.12)), url('../images/bagalmukhi/home-ritual.png') center 52% / cover; }
.fragrance-slide { background: linear-gradient(90deg, rgba(250,239,218,.08), rgba(250,239,218,.2)); }
.hero-art .art-placeholder { background: linear-gradient(180deg, rgba(255,248,223,.06), rgba(255,248,223,.3)); }
.hero-art .art-pack { box-shadow: 9px 18px 30px rgba(43,24,14,.3), 0 0 0 5px rgba(255,248,232,.12); }
.story-band { background: linear-gradient(105deg, rgba(58,19,25,.94) 6%, rgba(59,23,29,.8) 78%), url('../images/bagalmukhi/temple-offering.png') center 54% / cover; }
.business-band { background: linear-gradient(105deg, rgba(93,51,27,.95), rgba(78,36,27,.84)), url('../images/bagalmukhi/amber-evening.png') center 52% / cover; }

.devotion-story { padding-top: 90px; padding-bottom: 96px; background: #f7f0e4; }
.devotion-story-grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); align-items: center; gap: clamp(42px, 7vw, 96px); }
.devotion-story-photo { position: relative; min-height: 535px; margin: 0; overflow: hidden; background: #c4a47c; box-shadow: 0 26px 65px rgba(61,39,23,.16); }
.devotion-story-photo::before { position: absolute; z-index: 1; inset: 0; content: ''; border: 1px solid rgba(255,244,220,.48); margin: 13px; pointer-events: none; }
.devotion-story-photo > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 48%; transition: transform .7s cubic-bezier(.2,.8,.2,1); }
.devotion-story-photo:hover > img { transform: scale(1.035); }
.devotion-story-photo figcaption { position: absolute; right: 28px; bottom: 29px; left: 28px; z-index: 2; display: grid; gap: 8px; padding: 18px 20px; color: #fff5e7; background: linear-gradient(100deg, rgba(47,25,18,.8), rgba(47,25,18,.28)); backdrop-filter: blur(4px); }
.devotion-story-photo figcaption span { color: #f2d4a1; font-size: 8px; font-weight: 700; letter-spacing: .17em; }
.devotion-story-photo figcaption strong { font-family: var(--display); font-size: clamp(15px, 1.7vw, 21px); font-weight: 400; }
.devotion-photo-seal { position: absolute; top: 28px; right: 28px; z-index: 2; display: grid; width: 68px; height: 68px; place-content: center; color: #713e28; border: 1px solid rgba(128,81,39,.56); border-radius: 50%; background: rgba(250,238,214,.9); font-family: var(--devanagari); font-size: 13px; line-height: 1.45; text-align: center; box-shadow: 0 6px 20px rgba(43,24,14,.12); }
.devotion-story-copy { max-width: 540px; }
.devotion-story-copy h2 { margin: 0; color: #462823; font-family: var(--display); font-size: clamp(39px, 4.5vw, 59px); font-weight: 400; letter-spacing: -.07em; line-height: 1.27; }
.devotion-story-copy h2 em { color: #ae6427; font-weight: 400; }
.devotion-story-copy > p:not(.eyebrow) { margin: 18px 0 24px; color: #78695b; font-size: 12px; line-height: 1.95; }
.ritual-practices { margin: 24px 0 25px; border-top: 1px solid rgba(93,62,39,.18); }
.ritual-practices article { display: flex; align-items: flex-start; gap: 15px; padding: 15px 2px; border-bottom: 1px solid rgba(93,62,39,.15); }
.ritual-practices article > span { padding-top: 2px; color: #b1773a; font-family: var(--display); font-size: 12px; }
.ritual-practices article div { display: grid; gap: 5px; }
.ritual-practices strong { color: #4f3027; font-family: var(--display); font-size: 13px; font-weight: 400; }
.ritual-practices small { color: #8b7a68; font-size: 10px; line-height: 1.6; }
.devotion-story-copy .text-link { font-size: 9px; }

.fragrance-tile { background-image: linear-gradient(180deg, rgba(54,36,24,.04) 5%, rgba(54,36,24,.12) 47%, rgba(49,31,22,.64) 100%); }
.fragrance-tile .tile-motif { z-index: 1; opacity: .21; }
.fragrance-tile .tile-index { color: rgba(255,247,229,.92); text-shadow: 0 1px 8px rgba(36,24,16,.4); }
.tile-art-photo { z-index: 0; inset: 0; display: block; overflow: hidden; }
.tile-art-photo::after { position: absolute; inset: 0; content: ''; background: linear-gradient(180deg, rgba(43,27,19,.06) 6%, rgba(43,27,19,.02) 36%, rgba(43,27,19,.73) 100%); }
.tile-art-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .7s cubic-bezier(.2,.8,.2,1); }
.fragrance-tile:hover .tile-art-photo img { transform: scale(1.07); }
.fragrance-tile .tile-copy { color: #fff8ea; }
.fragrance-tile .tile-copy small { color: rgba(255,246,225,.79); }
.fragrance-tile .tile-link { border-color: rgba(255,242,219,.45); }
.fragrance-tile .tile-motif { color: rgba(255,246,220,.8); }

.ritual-moments { padding-top: 92px; padding-bottom: 99px; background: #f2e8d7; }
.ritual-moment-grid { display: grid; grid-template-columns: 1.14fr 1fr 1fr; gap: 16px; }
.ritual-moment { position: relative; min-height: 330px; overflow: hidden; background: #c4a57d; isolation: isolate; }
.ritual-moment-tall { min-height: 415px; }
.ritual-moment::after { position: absolute; z-index: 1; inset: 24% 0 0; content: ''; background: linear-gradient(180deg, transparent, rgba(43,24,18,.73)); }
.ritual-moment img { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .65s ease; }
.ritual-moment:hover img { transform: scale(1.055); }
.ritual-moment > div { position: absolute; right: 22px; bottom: 22px; left: 22px; z-index: 2; color: #fff7e8; }
.ritual-moment > div span { color: #f2d3a0; font-size: 7px; font-weight: 700; letter-spacing: .16em; }
.ritual-moment h3 { margin: 8px 0 0; font-family: var(--display); font-size: clamp(18px, 2vw, 25px); font-weight: 400; letter-spacing: -.04em; }

.art-scene { position: absolute; inset: 0; z-index: 0; background-position: center; background-size: cover; transition: transform .6s ease; }
.has-scene { background: #c9ab7d; }
.has-scene .art-placeholder { background: linear-gradient(180deg, rgba(255,246,220,.08), rgba(53,31,22,.06) 45%, rgba(45,27,20,.5)); }
.has-scene .art-placeholder::before { border-color: rgba(255,249,230,.25); }
.has-scene .art-motif-one, .has-scene .art-motif-two { color: rgba(255,248,226,.22); }
.fragrance-hero-photo { position: relative; width: min(100%, 340px); aspect-ratio: 1 / 1.06; margin: 0 auto; overflow: hidden; border: 7px solid rgba(255,249,235,.7); outline: 1px solid rgba(115,75,42,.3); box-shadow: 0 18px 45px rgba(62,38,22,.15); }
.fragrance-hero-photo::after { position: absolute; inset: 30% 0 0; content: ''; background: linear-gradient(180deg, transparent, rgba(45,28,20,.57)); }
.fragrance-hero-photo img { width: 100%; height: 100%; object-fit: cover; }
.fragrance-hero-photo figcaption { position: absolute; right: 17px; bottom: 17px; left: 17px; z-index: 1; color: #fff5e3; font-size: 7px; font-weight: 700; letter-spacing: .14em; }
.fragrance-hero-photo > span { position: absolute; top: 15px; right: 15px; z-index: 1; color: #fff5d9; font-size: 21px; }

.whatsapp-widget { position: fixed; right: 24px; bottom: 24px; z-index: 1200; display: flex; align-items: flex-end; flex-direction: column; gap: 13px; font-family: var(--body); }
.whatsapp-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 57px; padding: 0 19px; color: #fff; border: 1px solid rgba(255,255,255,.42); border-radius: 999px; background: #218d58; box-shadow: 0 12px 34px rgba(31,93,59,.27), inset 0 1px 0 rgba(255,255,255,.2); font-size: 11px; font-weight: 700; transition: transform .22s ease, background .22s ease, box-shadow .22s ease; }
.whatsapp-toggle:hover { transform: translateY(-3px); background: #147446; box-shadow: 0 17px 38px rgba(31,93,59,.34); }
.whatsapp-toggle > svg, .whatsapp-mark svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.whatsapp-toggle > svg path + path, .whatsapp-mark svg path + path { fill: currentColor; stroke: none; }
.whatsapp-panel { position: absolute; right: 0; bottom: 72px; width: min(365px, calc(100vw - 32px)); overflow: hidden; border: 1px solid rgba(89,61,42,.2); background: #fffaf0; box-shadow: 0 22px 70px rgba(45,27,18,.24); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(12px) scale(.98); transform-origin: bottom right; transition: opacity .2s ease, transform .2s ease, visibility .2s ease; }
.whatsapp-widget.is-open .whatsapp-panel { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); }
.whatsapp-panel-head { display: flex; align-items: center; gap: 12px; padding: 17px 18px; color: #fff6e5; background: linear-gradient(115deg, #5a2026, #753e2e); }
.whatsapp-mark { display: grid; width: 43px; height: 43px; flex: 0 0 43px; place-items: center; color: #fbf4e5; border: 1px solid rgba(255,244,218,.45); border-radius: 50%; background: rgba(255,255,255,.1); }
.whatsapp-mark svg { width: 24px; height: 24px; }
.whatsapp-panel-head > div { display: grid; gap: 5px; }
.whatsapp-status { display: flex; align-items: center; gap: 6px; color: #edc995; font-size: 7px; font-weight: 700; letter-spacing: .16em; }
.whatsapp-status i { width: 6px; height: 6px; border-radius: 50%; background: #80d294; box-shadow: 0 0 0 3px rgba(128,210,148,.16); }
.whatsapp-panel-head strong { font-family: var(--display); font-size: 14px; font-weight: 400; }
.whatsapp-panel-head > button { width: 30px; height: 30px; margin-left: auto; color: #fff3e1; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; background: transparent; font-size: 19px; }
.whatsapp-panel-body { padding: 18px 19px 13px; }
.whatsapp-panel-body p { margin: 0; color: #6f5e4f; font-size: 11px; line-height: 1.8; }
.whatsapp-reply-note { display: block; margin-top: 13px; color: #9a8062; font-size: 8px; letter-spacing: .03em; }
.whatsapp-start { display: flex; align-items: center; justify-content: space-between; min-height: 48px; margin: 0 18px 12px; padding: 0 14px; color: #fff; background: #218d58; font-size: 10px; font-weight: 700; transition: background .2s ease; }
.whatsapp-start:hover { background: #147446; }
.whatsapp-start b { font-size: 16px; font-weight: 500; }
.whatsapp-bulk-link { display: flex; justify-content: space-between; gap: 8px; padding: 0 19px 17px; color: #8a7664; font-size: 8px; }
.whatsapp-bulk-link span { color: var(--maroon); font-weight: 700; }
.whatsapp-toggle:focus-visible, .whatsapp-panel button:focus-visible, .whatsapp-panel a:focus-visible, .nav-bulk:focus-visible { outline: 3px solid #dfac61; outline-offset: 3px; }

@media (max-width: 1120px) {
    .header-inner { gap: 13px; }
    .primary-navigation { gap: 10px; }
    .primary-navigation > a.nav-bulk { height: 42px; min-height: 42px; padding-inline: 12px; font-size: 9px; }
}
@media (max-width: 900px) {
    .primary-navigation > a.nav-bulk { align-self: flex-start; width: 100%; max-width: 220px; height: 46px; min-height: 46px; justify-content: space-between; margin-top: 14px; padding-inline: 16px; font-size: 10px; }
    .devotion-story-grid { gap: 32px; }
    .devotion-story-photo { min-height: 455px; }
    .ritual-moment-grid { grid-template-columns: 1.1fr 1fr; }
    .ritual-moment-tall { grid-row: span 2; min-height: 100%; }
    .ritual-moment { min-height: 260px; }
    .fragrance-hero-photo { width: min(100%, 275px); }
}
@media (max-width: 640px) {
    .primary-navigation > a.nav-bulk { height: 46px; min-height: 46px; }
    .devotion-story { padding-block: 64px; }
    .devotion-story-grid { grid-template-columns: 1fr; gap: 31px; }
    .devotion-story-photo { min-height: 0; aspect-ratio: .89; }
    .devotion-story-photo figcaption { right: 20px; bottom: 20px; left: 20px; padding: 14px; }
    .devotion-story-photo figcaption span { font-size: 7px; }
    .devotion-story-photo figcaption strong { font-size: 16px; }
    .devotion-photo-seal { top: 22px; right: 22px; width: 58px; height: 58px; font-size: 11px; }
    .devotion-story-copy h2 { font-size: clamp(37px, 10vw, 48px); }
    .devotion-story-copy > p:not(.eyebrow) { font-size: 11px; }
    .ritual-practices article { gap: 12px; padding-block: 13px; }
    .ritual-moments { padding-block: 65px; }
    .ritual-moment-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
    .ritual-moment, .ritual-moment-tall { min-height: 235px; }
    .ritual-moment-tall { grid-column: 1 / -1; grid-row: auto; min-height: 310px; }
    .ritual-moment > div { right: 13px; bottom: 14px; left: 13px; }
    .ritual-moment > div span { font-size: 6px; }
    .ritual-moment h3 { font-size: 15px; }
    .fragrance-hero-photo { width: min(100%, 260px); aspect-ratio: 1.25 / 1; }
    .whatsapp-widget { right: 14px; bottom: 17px; }
    .whatsapp-toggle { min-height: 52px; padding-inline: 15px; font-size: 10px; }
    .whatsapp-panel { bottom: 65px; }
}
@media (prefers-reduced-motion: reduce) {
    .devotion-story-photo > img, .tile-art-photo img, .ritual-moment img, .art-scene { transition: none; }
}

/* A richer, editorial direction for the Shree Bagalmukhi storefront */
:root { --maroon: #641d2b; --maroon-deep: #3d1420; --saffron: #b98545; --paper: #faf6ed; }
.announcement-bar { min-height: 37px; background: linear-gradient(100deg, #441620, #68202f 49%, #461720); font-size: 10px; }
.site-header { background: rgba(250,246,237,.96); }
.header-inner { min-height: 92px; }
.primary-navigation { gap: clamp(11px, 1.28vw, 21px); }
.primary-navigation > a:not(.nav-bulk), .nav-dropdown-trigger { font-size: 12px; }
.brand-seal { width: 49px; height: 49px; }
.brand-name strong { font-size: 20px; }
.primary-navigation > a.nav-bulk { height: 46px; min-height: 46px; padding-inline: 17px; border-color: #bd9360; border-radius: 4px; background: linear-gradient(110deg, #702333, #4a1822); box-shadow: 0 9px 22px rgba(74,24,34,.2); font-size: 10px; letter-spacing: .08em; }
.primary-navigation > a.nav-bulk:hover { background: linear-gradient(110deg, #873144, #5a1d2b); box-shadow: 0 13px 26px rgba(74,24,34,.25); transform: translateY(-2px); }
.button { min-height: 56px; border-radius: 3px; font-size: 12px; }
.button-maroon { background: linear-gradient(125deg, #702432, #4c1923); box-shadow: 0 8px 19px rgba(76,25,35,.12); }
.button-maroon:hover { background: linear-gradient(125deg, #863144, #5a1d2b); }
.text-link { font-size: 11px; }

.home-hero { background: radial-gradient(ellipse at 74% 12%, rgba(201,156,91,.16), transparent 30%), linear-gradient(118deg, #fcf8ef, #f3e5cc); }
.hero-copy h1 { font-size: clamp(57px, 7vw, 88px); }
.hero-lead { max-width: 520px; color: #6e5a49; font-size: 15px; line-height: 1.9; }
.hero-visual { padding: 18px; border: 1px solid rgba(133,91,49,.34); background: rgba(255,251,241,.7); box-shadow: 0 26px 60px rgba(64,37,21,.17), inset 0 0 0 5px rgba(255,255,255,.45); }
.hero-visual::before { position: absolute; z-index: 2; inset: 6px; content: ''; border: 1px solid rgba(255,244,221,.34); pointer-events: none; }
.fragrance-carousel { min-height: 460px; }
.hero-slide-label { min-width: 200px; padding: 16px 19px; border-left: 2px solid #dfb36f; background: linear-gradient(105deg, rgba(45,22,18,.82), rgba(45,22,18,.23)); backdrop-filter: blur(5px); }
.hero-slide-label > span { font-size: 8px; }
.hero-slide-label strong { font-size: 22px; }
.carousel-caption { font-size: 12px; }
.hero-smoke { mix-blend-mode: screen; opacity: .78; }
.hero-smoke i { filter: blur(3px); }
.ritual-ribbon { background: linear-gradient(100deg, #521925, #772635 48%, #521925); }
.devotion-story { padding-block: 110px; background: linear-gradient(120deg, #fbf7ed, #f3e7d4); }
.devotion-story-copy h2, .section-heading h2 { font-size: clamp(42px, 4.9vw, 64px); }
.devotion-story-copy > p:not(.eyebrow), .section-heading-aside p { font-size: 14px; line-height: 1.95; }
.ritual-practices strong { font-size: 15px; }
.ritual-practices small { font-size: 12px; }
.section { padding-block: 106px; }
.section-heading { margin-bottom: 43px; }
.fragrance-grid { gap: 17px; }
.fragrance-tile { min-height: 365px; border: 1px solid rgba(110,73,40,.14); box-shadow: 0 12px 30px rgba(71,45,26,.08); transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease; }
.fragrance-tile:hover { transform: translateY(-8px); box-shadow: 0 23px 46px rgba(71,45,26,.19); }
.tile-copy { padding: 18px; }
.tile-copy strong { font-size: 27px; }
.tile-copy small, .tile-link { font-size: 10px; }
.ritual-moments { padding-block: 108px; background: linear-gradient(120deg, #efe2cf, #f5ead9); }
.ritual-moment, .ritual-moment-tall { border: 1px solid rgba(255,247,231,.7); box-shadow: 0 17px 38px rgba(55,35,21,.13); }
.ritual-moment > div span { font-size: 9px; }
.ritual-moment h3 { font-size: clamp(22px, 2.2vw, 30px); }
.product-grid { gap: 25px; }
.product-card { border: 1px solid rgba(109,80,52,.14); box-shadow: 0 8px 21px rgba(58,34,18,.06); }
.product-card-copy { padding: 21px; }
.product-card-kicker { font-size: 9px; }
.product-card h3 { font-size: 19px; }
.product-card-copy > p { font-size: 12px; line-height: 1.8; }
.product-card-copy .text-link { font-size: 11px; }
.story-band { min-height: 540px; background-position: center 48%; }
.story-content > p:not(.eyebrow), .business-band-inner > div:first-child > p:not(.eyebrow) { font-size: 14px; }
.story-content h2, .business-band h2 { font-size: clamp(47px, 5.4vw, 70px); }
.business-band { padding-block: 98px; }
.closing-cta { padding-block: 106px; background: radial-gradient(ellipse at center, #fff8e9 0%, #f7eddc 67%, #eee0c8 100%); }

/* Photo-led page banners pair with the shared breadcrumb and heading layout. */
.page-hero { min-height: 470px; padding: 95px 0 67px; background-image: url('../images/bagalmukhi/home-ritual.png'); background-position: center 45%; background-size: cover; }
.page-hero::before { position: absolute; z-index: 0; inset: 22px 4.2% 22px auto; width: min(44%, 590px); content: ''; border: 1px solid rgba(213,173,112,.62); border-radius: 2px 88px 2px 88px; background-image: linear-gradient(90deg, rgba(250,246,237,.88), rgba(250,246,237,.03) 52%), url('../images/bagalmukhi/home-ritual.png'); background-position: center, center 49%; background-size: cover; box-shadow: 0 20px 56px rgba(50,27,17,.16); opacity: .86; }
.page-hero::after { position: absolute; z-index: 0; right: 31%; bottom: 9%; width: 135px; height: 170px; content: ''; background: radial-gradient(ellipse at 50% 75%, rgba(255,255,255,.16), transparent 70%); filter: blur(10px); animation: smoke-rise 7s ease-in-out infinite; pointer-events: none; }
.page-hero-cream { background-color: #f8f1e3; background-image: linear-gradient(110deg, rgba(251,247,238,.97) 0%, rgba(247,239,223,.94) 47%, rgba(235,217,188,.74) 100%), url('../images/bagalmukhi/home-ritual.png'); }
.page-hero-maroon { background-color: #4a1722; background-image: linear-gradient(110deg, rgba(94,27,43,.97), rgba(64,19,31,.94) 50%, rgba(54,19,28,.82)), url('../images/bagalmukhi/temple-offering.png'); }
.page-hero-catalogue::before { background-image: linear-gradient(90deg, rgba(250,246,237,.91), rgba(250,246,237,.03) 52%), url('../images/bagalmukhi/home-ritual.png'); }
.page-hero-about::before { background-image: linear-gradient(90deg, rgba(94,27,43,.77), rgba(64,19,31,.06) 56%), url('../images/bagalmukhi/temple-offering.png'); }
.page-hero-faq::before { background-image: linear-gradient(90deg, rgba(250,246,237,.9), rgba(250,246,237,.02) 55%), url('../images/bagalmukhi/mogra-flowers.png'); }
.page-hero-contact::before { background-image: linear-gradient(90deg, rgba(94,27,43,.78), rgba(64,19,31,.04) 57%), url('../images/bagalmukhi/jasmine-morning.png'); }
.page-hero-bulk::before { background-image: linear-gradient(90deg, rgba(94,27,43,.79), rgba(64,19,31,.02) 57%), url('../images/bagalmukhi/chandan-wood.png'); }
.page-hero-wholesale::before { background-image: linear-gradient(90deg, rgba(250,246,237,.89), rgba(250,246,237,.03) 54%), url('../images/bagalmukhi/amber-evening.png'); }
.page-hero-inner { width: min(1240px, calc(100% - 72px)); }
.page-hero-inner > * { max-width: 590px; }
.page-hero h1 { max-width: 680px; font-size: clamp(55px, 6.2vw, 78px); }
.page-hero p:not(.eyebrow) { max-width: 520px; font-size: 15px; line-height: 1.9; }
.page-hero .eyebrow { font-size: 10px; }
.breadcrumbs { gap: 12px; margin-top: 28px; font-size: 11px; }
.breadcrumbs > span:nth-child(2n) { display: grid; width: 19px; height: 19px; place-items: center; border: 1px solid rgba(185,133,69,.43); border-radius: 50%; }
.breadcrumbs a { transition: color .2s ease, transform .2s ease; }
.breadcrumbs a:hover { transform: translateY(-1px); }
.page-hero-photo-note { position: absolute; right: max(7%, calc((100vw - 1240px) / 2)); bottom: 42px; z-index: 2; color: rgba(255,246,227,.92); font-size: 9px; font-weight: 700; letter-spacing: .17em; text-shadow: 0 2px 12px rgba(30,17,14,.55); }
.page-hero-cream .page-hero-photo-note { color: #fff6e5; }
.page-hero-pattern { opacity: .4; }
.catalogue-section { padding-block: 69px 112px; background: linear-gradient(180deg, #fbf8f0, #f6edde); }
.catalogue-toolbar { margin-bottom: 34px; padding-bottom: 20px; }
.filter-chip { min-height: 40px; padding-inline: 15px; border-radius: 3px; font-size: 11px; }
.filter-chip:hover, .filter-chip.is-active { background: linear-gradient(120deg, #732634, #501923); box-shadow: 0 6px 17px rgba(81,25,35,.17); }
.catalogue-count { font-size: 11px; }

.fragrance-hero { padding-block: 76px; }
.fragrance-hero-grid { min-height: 385px; grid-template-columns: minmax(0, 1fr) 390px; gap: 56px; }
.fragrance-hero h1 { font-size: clamp(49px, 5.5vw, 70px); }
.fragrance-hero-copy > p:not(.eyebrow) { font-size: 15px; }
.fragrance-hero-photo { width: min(100%, 380px); border-width: 9px; box-shadow: 0 24px 58px rgba(62,38,22,.22); transition: transform .45s ease, box-shadow .45s ease; }
.fragrance-hero-photo:hover { transform: translateY(-6px) rotate(.5deg); box-shadow: 0 33px 70px rgba(62,38,22,.27); }
.fragrance-hero-photo figcaption { font-size: 9px; }

.product-detail-page { background: linear-gradient(180deg, #fbf7ed, #f2e7d5); }
.product-breadcrumbs { padding-top: 29px; font-size: 11px; }
.product-detail-grid { gap: clamp(50px, 7vw, 100px); padding-top: 42px; padding-bottom: 62px; }
.product-detail-image { min-height: 610px; border: 9px solid rgba(255,250,239,.78); outline: 1px solid rgba(137,91,47,.32); box-shadow: 0 24px 62px rgba(57,36,22,.17); }
.product-detail-copy h1 { font-size: clamp(43px, 4.5vw, 60px); }
.product-detail-intro { font-size: 17px; }
.product-description { font-size: 14px; line-height: 2; }
.product-detail-tags span, .whatsapp-note, .product-detail-help { font-size: 10px; }
.product-ritual-note { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(36px, 7vw, 88px); margin-bottom: 86px; padding: 25px; border: 1px solid rgba(108,73,40,.16); background: rgba(255,252,245,.66); box-shadow: 0 16px 45px rgba(57,36,22,.07); }
.product-ritual-note figure { height: 320px; margin: 0; overflow: hidden; }

/* The uploaded catalogue is the source of truth for the five fragrance families. */
.scent-rose { --scent: #c96872; }
.scent-aura { --scent: #92705b; }
.tile-rose { background: linear-gradient(155deg, #f3dadd, #d7a7ac); --tile-ink: #512d34; }
.tile-aura { background: linear-gradient(155deg, #eee2d4, #cdb59d); --tile-ink: #49372c; }
.art-rose { --art-light: #f0cfd1; --art-mid: #c8797b; --art-dark: #592e35; --art-accent: #fff1e9; --art-edge: #a3545d; background: radial-gradient(circle at 48% 30%, #fff1ed, #dfb4b3 68%, #bd8488); }
.art-aura { --art-light: #e7d4be; --art-mid: #a98465; --art-dark: #4e3528; --art-accent: #fff2db; --art-edge: #8a654a; background: radial-gradient(circle at 48% 30%, #fff4de, #d5bea2 68%, #aa896b); }
.fragrance-hero.fragrance-rose { background: linear-gradient(110deg, #f5e4e1, #e4c1bd); }
.fragrance-hero.fragrance-aura { background: linear-gradient(110deg, #f3e9db, #d6c1a9); }
.fragrance-hero-product img { object-fit: contain; padding: 10px; background: #f7eee0; }
.fragrance-hero-product::after { background: linear-gradient(180deg, transparent 60%, rgba(45,28,20,.63)); }

.product-art-photo { background: #f6efe4; }
.product-art-photo .product-art-image { object-fit: contain; padding: clamp(5px, 1.4vw, 17px); background: #f6efe4; transition: opacity .32s ease, transform .55s cubic-bezier(.2,.8,.2,1), visibility .32s ease; }
.product-art-photo .product-image-secondary { opacity: 0; visibility: hidden; }
.product-card-image:hover .product-art-photo .product-image-secondary,
.product-card-image:focus-visible .product-art-photo .product-image-secondary { opacity: 1; visibility: visible; transform: scale(1.025); }
.product-card-image:hover .product-art-photo .product-image-primary,
.product-card-image:focus-visible .product-art-photo .product-image-primary { opacity: 0; visibility: hidden; }

.product-gallery { min-width: 0; }
.product-gallery .product-detail-image { isolation: isolate; }
.product-gallery .product-main-art { position: absolute; inset: 0; }
.product-gallery .product-art-image { transition: opacity .34s ease, visibility .34s ease; }
.product-gallery .product-art-image:not(.is-active) { opacity: 0; visibility: hidden; }
.product-gallery .product-art-image.is-active { opacity: 1; visibility: visible; }
.product-gallery-thumbs { display: flex; gap: 10px; margin-top: 13px; }
.product-gallery-thumb { position: relative; width: 76px; height: 76px; padding: 4px; overflow: hidden; border: 1px solid rgba(118,82,48,.2); background: #f6efe4; transition: border-color .2s ease, transform .2s ease; }
.product-gallery-thumb:hover { transform: translateY(-2px); }
.product-gallery-thumb.is-active { border-color: #8d4b35; box-shadow: 0 0 0 2px rgba(141,75,53,.13); }
.product-gallery-thumb img { width: 100%; height: 100%; object-fit: contain; }
.product-gallery-thumb span { position: absolute; right: 5px; bottom: 4px; padding: 2px 4px; color: #fff8eb; background: rgba(66,36,26,.76); font-size: 8px; letter-spacing: .08em; }

@media (max-width: 700px) {
    .product-gallery-thumbs { gap: 8px; }
    .product-gallery-thumb { width: 66px; height: 66px; }
}
.product-ritual-note img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.product-ritual-note figure:hover img { transform: scale(1.05); }
.product-ritual-note h2 { margin: 0; color: #462823; font-family: var(--display); font-size: clamp(33px, 4vw, 49px); font-weight: 400; letter-spacing: -.06em; line-height: 1.3; }
.product-ritual-note h2 em { color: #ae6427; }
.product-ritual-note p:not(.eyebrow) { max-width: 510px; color: #78695b; font-size: 14px; line-height: 1.9; }
.product-ritual-note .text-link { margin-top: 10px; }
.related-products { padding-block: 90px 108px; background: linear-gradient(120deg, #f4ebda, #efe2cd); }

.about-story { padding-block: 104px; }
.about-story-grid { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(45px, 7vw, 96px); }
.about-story-photo { position: relative; aspect-ratio: .91; margin: 0; overflow: hidden; border: 8px solid rgba(255,249,236,.86); outline: 1px solid rgba(143,95,51,.3); box-shadow: 0 21px 54px rgba(62,38,22,.17); }
.about-story-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.about-story-photo:hover img { transform: scale(1.055); }
.about-story-photo figcaption { position: absolute; right: 20px; bottom: 20px; left: 20px; display: grid; gap: 8px; padding: 17px; color: #fff5e7; background: linear-gradient(100deg, rgba(47,25,18,.86), rgba(47,25,18,.25)); backdrop-filter: blur(5px); }
.about-story-photo figcaption span { color: #f2d4a1; font-size: 9px; font-weight: 700; letter-spacing: .15em; }
.about-story-photo figcaption strong { font-family: var(--display); font-size: 18px; font-weight: 400; line-height: 1.55; }
.about-story-copy h2 { font-size: clamp(40px, 4.5vw, 60px); }
.about-story-copy > p:not(.eyebrow) { font-size: 14px; line-height: 1.95; }
.about-ritual-gallery { padding-block: 97px 108px; background: #f2e7d4; }
.about-ritual-gallery .section-heading { margin-bottom: 36px; }
.about-ritual-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.about-ritual-grid figure { position: relative; min-height: 310px; margin: 0; overflow: hidden; background: #c9a47d; box-shadow: 0 15px 36px rgba(61,38,22,.13); }
.about-ritual-grid figure::after { position: absolute; inset: 35% 0 0; content: ''; background: linear-gradient(transparent, rgba(42,23,16,.76)); }
.about-ritual-grid img { position: absolute; width: 100%; height: 100%; object-fit: cover; transition: transform .65s ease; }
.about-ritual-grid figure:hover img { transform: scale(1.06); }
.about-ritual-grid figcaption { position: absolute; right: 19px; bottom: 20px; left: 19px; z-index: 1; display: grid; gap: 7px; color: #fff7e8; font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.about-ritual-grid figcaption span { color: #f2d4a1; font-family: var(--display); font-size: 13px; font-weight: 400; letter-spacing: 0; }
.about-fragrances { position: relative; overflow: hidden; background: linear-gradient(120deg, rgba(102,27,44,.97), rgba(55,18,28,.96)), url('../images/bagalmukhi/amber-evening.png') center 54% / cover; }
.about-fragrances::before { position: absolute; inset: 0; content: ''; background: url('../images/bagalmukhi/floral-repeat.svg') repeat; background-size: 190px; opacity: .08; }
.about-fragrance-inner { position: relative; }

.faq-section, .contact-section { padding-block: 88px 112px; background: linear-gradient(180deg, #fbf8f0, #f5ecdd); }
.faq-layout { grid-template-columns: minmax(260px,.7fr) minmax(0,1.3fr); gap: clamp(45px, 8vw, 102px); }
.faq-aside h2, .contact-aside h2 { font-size: clamp(40px, 4vw, 54px); }
.faq-aside > p:not(.eyebrow), .contact-aside > p:not(.eyebrow) { font-size: 14px; line-height: 1.9; }
.faq-item { transition: background .25s ease, padding .25s ease; }
.faq-item:hover { padding-inline: 12px; background: rgba(255,255,255,.4); }
.faq-item summary { min-height: 82px; }
.faq-item summary strong { font-size: 16px; }
.faq-number { font-size: 10px; }
.faq-answer p { font-size: 13px; }
.faq-aside-photo { position: relative; width: min(100%, 350px); height: 220px; margin: 28px 0 0; overflow: hidden; border: 6px solid rgba(255,250,240,.75); box-shadow: 0 14px 34px rgba(61,38,22,.13); }
.faq-aside-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.faq-aside-photo:hover img { transform: scale(1.06); }
.faq-aside-photo figcaption { position: absolute; right: 10px; bottom: 10px; left: 10px; padding: 10px 12px; color: white; background: rgba(57,27,20,.65); font-size: 8px; font-weight: 700; letter-spacing: .14em; }
.contact-grid { grid-template-columns: minmax(280px,.77fr) minmax(0,1.23fr); gap: clamp(42px, 7vw, 88px); }
.contact-note { max-width: 390px; padding: 20px; border-color: rgba(110,75,43,.2); background: rgba(255,255,255,.5); }
.contact-note strong { font-size: 14px; }
.contact-note p { font-size: 11px; }
.business-process { font-size: 12px; }
.inquiry-form { padding: 39px; border: 1px solid rgba(106,71,42,.2); background: rgba(255,253,247,.91); box-shadow: 0 19px 48px rgba(62,40,21,.1); }
.inquiry-form-heading h3 { font-size: 23px; }
.inquiry-form-heading p { font-size: 10px; }
.form-field { font-size: 11px; }
.form-field input, .form-field textarea { min-height: 47px; border-radius: 2px; font-size: 13px; }
.form-field textarea { min-height: 132px; }
.inquiry-form-submit > small { font-size: 10px; }
.enquiry-visual { position: relative; width: min(100%, 390px); height: 215px; margin: 27px 0 0; overflow: hidden; border: 6px solid rgba(255,250,240,.75); box-shadow: 0 15px 36px rgba(61,38,22,.14); }
.enquiry-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.enquiry-visual:hover img { transform: scale(1.06); }
.enquiry-visual figcaption { position: absolute; right: 10px; bottom: 10px; left: 10px; padding: 11px 12px; color: white; background: rgba(55,26,20,.67); font-size: 8px; font-weight: 700; letter-spacing: .12em; }
.business-form-section { padding-top: 82px; }
.bulk-callout { padding: 18px; border: 1px solid rgba(110,75,43,.18); background: linear-gradient(120deg, rgba(246,231,205,.78), rgba(255,250,239,.83)); }

/* Floral burgundy footer, inspired by the visual reference */
.site-footer { padding-top: 77px; background: linear-gradient(115deg, #671e2b 0%, #511724 50%, #3d1520 100%); }
.site-footer::before { position: absolute; inset: 0; content: ''; background-image: url('../images/bagalmukhi/floral-repeat.svg'); background-size: 220px; opacity: .1; pointer-events: none; }
.footer-ornament { top: -165px; right: 8%; border-color: rgba(237,195,133,.17); box-shadow: 0 0 0 23px rgba(227,174,104,.035), 0 0 0 52px rgba(227,174,104,.03); }
.footer-main { grid-template-columns: 1.12fr .76fr .9fr .94fr; gap: clamp(32px, 5vw, 68px); padding-bottom: 57px; }
.footer-brand-column > p { max-width: 335px; color: rgba(255,239,222,.75); font-size: 13px; line-height: 1.9; }
.footer-brand .brand-name strong { color: #fff0dd; font-size: 22px; }
.footer-brand .brand-name small { color: rgba(255,235,211,.65); font-size: 9px; }
.footer-brand .brand-seal { color: #e9bd7c; border-color: rgba(233,189,124,.52); background: rgba(255,239,210,.1); }
.footer-text-link { color: #f1c985; font-size: 11px; }
.footer-link-column, .footer-note { gap: 15px; }
.footer-heading { margin: 5px 0 9px; color: #edc27f; font-family: var(--display); font-size: 11px; font-weight: 400; letter-spacing: .16em; }
.footer-link-column a { color: rgba(255,239,222,.78); font-size: 12px; transition: color .2s ease, transform .2s ease; }
.footer-link-column a:hover { color: #fff8eb; transform: translateX(5px); }
.footer-note { min-height: 160px; }
.footer-note p { max-width: 250px; color: rgba(255,239,222,.79); font-size: 16px; line-height: 1.8; }
.footer-lotus { right: 14px; bottom: 9px; color: rgba(244,204,141,.72); font-size: 43px; animation: flower-breathe 6s ease-in-out infinite; }
.footer-bottom { min-height: 64px; border-top-color: rgba(255,238,214,.2); color: rgba(255,231,204,.63); font-size: 10px; }
.footer-bottom a { color: #f1cd93; }

/* Brief incense offering transition for each new page */
.ritual-loader { position: fixed; inset: 0; z-index: 2000; display: grid; align-content: center; justify-items: center; gap: 16px; overflow: hidden; color: #fff5e8; background: radial-gradient(ellipse at 50% 44%, #762738 0, #541b28 39%, #39151f 100%); opacity: 1; visibility: visible; transition: opacity .65s ease, visibility .65s ease; }
.ritual-loader::before { position: absolute; inset: 0; content: ''; background: url('../images/bagalmukhi/floral-repeat.svg') repeat; background-size: 230px; opacity: .12; }
.ritual-loader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.loader-stage { position: relative; z-index: 1; width: 170px; height: 195px; }
.loader-halo { position: absolute; top: 38px; left: 20px; width: 130px; height: 130px; border: 1px solid rgba(243,201,135,.24); border-radius: 50%; box-shadow: 0 0 0 12px rgba(243,201,135,.035), inset 0 0 35px rgba(236,188,116,.07); animation: halo-pulse 3.2s ease-in-out infinite; }
.loader-incense { position: absolute; z-index: 2; bottom: 57px; left: 84px; width: 2px; height: 104px; border-radius: 2px; background: linear-gradient(#e3bf89, #9f603c 80%, #e8a558); transform: rotate(13deg); transform-origin: bottom center; }
.loader-incense::after { position: absolute; top: -4px; left: -2px; width: 6px; height: 6px; content: ''; border-radius: 50%; background: #ffd591; box-shadow: 0 0 12px 4px rgba(251,190,107,.64); }
.loader-burner { position: absolute; bottom: 21px; left: 50px; z-index: 3; width: 69px; height: 34px; border: 1px solid #e5be7e; border-radius: 7px 7px 24px 24px; background: linear-gradient(135deg, #a75e3e, #5e2730 75%); box-shadow: 0 11px 20px rgba(20,9,11,.28), inset 0 2px 5px rgba(255,228,174,.34); }
.loader-burner::before { position: absolute; top: -5px; left: -5px; width: 77px; height: 7px; content: ''; border: 1px solid #e4c58c; border-radius: 50%; background: #6f3334; }
.loader-burner i { position: absolute; top: 10px; left: 31px; width: 7px; height: 7px; border: 1px solid rgba(255,231,186,.65); border-radius: 50%; }
.loader-smoke { position: absolute; z-index: 1; bottom: 81px; left: 78px; width: 27px; height: 78px; border: 2px solid rgba(255,247,231,.76); border-right-color: transparent; border-bottom-color: transparent; border-radius: 50%; filter: blur(2px); transform: rotate(28deg); animation: loader-smoke-rise 3.5s ease-in-out infinite; }
.loader-smoke-two { left: 62px; bottom: 87px; height: 94px; transform: rotate(-23deg); animation-delay: -1.2s; opacity: .62; }
.loader-smoke-three { left: 92px; bottom: 93px; height: 66px; transform: rotate(42deg); animation-delay: -2.2s; opacity: .48; }
.loader-brand { position: relative; z-index: 1; display: grid; justify-items: center; gap: 10px; text-align: center; }
.loader-brand strong { color: #fff1dc; font-family: var(--devanagari); font-size: 27px; font-weight: 600; letter-spacing: .04em; }
.loader-brand span { color: #e6bd81; font-family: var(--devanagari); font-size: 12px; letter-spacing: .08em; }
@keyframes loader-smoke-rise { 0%,100% { opacity: .2; translate: 0 8px; scale: .78; } 45% { opacity: .86; translate: 8px -18px; scale: 1.04; } }
@keyframes smoke-rise { 0%,100% { opacity: .16; transform: translateY(7px) scale(.86); } 50% { opacity: .48; transform: translateY(-21px) scale(1.12); } }
@keyframes halo-pulse { 0%,100% { transform: scale(.96); opacity: .65; } 50% { transform: scale(1.04); opacity: 1; } }

@media (max-width: 1120px) {
    .header-inner { gap: 16px; }
    .primary-navigation { gap: 10px; }
    .primary-navigation > a:not(.nav-bulk), .nav-dropdown-trigger { font-size: 10px; }
    .primary-navigation > a.nav-bulk { height: 43px; min-height: 43px; padding-inline: 12px; font-size: 9px; }
    .footer-main { gap: 32px; }
}
@media (max-width: 900px) {
    .primary-navigation { background: #faf6ed; }
    .primary-navigation > a:not(.nav-bulk), .nav-dropdown-trigger { font-size: 13px; }
    .primary-navigation > a.nav-bulk { height: 46px; min-height: 46px; font-size: 10px; }
    .page-hero::before { right: 3%; width: 47%; opacity: .66; }
    .page-hero-inner > * { max-width: 54%; }
    .page-hero h1 { font-size: clamp(48px, 6vw, 66px); }
    .fragrance-hero-grid { grid-template-columns: minmax(0,1fr) 280px; gap: 32px; }
    .fragrance-hero-photo { width: 280px; }
    .product-detail-image { min-height: 500px; }
    .product-ritual-note { gap: 32px; }
    .footer-main { grid-template-columns: 1.2fr 1fr 1fr; }
    .footer-note { grid-column: 1/-1; min-height: 90px; }
}
@media (max-width: 640px) {
    .announcement-bar { min-height: 32px; font-size: 8px; }
    .header-inner { min-height: 74px; }
    .brand-seal { width: 42px; height: 42px; }
    .brand-name strong { font-size: 18px; }
    .hero-copy h1 { font-size: clamp(48px, 12vw, 61px); }
    .hero-lead { font-size: 13px; }
    .hero-visual { padding: 11px; }
    .fragrance-carousel { min-height: 345px; }
    .hero-slide-label { min-width: 160px; padding: 12px; }
    .hero-slide-label strong { font-size: 18px; }
    .section { padding-block: 70px; }
    .section-heading { margin-bottom: 29px; }
    .section-heading h2, .devotion-story-copy h2 { font-size: clamp(38px, 10vw, 50px); }
    .section-heading-aside p, .devotion-story-copy > p:not(.eyebrow) { font-size: 13px; }
    .fragrance-tile { min-height: 300px; }
    .tile-copy strong { font-size: 21px; }
    .product-card-copy { padding: 15px 13px; }
    .product-card h3 { font-size: 15px; }
    .product-card-copy > p { font-size: 10px; }
    .ritual-moments { padding-block: 74px; }
    .ritual-moment h3 { font-size: 19px; }
    .story-band { min-height: 0; padding-block: 74px; }
    .story-content h2, .business-band h2 { font-size: clamp(39px, 10vw, 50px); }
    .business-band { padding-block: 75px; }
    .page-hero { min-height: 420px; padding: 66px 0 48px; }
    .page-hero::before { inset: auto 0 0 auto; width: 100%; height: 45%; border: 0; border-radius: 0; background-position: center 46%; opacity: .32; }
    .page-hero::after { right: 20%; bottom: 12%; }
    .page-hero-inner { width: calc(100% - 40px); }
    .page-hero-inner > * { max-width: 100%; }
    .page-hero h1 { max-width: 100%; font-size: clamp(43px, 11vw, 58px); }
    .page-hero p:not(.eyebrow) { max-width: 100%; font-size: 13px; }
    .page-hero-photo-note { right: 20px; bottom: 18px; max-width: 75%; font-size: 7px; }
    .page-hero-cream .page-hero-photo-note { color: #fff9ef; }
    .breadcrumbs { font-size: 10px; }
    .catalogue-section { padding-block: 42px 72px; }
    .filter-chip { min-height: 37px; font-size: 10px; }
    .fragrance-hero { padding-block: 45px 56px; }
    .fragrance-hero-grid { grid-template-columns: 1fr; gap: 29px; }
    .fragrance-hero-copy .breadcrumbs { margin-bottom: 24px; }
    .fragrance-hero h1 { font-size: 47px; }
    .fragrance-hero-copy > p:not(.eyebrow) { font-size: 13px; }
    .fragrance-hero-photo { width: min(100%, 360px); aspect-ratio: 1.15/1; }
    .product-breadcrumbs { padding-top: 19px; font-size: 9px; }
    .product-detail-grid { gap: 28px; padding-top: 25px; padding-bottom: 40px; }
    .product-detail-image { min-height: 0; aspect-ratio: .94; border-width: 6px; }
    .product-detail-copy h1 { font-size: 39px; }
    .product-detail-intro { font-size: 15px; }
    .product-description { font-size: 13px; }
    .product-ritual-note { grid-template-columns: 1fr; gap: 22px; margin-bottom: 56px; padding: 13px; }
    .product-ritual-note figure { height: 220px; }
    .product-ritual-note h2 { font-size: 37px; }
    .product-ritual-note p:not(.eyebrow) { font-size: 13px; }
    .about-story { padding-block: 67px; }
    .about-story-grid { grid-template-columns: 1fr; gap: 35px; }
    .about-story-photo { width: 100%; aspect-ratio: .92; }
    .about-story-photo figcaption strong { font-size: 15px; }
    .about-story-copy h2 { font-size: 39px; }
    .about-story-copy > p:not(.eyebrow) { font-size: 13px; }
    .about-ritual-gallery { padding-block: 70px; }
    .about-ritual-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .about-ritual-grid figure { min-height: 235px; }
    .about-ritual-grid figure:first-child { grid-column: 1/-1; min-height: 290px; }
    .about-ritual-grid figcaption { right: 12px; bottom: 13px; left: 12px; font-size: 7px; }
    .about-ritual-grid figcaption span { font-size: 11px; }
    .about-fragrances { padding-block: 67px; }
    .faq-section, .contact-section { padding-block: 58px 72px; }
    .faq-layout, .contact-grid { grid-template-columns: 1fr; gap: 29px; }
    .faq-aside h2, .contact-aside h2 { font-size: 40px; }
    .faq-aside > p:not(.eyebrow), .contact-aside > p:not(.eyebrow) { font-size: 13px; }
    .faq-aside-photo, .enquiry-visual { height: 200px; }
    .faq-item summary { grid-template-columns: 28px 1fr 20px; gap: 10px; min-height: 72px; }
    .faq-item summary strong { font-size: 13px; }
    .faq-answer { padding-left: 38px; }
    .faq-answer p { font-size: 12px; }
    .contact-aside { position: relative; top: auto; }
    .inquiry-form { padding: 24px 18px; }
    .inquiry-form-heading h3 { font-size: 19px; }
    .form-grid { gap: 13px 10px; }
    .form-field { font-size: 10px; }
    .form-field input, .form-field textarea { min-height: 44px; font-size: 12px; }
    .inquiry-form-submit { align-items: stretch; flex-direction: column; }
    .inquiry-form-submit .button { width: 100%; }
    .footer-main { grid-template-columns: 1fr 1fr; gap: 29px 19px; padding-bottom: 34px; }
    .footer-brand-column { grid-column: 1/-1; }
    .footer-brand-column > p { font-size: 12px; }
    .footer-heading { font-size: 9px; }
    .footer-link-column a { font-size: 11px; }
    .footer-note { grid-column: 1/-1; min-height: 77px; }
    .footer-note p { font-size: 14px; }
    .footer-bottom { align-items: flex-start; flex-direction: column; gap: 8px; padding-block: 15px; font-size: 9px; }
    .loader-brand strong { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) {
    .loader-smoke, .loader-halo, .page-hero::after, .footer-lotus { animation: none !important; }
}

/* Distinct photo stories for each page, plus more room for the home story */
.page-hero { background-color: #f6efe2; background-image: none; }
.page-hero-cream { background-image: linear-gradient(110deg, #fbf7ed, #eee0c5); }
.page-hero-maroon { background-image: linear-gradient(115deg, #641f2d, #3c1420); }
.page-hero-catalogue::before { background-image: linear-gradient(90deg, rgba(250,246,237,.9), rgba(250,246,237,.02) 54%), url('../images/bagalmukhi/home-botanicals.png'); }
.page-hero-about::before { background-image: linear-gradient(90deg, rgba(94,27,43,.8), rgba(64,19,31,.04) 57%), url('../images/bagalmukhi/temple-offering.png'); }
.page-hero-faq::before { background-image: linear-gradient(90deg, rgba(250,246,237,.83), rgba(250,246,237,.02) 53%), url('../images/bagalmukhi/faq-counter.png'); }
.page-hero-contact::before { background-image: linear-gradient(90deg, rgba(94,27,43,.73), rgba(64,19,31,.04) 57%), url('../images/bagalmukhi/contact-enquiry.png'); }
.page-hero-bulk::before { background-image: linear-gradient(90deg, rgba(94,27,43,.76), rgba(64,19,31,.02) 57%), url('../images/bagalmukhi/bulk-dispatch.png'); }
.page-hero-wholesale { background-image: linear-gradient(112deg, #fbf5e9, #eee0c5); }
.page-hero-wholesale::before { border: 0; background-image: url('../images/bagalmukhi/floral-repeat.svg'); background-size: 220px; opacity: .2; box-shadow: none; }
.page-hero-photo-note { letter-spacing: .2em; }
.page-hero-contact .page-hero-photo-note, .page-hero-bulk .page-hero-photo-note { color: #fff8ec; }
.story-band { background: radial-gradient(ellipse at 85% 18%, rgba(194,122,46,.21), transparent 32%), linear-gradient(118deg, #651d2b, #3d1420 78%); }
.home-welcome-stories { padding-block: 110px; background: #fbf7ee; }
.home-welcome-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 19px; }
.home-welcome-card { position: relative; min-height: 400px; overflow: hidden; background: #6b3d2a; box-shadow: 0 17px 42px rgba(54,34,21,.13); isolation: isolate; }
.home-welcome-main { min-height: 500px; }
.home-welcome-card::after { position: absolute; z-index: 0; inset: 28% 0 0; content: ''; background: linear-gradient(180deg, transparent, rgba(39,21,16,.83)); }
.home-welcome-card img { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; transition: transform .75s cubic-bezier(.2,.8,.2,1); }
.home-welcome-card:hover img { transform: scale(1.06); }
.home-welcome-card > div { position: absolute; right: 28px; bottom: 27px; left: 28px; z-index: 1; color: #fff6e9; }
.home-welcome-card > div > span { color: #f1c987; font-size: 9px; font-weight: 700; letter-spacing: .17em; }
.home-welcome-card h3 { max-width: 540px; margin: 10px 0 6px; font-family: var(--display); font-size: clamp(23px, 2.7vw, 37px); font-weight: 400; line-height: 1.35; }
.home-welcome-card p { max-width: 475px; margin: 0; color: rgba(255,245,227,.82); font-size: 13px; line-height: 1.8; }
.home-welcome-nature h3 { font-size: clamp(21px, 2.3vw, 30px); }
.home-order-guide { padding-block: 100px; background: linear-gradient(115deg, #efe2cf, #f8f0e2); }
.home-order-steps { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); border: 1px solid rgba(110,75,43,.18); background: rgba(255,251,243,.66); }
.home-order-steps article { display: flex; gap: 20px; min-height: 205px; padding: 28px; border-right: 1px solid rgba(110,75,43,.16); transition: background .25s ease, transform .25s ease; }
.home-order-steps article:last-child { border-right: 0; }
.home-order-steps article:hover { position: relative; z-index: 1; background: #fffaf0; transform: translateY(-4px); }
.home-order-steps article > span { color: #ad7640; font-family: var(--display); font-size: 23px; }
.home-order-steps article h3 { margin: 0 0 8px; color: #4c2c26; font-family: var(--display); font-size: 19px; font-weight: 400; }
.home-order-steps article p { margin: 0 0 14px; color: #7b6957; font-size: 12px; line-height: 1.8; }
.home-order-steps article a { color: #702433; font-size: 11px; font-weight: 700; }
.home-order-steps article a i { margin-left: 5px; font-style: normal; transition: margin .2s ease; }
.home-order-steps article a:hover i { margin-left: 10px; }
.faq-help-card, .contact-whatsapp-card { display: flex; align-items: flex-start; gap: 13px; max-width: 370px; margin-top: 25px; padding: 17px; border: 1px solid rgba(110,75,43,.18); background: linear-gradient(130deg, rgba(244,228,202,.75), rgba(255,251,242,.88)); }
.faq-help-card > span, .contact-whatsapp-card > span { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; color: #f5e7d1; border-radius: 50%; background: #682332; }
.faq-help-card > div, .contact-whatsapp-card > div { display: grid; gap: 6px; }
.faq-help-card strong, .contact-whatsapp-card strong { color: #4d2c24; font-family: var(--display); font-size: 13px; font-weight: 400; }
.faq-help-card p { margin: 0; color: #7e6d5c; font-size: 10px; line-height: 1.7; }
.faq-help-card a { color: #712635; font-size: 10px; font-weight: 700; }
.faq-help-card a i { margin-left: 5px; font-style: normal; }
.contact-whatsapp-card { align-items: center; color: inherit; transition: transform .25s ease, box-shadow .25s ease; }
.contact-whatsapp-card:hover { transform: translateY(-4px); box-shadow: 0 12px 26px rgba(62,38,22,.11); }
.contact-whatsapp-card small { color: #87745f; font-size: 10px; }
.contact-whatsapp-card > i { margin-left: auto; color: #a76d34; font-size: 16px; font-style: normal; }
.wholesale-truck { position: relative; width: min(100%, 540px); aspect-ratio: 1.56; margin: 28px 0 0; overflow: hidden; border: 7px solid rgba(255,249,237,.82); outline: 1px solid rgba(132,82,43,.28); background: #5b2430; box-shadow: 0 19px 46px rgba(56,34,21,.17); }
.wholesale-truck img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .65s ease; }
.wholesale-truck:hover img { transform: scale(1.035); }
.truck-brand-lockup { position: absolute; top: 38%; left: 25%; display: grid; width: 41%; justify-items: center; gap: 5px; padding: 7px 5px; color: #f5dfb5; border-top: 1px solid rgba(245,210,150,.85); border-bottom: 1px solid rgba(245,210,150,.85); text-align: center; text-shadow: 0 2px 5px rgba(30,11,15,.65); transform: rotate(-1deg); }
.truck-brand-lockup strong { font-family: var(--devanagari); font-size: clamp(11px, 1.6vw, 17px); font-weight: 700; white-space: nowrap; }
.truck-brand-lockup small { font-size: clamp(5px, .72vw, 8px); font-weight: 700; letter-spacing: .14em; }
.wholesale-truck figcaption { position: absolute; right: 11px; bottom: 10px; padding: 7px 9px; color: #fff5e7; background: rgba(48,21,23,.72); font-size: 7px; font-weight: 700; letter-spacing: .14em; }
.bulk-response-card { display: flex; gap: 13px; margin-top: 22px; padding-top: 17px; border-top: 1px solid rgba(110,75,43,.18); }
.bulk-response-card > span { color: #ad7640; font-family: var(--display); font-size: 16px; }
.bulk-response-card p { display: grid; gap: 5px; margin: 0; }
.bulk-response-card strong { color: #4e3027; font-family: var(--display); font-size: 13px; font-weight: 400; }
.bulk-response-card small { color: #83715f; font-size: 10px; line-height: 1.7; }
@media (max-width: 900px) {
    .home-welcome-grid { grid-template-columns: 1fr 1fr; }
    .home-welcome-main { min-height: 405px; }
    .home-welcome-card { min-height: 360px; }
    .home-order-steps article { gap: 13px; padding: 21px 16px; }
}
@media (max-width: 640px) {
    .home-welcome-stories, .home-order-guide { padding-block: 70px; }
    .home-welcome-grid { grid-template-columns: 1fr; gap: 12px; }
    .home-welcome-main, .home-welcome-card { min-height: 335px; }
    .home-welcome-card > div { right: 18px; bottom: 18px; left: 18px; }
    .home-welcome-card h3 { font-size: 25px; }
    .home-welcome-card p { font-size: 12px; }
    .home-order-steps { grid-template-columns: 1fr; }
    .home-order-steps article { min-height: 0; padding: 18px; border-right: 0; border-bottom: 1px solid rgba(110,75,43,.16); }
    .home-order-steps article:last-child { border-bottom: 0; }
    .home-order-steps article h3 { font-size: 17px; }
    .wholesale-truck { width: 100%; aspect-ratio: 1.45; }
    .truck-brand-lockup { left: 24%; top: 37%; width: 43%; padding-block: 4px; }
    .truck-brand-lockup strong { font-size: 12px; }
    .truck-brand-lockup small { font-size: 5px; }
    .faq-help-card, .contact-whatsapp-card { max-width: none; }
}

/* Product-in-use campaign scenes for the home hero carousel */
.hero-visual-top span:first-child b { color: var(--maroon); font-weight: 700; letter-spacing: .09em; }
.fragrance-carousel { height: auto; min-height: 0; aspect-ratio: 4 / 3; background: #e7d6ba; }
.hero-product-link { overflow: hidden; background: #e7d6ba; }
.hero-product-link::after { position: absolute; inset: 0; content: ''; background: linear-gradient(180deg, rgba(39,20,14,.08), transparent 20%, transparent 76%, rgba(39,20,14,.16)); pointer-events: none; }
.hero-scene-image { width: 100%; height: 100%; object-fit: cover; transition: transform 7s cubic-bezier(.2,.8,.2,1), filter .4s ease; }
.fragrance-slide.is-active .hero-scene-image { transform: scale(1.025); }
.hero-product-link:hover .hero-scene-image { transform: scale(1.075); filter: saturate(1.04); }
@media (max-width: 640px) {
    .fragrance-carousel { aspect-ratio: 1.25 / 1; }
}
@media (max-width: 900px) {
    .hero-visual-top { gap: 8px; font-size: 7px; letter-spacing: .1em; }
    .hero-visual-top > span:first-child, .hero-count { white-space: nowrap; }
    .hero-visual-top > span:first-child { gap: 5px; }
}
@media (prefers-reduced-motion: reduce) {
    .fragrance-slide, .hero-scene-image { transition: none !important; transform: none !important; }
}

/* Editorial home hero typography and responsive polish */
.home-hero {
    background-image: radial-gradient(ellipse at 76% 10%, rgba(202,151,80,.18), transparent 29%), radial-gradient(ellipse at 9% 83%, rgba(141,68,44,.07), transparent 34%), linear-gradient(118deg, #fcf8ef 0%, #f7eddc 52%, #edddc2 100%);
}
.hero-grid { grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr); gap: clamp(38px, 6vw, 92px); }
.hero-copy h1.hero-title {
    max-width: none;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: clamp(78px, 7.4vw, 106px);
    font-weight: 600;
    letter-spacing: -.055em;
    line-height: .82;
}
.hero-title span, .hero-title em {
    display: block;
    width: max-content;
    max-width: 100%;
    white-space: nowrap;
    animation: hero-line-in .72s cubic-bezier(.2,.8,.2,1) both;
}
.hero-title span:first-child { color: #714b3b; font-size: .72em; letter-spacing: -.035em; animation-delay: .03s; }
.hero-title span:nth-child(2) { color: #432520; font-size: .92em; letter-spacing: -.05em; animation-delay: .14s; }
.hero-copy h1.hero-title em { margin-left: .04em; color: #ad6428; font-size: 1.1em; font-style: italic; font-weight: 600; letter-spacing: -.065em; line-height: .98; animation-delay: .25s; }
.hero-copy .eyebrow { margin-bottom: 24px; }
.hero-lead { max-width: 475px; margin-top: 26px; }
.brand-lockup { gap: 13px; min-width: 218px; }
.brand-seal { width: 53px; height: 53px; }
.brand-seal svg { width: 32px; height: 32px; }
.brand-name strong { font-size: 21px; }
.brand-name small { font-size: 8px; letter-spacing: .21em; }
@keyframes hero-line-in { from { opacity: 0; transform: translateY(13px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 1120px) {
    .hero-grid { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 36px; }
    .hero-copy h1.hero-title { font-size: clamp(68px, 7.8vw, 88px); }
}
@media (max-width: 900px) {
    .hero-grid { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 28px; }
    .hero-copy h1.hero-title { font-size: clamp(62px, 8vw, 76px); }
    .hero-lead { margin-top: 22px; }
    .brand-lockup { min-width: 185px; }
    .brand-seal { width: 47px; height: 47px; }
    .brand-seal svg { width: 29px; height: 29px; }
    .brand-name strong { font-size: 19px; }
}
@media (max-width: 640px) {
    .home-hero { background-image: radial-gradient(ellipse at 82% 9%, rgba(202,151,80,.2), transparent 32%), linear-gradient(145deg, #fcf8ef 0%, #f5ead6 100%); }
    .hero-grid { grid-template-columns: minmax(0, 1fr); gap: 34px; padding-top: 39px; padding-bottom: 58px; }
    .hero-copy h1.hero-title { font-size: clamp(62px, 15.4vw, 80px); line-height: .84; }
    .hero-title span:first-child { font-size: .74em; }
    .hero-title span:nth-child(2) { font-size: .9em; }
    .hero-copy h1.hero-title em { font-size: 1.08em; }
    .hero-copy .eyebrow { max-width: 100%; margin-bottom: 19px; font-size: 8px; }
    .hero-lead { margin-top: 21px; }
    .brand-lockup { gap: 9px; }
    .brand-seal { width: 43px; height: 43px; }
    .brand-seal svg { width: 27px; height: 27px; }
    .brand-name strong { font-size: 17px; }
    .brand-name small { font-size: 7px; }
}
@media (max-width: 380px) {
    .hero-copy h1.hero-title { font-size: 58px; }
    .hero-grid { gap: 29px; }
}
@media (prefers-reduced-motion: reduce) {
    .hero-title span, .hero-title em { animation: none; }
}
/* Compact light navigation and a temple-arch editorial hero */
.site-header { background: rgba(250,246,237,.98); border-bottom: 1px solid rgba(92,55,31,.14); }
.site-header .header-inner { min-height: 86px; }
.brand-lockup { min-width: 0; gap: 0; flex: 0 0 auto; padding: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.brand-logo { display: block; width: 112px; height: auto; flex: 0 0 auto; object-fit: contain; filter: none; }
.site-header .primary-navigation { gap: clamp(12px,1.35vw,21px); }
.site-header .primary-navigation > a:not(.nav-bulk), .site-header .nav-dropdown-trigger { color: #554438; font-size: 11px; }
.site-header .primary-navigation > a:not(.nav-bulk):hover, .site-header .nav-dropdown-trigger:hover, .site-header .primary-navigation .is-active { color: #792c2d; }
.site-header .nav-toggle { border-color: rgba(92,55,31,.26); }
.site-header .nav-toggle > span:not(.sr-only) { background: #60282a; }
.site-header .primary-navigation > a.nav-bulk { color: #fff6e8; border-color: #6a2931; background: linear-gradient(130deg,#702934,#4d1b22); box-shadow: 0 5px 13px rgba(74,24,34,.12); }
.site-header .primary-navigation > a.nav-bulk::after { color: #f5dcad; border-color: rgba(245,220,173,.54); }
.site-header .primary-navigation > a.nav-bulk:hover { color: #fff9ef; background: linear-gradient(130deg,#873642,#5a202a); }
.home-hero { position: relative; min-height: 0; overflow: hidden; isolation: isolate; background: linear-gradient(112deg,#fbf7ed 0%,#f4ead8 55%,#eee0c7 100%); }
.container.hero-grid { width: 100%; max-width: none; min-height: 682px; margin: 0; padding: 0; grid-template-columns: minmax(0,.91fr) minmax(0,1.09fr); gap: 0; }
.hero-copy { align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: 50px clamp(30px,5.4vw,78px) 74px; }
.hero-copy .eyebrow { margin-bottom: 25px; color: #997042; font-size: 9px; }
.hero-copy .eyebrow-mark { color: #b87832; }
.hero-copy h1.hero-title { color: #482622; font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(78px,7.2vw,104px); font-weight: 600; letter-spacing: -.055em; line-height: .81; }
.hero-title span:first-child { color: #72503d; font-size: .72em; }
.hero-title span:nth-child(2) { color: #482622; font-size: .91em; }
.hero-copy h1.hero-title em { margin-left: .06em; color: #b06e2f; font-size: 1.1em; font-style: italic; font-weight: 600; }
.hero-lead { max-width: 430px; margin: 26px 0 27px; color: #766354; font-size: 14px; line-height: 1.9; }
.hero-footnote { margin-top: 37px; color: #947d64; }
.hero-footnote b, .footnote-devanagari { color: #a66c31; }
.home-hero .button-maroon { color: #fff6ea; border-color: #632530; background: linear-gradient(135deg,#752d38,#4f1c23); box-shadow: 0 10px 23px rgba(71,26,30,.16); }
.home-hero .button-maroon:hover { background: linear-gradient(135deg,#8a3b43,#62252b); }
.home-hero .button-outline { color: #612931; border-color: rgba(97,41,49,.31); background: rgba(255,250,240,.28); }
.home-hero .button-outline:hover { color: #fff8ec; border-color: #612931; background: #612931; }
.hero-visual { align-self: center; width: auto; max-width: none; height: clamp(440px,45vw,610px); margin: 30px clamp(22px,4.4vw,64px) 30px 24px; padding: 0; overflow: hidden; border: 1px solid rgba(170,121,61,.62); border-radius: 50% 50% 3px 3px / 30% 30% 3px 3px; background: #4b261a; box-shadow: 0 23px 58px rgba(69,42,23,.2), inset 0 0 0 6px rgba(255,249,231,.65); animation: hero-rise .85s .14s both; }
.hero-visual::before { position: absolute; z-index: 3; inset: 8px; width: auto; height: auto; content: ''; border: 1px solid rgba(252,224,169,.55); border-radius: inherit; opacity: .8; pointer-events: none; }
.hero-visual::after { display: none; }
.hero-visual-top { position: absolute; top: 25px; right: 25px; left: 25px; z-index: 4; justify-content: space-between; gap: 12px; padding: 9px 12px; color: #fff4df; border: 1px solid rgba(250,222,172,.28); border-radius: 30px; background: rgba(46,22,17,.56); backdrop-filter: blur(7px); font-size: 8px; letter-spacing: .12em; }
.hero-visual-top i { background: #e7b45f; box-shadow: 0 0 0 4px rgba(231,180,95,.18); }
.hero-visual-top span:first-child { min-width: 0; }
.hero-visual-top span:first-child b { color: #fff1d5; }
.hero-count, .hero-count b { color: #f4d59e; }
.fragrance-carousel { width: 100%; height: 100%; min-height: 0; aspect-ratio: auto; background: #5a3424; }
.hero-scene-image { object-position: center 52%; }
.hero-product-link::after { background: linear-gradient(180deg,rgba(38,17,13,.12),transparent 24%,transparent 60%,rgba(30,13,13,.7)); }
.hero-visual-bottom { position: absolute; right: 0; bottom: 0; left: 0; z-index: 4; min-height: 92px; align-items: flex-end; padding: 34px 29px 25px; color: #fff4df; border: 0; background: linear-gradient(180deg,transparent,rgba(31,13,13,.78)); }
.carousel-caption { max-width: 58%; color: #fff0d5; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 18px; font-weight: 600; }
.carousel-controls { gap: 10px; }
.carousel-controls > button { color: #fff2d9; border-color: rgba(255,235,197,.64); background: rgba(39,17,13,.24); }
.carousel-controls > button:hover { color: #4b211e; background: #f2d59d; }
.carousel-dots button { background: rgba(255,239,208,.65); }
.carousel-dots button.is-active { background: #edbc68; }
.hero-corner-note { display: none; }
.hero-scroll { left: clamp(24px,4vw,58px); color: #997b5d; }
.hero-atmosphere { position: absolute; z-index: 2; inset: 0; overflow: hidden; pointer-events: none; clip-path: inset(0 0 0 47%); }
.hero-smoke-art { top: 0; right: 0; left: auto; width: 64%; height: 100%; opacity: .5; mix-blend-mode: multiply; }
.hero-smoke-art path { stroke: rgba(145,101,55,.3); stroke-width: 2; filter: blur(2px); opacity: .055; }
.hero-smoke-art path:nth-child(2) { opacity: .04; }
.hero-smoke-art path:nth-child(3) { opacity: .055; }
.hero-smoke-art path:nth-child(4) { opacity: .04; }
.site-footer { isolation: isolate; }
.site-footer::before { z-index: -1; }
.footer-incense { position: absolute; z-index: 0; top: 12px; right: 4.5%; width: 86px; height: 132px; opacity: .72; pointer-events: none; }
.footer-incense svg { display: block; width: 100%; height: 100%; overflow: visible; }
.footer-incense .footer-smoke { fill: none; stroke: rgba(255,233,192,.72); stroke-width: 2.2; stroke-linecap: round; filter: blur(.7px); animation: footer-smoke-drift 6s ease-in-out infinite; transform-box: fill-box; transform-origin: center bottom; }
.footer-incense .footer-smoke-two { animation-delay: -2.8s; opacity: .68; }
.footer-incense .footer-stick { fill: none; stroke: #d9ae68; stroke-width: 3; stroke-linecap: round; }
.footer-incense .footer-ember { fill: #f29a4e; stroke: #ffe0a4; stroke-width: 1; filter: drop-shadow(0 0 5px #ffb64d); }
.footer-incense .footer-holder { fill: rgba(215,165,88,.16); stroke: #c9984e; stroke-width: 1.5; }
.footer-incense .footer-holder-rim { fill: rgba(235,196,127,.12); stroke: #e1bb75; stroke-width: 1.5; }
.footer-main, .footer-bottom { position: relative; z-index: 1; }
@keyframes footer-smoke-drift { 0%,100% { transform: translate(0,0) rotate(-2deg); opacity: .2; } 50% { transform: translate(7px,-12px) rotate(4deg); opacity: .78; } }
@media (max-width: 900px) { .footer-incense { right: 3%; opacity: .52; } }
@media (max-width: 640px) { .footer-incense { top: 0; right: 4%; width: 58px; height: 96px; opacity: .5; } }
@media (prefers-reduced-motion: reduce) { .footer-incense .footer-smoke { animation: none !important; } }
@media (max-width: 1120px) {
    .site-header .primary-navigation { gap: 10px; }
    .site-header .primary-navigation > a:not(.nav-bulk), .site-header .nav-dropdown-trigger { font-size: 10px; }
    .container.hero-grid { grid-template-columns: minmax(0,.91fr) minmax(0,1.09fr); min-height: 620px; }
    .hero-copy { padding-right: 36px; padding-left: 42px; }
    .hero-copy h1.hero-title { font-size: clamp(68px,7.5vw,82px); }
    .hero-visual { height: clamp(420px,48vw,550px); margin-right: 30px; margin-left: 16px; }
}
@media (max-width: 900px) {
    .site-header .header-inner { min-height: 82px; }
    .brand-logo { width: 104px; }
    .site-header .primary-navigation { background: #fbf6ec; }
    .site-header .primary-navigation > a:not(.nav-bulk), .site-header .nav-dropdown-trigger { color: #554438; }
    .site-header .primary-navigation > a:not(.nav-bulk):hover, .site-header .nav-dropdown-trigger:hover, .site-header .primary-navigation .is-active { color: #792c2d; }
    .container.hero-grid { min-height: 590px; grid-template-columns: minmax(0,.93fr) minmax(0,1.07fr); }
    .hero-copy { padding: 44px 30px 68px 36px; }
    .hero-copy h1.hero-title { font-size: clamp(58px,7.6vw,70px); }
    .hero-lead { margin-top: 21px; font-size: 12px; }
    .hero-actions { gap: 8px; }
    .hero-actions .button { min-height: 49px; padding-inline: 14px; gap: 11px; font-size: 9px; }
    .hero-visual { height: 470px; margin-right: 20px; margin-left: 10px; }
    .hero-visual-top { top: 20px; right: 17px; left: 17px; gap: 6px; padding: 8px 10px; font-size: 7px; }
    .hero-visual-bottom { gap: 8px; padding: 31px 19px 21px; }
    .carousel-caption { font-size: 15px; }
}
@media (max-width: 640px) {
    .site-header .header-inner { width: calc(100% - 30px); min-height: 76px; gap: 12px; }
    .brand-logo { width: 98px; }
    .container.hero-grid { min-height: 0; grid-template-columns: minmax(0,1fr); }
    .hero-copy { padding: 43px 24px 30px; }
    .hero-copy .eyebrow { margin-bottom: 18px; font-size: 8px; letter-spacing: .15em; }
    .hero-copy h1.hero-title { font-size: clamp(60px,15.2vw,74px); line-height: .84; }
    .hero-title span:first-child { font-size: .72em; }
    .hero-title span:nth-child(2) { font-size: .9em; }
    .hero-copy h1.hero-title em { font-size: 1.08em; }
    .hero-lead { margin: 21px 0 22px; font-size: 12px; }
    .hero-footnote { gap: 8px; margin-top: 25px; font-size: 7px; }
    .hero-visual { width: calc(100% - 36px); height: clamp(350px,108vw,420px); margin: 0 18px 45px; border-radius: 50% 50% 3px 3px / 25% 25% 3px 3px; }
    .hero-visual-top { top: 18px; right: 15px; left: 15px; font-size: 7px; }
    .hero-visual-bottom { min-height: 78px; padding: 28px 16px 18px; }
    .carousel-caption { max-width: 48%; font-size: 14px; }
    .carousel-controls { gap: 7px; }
    .carousel-controls > button { width: 26px; height: 26px; }
    .hero-scroll { display: none; }
    .hero-atmosphere { clip-path: inset(47% 0 0 0); } .hero-smoke-art { width: 100%; right: 0; opacity: .24; }
}
@media (max-width: 380px) {
    .hero-copy { padding-right: 19px; padding-left: 19px; }
    .hero-copy h1.hero-title { font-size: 58px; }
    .hero-actions .button { gap: 8px; padding-inline: 10px; font-size: 8px; }
    .hero-visual { width: calc(100% - 28px); margin-inline: 14px; }
}
@media (prefers-reduced-motion: reduce) { .hero-smoke-art path, .footer-incense .footer-smoke { animation: none !important; }
}

/* Hero refresh: readable headline and an unclipped campaign frame */
.home-hero {
    overflow: hidden;
    background: radial-gradient(ellipse at 79% 10%, rgba(190,145,77,.13), transparent 35%), linear-gradient(112deg, #fcf8ef 0%, #f5ecd9 56%, #efe2cb 100%);
}
.container.hero-grid {
    min-height: 660px;
    grid-template-columns: minmax(0,.94fr) minmax(0,1.06fr);
}
.hero-copy {
    padding: 58px clamp(28px,5.2vw,74px) 70px;
}
.hero-copy .eyebrow {
    margin-bottom: 22px;
    color: #8d6539;
    font-size: 9px;
    letter-spacing: .16em;
}
.hero-copy h1.hero-title {
    max-width: 100%;
    overflow: visible;
    color: #4b2924;
    font-family: 'Libre Baskerville', Georgia, serif;
    font-size: clamp(58px,5.8vw,84px);
    font-weight: 400;
    letter-spacing: -.065em;
    line-height: 1.12;
    text-wrap: balance;
}
.hero-title span, .hero-title em {
    display: block;
    width: auto;
    max-width: 100%;
    overflow: visible;
    white-space: normal;
    line-height: 1.16;
    animation: hero-line-in .72s cubic-bezier(.2,.8,.2,1) both;
}
.hero-title span:first-child {
    color: #79563f;
    font-size: .82em;
    letter-spacing: -.055em;
    animation-delay: .03s;
}
.hero-title span:nth-child(2) {
    color: #482622;
    font-size: .96em;
    letter-spacing: -.065em;
    animation-delay: .14s;
}
.hero-copy h1.hero-title em {
    margin: 0 0 0 .035em;
    color: #a8652d;
    font-size: 1.04em;
    font-style: italic;
    font-weight: 400;
    letter-spacing: -.06em;
    animation-delay: .25s;
}
.hero-lead {
    max-width: 445px;
    margin: 20px 0 25px;
    color: #766454;
    font-size: 14px;
    line-height: 1.85;
}
.hero-footnote { margin-top: 31px; }
.hero-visual {
    height: clamp(355px,36vw,500px);
    margin: 30px clamp(20px,4.2vw,62px) 30px 22px;
    overflow: hidden;
    border: 1px solid rgba(157,111,55,.48);
    border-radius: 16px;
    background: #5a3424;
    box-shadow: 0 25px 62px rgba(69,42,23,.17), inset 0 0 0 5px rgba(255,249,231,.52);
}
.hero-visual::before {
    inset: 8px;
    border: 1px solid rgba(252,224,169,.48);
    border-radius: 10px;
}
.hero-visual-top {
    top: 18px;
    right: 18px;
    left: 18px;
    gap: 10px;
    min-height: 38px;
    padding: 8px 13px;
    border-radius: 24px;
    font-size: 8px;
    letter-spacing: .1em;
}
.hero-visual-top > span:first-child {
    min-width: 0;
    overflow: visible;
    white-space: nowrap;
}
.hero-count { flex: 0 0 auto; }
.hero-visual-bottom {
    min-height: 88px;
    padding: 32px 24px 21px;
}
.carousel-caption { font-size: 17px; }
.hero-smoke-art { opacity: .32; }
@media (max-width: 1120px) {
    .container.hero-grid { min-height: 620px; }
    .hero-copy { padding: 48px 35px 65px 42px; }
    .hero-copy h1.hero-title { font-size: clamp(54px,5.7vw,68px); }
    .hero-visual { height: clamp(350px,37vw,430px); margin-right: 30px; margin-left: 12px; }
}
@media (max-width: 900px) {
    .container.hero-grid { min-height: 590px; grid-template-columns: minmax(0,.93fr) minmax(0,1.07fr); }
    .hero-copy { padding: 42px 24px 64px 32px; }
    .hero-copy h1.hero-title { font-size: clamp(48px,6.3vw,57px); }
    .hero-lead { margin-top: 18px; font-size: 12px; }
    .hero-visual { height: 355px; margin: 20px 20px 20px 8px; }
    .hero-visual-top { top: 14px; right: 13px; left: 13px; padding-inline: 10px; font-size: 7px; }
    .hero-visual-bottom { min-height: 76px; padding: 27px 15px 17px; }
    .carousel-caption { font-size: 14px; }
}
@media (max-width: 640px) {
    .home-hero { background: radial-gradient(ellipse at 82% 10%, rgba(190,145,77,.15), transparent 35%), linear-gradient(145deg,#fcf8ef 0%,#f3e8d5 100%); }
    .container.hero-grid { min-height: 0; grid-template-columns: minmax(0,1fr); }
    .hero-copy { padding: 38px 24px 26px; }
    .hero-copy .eyebrow { margin-bottom: 16px; font-size: 8px; }
    .hero-copy h1.hero-title { font-size: clamp(46px,13.8vw,56px); line-height: 1.13; }
    .hero-title span:first-child { font-size: .82em; }
    .hero-title span:nth-child(2) { font-size: .96em; }
    .hero-copy h1.hero-title em { font-size: 1.04em; }
    .hero-lead { margin: 17px 0 19px; font-size: 12px; line-height: 1.75; }
    .hero-footnote { margin-top: 23px; }
    .hero-visual { width: calc(100% - 36px); height: clamp(270px,78vw,360px); margin: 0 18px 42px; border-radius: 13px; }
    .hero-visual::before { border-radius: 7px; }
    .hero-visual-top { top: 13px; right: 12px; left: 12px; min-height: 34px; padding: 7px 10px; font-size: 7px; }
    .hero-visual-bottom { min-height: 70px; padding: 25px 13px 14px; }
    .carousel-caption { max-width: 49%; font-size: 13px; }
    .carousel-controls { gap: 7px; }
    .carousel-controls > button { width: 25px; height: 25px; }
    .hero-scroll { display: none; }
    .hero-atmosphere { clip-path: inset(47% 0 0 0); }
    .hero-smoke-art { width: 100%; right: 0; opacity: .2; }
}
@media (max-width: 380px) {
    .hero-copy { padding-right: 19px; padding-left: 19px; }
    .hero-copy h1.hero-title { font-size: 46px; }
    .hero-visual { width: calc(100% - 28px); margin-inline: 14px; }
    .hero-visual-top { font-size: 6.5px; }
}
@media (prefers-reduced-motion: reduce) {
    .hero-title span, .hero-title em { animation: none; }
}

/* New ritual-led hero composition */
.home-hero {
    position: relative;
    min-height: 0;
    overflow: hidden;
    isolation: isolate;
    color: #fbf2df;
    background: radial-gradient(ellipse at 8% 92%, rgba(188,126,48,.18), transparent 34%), linear-gradient(132deg,#491922 0%,#60272d 55%,#482027 100%);
}
.home-hero::before {
    position: absolute;
    top: -24%;
    left: -20%;
    width: 68vw;
    height: 120%;
    content: '';
    border: 1px solid rgba(238,197,127,.12);
    border-radius: 50%;
    box-shadow: 0 0 0 42px rgba(238,197,127,.025), 0 0 0 86px rgba(238,197,127,.02);
    pointer-events: none;
}
.home-hero .hero-pattern { display: none; }
.container.hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    width: 100%;
    max-width: none;
    min-height: clamp(620px,calc(100svh - 120px),760px);
    margin: 0;
    padding: 0;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    align-items: stretch;
    gap: 0;
}
.hero-copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    padding: 70px clamp(34px,6.5vw,96px) 78px clamp(34px,7.6vw,112px);
    animation: hero-rise .8s .05s both;
}
.hero-copy .eyebrow {
    margin-bottom: 27px;
    color: #e1c18e;
    font-size: 9px;
    letter-spacing: .17em;
}
.hero-copy .eyebrow-mark { color: #efbd68; }
.hero-copy h1.hero-title {
    max-width: 100%;
    margin: 0;
    color: #fff4df;
    font-family: 'Libre Baskerville', Georgia, serif;
    font-size: clamp(68px,7.2vw,100px);
    font-weight: 400;
    letter-spacing: -.07em;
    line-height: 1.05;
    text-wrap: balance;
}
.hero-title span, .hero-title em {
    display: block;
    width: auto;
    max-width: 100%;
    white-space: normal;
    line-height: 1.13;
    animation: hero-line-in .7s cubic-bezier(.2,.8,.2,1) both;
}
.hero-title span:first-child {
    color: #fbf0dd;
    font-size: .84em;
    letter-spacing: -.065em;
    animation-delay: .03s;
}
.hero-title span:nth-child(2) {
    color: #fbf0dd;
    font-size: .96em;
    letter-spacing: -.07em;
    animation-delay: .13s;
}
.hero-copy h1.hero-title em {
    margin: 0 0 0 .035em;
    color: #e6b25e;
    font-size: 1.13em;
    font-style: italic;
    font-weight: 400;
    letter-spacing: -.07em;
    animation-delay: .23s;
}
.hero-lead {
    max-width: 460px;
    margin: 24px 0 28px;
    color: rgba(255,244,223,.76);
    font-size: 14px;
    line-height: 1.9;
}
.hero-actions { gap: 11px; }
.home-hero .button-maroon {
    color: #402027;
    border-color: #e5b562;
    background: linear-gradient(135deg,#f2ca7c,#dca653);
    box-shadow: 0 12px 29px rgba(22,8,11,.17);
}
.home-hero .button-maroon:hover { color: #35171e; border-color: #f8d99a; background: #f8d99a; }
.home-hero .button-outline {
    color: #fff2dd;
    border-color: rgba(255,237,207,.42);
    background: rgba(255,243,221,.04);
}
.home-hero .button-outline:hover { color: #481a22; border-color: #fff2dd; background: #fff2dd; }
.hero-footnote {
    gap: 10px;
    margin-top: 38px;
    color: rgba(248,226,189,.66);
    font-size: 8px;
    letter-spacing: .14em;
}
.hero-footnote b, .footnote-devanagari { color: #e4b363; }
.footnote-rule { background: rgba(228,179,99,.76); }
.footnote-devanagari { font-size: 11px; }
.hero-visual {
    position: relative;
    align-self: stretch;
    width: auto;
    max-width: none;
    height: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: #3d201d;
    box-shadow: none;
    animation: hero-rise .9s .1s both;
}
.hero-visual::before {
    z-index: 3;
    inset: 16px;
    width: auto;
    height: auto;
    border: 1px solid rgba(245,215,163,.38);
    border-radius: 0;
    opacity: 1;
    pointer-events: none;
}
.hero-visual::after { display: none; }
.fragrance-carousel {
    width: 100%;
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
    background: #4b2b23;
}
.hero-scene-image { object-position: center 52%; }
.hero-product-link::after {
    background: linear-gradient(180deg,rgba(37,13,16,.28),transparent 23%,transparent 62%,rgba(37,13,16,.65));
}
.hero-visual-top {
    top: 34px;
    right: 34px;
    left: 34px;
    gap: 12px;
    min-height: 42px;
    padding: 9px 15px;
    color: #fff1d5;
    border: 1px solid rgba(255,229,185,.37);
    border-radius: 2px;
    background: rgba(57,23,24,.72);
    backdrop-filter: blur(8px);
    font-size: 8px;
    letter-spacing: .12em;
}
.hero-visual-top i { background: #e9b75f; box-shadow: 0 0 0 4px rgba(233,183,95,.17); }
.hero-visual-top > span:first-child { min-width: 0; white-space: nowrap; }
.hero-visual-top span:first-child b { color: #fff1d5; }
.hero-count, .hero-count b { color: #f1d29c; }
.hero-count { flex: 0 0 auto; }
.hero-visual-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    min-height: 105px;
    align-items: flex-end;
    gap: 14px;
    padding: 36px 36px 30px;
    color: #fff4df;
    border: 0;
    background: linear-gradient(180deg,transparent,rgba(39,15,18,.8));
}
.carousel-caption {
    max-width: 58%;
    color: #fff0d5;
    font-family: 'Libre Baskerville', Georgia, serif;
    font-size: 17px;
    line-height: 1.3;
}
.carousel-controls { gap: 10px; }
.carousel-controls > button {
    color: #fff2d9;
    border-color: rgba(255,235,197,.64);
    background: rgba(39,17,13,.24);
}
.carousel-controls > button:hover { color: #4b211e; background: #f2d59d; }
.carousel-dots button { background: rgba(255,239,208,.65); }
.carousel-dots button.is-active { background: #edbc68; }
.hero-corner-note { display: none; }
.hero-atmosphere {
    position: absolute;
    z-index: 2;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    clip-path: inset(0 0 0 50%);
}
.hero-smoke-art { top: 0; right: 0; left: auto; width: 58%; height: 100%; opacity: .18; mix-blend-mode: screen; }
.hero-smoke-art path { stroke: rgba(255,230,183,.62); stroke-width: 2; filter: blur(2px); opacity: .1; }
.hero-scroll { left: clamp(28px,4vw,58px); color: rgba(244,220,180,.62); }
.hero-scroll span { background: #d2a25c; }
.hero-scroll span::after { border-color: #d2a25c; }
@media (min-width: 1500px) {
    .container.hero-grid { min-height: min(780px,calc(100svh - 120px)); }
    .hero-copy { padding-left: max(112px,calc((100vw - 1500px) / 2 + 112px)); }
}
@media (max-width: 1120px) {
    .container.hero-grid { min-height: 640px; }
    .hero-copy { padding: 58px 42px 68px 58px; }
    .hero-copy h1.hero-title { font-size: clamp(62px,7vw,82px); }
    .hero-visual-top { top: 25px; right: 24px; left: 24px; }
    .hero-visual-bottom { padding-right: 25px; padding-left: 25px; }
}
@media (max-width: 900px) {
    .container.hero-grid { min-height: 0; grid-template-columns: minmax(0,1fr); }
    .hero-copy { padding: 58px 7vw 46px; }
    .hero-copy h1.hero-title { font-size: clamp(55px,8.3vw,76px); }
    .hero-lead { max-width: 570px; margin: 20px 0 24px; }
    .hero-footnote { margin-top: 28px; }
    .hero-visual { height: clamp(350px,58vw,470px); }
    .hero-visual::before { inset: 14px; }
    .hero-visual-top { top: 25px; right: 25px; left: 25px; }
    .hero-visual-bottom { min-height: 88px; padding: 29px 28px 24px; }
}
@media (max-width: 640px) {
    .home-hero::before { top: -5%; left: -70%; width: 150vw; height: 65%; }
    .hero-copy { padding: 43px 24px 35px; }
    .hero-copy .eyebrow { margin-bottom: 19px; font-size: 8px; letter-spacing: .13em; }
    .hero-copy h1.hero-title { font-size: clamp(48px,13.4vw,58px); line-height: 1.07; }
    .hero-title span, .hero-title em { line-height: 1.12; }
    .hero-title span:first-child { font-size: .84em; }
    .hero-title span:nth-child(2) { font-size: .96em; }
    .hero-copy h1.hero-title em { font-size: 1.1em; }
    .hero-lead { margin: 17px 0 22px; font-size: 12px; line-height: 1.8; }
    .hero-actions { gap: 8px; }
    .hero-actions .button { min-height: 48px; padding-inline: 13px; gap: 9px; font-size: 9px; }
    .hero-actions .button > span { width: 23px; height: 23px; }
    .hero-footnote { gap: 8px; margin-top: 25px; font-size: 7px; letter-spacing: .1em; }
    .footnote-devanagari { font-size: 10px; }
    .hero-visual { height: clamp(270px,82vw,390px); }
    .hero-visual::before { inset: 10px; }
    .hero-visual-top { top: 18px; right: 18px; left: 18px; min-height: 36px; padding: 7px 10px; font-size: 7px; }
    .hero-visual-bottom { min-height: 72px; padding: 25px 18px 17px; }
    .carousel-caption { max-width: 51%; font-size: 13px; }
    .carousel-controls { gap: 6px; }
    .carousel-controls > button { width: 26px; height: 26px; }
    .hero-atmosphere { clip-path: inset(0); opacity: .7; }
    .hero-smoke-art { width: 100%; opacity: .11; }
    .hero-scroll { display: none; }
}
@media (max-width: 380px) {
    .hero-copy { padding-right: 20px; padding-left: 20px; }
    .hero-copy h1.hero-title { font-size: 47px; }
    .hero-actions .button { padding-inline: 10px; font-size: 8px; }
    .hero-visual-top { right: 14px; left: 14px; font-size: 6.5px; }
}
@media (prefers-reduced-motion: reduce) {
    .hero-title span, .hero-title em { animation: none; }
}
/* Full-bleed fragrance campaign hero */
.home-hero {
    background: radial-gradient(ellipse at 18% 42%,rgba(114,43,49,.56),transparent 52%),linear-gradient(135deg,#491922 0%,#542128 58%,#421a20 100%);
}
.home-hero::before { display: none; }
.container.hero-grid {
    display: block;
    width: 100%;
    max-width: none;
    height: clamp(660px,calc(100svh - 100px),780px);
    min-height: 0;
    overflow: hidden;
}
.hero-visual {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    background: #37201b;
}
.hero-visual::before { display: none; }
.hero-visual::after {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: block;
    content: '';
    pointer-events: none;
    background: linear-gradient(90deg,rgba(52,17,24,.99) 0%,rgba(65,23,30,.96) 27%,rgba(75,27,33,.82) 43%,rgba(75,27,33,.43) 57%,rgba(47,21,20,.06) 74%,transparent 100%),linear-gradient(0deg,rgba(39,15,18,.26),transparent 28%);
}
.fragrance-carousel { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-scene-image { object-position: center 52%; }
.hero-visual-top {
    top: 30px;
    right: 34px;
    left: auto;
    width: min(370px,calc(48% - 52px));
    min-height: 42px;
    padding: 9px 14px;
    background: rgba(52,20,23,.72);
}
.hero-visual-bottom {
    right: 28px;
    bottom: 20px;
    left: auto;
    width: min(440px,44%);
    min-height: 82px;
    padding: 28px 18px 15px;
    background: linear-gradient(180deg,transparent,rgba(35,15,17,.76));
}
.hero-atmosphere { clip-path: inset(0 0 0 49%); }
.hero-smoke-art { width: 53%; opacity: .13; }
.hero-copy {
    width: min(56vw,780px);
    height: 100%;
    min-height: 0;
    padding: 54px clamp(32px,5.8vw,84px) 70px clamp(34px,7.6vw,112px);
}
.hero-copy .eyebrow { margin-bottom: 23px; }
.hero-copy h1.hero-title { font-size: clamp(68px,7.2vw,100px); }
.hero-lead { max-width: 455px; margin: 22px 0 25px; }
.hero-footnote { margin-top: 31px; }
.hero-scroll { z-index: 4; }
@media (max-width: 1120px) {
    .container.hero-grid { height: clamp(660px,calc(100svh - 100px),740px); }
    .hero-copy { width: 58vw; padding: 48px 42px 62px 58px; }
    .hero-copy h1.hero-title { font-size: clamp(62px,7vw,80px); }
    .hero-visual-top { right: 24px; width: min(340px,calc(48% - 40px)); }
    .hero-visual-bottom { right: 20px; width: 43%; }
}
@media (max-width: 900px) {
    .container.hero-grid {
        display: grid;
        height: auto;
        min-height: 0;
        grid-template-columns: minmax(0,1fr);
    }
    .hero-copy {
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 58px 7vw 44px;
        background: linear-gradient(135deg,#4b1b24,#642a30);
    }
    .hero-copy h1.hero-title { font-size: clamp(55px,8.3vw,76px); }
    .hero-lead { max-width: 570px; margin: 20px 0 24px; }
    .hero-footnote { margin-top: 28px; }
    .hero-visual {
        position: relative;
        inset: auto;
        width: 100%;
        height: clamp(350px,58vw,470px);
    }
    .hero-visual::after { background: linear-gradient(180deg,rgba(37,13,16,.14),transparent 34%,transparent 62%,rgba(37,13,16,.58)); }
    .hero-visual-top { top: 25px; right: 25px; left: 25px; width: auto; }
    .hero-visual-bottom { right: 0; bottom: 0; left: 0; width: 100%; min-height: 88px; padding: 29px 28px 24px; }
    .hero-atmosphere { top: auto; bottom: 0; height: clamp(350px,58vw,470px); clip-path: none; }
    .hero-smoke-art { width: 100%; opacity: .11; }
    .hero-scroll { display: none; }
}
@media (max-width: 640px) {
    .hero-copy { padding: 43px 24px 35px; }
    .hero-copy .eyebrow { margin-bottom: 19px; font-size: 8px; letter-spacing: .13em; }
    .hero-copy h1.hero-title { font-size: clamp(48px,13.4vw,58px); line-height: 1.07; }
    .hero-title span, .hero-title em { line-height: 1.12; }
    .hero-title span:first-child { font-size: .84em; }
    .hero-title span:nth-child(2) { font-size: .96em; }
    .hero-copy h1.hero-title em { font-size: 1.1em; }
    .hero-lead { margin: 17px 0 22px; font-size: 12px; line-height: 1.8; }
    .hero-actions { gap: 8px; }
    .hero-actions .button { min-height: 48px; padding-inline: 13px; gap: 9px; font-size: 9px; }
    .hero-actions .button > span { width: 23px; height: 23px; }
    .hero-footnote { gap: 8px; margin-top: 25px; font-size: 7px; letter-spacing: .1em; }
    .footnote-devanagari { font-size: 10px; }
    .hero-visual { height: clamp(270px,82vw,390px); }
    .hero-visual::after { background: linear-gradient(180deg,rgba(37,13,16,.08),transparent 45%,rgba(37,13,16,.64)); }
    .hero-visual-top { top: 18px; right: 18px; left: 18px; min-height: 36px; padding: 7px 10px; font-size: 7px; }
    .hero-visual-bottom { min-height: 72px; padding: 25px 18px 17px; }
    .carousel-caption { max-width: 51%; font-size: 13px; }
    .carousel-controls { gap: 6px; }
    .carousel-controls > button { width: 26px; height: 26px; }
    .hero-atmosphere { clip-path: none; opacity: .7; }
}
@media (max-width: 380px) {
    .hero-copy { padding-right: 20px; padding-left: 20px; }
    .hero-copy h1.hero-title { font-size: 47px; }
    .hero-actions .button { padding-inline: 10px; font-size: 8px; }
    .hero-visual-top { right: 14px; left: 14px; font-size: 6.5px; }
}
.hero-visual::after { opacity: 1; }


.fragrance-carousel { z-index: 0; }
@media (min-width: 901px) { .hero-copy { background: linear-gradient(90deg,rgba(73,25,34,.99) 0%,rgba(73,25,34,.97) 60%,rgba(73,25,34,.82) 82%,rgba(73,25,34,0) 100%); } }


@media (max-width: 640px) {
    .hero-scene-image { object-position: 88% 52%; }
    .hero-visual-bottom { flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 5px; }
    .carousel-caption { max-width: 72%; }
    .carousel-controls { justify-content: flex-start; }
}
@media (max-width: 640px) {
    .hero-visual-bottom { display: grid; grid-template-columns: minmax(0,1fr); justify-items: start; align-items: end; gap: 7px; min-height: 94px; padding-bottom: 17px; }
    .carousel-caption { max-width: 78%; }
    .carousel-controls { margin-left: 0; justify-self: start; justify-content: flex-start; }
}
@media (max-width: 640px) {
    .hero-visual { height: clamp(250px,74vw,360px); }
}
/* Photo-free vector illustration hero */
.home-hero.home-hero-illustrated {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 0;
    color: #482622;
    background: #f8f3e9;
}
.home-hero-illustrated .container.hero-grid {
    display: grid;
    grid-template-columns: minmax(0,.84fr) minmax(0,1.16fr);
    align-items: stretch;
    gap: clamp(22px,4.2vw,62px);
    width: min(100%,1540px);
    height: clamp(650px,calc(100svh - 116px),800px);
    min-height: 650px;
    margin-inline: auto;
    padding: 0 clamp(26px,5.5vw,82px);
}
.home-hero-illustrated .hero-copy {
    position: relative;
    z-index: 2;
    align-self: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 52px 0 66px;
    background: none;
}
.home-hero-illustrated .hero-copy .eyebrow {
    margin: 0 0 25px;
    color: #9b6d36;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .19em;
}
.home-hero-illustrated .hero-copy .eyebrow-mark { color: #bb843e; }
.home-hero-illustrated .hero-title {
    display: block;
    max-width: 650px;
    margin: 0;
    overflow: visible;
    color: #57262b;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: clamp(64px,6.55vw,94px);
    font-weight: 600;
    letter-spacing: -.055em;
    line-height: .88;
}
.home-hero-illustrated .hero-title span,
.home-hero-illustrated .hero-title em {
    display: block;
    position: static;
    opacity: 1;
    transform: none;
    line-height: .98;
    animation: none;
}
.home-hero-illustrated .hero-title span:first-child {
    color: #7d593f;
    font-size: .78em;
}
.home-hero-illustrated .hero-title span:nth-child(2) {
    color: #50252a;
    font-size: .94em;
}
.home-hero-illustrated .hero-title em {
    margin: 0 0 0 .02em;
    color: #b77936;
    font-size: 1.18em;
    font-style: italic;
    font-weight: 600;
}
.home-hero-illustrated .hero-lead {
    max-width: 450px;
    margin: 25px 0 25px;
    color: #786453;
    font-size: 14px;
    line-height: 1.85;
}
.home-hero-illustrated .hero-actions { gap: 11px; flex-wrap: wrap; }
.home-hero-illustrated .hero-actions .button { min-height: 52px; padding-inline: 18px; }
.home-hero-illustrated .button-maroon {
    color: #fff7e8;
    border-color: #682b32;
    background: linear-gradient(135deg,#762f37,#4e1d25);
    box-shadow: 0 9px 24px rgba(72,31,34,.16);
}
.home-hero-illustrated .button-outline {
    color: #602d31;
    border-color: rgba(96,45,49,.3);
    background: transparent;
}
.home-hero-illustrated .hero-footnote {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
    color: #967f64;
    font-size: 8px;
    letter-spacing: .12em;
}
.home-hero-illustrated .hero-family-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 28px;
    color: #735945;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .04em;
}
.home-hero-illustrated .hero-family-list i { color: #bd8848; font-size: 8px; font-style: normal; }
.home-hero-illustrated .hero-stage {
    position: relative;
    align-self: stretch;
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 0;
    margin: 0 calc(-1 * clamp(0px,1.4vw,20px)) 0 0;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 52% 45%,rgba(180,117,56,.34),transparent 49%),
        radial-gradient(ellipse at 100% 100%,rgba(134,62,47,.45),transparent 44%),
        linear-gradient(145deg,#54232b 0%,#682b32 56%,#471b24 100%);
}
.home-hero-illustrated .hero-stage::before {
    position: absolute;
    inset: 0;
    content: '';
    pointer-events: none;
    opacity: .22;
    background: repeating-linear-gradient(135deg,transparent 0 42px,rgba(255,235,190,.055) 43px,transparent 44px 88px);
}
.home-hero-illustrated .hero-stage::after {
    position: absolute;
    inset: 16px;
    content: '';
    pointer-events: none;
    border: 1px solid rgba(244,214,157,.12);
}
.home-hero-illustrated .hero-stage-note {
    position: absolute;
    z-index: 2;
    top: 25px;
    right: 28px;
    left: 28px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #f5dfb5;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .17em;
}
.home-hero-illustrated .hero-stage-note b { color: #d9ae6c; font-size: 8px; }
.home-hero-illustrated .hero-stage-art {
    position: relative;
    z-index: 1;
    display: block;
    width: min(100%,760px);
    height: 100%;
    max-height: 100%;
    overflow: visible;
}
.home-hero-illustrated .hero-pack-dev {
    fill: #64262e;
    font-family: 'Noto Serif Devanagari',serif;
    font-size: 24px;
    font-weight: 700;
}
.home-hero-illustrated .hero-pack-dev-small {
    fill: #986638;
    font-family: 'Noto Serif Devanagari',serif;
    font-size: 13px;
    font-weight: 600;
}
.home-hero-illustrated .hero-pack-scent {
    fill: #fff1d2;
    font-family: 'Cormorant Garamond',Georgia,serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: .13em;
}
.home-hero-illustrated .hero-pack-english {
    fill: #63352d;
    font-family: 'DM Sans',sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .13em;
}
.home-hero-illustrated .hero-pack-sub {
    fill: #8a6842;
    font-family: 'DM Sans',sans-serif;
    font-size: 9px;
    letter-spacing: .03em;
}
.home-hero-illustrated .hero-smoke-drawing {
    transform-origin: 210px 340px;
    animation: hero-smoke-rise 5s ease-in-out infinite;
}
.home-hero-illustrated .hero-ember {
    filter: drop-shadow(0 0 8px rgba(255,193,111,.9));
    animation: hero-ember-glow 2.6s ease-in-out infinite;
}
.home-hero-illustrated .hero-stage-caption {
    position: absolute;
    z-index: 2;
    right: 30px;
    bottom: 26px;
    left: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #f5dfb5;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .16em;
}
.home-hero-illustrated .hero-stage-caption i {
    color: #e8c786;
    font-family: 'Noto Serif Devanagari',serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .02em;
}
.home-hero-illustrated .hero-scroll { display: none; }
@keyframes hero-smoke-rise { 0%,100% { transform: translateY(0) rotate(-1deg); opacity: .78; } 50% { transform: translateY(-9px) rotate(1deg); opacity: 1; } }
@keyframes hero-ember-glow { 0%,100% { opacity: .76; } 50% { opacity: 1; } }
@media (max-width: 1000px) {
    .home-hero-illustrated .container.hero-grid {
        grid-template-columns: minmax(0,1fr);
        width: min(100%,820px);
        height: auto;
        min-height: 0;
        padding: 0 30px;
    }
    .home-hero-illustrated .hero-copy { padding: 58px 0 34px; }
    .home-hero-illustrated .hero-title { font-size: clamp(62px,9vw,82px); }
    .home-hero-illustrated .hero-stage {
        width: 100%;
        height: clamp(400px,64vw,520px);
        min-height: 0;
        margin: 0 0 34px;
    }
}
@media (max-width: 640px) {
    .home-hero-illustrated .container.hero-grid { padding: 0 22px; }
    .home-hero-illustrated .hero-copy { padding: 42px 0 27px; }
    .home-hero-illustrated .hero-copy .eyebrow { margin-bottom: 18px; font-size: 8px; letter-spacing: .14em; }
    .home-hero-illustrated .hero-title { font-size: clamp(48px,13vw,58px); line-height: .96; }
    .home-hero-illustrated .hero-title span,
    .home-hero-illustrated .hero-title em { line-height: 1; }
    .home-hero-illustrated .hero-title span:first-child { font-size: .8em; }
    .home-hero-illustrated .hero-title span:nth-child(2) { font-size: .92em; }
    .home-hero-illustrated .hero-title em { font-size: 1.12em; }
    .home-hero-illustrated .hero-lead { margin: 18px 0 19px; font-size: 12px; line-height: 1.75; }
    .home-hero-illustrated .hero-actions { gap: 8px; }
    .home-hero-illustrated .hero-actions .button { min-height: 46px; padding-inline: 13px; font-size: 9px; }
    .home-hero-illustrated .hero-footnote { gap: 7px; margin-top: 22px; font-size: 7px; }
    .home-hero-illustrated .hero-family-list { gap: 7px; margin-top: 21px; font-size: 8px; }
    .home-hero-illustrated .hero-stage { height: clamp(300px,88vw,390px); margin-bottom: 22px; }
    .home-hero-illustrated .hero-stage-note { top: 18px; right: 18px; left: 18px; font-size: 7px; }
    .home-hero-illustrated .hero-stage-note b { font-size: 7px; }
    .home-hero-illustrated .hero-stage-caption { right: 18px; bottom: 17px; left: 18px; font-size: 7px; }
    .home-hero-illustrated .hero-stage-caption i { font-size: 10px; }
}
@media (max-width: 380px) {
    .home-hero-illustrated .container.hero-grid { padding-inline: 18px; }
    .home-hero-illustrated .hero-stage { height: 290px; }
    .home-hero-illustrated .hero-stage-caption { font-size: 6px; }
    .home-hero-illustrated .hero-stage-caption i { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
    .home-hero-illustrated .hero-smoke-drawing,
    .home-hero-illustrated .hero-ember { animation: none; }
}
@media (max-width: 640px) {
    .home-hero-illustrated .hero-stage { height: clamp(280px,76vw,330px); }
    .home-hero-illustrated .hero-stage-art { transform: translateX(-52px) scale(.92); }
}
@media (max-width: 380px) {
    .home-hero-illustrated .hero-stage { height: 280px; }
    .home-hero-illustrated .hero-stage-art { transform: translateX(-48px) scale(.9); }
}

/* Photo-led home hero: show every campaign image at its native 4:3 ratio. */
.home-hero.home-hero-photographic {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 0;
    background: radial-gradient(ellipse at 92% 35%, rgba(221,188,132,.22), transparent 36%), linear-gradient(110deg,#fbf7ef 0%,#f5eddf 100%);
}
.home-hero-photographic .container.hero-grid {
    display: grid;
    grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr);
    align-items: center;
    gap: clamp(34px,5vw,76px);
    width: min(1420px,calc(100% - 72px));
    min-height: 680px;
    margin-inline: auto;
    padding: 56px 0 62px;
}
.home-hero-photographic .hero-copy {
    position: relative;
    z-index: 2;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 12px 0 18px;
    background: none;
    animation: hero-rise .8s .05s both;
}
.home-hero-photographic .hero-copy .eyebrow { margin: 0 0 24px; color: #956026; font-size: 9px; letter-spacing: .17em; }
.home-hero-photographic .hero-title {
    display: block;
    max-width: 590px;
    margin: 0;
    overflow: visible;
    color: #51252a;
    font-family: 'Cormorant Garamond',Georgia,serif;
    font-size: clamp(66px,6.7vw,94px);
    font-weight: 600;
    letter-spacing: -.055em;
    line-height: .92;
}
.home-hero-photographic .hero-title span,
.home-hero-photographic .hero-title em { position: static; display: block; opacity: 1; transform: none; animation: none; line-height: 1.02; }
.home-hero-photographic .hero-title span:first-child { color: #79573f; font-size: .79em; }
.home-hero-photographic .hero-title span:nth-child(2) { color: #51252a; font-size: .94em; }
.home-hero-photographic .hero-title em { margin-left: .02em; color: #aa682e; font-size: 1.13em; font-style: italic; font-weight: 600; }
.home-hero-photographic .hero-lead { max-width: 460px; margin: 23px 0 24px; color: #786858; font-size: 13px; line-height: 1.85; }
.home-hero-photographic .hero-actions { gap: 10px; }
.home-hero-photographic .hero-actions .button { min-height: 50px; padding-inline: 16px; gap: 12px; }
.home-hero-photographic .hero-footnote { gap: 9px; margin-top: 29px; font-size: 7px; letter-spacing: .13em; }
.home-hero-photographic .hero-family-list { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:19px; color:#927c63; font-size:8px; font-weight:700; letter-spacing:.06em; }
.home-hero-photographic .hero-family-list i { color:#b9854c; font-size:8px; font-style:normal; }
.home-hero-photographic .hero-photo-stage { position:relative; align-self:center; width:100%; min-width:0; animation:hero-rise .85s .12s both; }
.home-hero-photographic .photo-stage-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:0 3px 13px; color:#8f7558; font-size:8px; font-weight:700; letter-spacing:.16em; }
.home-hero-photographic .photo-stage-count { color:#a38a69; font-variant-numeric:tabular-nums; }
.home-hero-photographic .photo-stage-count b { color:#612a2f; font-size:10px; }
.home-hero-photographic .photo-stage-count i { padding-inline:4px; font-style:normal; }
.home-hero-photographic .photo-stage-frame { padding:12px; border:1px solid rgba(115,82,45,.22); background:rgba(255,252,244,.82); box-shadow:0 25px 65px rgba(89,58,27,.13),inset 0 0 0 4px rgba(255,255,255,.54); }
.home-hero-photographic .fragrance-carousel { position:relative; width:100%; height:auto; aspect-ratio:4/3; overflow:hidden; background:#ead9bd; }
.home-hero-photographic .fragrance-slide { position:absolute; inset:0; display:grid; place-items:center; margin:0; overflow:hidden; opacity:0; visibility:hidden; transform:none; transition:opacity .55s ease,visibility .55s ease; }
.home-hero-photographic .fragrance-slide.is-active { z-index:1; opacity:1; visibility:visible; transform:none; }
.home-hero-photographic .hero-scene-image { display:block; width:100%; height:100%; max-width:none; object-fit:contain; object-position:center; }
.home-hero-photographic .photo-stage-footer { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:62px; padding:13px 4px 1px; }
.home-hero-photographic .photo-stage-story { display:flex; align-items:center; flex-wrap:wrap; gap:7px; min-width:0; color:#8e7559; font-size:7px; font-weight:700; letter-spacing:.12em; }
.home-hero-photographic .photo-stage-story > span { color:#9b6b38; }
.home-hero-photographic .photo-stage-story > b { color:#bb925e; }
.home-hero-photographic .photo-stage-story strong { color:#5a292d; font-size:9px; }
.home-hero-photographic .photo-stage-story small { flex-basis:100%; padding-left:1px; color:#927e68; font-family:var(--display); font-size:11px; font-style:italic; font-weight:400; letter-spacing:0; }
.home-hero-photographic .photo-stage-controls { display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.home-hero-photographic .photo-stage-controls > button { display:grid; place-items:center; width:30px; height:30px; padding:0; color:#612a2f; border:1px solid rgba(97,42,47,.28); border-radius:50%; background:transparent; transition:color .2s,background .2s,transform .2s; }
.home-hero-photographic .photo-stage-controls > button:hover { color:#fff8ec; background:#612a2f; transform:translateY(-1px); }
.home-hero-photographic .carousel-dots { display:flex; align-items:center; gap:6px; }
.home-hero-photographic .carousel-dots button { width:6px; height:6px; padding:0; border:0; border-radius:50%; background:#c9ac7e; transition:width .2s,background .2s; }
.home-hero-photographic .carousel-dots button.is-active { width:17px; border-radius:5px; background:#7e3c35; }
@media (max-width:1100px) {
    .home-hero-photographic .container.hero-grid { width:calc(100% - 52px); grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); gap:30px; min-height:620px; padding-block:46px; }
    .home-hero-photographic .hero-title { font-size:clamp(58px,7vw,78px); }
    .home-hero-photographic .hero-lead { font-size:12px; }
    .home-hero-photographic .photo-stage-frame { padding:9px; }
}
@media (max-width:820px) {
    .home-hero-photographic .container.hero-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:28px; width:min(100% - 48px,760px); min-height:0; padding:45px 0 51px; }
    .home-hero-photographic .hero-copy { padding:4px 0 0; }
    .home-hero-photographic .hero-title { max-width:700px; font-size:clamp(66px,10vw,84px); }
    .home-hero-photographic .hero-lead { max-width:560px; margin:18px 0 20px; font-size:13px; }
    .home-hero-photographic .hero-footnote { margin-top:22px; }
    .home-hero-photographic .hero-photo-stage { width:100%; }
    .home-hero-photographic .photo-stage-frame { padding:11px; }
}
@media (max-width:520px) {
    .home-hero-photographic .container.hero-grid { width:calc(100% - 36px); gap:25px; padding:36px 0 40px; }
    .home-hero-photographic .hero-copy .eyebrow { max-width:330px; gap:8px; margin-bottom:18px; font-size:7px; letter-spacing:.14em; }
    .home-hero-photographic .hero-title { font-size:clamp(53px,14vw,68px); line-height:1; }
    .home-hero-photographic .hero-title span,.home-hero-photographic .hero-title em { line-height:1.04; }
    .home-hero-photographic .hero-lead { margin:16px 0 19px; font-size:12px; line-height:1.75; }
    .home-hero-photographic .hero-actions { gap:8px; }
    .home-hero-photographic .hero-actions .button { min-height:45px; padding-inline:12px; gap:9px; font-size:9px; }
    .home-hero-photographic .hero-actions .button > span { width:21px; height:21px; }
    .home-hero-photographic .hero-footnote { gap:7px; margin-top:20px; font-size:6px; }
    .home-hero-photographic .footnote-devanagari { display:none; }
    .home-hero-photographic .hero-family-list { gap:7px; margin-top:15px; font-size:7px; }
    .home-hero-photographic .photo-stage-heading { margin:0 1px 10px; font-size:7px; letter-spacing:.11em; }
    .home-hero-photographic .photo-stage-frame { padding:7px; }
    .home-hero-photographic .photo-stage-footer { align-items:flex-start; gap:8px; min-height:61px; padding-top:10px; }
    .home-hero-photographic .photo-stage-story { gap:5px; font-size:6px; letter-spacing:.08em; }
    .home-hero-photographic .photo-stage-story strong { font-size:8px; }
    .home-hero-photographic .photo-stage-story small { font-size:10px; }
    .home-hero-photographic .photo-stage-controls { gap:6px; }
    .home-hero-photographic .photo-stage-controls > button { width:26px; height:26px; font-size:11px; }
    .home-hero-photographic .carousel-dots { gap:4px; }
    .home-hero-photographic .carousel-dots button { width:5px; height:5px; }
    .home-hero-photographic .carousel-dots button.is-active { width:13px; }
}
@media (max-width:365px) {
    .home-hero-photographic .container.hero-grid { width:calc(100% - 28px); }
    .home-hero-photographic .hero-title { font-size:51px; }
    .home-hero-photographic .photo-stage-controls { gap:4px; }
    .home-hero-photographic .photo-stage-controls > button { width:24px; height:24px; }
}
@media (prefers-reduced-motion:reduce) {
    .home-hero-photographic .hero-copy,.home-hero-photographic .hero-photo-stage { animation:none; }
    .home-hero-photographic .fragrance-slide { transition:none; }
}
/* Compact brand navigation and category mega menu */
.announcement-bar {
    min-height: 34px;
    gap: 12px;
    background: #722333;
    color: #fff6e8;
    font-size: 9px;
    letter-spacing: .09em;
}
.announcement-bar .announcement-hindi { color: #edcf99; }
.site-header { background: rgba(255,253,248,.97); }
.site-header .header-inner { width:min(1460px,calc(100% - 56px)); min-height:82px; gap:28px; }
.site-header .brand-lockup { min-width:130px; }
.site-header .brand-logo { width:126px; max-height:69px; object-fit:contain; }
.site-header .primary-navigation { gap:clamp(13px,1.55vw,24px); }
.site-header .primary-navigation > a:not(.nav-bulk),.site-header .nav-dropdown-trigger { font-size:11px; }
.site-header .mega-catalogue { position:static; }
.site-header .mega-catalogue-panel {
    position:absolute;
    top:calc(100% + 1px);
    left:50%;
    display:grid;
    grid-template-columns:minmax(190px,1fr) minmax(170px,.82fr) minmax(175px,.84fr) minmax(290px,1.35fr);
    gap:clamp(20px,3vw,42px);
    width:min(1280px,calc(100vw - 56px));
    padding:27px 30px;
    border:1px solid rgba(100,62,39,.12);
    border-top:2px solid #ae7e43;
    background:#fffdf8;
    box-shadow:0 24px 48px rgba(54,31,20,.17);
    opacity:0;
    visibility:hidden;
    transform:translate(-50%,10px);
    transition:opacity .22s ease,transform .22s ease,visibility .22s;
}
.site-header .mega-catalogue:hover .mega-catalogue-panel,
.site-header .mega-catalogue:focus-within .mega-catalogue-panel,
.site-header .mega-catalogue.is-open .mega-catalogue-panel {
    opacity:1;
    visibility:visible;
    transform:translate(-50%,0);
}
.mega-menu-kicker { display:block; margin-bottom:14px; color:#a27c50; font-size:8px; font-weight:700; letter-spacing:.14em; }
.mega-menu-intro { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.mega-menu-intro strong { color:#54242b; font-family:var(--display); font-size:26px; font-weight:400; line-height:1.35; }
.mega-menu-intro strong em { color:#ad7138; font-weight:400; }
.mega-menu-intro > a { margin-top:22px; padding-bottom:5px; color:#612a31; border-bottom:1px solid rgba(97,42,49,.3); font-size:10px; font-weight:700; }
.mega-menu-intro > a span { margin-left:8px; }
.mega-menu-group { display:flex; flex-direction:column; align-items:stretch; }
.mega-menu-group > a { display:flex; align-items:center; gap:9px; min-height:36px; color:#67574a; border-bottom:1px solid rgba(86,61,42,.08); font-size:11px; transition:color .2s,padding .2s; }
.mega-menu-group > a:hover { padding-left:4px; color:#7c2c37; }
.mega-menu-group > a > span:last-child { margin-left:auto; color:#b58a56; }
.mega-menu-fragrances > a { min-height:33px; }
.mega-menu-feature { position:relative; display:block; align-self:stretch; overflow:hidden; min-height:168px; background:#f1e6d4; }
.mega-menu-feature img { display:block; width:100%; height:100%; min-height:168px; object-fit:contain; }
.mega-menu-feature > span { position:absolute; right:0; bottom:0; left:0; display:grid; gap:5px; padding:24px 14px 12px; color:#fff8ea; background:linear-gradient(transparent,rgba(40,20,19,.78)); }
.mega-menu-feature small { color:#f1d59e; font-size:7px; font-weight:700; letter-spacing:.12em; }
.mega-menu-feature strong { font-family:var(--display); font-size:15px; font-weight:400; }

/* Five full-width fragrance campaign banners */
.home-campaign { position:relative; padding:0; background:#f6f0e5; }
.campaign-carousel { position:relative; width:100%; height:clamp(395px,32vw,465px); overflow:hidden; isolation:isolate; background:#f3e4d5; }
.campaign-window { position:absolute; inset:0; }
.campaign-slide {
    position:absolute;
    inset:0;
    display:grid;
    grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);
    align-items:center;
    gap:clamp(24px,4.4vw,68px);
    width:100%;
    height:100%;
    padding:34px clamp(28px,6.3vw,96px) 67px;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transform:translateX(15px);
    transition:opacity .58s ease,transform .7s cubic-bezier(.2,.8,.2,1),visibility .58s;
}
.campaign-slide.is-active { z-index:1; opacity:1; visibility:visible; transform:translateX(0); }
.campaign-slide::before {
    position:absolute;
    z-index:-1;
    inset:0;
    content:'';
    opacity:.52;
    background:radial-gradient(circle at 82% 16%,rgba(255,255,255,.8),transparent 24%),repeating-linear-gradient(135deg,transparent 0 52px,rgba(255,255,255,.09) 53px,transparent 54px 106px);
    pointer-events:none;
}
.campaign-rose { color:#47262a; background:radial-gradient(ellipse at 85% 50%,#f8d4ce 0%,transparent 40%),linear-gradient(110deg,#fff6ee 0%,#f3dfd2 100%); }
.campaign-jasmine { color:#433c2d; background:radial-gradient(ellipse at 85% 50%,#f0edcf 0%,transparent 42%),linear-gradient(110deg,#fffaf0 0%,#e9e4cb 100%); }
.campaign-chandan { color:#4e2d20; background:radial-gradient(ellipse at 85% 50%,#f5cb7c 0%,transparent 40%),linear-gradient(110deg,#fff7e6 0%,#f0d6a6 100%); }
.campaign-aura { color:#fff3dd; background:radial-gradient(ellipse at 84% 55%,rgba(185,102,74,.6),transparent 40%),linear-gradient(112deg,#39171f 0%,#632831 60%,#401921 100%); }
.campaign-amber { color:#4c2c20; background:radial-gradient(ellipse at 84% 50%,#eac17c 0%,transparent 43%),linear-gradient(110deg,#fff6e4 0%,#edd4aa 100%); }
.campaign-copy { position:relative; z-index:1; max-width:490px; }
.campaign-copy .eyebrow { margin:0 0 17px; font-size:8px; letter-spacing:.17em; }
.campaign-copy h1,.campaign-copy h2 { max-width:520px; margin:0; color:inherit; font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(39px,4.15vw,58px); font-weight:600; letter-spacing:-.045em; line-height:.98; }
.campaign-copy h1 em,.campaign-copy h2 em { color:#a96631; font-style:italic; font-weight:600; }
.campaign-aura .campaign-copy h2 em { color:#efc678; }
.campaign-copy > p:not(.eyebrow) { max-width:430px; margin:15px 0 19px; color:rgba(70,53,42,.78); font-size:11px; line-height:1.75; }
.campaign-aura .campaign-copy > p:not(.eyebrow) { color:rgba(255,244,225,.77); }
.campaign-copy .eyebrow { color:#9b703e; }
.campaign-aura .campaign-copy .eyebrow { color:#e3bb78; }
.campaign-cta { min-height:43px; padding:0 14px; gap:12px; color:#fff8ec; border-color:#692c36; background:#692c36; font-size:9px; }
.campaign-aura .campaign-cta { color:#4a2027; border-color:#ecc984; background:#ecc984; }
.campaign-cta > span { width:20px; height:20px; }
.campaign-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:center; justify-items:center; gap:clamp(9px,1.6vw,22px); width:100%; max-width:850px; margin-left:auto; }
.banner-product {
    position:relative;
    display:grid;
    grid-template-rows:minmax(0,1fr) 24px;
    width:100%;
    max-width:258px;
    aspect-ratio:1;
    margin:0;
    padding:8px 8px 4px;
    overflow:hidden;
    border:1px solid rgba(107,75,45,.15);
    border-radius:3px;
    background:rgba(255,251,243,.72);
    box-shadow:0 14px 27px rgba(73,44,24,.1);
    transition:transform .25s ease,box-shadow .25s ease;
}
.banner-product:hover { transform:translateY(-5px); box-shadow:0 19px 30px rgba(73,44,24,.15); }
.banner-pack { display:block; width:100%; height:100%; max-width:none; object-fit:contain; object-position:center; }
.banner-product figcaption { display:grid; place-items:center; color:#826646; font-size:7px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.campaign-controls {
    position:absolute;
    z-index:3;
    right:clamp(25px,6.3vw,96px);
    bottom:14px;
    left:clamp(28px,6.3vw,96px);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    pointer-events:none;
}
.campaign-caption { display:flex; align-items:center; flex-wrap:wrap; gap:7px; max-width:55%; color:#8b704d; font-size:7px; font-weight:700; letter-spacing:.1em; }
.campaign-aura ~ .campaign-controls .campaign-caption { color:#f0d8ae; }
.campaign-caption strong { color:#54252b; font-size:9px; }
.campaign-aura ~ .campaign-controls .campaign-caption strong { color:#fff0d4; }
.campaign-caption small { flex-basis:100%; color:#8e7860; font-family:var(--display); font-size:10px; font-style:italic; font-weight:400; letter-spacing:0; }
.campaign-aura ~ .campaign-controls .campaign-caption small { color:rgba(255,241,217,.7); }
.campaign-control-set { display:flex; align-items:center; gap:9px; pointer-events:auto; }
.campaign-count { margin-right:4px; color:#9a8161; font-size:8px; font-weight:700; letter-spacing:.09em; font-variant-numeric:tabular-nums; }
.campaign-count b { color:#5f2930; font-size:10px; }
.campaign-count i { margin:0 3px; font-style:normal; }
.campaign-control-set > button { display:grid; place-items:center; width:29px; height:29px; padding:0; color:#5e3031; border:1px solid rgba(94,48,49,.35); border-radius:50%; background:rgba(255,253,248,.48); transition:color .2s,background .2s,transform .2s; }
.campaign-control-set > button:hover { color:#fff8eb; background:#632b34; transform:translateY(-1px); }
.campaign-aura ~ .campaign-controls .campaign-control-set > button { color:#f7e2bd; border-color:rgba(247,226,189,.45); background:rgba(42,15,21,.25); }
.campaign-aura ~ .campaign-controls .campaign-count,.campaign-aura ~ .campaign-controls .campaign-count b { color:#f0d7ad; }
.campaign-control-set .carousel-dots { display:flex; align-items:center; gap:6px; }
.campaign-control-set .carousel-dots button { width:6px; height:6px; padding:0; border:0; border-radius:50%; background:#c7a977; transition:width .2s,background .2s; }
.campaign-control-set .carousel-dots button.is-active { width:17px; border-radius:4px; background:#77333a; }
.campaign-aura ~ .campaign-controls .carousel-dots button { background:rgba(245,222,185,.55); }
.campaign-aura ~ .campaign-controls .carousel-dots button.is-active { background:#f0c977; }

/* Category ritual previews use full-frame photos with a soft drifting-smoke detail. */
.category-reels.section { padding:68px 0 77px; background:#fffdf8; }
.category-reels-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.category-reels-heading .eyebrow { margin-bottom:11px; }
.category-reels-heading h2 { margin:0; color:#4b2924; font-family:var(--display); font-size:clamp(32px,3.6vw,46px); font-weight:400; letter-spacing:-.06em; line-height:1.15; }
.category-reels-heading h2 em { color:#ae682e; font-weight:400; }
.category-reels-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.category-reel-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid rgba(93,67,44,.12); background:#fbf6ed; transition:transform .25s,box-shadow .25s; }
.category-reel-card:hover { transform:translateY(-4px); box-shadow:0 14px 26px rgba(65,42,24,.12); }
.category-reel-media { position:relative; overflow:hidden; aspect-ratio:16/9; background:#413026; }
.category-reel-media::after { position:absolute; inset:0; content:''; background:linear-gradient(180deg,rgba(18,13,11,.02),transparent 45%,rgba(18,13,11,.22)); pointer-events:none; }
.category-reel-media img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; transition:filter .35s; }
.category-reel-card:hover .category-reel-media img { filter:saturate(1.08) brightness(1.04); }
.category-smoke { position:absolute; z-index:1; right:17%; bottom:7%; width:34px; height:76px; overflow:visible; fill:none; stroke:rgba(255,250,238,.82); stroke-width:2.4; stroke-linecap:round; filter:drop-shadow(0 0 4px rgba(255,246,219,.5)); animation:category-smoke-drift 5.5s ease-in-out infinite; pointer-events:none; }
.category-reel-card:nth-child(2) .category-smoke { animation-delay:-1.5s; }
.category-reel-card:nth-child(3) .category-smoke { animation-delay:-3.2s; }
.category-reel-card:nth-child(4) .category-smoke { animation-delay:-.8s; }
.category-reel-card:nth-child(5) .category-smoke { animation-delay:-2.5s; }
.category-reel-marker { position:absolute; z-index:2; top:9px; left:10px; display:grid; place-items:center; width:24px; height:24px; color:#fff7e8; border:1px solid rgba(255,248,232,.65); border-radius:50%; background:rgba(57,30,26,.45); font-size:8px; }
.category-reel-copy { position:relative; display:grid; gap:5px; min-height:66px; padding:12px 30px 12px 13px; }
.category-reel-copy > span { color:#98764f; font-size:6px; font-weight:700; letter-spacing:.15em; }
.category-reel-copy strong { color:#4e2b26; font-family:var(--display); font-size:14px; font-weight:400; }
.category-reel-copy i { position:absolute; top:22px; right:12px; color:#8b433e; font-size:13px; font-style:normal; transition:transform .2s; }
.category-reel-card:hover .category-reel-copy i { transform:translate(2px,-2px); }
@keyframes category-smoke-drift { 0%,100% { opacity:.54; transform:translate3d(0,4px,0) rotate(-2deg) scale(.96); } 50% { opacity:.96; transform:translate3d(2px,-6px,0) rotate(2deg) scale(1.04); } }

/* Catalogue form filters */
.catalogue-filter-block { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.catalogue-filter-block > span { color:#97734d; font-size:8px; font-weight:700; letter-spacing:.14em; }
.catalogue-section .filter-chips { flex-wrap:wrap; }
.catalogue-section .catalogue-toolbar { align-items:flex-end; }
@media (max-width:1120px) {
    .site-header .header-inner { gap:17px; }
    .site-header .brand-logo { width:116px; }
    .site-header .primary-navigation { gap:clamp(10px,1.15vw,15px); }
    .site-header .primary-navigation > a:not(.nav-bulk),.site-header .nav-dropdown-trigger { font-size:10px; }
    .campaign-slide { grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr); padding-inline:38px; }
    .campaign-products { gap:10px; }
    .banner-product { padding:6px 6px 22px; }
    .category-reels-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:900px) {
    .site-header .header-inner { width:calc(100% - 36px); min-height:74px; }
    .site-header .brand-logo { width:108px; max-height:61px; }
    .site-header .mega-catalogue-panel {
        position:static;
        left:auto;
        display:none;
        grid-template-columns:1fr 1fr;
        gap:18px;
        width:auto;
        padding:15px 12px;
        border:0;
        border-top:1px solid rgba(93,67,44,.12);
        box-shadow:none;
        opacity:1;
        visibility:visible;
        transform:none;
    }
    .site-header .mega-catalogue.is-open .mega-catalogue-panel { display:grid; }
    .mega-menu-intro { grid-column:1/-1; }
    .mega-menu-feature { display:none; }
    .mega-menu-kicker { margin-bottom:8px; font-size:7px; }
    .mega-menu-intro strong { font-size:19px; }
    .mega-menu-intro > a { margin-top:10px; }
    .mega-menu-group > a { min-height:34px; font-size:10px; }
    .campaign-carousel { height:440px; }
    .campaign-slide { grid-template-columns:minmax(230px,.86fr) minmax(0,1.14fr); gap:18px; padding:27px 26px 64px; }
    .campaign-copy h1,.campaign-copy h2 { font-size:clamp(35px,5.4vw,47px); }
    .campaign-copy > p:not(.eyebrow) { font-size:10px; }
    .campaign-products { gap:8px; }
    .banner-product { padding:5px 5px 20px; }
    .banner-product figcaption { font-size:6px; }
    .category-reels.section { padding:55px 0 62px; }
    .category-reels-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
    .announcement-bar { min-height:32px; gap:7px; padding-inline:10px; font-size:7px; letter-spacing:.04em; }
    .announcement-hindi { margin-left:3px; padding-left:7px; font-size:8px; }
    .site-header .header-inner { width:calc(100% - 28px); min-height:69px; }
    .site-header .brand-logo { width:100px; max-height:57px; }
    .site-header .nav-toggle { width:40px; height:40px; }
    .site-header .primary-navigation { padding:8px 18px 19px; }
    .site-header .mega-catalogue-panel { gap:12px; padding:13px 8px; }
    .mega-menu-intro strong { font-size:17px; }
    .mega-menu-group > a { min-height:32px; font-size:9px; }
    .home-campaign { padding:0; }
    .campaign-carousel { height:clamp(490px,137vw,560px); }
    .campaign-slide { grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr); align-content:center; align-items:center; gap:17px; padding:26px 17px 67px; }
    .campaign-copy { align-self:start; max-width:430px; }
    .campaign-copy .eyebrow { margin-bottom:10px; font-size:7px; letter-spacing:.13em; }
    .campaign-copy h1,.campaign-copy h2 { max-width:430px; font-size:clamp(33px,9.5vw,42px); line-height:.98; }
    .campaign-copy > p:not(.eyebrow) { margin:9px 0 12px; font-size:9px; line-height:1.55; }
    .campaign-cta { min-height:35px; padding-inline:11px; font-size:8px; }
    .campaign-cta > span { width:17px; height:17px; font-size:10px; }
    .campaign-products { align-self:center; gap:6px; width:100%; max-width:460px; margin:auto; }
    .banner-product { grid-template-rows:minmax(0,1fr) 19px; padding:4px 4px 2px; }
    .banner-product figcaption { font-size:5px; letter-spacing:.06em; }
    .campaign-controls { right:13px; bottom:12px; left:17px; gap:8px; }
    .campaign-caption { max-width:47%; gap:4px; font-size:6px; }
    .campaign-caption strong { font-size:8px; }
    .campaign-caption small { font-size:8px; }
    .campaign-control-set { gap:5px; }
    .campaign-count { margin-right:1px; font-size:7px; }
    .campaign-count b { font-size:9px; }
    .campaign-control-set > button { width:25px; height:25px; font-size:10px; }
    .campaign-control-set .carousel-dots { gap:4px; }
    .campaign-control-set .carousel-dots button { width:5px; height:5px; }
    .campaign-control-set .carousel-dots button.is-active { width:12px; }
    .category-reels.section { padding:45px 0 50px; }
    .category-reels-heading { align-items:flex-start; gap:15px; margin-bottom:19px; }
    .category-reels-heading .eyebrow { margin-bottom:8px; font-size:7px; letter-spacing:.11em; }
    .category-reels-heading h2 { max-width:255px; font-size:30px; }
    .category-reels-heading > .text-link { align-self:flex-end; flex:0 0 auto; gap:5px; font-size:8px; }
    .category-reels-grid { display:flex; gap:11px; margin-right:-18px; padding:0 18px 7px 0; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
    .category-reels-grid::-webkit-scrollbar { display:none; }
    .category-reel-card { flex:0 0 clamp(225px,72vw,290px); scroll-snap-align:start; }
    .category-reel-copy { min-height:60px; padding:10px 28px 10px 11px; }
    .category-reel-copy strong { font-size:13px; }
}
@media (max-width:380px) {
    .announcement-bar { font-size:6px; }
    .announcement-hindi { font-size:7px; }
    .campaign-carousel { height:510px; }
    .campaign-copy h1,.campaign-copy h2 { font-size:32px; }
    .campaign-control-set { gap:4px; }
    .campaign-control-set > button { width:23px; height:23px; }
    .category-reels-heading { display:block; }
    .category-reels-heading > .text-link { margin-top:10px; }
}
@media (prefers-reduced-motion:reduce) {
    .campaign-slide,.banner-product,.category-reel-card,.category-reel-media img { transition:none; }
    .category-smoke { animation:none; }
}
/* Split fragrance carousel: copy on the left, full-frame campaign scene on the right. */
.home-campaign-split { position:relative; padding:clamp(22px,3.5vw,48px) 0; background:#f8f1e5; }
.home-campaign-split .campaign-carousel { height:clamp(520px,44vw,620px); max-width:100%; overflow:hidden; border:1px solid rgba(111,79,47,.15); border-radius:8px; background:#fffaf0; box-shadow:0 24px 55px rgba(80,51,30,.09); }
.home-campaign-split .campaign-window { position:absolute; inset:0; }
.home-campaign-split .campaign-slide { grid-template-columns:minmax(0,.92fr) minmax(0,1fr); align-items:center; gap:clamp(30px,5.2vw,76px); padding:clamp(32px,4.5vw,62px) clamp(28px,5.3vw,78px) 88px; overflow:hidden; }
.home-campaign-split .campaign-slide::before { opacity:.62; background:radial-gradient(circle at 84% 14%,rgba(255,255,255,.82),transparent 33%),repeating-linear-gradient(135deg,transparent 0 72px,rgba(112,72,41,.035) 73px,transparent 74px 146px); }
.home-campaign-split .campaign-rose { color:#47262a; background:radial-gradient(ellipse at 83% 48%,#f4d6cd 0%,transparent 44%),linear-gradient(112deg,#fffaf2 0%,#f4e8d7 100%); }
.home-campaign-split .campaign-jasmine { color:#433c2d; background:radial-gradient(ellipse at 83% 48%,#e9ebd0 0%,transparent 44%),linear-gradient(112deg,#fffaf1 0%,#f0eedc 100%); }
.home-campaign-split .campaign-chandan { color:#4e2d20; background:radial-gradient(ellipse at 83% 48%,#f4d9a3 0%,transparent 44%),linear-gradient(112deg,#fff8e9 0%,#f4e5c8 100%); }
.home-campaign-split .campaign-aura { color:#492b2b; background:radial-gradient(ellipse at 83% 48%,#f1d3cc 0%,transparent 44%),linear-gradient(112deg,#fff7ef 0%,#f3e3d8 100%); }
.home-campaign-split .campaign-amber { color:#4c2c20; background:radial-gradient(ellipse at 83% 48%,#edd4a8 0%,transparent 44%),linear-gradient(112deg,#fff8e9 0%,#f0dfbf 100%); }
.home-campaign-split .campaign-copy { max-width:500px; }
.home-campaign-split .campaign-copy .eyebrow { margin:0 0 17px; color:#9a6c38; font-size:9px; letter-spacing:.16em; }
.home-campaign-split .campaign-copy h1,.home-campaign-split .campaign-copy h2 { max-width:510px; margin:0; color:inherit; font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(43px,4.25vw,62px); font-weight:600; letter-spacing:-.045em; line-height:1.01; overflow-wrap:normal; }
.home-campaign-split .campaign-copy h1 em,.home-campaign-split .campaign-copy h2 em { color:#a96631; font-style:italic; font-weight:600; }
.home-campaign-split .campaign-copy > p:not(.eyebrow) { max-width:440px; margin:18px 0 22px; color:rgba(70,53,42,.78); font-size:13px; line-height:1.75; }
.home-campaign-split .campaign-cta { min-height:46px; padding:0 17px; gap:13px; color:#fff8ec; border-color:#692c36; background:#692c36; font-size:10px; }
.home-campaign-split .campaign-cta > span { width:21px; height:21px; }
.campaign-trust { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-top:27px; color:#967b59; font-size:7px; font-weight:700; letter-spacing:.14em; }
.campaign-trust i { color:#bd8c4d; font-size:8px; font-style:normal; }
.campaign-visual { position:relative; display:grid; grid-template-rows:minmax(0,1fr) 27px; justify-self:end; width:min(100%,510px); aspect-ratio:1; min-width:0; margin:0; padding:9px; overflow:hidden; border:1px solid rgba(120,85,49,.24); background:#fffaf0; box-shadow:0 18px 42px rgba(64,39,22,.17); }
.campaign-visual img { display:block; width:100%; height:100%; min-height:0; max-width:none; object-fit:contain; object-position:center; background:#efe3cf; }
.campaign-visual figcaption { display:flex; align-items:center; gap:9px; padding:4px 7px 0; color:#80644a; font-family:var(--display); font-size:11px; font-style:italic; }
.campaign-visual figcaption span { display:grid; place-items:center; width:18px; height:18px; color:#fff7e8; border-radius:50%; background:#752f39; font-family:var(--sans); font-size:7px; font-style:normal; }
.home-campaign-split .campaign-controls { right:clamp(27px,5.3vw,78px); bottom:14px; left:clamp(28px,5.3vw,78px); align-items:center; }
.home-campaign-split .campaign-caption { max-width:60%; color:#8b704d; font-size:7px; }
.home-campaign-split .campaign-caption strong,.home-campaign-split .campaign-count b { color:#5f2930; }
.home-campaign-split .campaign-caption small { color:#8e7860; font-size:11px; }
.home-campaign-split .campaign-control-set > button { color:#5e3031; border-color:rgba(94,48,49,.35); background:rgba(255,253,248,.72); }
.home-campaign-split .campaign-control-set > button:hover { color:#fff8eb; background:#632b34; }
.home-campaign-split .campaign-count { color:#9a8161; }
.home-campaign-split .campaign-control-set .carousel-dots button { background:#c7a977; }
.home-campaign-split .campaign-control-set .carousel-dots button.is-active { background:#77333a; }

/* Simple, image-led category row inspired by the earlier round category layout. */
.category-circles.category-reels.section { padding:58px 0 68px; background:#fffdf9; }
.category-circles .category-reels-heading { display:flex; flex-direction:column; align-items:center; gap:0; margin:0 0 34px; text-align:center; }
.category-circles .category-reels-heading .eyebrow { margin:0 0 8px; color:#9b7041; }
.category-circles .category-reels-heading h2 { max-width:680px; color:#3e3029; font-family:var(--display); font-size:clamp(30px,3.4vw,43px); font-weight:500; letter-spacing:-.045em; line-height:1.12; }
.category-circles .category-reels-heading h2 em { color:#9e5d2d; font-weight:500; }
.category-circles .category-reels-heading > .text-link { margin-top:11px; font-size:9px; }
.category-circles .category-reels-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(15px,2.5vw,36px); max-width:1080px; margin:0 auto; }
.category-circles .category-reel-card { display:flex; flex-direction:column; align-items:center; min-width:0; padding:0 4px; overflow:visible; border:0; background:transparent; text-align:center; transition:transform .22s ease; }
.category-circles .category-reel-card:hover { transform:translateY(-4px); box-shadow:none; }
.category-circles .category-reel-media { width:min(100%,178px); aspect-ratio:1; margin:0 auto 13px; overflow:hidden; border:1px solid rgba(99,70,43,.17); border-radius:50%; background:#eee5d8; box-shadow:0 10px 24px rgba(65,42,24,.09); }
.category-circles .category-reel-media::after { background:linear-gradient(180deg,rgba(18,13,11,.01),transparent 68%,rgba(18,13,11,.15)); }
.category-circles .category-reel-media img { object-fit:cover; object-position:center; }
.category-circles .category-reel-card:hover .category-reel-media img { filter:saturate(1.05); }
.category-circles .category-reel-copy { display:flex; flex-direction:column; align-items:center; gap:4px; min-height:0; padding:0; }
.category-circles .category-reel-copy > span { color:#98764f; font-size:7px; letter-spacing:.08em; text-transform:uppercase; }
.category-circles .category-reel-copy strong { color:#3e3029; font-family:var(--sans); font-size:15px; font-weight:600; }
.category-circles .category-reel-copy i { display:none; }
@media (max-width:1100px) {
    .home-campaign-split .campaign-slide { grid-template-columns:minmax(0,.9fr) minmax(0,1fr); gap:28px; padding-inline:35px; }
    .home-campaign-split .campaign-copy h1,.home-campaign-split .campaign-copy h2 { font-size:clamp(42px,5vw,56px); }
    .campaign-visual { width:min(100%,440px); }
    .category-circles .category-reels-grid { gap:18px; }
    .category-circles .category-reel-media { width:min(100%,158px); }
}
@media (max-width:900px) {
    .home-campaign-split { padding:22px 0; }
    .home-campaign-split .campaign-carousel { height:540px; }
    .home-campaign-split .campaign-slide { grid-template-columns:minmax(0,.9fr) minmax(0,1fr); gap:22px; padding:28px 25px 82px; }
    .home-campaign-split .campaign-copy h1,.home-campaign-split .campaign-copy h2 { font-size:clamp(39px,5.7vw,49px); }
    .campaign-visual { width:min(100%,390px); }
    .campaign-trust { gap:6px; margin-top:20px; font-size:6px; }
    .category-circles .category-reels-grid { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:26px; }
    .category-circles .category-reel-media { width:min(100%,170px); }
}
@media (max-width:640px) {
    .home-campaign-split { padding:13px 0 18px; }
    .home-campaign-split .campaign-carousel { height:clamp(660px,185vw,735px); border-radius:5px; }
    .home-campaign-split .campaign-slide { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:14px; padding:14px 15px 102px; }
    .home-campaign-split .campaign-visual { order:-1; flex:0 0 auto; justify-self:center; width:min(78vw,310px); height:auto; aspect-ratio:1; padding:6px; }
    .home-campaign-split .campaign-visual figcaption { gap:6px; padding:3px 4px 0; font-size:9px; }
    .home-campaign-split .campaign-visual figcaption span { width:16px; height:16px; font-size:6px; }
    .home-campaign-split .campaign-copy { order:1; width:100%; max-width:430px; align-self:center; text-align:center; }
    .home-campaign-split .campaign-copy .eyebrow { justify-content:center; margin:0 0 7px; font-size:7px; letter-spacing:.12em; }
    .home-campaign-split .campaign-copy h1,.home-campaign-split .campaign-copy h2 { max-width:410px; margin-inline:auto; font-size:clamp(32px,8.6vw,39px); line-height:1.02; }
    .home-campaign-split .campaign-copy > p:not(.eyebrow) { max-width:370px; margin:8px auto 12px; font-size:10px; line-height:1.55; }
    .home-campaign-split .campaign-cta { min-height:38px; padding:0 13px; font-size:9px; }
    .campaign-trust { justify-content:center; gap:6px; margin-top:13px; font-size:5.5px; }
    .home-campaign-split .campaign-controls { right:12px; bottom:11px; left:12px; flex-direction:column; gap:6px; }
    .home-campaign-split .campaign-caption { justify-content:center; max-width:100%; gap:5px; font-size:6px; text-align:center; }
    .home-campaign-split .campaign-caption strong { font-size:8px; }
    .home-campaign-split .campaign-caption small { font-size:9px; }
    .home-campaign-split .campaign-control-set { gap:7px; }
    .home-campaign-split .campaign-control-set > button { width:26px; height:26px; }
    .category-circles.category-reels.section { padding:40px 0 46px; }
    .category-circles .category-reels-heading { margin-bottom:23px; }
    .category-circles .category-reels-heading .eyebrow { font-size:7px; }
    .category-circles .category-reels-heading h2 { max-width:340px; font-size:29px; }
    .category-circles .category-reels-grid { display:flex; gap:16px; margin-right:-18px; padding:0 18px 8px 0; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
    .category-circles .category-reels-grid::-webkit-scrollbar { display:none; }
    .category-circles .category-reel-card { flex:0 0 126px; scroll-snap-align:start; }
    .category-circles .category-reel-media { width:112px; margin-bottom:10px; }
    .category-circles .category-reel-copy strong { font-size:13px; }
    .category-circles .category-reel-copy > span { font-size:6px; }
}
@media (max-width:380px) {
    .home-campaign-split .campaign-carousel { height:650px; }
    .home-campaign-split .campaign-visual { width:min(74vw,280px); }
    .home-campaign-split .campaign-copy h1,.home-campaign-split .campaign-copy h2 { font-size:31px; }
    .home-campaign-split .campaign-trust { display:none; }
}
@media (prefers-reduced-motion:reduce) {
    .home-campaign-split .campaign-slide,.home-campaign-split .campaign-visual img,.category-circles .category-reel-card { transition:none; }
}
/* Expand the campaign into a glowing, full-width banner; keep the scene at its native 4:3 ratio. */
.home-campaign-split { position:relative; isolation:isolate; overflow:hidden; padding:0; background:radial-gradient(ellipse at 76% 48%,rgba(224,166,96,.27) 0%,rgba(224,166,96,.08) 23%,transparent 48%),radial-gradient(ellipse at 12% 95%,rgba(116,44,52,.07),transparent 38%),linear-gradient(180deg,#fffaf1 0%,#f5ead8 100%); }
.home-campaign-split > .container { position:relative; z-index:1; width:100%; max-width:none; padding-inline:clamp(26px,6vw,112px); }
.home-campaign-split .campaign-carousel { height:clamp(620px,51vw,750px); max-width:none; overflow:hidden; border:0; border-radius:0; background:transparent; box-shadow:none; }
.home-campaign-split .campaign-slide { grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:clamp(34px,5.4vw,84px); padding:54px 0 94px; overflow:hidden; }
.home-campaign-split .campaign-slide::before { opacity:.78; background:radial-gradient(circle at 78% 45%,rgba(255,255,255,.66),transparent 38%),repeating-linear-gradient(135deg,transparent 0 86px,rgba(112,72,41,.035) 87px,transparent 88px 174px); }
.home-campaign-split .campaign-copy { max-width:580px; }
.home-campaign-split .campaign-copy h1,.home-campaign-split .campaign-copy h2 { max-width:590px; font-size:clamp(52px,5.1vw,76px); line-height:1.01; }
.home-campaign-split .campaign-copy .eyebrow { margin-bottom:20px; font-size:10px; }
.home-campaign-split .campaign-copy > p:not(.eyebrow) { max-width:520px; margin:20px 0 25px; font-size:15px; line-height:1.72; }
.home-campaign-split .campaign-cta { min-height:51px; padding-inline:20px; font-size:11px; }
.campaign-trust { margin-top:30px; font-size:8px; }
.campaign-visual { position:relative; display:block; justify-self:end; width:min(100%,720px); aspect-ratio:4/3; margin:0; padding:0; overflow:visible; border:0; border-radius:3px; background:transparent; box-shadow:0 28px 70px rgba(90,51,24,.22),0 0 0 1px rgba(143,96,48,.16); filter:drop-shadow(0 0 34px rgba(196,132,58,.2)); }
.campaign-visual img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; background:transparent; }
.campaign-visual figcaption { position:absolute; right:13px; bottom:13px; left:13px; display:flex; align-items:center; gap:9px; min-height:34px; padding:6px 10px; color:#704d38; border:1px solid rgba(255,255,255,.65); background:rgba(255,250,239,.91); box-shadow:0 5px 18px rgba(52,30,16,.12); backdrop-filter:blur(8px); font-size:12px; }
.home-campaign-split .campaign-controls { right:0; bottom:17px; left:0; }
@media (max-width:1100px) {
    .home-campaign-split > .container { padding-inline:36px; }
    .home-campaign-split .campaign-carousel { height:620px; }
    .home-campaign-split .campaign-slide { gap:28px; padding-bottom:90px; }
    .home-campaign-split .campaign-copy h1,.home-campaign-split .campaign-copy h2 { font-size:clamp(46px,5.4vw,62px); }
    .campaign-visual { width:min(100%,620px); }
}
@media (max-width:900px) {
    .home-campaign-split > .container { padding-inline:25px; }
    .home-campaign-split .campaign-carousel { height:580px; }
    .home-campaign-split .campaign-slide { grid-template-columns:minmax(0,.9fr) minmax(0,1fr); gap:22px; padding:35px 0 88px; }
    .home-campaign-split .campaign-copy h1,.home-campaign-split .campaign-copy h2 { font-size:clamp(40px,5.8vw,52px); }
    .home-campaign-split .campaign-copy > p:not(.eyebrow) { font-size:12px; }
    .campaign-visual { width:100%; }
}
@media (max-width:640px) {
    .home-campaign-split { padding:0; }
    .home-campaign-split > .container { padding-inline:15px; }
    .home-campaign-split .campaign-carousel { height:clamp(690px,190vw,770px); }
    .home-campaign-split .campaign-slide { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:16px; padding:18px 2px 101px; }
    .home-campaign-split .campaign-visual { order:-1; flex:0 0 auto; justify-self:center; width:min(88vw,440px); height:auto; aspect-ratio:4/3; }
    .home-campaign-split .campaign-visual figcaption { right:8px; bottom:8px; left:8px; min-height:29px; gap:6px; padding:4px 8px; font-size:10px; }
    .home-campaign-split .campaign-visual figcaption span { width:16px; height:16px; font-size:6px; }
    .home-campaign-split .campaign-copy { order:1; width:100%; max-width:440px; align-self:center; text-align:center; }
    .home-campaign-split .campaign-copy .eyebrow { justify-content:center; margin-bottom:8px; font-size:7px; }
    .home-campaign-split .campaign-copy h1,.home-campaign-split .campaign-copy h2 { max-width:420px; margin-inline:auto; font-size:clamp(33px,8.5vw,42px); line-height:1.02; }
    .home-campaign-split .campaign-copy > p:not(.eyebrow) { max-width:380px; margin:9px auto 13px; font-size:11px; line-height:1.56; }
    .home-campaign-split .campaign-cta { min-height:40px; padding-inline:14px; font-size:9px; }
    .campaign-trust { justify-content:center; gap:6px; margin-top:14px; font-size:5.5px; }
    .home-campaign-split .campaign-controls { right:0; bottom:11px; left:0; }
}
@media (max-width:380px) {
    .home-campaign-split .campaign-carousel { height:680px; }
    .home-campaign-split .campaign-visual { width:min(88vw,370px); }
    .home-campaign-split .campaign-copy h1,.home-campaign-split .campaign-copy h2 { font-size:32px; }
    .home-campaign-split .campaign-trust { display:none; }
}
/* Final home campaign layout: constrain desktop width and stack cleanly before the copy gets cramped. */
.home-campaign-split {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:0;
    background:radial-gradient(ellipse at 74% 48%,rgba(224,166,96,.24),transparent 43%),linear-gradient(180deg,#fffaf1 0%,#f5ead8 100%);
}
.home-campaign-split > .container {
    position:relative;
    z-index:1;
    width:100%;
    max-width:1560px;
    margin-inline:auto;
    padding-inline:clamp(28px,5vw,80px);
    box-sizing:border-box;
}
.home-campaign-split .campaign-carousel {
    height:clamp(560px,42vw,660px);
    max-width:100%;
    overflow:hidden;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.home-campaign-split .campaign-slide {
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    align-items:center;
    gap:clamp(28px,4vw,62px);
    padding:44px 0 94px;
    box-sizing:border-box;
}
.home-campaign-split .campaign-copy { width:100%; max-width:580px; min-width:0; }
.home-campaign-split .campaign-copy h1,
.home-campaign-split .campaign-copy h2 {
    max-width:590px;
    font-size:clamp(48px,4.4vw,68px);
    line-height:1.03;
    letter-spacing:-.045em;
    overflow-wrap:normal;
}
.home-campaign-split .campaign-copy > p:not(.eyebrow) { max-width:500px; font-size:14px; line-height:1.7; }
.campaign-visual {
    display:block;
    justify-self:end;
    width:min(100%,720px);
    max-width:720px;
    height:auto;
    aspect-ratio:4/3;
    min-width:0;
    padding:0;
    overflow:hidden;
    border:1px solid rgba(120,85,49,.22);
    border-radius:4px;
    box-sizing:border-box;
    background:#efe3cf;
    box-shadow:0 22px 54px rgba(64,39,22,.17),0 0 44px rgba(196,132,58,.16);
    filter:none;
}
.campaign-visual img { width:100%; height:100%; max-width:100%; object-fit:contain; object-position:center; background:#efe3cf; }
.campaign-visual figcaption { right:12px; bottom:12px; left:12px; min-height:36px; }
.home-campaign-split .campaign-controls { right:0; bottom:15px; left:0; gap:18px; }
.home-campaign-split .campaign-caption { max-width:58%; }

@media (max-width:900px) {
    .home-campaign-split > .container { max-width:780px; padding-inline:clamp(20px,4vw,36px); }
    .home-campaign-split .campaign-carousel { height:clamp(790px,103vw,960px); }
    .home-campaign-split .campaign-slide {
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        gap:20px;
        padding:26px 0 78px;
    }
    .campaign-visual { order:-1; flex:0 0 auto; justify-self:center; width:min(100%,560px); max-width:560px; }
    .home-campaign-split .campaign-copy { order:1; align-self:center; width:100%; max-width:600px; text-align:center; }
    .home-campaign-split .campaign-copy .eyebrow { justify-content:center; margin-bottom:9px; }
    .home-campaign-split .campaign-copy h1,
    .home-campaign-split .campaign-copy h2 { max-width:560px; margin-inline:auto; font-size:clamp(39px,5.4vw,49px); line-height:1.04; }
    .home-campaign-split .campaign-copy > p:not(.eyebrow) { max-width:520px; margin:10px auto 15px; font-size:13px; line-height:1.6; }
    .home-campaign-split .campaign-trust { justify-content:center; margin-top:15px; }
    .home-campaign-split .campaign-controls { right:0; bottom:13px; left:0; }
    .home-campaign-split .campaign-caption small { display:none; }
}
@media (max-width:640px) {
    .home-campaign-split > .container { max-width:560px; padding-inline:16px; }
    .home-campaign-split .campaign-carousel { height:clamp(610px,116vw,760px); }
    .home-campaign-split .campaign-slide { gap:17px; padding:15px 0 76px; }
    .campaign-visual { width:100%; max-width:500px; border-radius:3px; }
    .campaign-visual figcaption { right:8px; bottom:8px; left:8px; min-height:30px; gap:7px; padding:4px 8px; font-size:10px; }
    .campaign-visual figcaption span { width:16px; height:16px; font-size:6px; }
    .home-campaign-split .campaign-copy { max-width:500px; }
    .home-campaign-split .campaign-copy .eyebrow { margin-bottom:7px; font-size:7px; letter-spacing:.13em; }
    .home-campaign-split .campaign-copy h1,
    .home-campaign-split .campaign-copy h2 { max-width:480px; font-size:clamp(33px,8.4vw,42px); line-height:1.04; }
    .home-campaign-split .campaign-copy > p:not(.eyebrow) { max-width:440px; margin:8px auto 12px; font-size:11px; line-height:1.55; }
    .home-campaign-split .campaign-cta { min-height:40px; padding-inline:14px; font-size:9px; }
    .home-campaign-split .campaign-trust { gap:6px; margin-top:11px; font-size:6px; }
    .home-campaign-split .campaign-controls { right:0; bottom:13px; left:0; justify-content:center; }
    .home-campaign-split .campaign-caption { display:none; }
    .home-campaign-split .campaign-control-set { gap:8px; }
    .home-campaign-split .campaign-control-set > button { width:29px; height:29px; }
}
@media (max-width:390px) {
    .home-campaign-split .campaign-carousel { height:700px; }
    .home-campaign-split .campaign-slide { gap:14px; }
    .home-campaign-split .campaign-copy h1,
    .home-campaign-split .campaign-copy h2 { font-size:32px; }
    .home-campaign-split .campaign-trust { display:none; }
    .home-campaign-split .campaign-control-set { gap:6px; }
}

@media (max-width:390px) {
    .home-campaign-split .campaign-carousel { height:610px; }
}

/* Keep the floating chat affordance from covering hero copy on narrow screens. */
@media (max-width:900px) {
    .whatsapp-widget { right:14px; bottom:14px; }
    .whatsapp-toggle { width:48px; min-width:48px; height:48px; min-height:48px; padding:0; gap:0; }
    .whatsapp-toggle > span { display:none; }
    .whatsapp-toggle > svg { width:23px; height:23px; }
}

/* Remove the decorative stripe pattern that reads as stray hairline marks on the hero. */
.home-campaign-split .campaign-slide::before {
    opacity:.58;
    background:radial-gradient(ellipse at 76% 44%,rgba(255,255,255,.72),transparent 46%);
}

/* Blend every campaign into one continuous canvas so the old slide panels leave no visible edges. */
.home-campaign-split .campaign-slide { background:transparent; }
.home-campaign-split .campaign-slide::before {
    opacity:1;
    background:radial-gradient(ellipse 44% 58% at 76% 48%,rgba(220,157,79,.14),transparent 100%);
}
.home-campaign-split .campaign-rose::before { background:radial-gradient(ellipse 44% 58% at 76% 48%,rgba(220,139,132,.14),transparent 100%); }
.home-campaign-split .campaign-jasmine::before { background:radial-gradient(ellipse 44% 58% at 76% 48%,rgba(174,177,105,.14),transparent 100%); }
.home-campaign-split .campaign-chandan::before { background:radial-gradient(ellipse 44% 58% at 76% 48%,rgba(220,171,86,.16),transparent 100%); }
.home-campaign-split .campaign-aura::before { background:radial-gradient(ellipse 44% 58% at 76% 48%,rgba(188,111,99,.14),transparent 100%); }
.home-campaign-split .campaign-amber::before { background:radial-gradient(ellipse 44% 58% at 76% 48%,rgba(215,166,89,.16),transparent 100%); }
.home-campaign-split .campaign-aura { color:#492b2b; background:transparent; }
.home-campaign-split .campaign-aura .campaign-copy > p:not(.eyebrow) { color:rgba(70,53,42,.78); }
.home-campaign-split .campaign-aura .campaign-copy .eyebrow { color:#9b703e; }
.home-campaign-split .campaign-aura .campaign-copy h2 em { color:#a96631; }
.home-campaign-split .campaign-aura .campaign-cta { color:#fff8ec; border-color:#692c36; background:#692c36; }
.home-campaign-split .campaign-aura ~ .campaign-controls .campaign-caption,
.home-campaign-split .campaign-aura ~ .campaign-controls .campaign-count,
.home-campaign-split .campaign-aura ~ .campaign-controls .campaign-count b { color:#5f2930; }

/* Keep the hero's right-side ambient light consistent across all fragrance slides. */
.home-campaign-split .campaign-slide::before,
.home-campaign-split .campaign-rose::before,
.home-campaign-split .campaign-jasmine::before,
.home-campaign-split .campaign-chandan::before,
.home-campaign-split .campaign-aura::before,
.home-campaign-split .campaign-amber::before {
    opacity:1;
    background:radial-gradient(ellipse 46% 62% at 76% 49%,rgba(214,167,99,.11),transparent 100%);
}

/* Correct the one product photo whose package label has the wrong village. */
.product-art-photo { container-type: size; }
.product-image-stage { position: absolute; top: 50%; left: 50%; width: min(100cqw, 100cqh); height: min(100cqw, 100cqh); transform: translate(-50%, -50%); container-type: size; }
.product-address-correction { position: absolute; top: 78%; left: 61%; z-index: 5; display: flex; width: 25.5%; height: 6.3%; flex-direction: column; justify-content: center; gap: 0; overflow: hidden; padding: .25% .45%; color: #f7f6f2; border-radius: 2%; background: #353535; font-family: Arial, sans-serif; font-size: clamp(3px, 1.08cqw, 8px); line-height: 1.17; letter-spacing: -.02em; pointer-events: none; }
.product-address-correction strong { font-weight: 700; }
.product-address-correction span { white-space: nowrap; }
.contact-details-card a { color: #694232; text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.contact-details-card p { line-height: 2; }
.footer-contact { gap: 11px; }
.footer-contact-name { margin: 0; color: #fff1df; font-family: var(--display); font-size: 15px; font-weight: 400; }
.footer-contact-link { max-width: 100%; color: rgba(255,239,222,.82); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; transition: color .2s ease; }
.footer-contact-link:hover { color: #fff8eb; }
.footer-instagram-button { display: inline-flex; align-items: center; gap: 8px; margin-top: 5px; padding: 9px 12px; color: #fff6e9; border: 1px solid rgba(244,204,141,.44); border-radius: 999px; background: rgba(255,245,228,.06); font-size: 11px; font-weight: 600; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.footer-instagram-button:hover { transform: translateY(-2px); border-color: rgba(255,238,210,.72); background: rgba(255,245,228,.13); }
.footer-instagram-button svg { width: 16px; height: 16px; flex: 0 0 16px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.footer-instagram-button .instagram-dot { fill: currentColor; stroke: none; }
.footer-instagram-handle { color: #edc27f; font-size: 9px; font-weight: 400; }

/* Product photography and standalone QR follow page */
.category-circles .category-reel-copy > span { font-size: 10px; line-height: 1.45; letter-spacing: .045em; }
.category-circles .category-reel-card-agarbatti .category-reel-media img,
.category-circles .category-reel-card-dhuni .category-reel-media img { object-fit: cover; padding: 0; }
.product-card { min-width: 0; }
.product-card-copy { min-width: 0; overflow: visible; }
.product-card-kicker { flex-wrap: wrap; row-gap: 4px; font-size: 10px; letter-spacing: .07em; line-height: 1.45; }
.product-card-kicker > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.product-card h3, .product-card h3 a { display: block; max-width: 100%; overflow-wrap: anywhere; word-break: normal; hyphens: none; letter-spacing: -.015em; line-height: 1.25; }
.product-card-copy > p { min-height: 4.4em; font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }

.followus-standalone {
    position: relative;
    isolation: isolate;
    display: grid;
    min-height: 100svh;
    align-items: center;
    overflow: hidden;
    padding: clamp(32px, 6vw, 76px) 0;
    color: #49352f;
    background:
        radial-gradient(ellipse at 12% 10%, rgba(224, 185, 123, .3), transparent 33%),
        radial-gradient(ellipse at 95% 88%, rgba(126, 55, 56, .09), transparent 35%),
        linear-gradient(135deg, #fffaf2 0%, #f7edde 56%, #efe1cc 100%);
}
.followus-standalone::before,
.followus-standalone::after {
    position: absolute;
    z-index: -1;
    width: 430px;
    aspect-ratio: 1;
    border: 1px solid rgba(145, 91, 48, .13);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}
.followus-standalone::before {
    top: -310px;
    right: 31%;
    box-shadow: 0 0 0 38px rgba(145, 91, 48, .025), 0 0 0 78px rgba(145, 91, 48, .018);
}
.followus-standalone::after {
    right: -315px;
    bottom: -300px;
    border-color: rgba(112, 51, 52, .12);
}
.followus-layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .83fr);
    align-items: center;
    gap: clamp(38px, 6vw, 82px);
    width: min(100% - 48px, 1040px);
}
.followus-panel {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
}
.followus-logo { display: inline-flex; margin: 0 0 9px; }
.followus-logo img { display: block; width: 114px; height: 76px; object-fit: contain; }
.followus-kicker {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 2px 0 14px;
    color: #87572c;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .17em;
}
.followus-kicker span { color: #bd803a; font-size: 15px; }
.followus-panel h1 {
    margin: 0;
    color: #452824;
    font-family: var(--display);
    font-size: clamp(46px, 5.5vw, 68px);
    font-weight: 400;
    letter-spacing: -.055em;
    line-height: .98;
}
.followus-panel h1 em { color: #a75d2b; font-weight: 400; }
.followus-intro {
    max-width: 390px;
    margin: 14px 0 22px;
    color: #76675b;
    font-size: 14px;
    line-height: 1.65;
}
.followus-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    scroll-margin-top: 18px;
}
.followus-action {
    display: flex;
    min-width: 0;
    min-height: 66px;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    color: #4d352d;
    border: 1px solid rgba(117, 80, 48, .17);
    border-radius: 12px;
    background: rgba(255, 253, 248, .86);
    box-shadow: 0 5px 16px rgba(74, 46, 24, .045);
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.followus-action:hover {
    transform: translateY(-2px);
    border-color: rgba(145, 84, 50, .48);
    background: #fffdf7;
    box-shadow: 0 10px 24px rgba(74, 46, 24, .11);
}
.followus-action:focus-visible,
.followus-address > a:focus-visible,
.followus-logo:focus-visible {
    outline: 3px solid rgba(178, 122, 61, .5);
    outline-offset: 3px;
}
.followus-action-icon {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    color: #7a3937;
    border: 1px solid rgba(125, 53, 53, .18);
    border-radius: 50%;
    background: rgba(126, 55, 56, .055);
}
.followus-action-icon svg,
.followus-address-mark svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.followus-action-copy { display: grid; min-width: 0; gap: 4px; }
.followus-action-copy strong { color: #4b302a; font-size: 12px; font-weight: 700; line-height: 1.2; }
.followus-action-copy small { max-width: 100%; color: #806f60; font-size: 10px; line-height: 1.35; overflow-wrap: anywhere; }
.followus-action-arrow { margin-left: auto; color: #a16a3b; font-size: 15px; }
.followus-action-catalogue {
    color: #fff7e9;
    border-color: #682f34;
    background: linear-gradient(135deg, #793b3c, #4e2027);
}
.followus-action-catalogue:hover {
    color: #fff7e9;
    border-color: #682f34;
    background: linear-gradient(135deg, #8b4a43, #5a252d);
}
.followus-action-catalogue .followus-action-icon {
    color: #fff7e9;
    border-color: rgba(255, 248, 233, .4);
    background: rgba(255, 255, 255, .08);
}
.followus-action-catalogue .followus-action-copy strong { color: #fff7e9; }
.followus-action-catalogue .followus-action-copy small,
.followus-action-catalogue .followus-action-arrow { color: rgba(255, 247, 233, .78); }
.followus-address {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 14px;
    padding: 13px;
    border: 1px solid rgba(117, 80, 48, .14);
    border-radius: 13px;
    background: rgba(244, 233, 214, .68);
}
.followus-address-mark {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    color: #7c3437;
    border-radius: 50%;
    background: rgba(126, 55, 56, .08);
}
.followus-address-mark svg { width: 17px; height: 17px; }
.followus-address-copy { display: grid; min-width: 0; gap: 4px; }
.followus-address-copy strong { color: #50352d; font-size: 11px; }
.followus-address-copy small { color: #766859; font-size: 10px; line-height: 1.45; overflow-wrap: anywhere; }
.followus-address > a {
    flex: 0 0 auto;
    margin-left: auto;
    padding: 8px 10px;
    color: #763a37;
    border: 1px solid rgba(118, 58, 55, .16);
    border-radius: 999px;
    background: rgba(255, 250, 242, .72);
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}
.followus-signoff {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 14px 0 0;
    color: #8d7258;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .13em;
}
.followus-signoff span { color: #bd803a; font-size: 13px; }
.followus-scene {
    position: relative;
    width: 100%;
    max-width: 420px;
    aspect-ratio: .82;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(143, 96, 48, .25);
    border-radius: 46% 46% 18px 18px;
    background: #6f492d;
    box-shadow: 0 26px 65px rgba(73, 45, 25, .2), 0 0 0 10px rgba(255, 250, 241, .48);
}
.followus-scene img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 56%;
    transition: transform .7s cubic-bezier(.2, .8, .2, 1), filter .7s ease;
}
.followus-scene:hover img { transform: scale(1.055); filter: saturate(1.07); }
.followus-scene::after {
    position: absolute;
    inset: 42% 0 0;
    background: linear-gradient(180deg, transparent, rgba(41, 23, 15, .74));
    content: "";
    pointer-events: none;
}
.followus-scene figcaption {
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: 20px;
    z-index: 1;
    display: grid;
    gap: 7px;
    color: #fff7e8;
}
.followus-scene figcaption span { color: #efd1a2; font-size: 9px; font-weight: 700; letter-spacing: .17em; }
.followus-scene figcaption strong { font-family: var(--display); font-size: clamp(24px, 2.4vw, 34px); font-weight: 400; line-height: 1.08; }

@media (max-width: 760px) {
    .followus-standalone { align-items: start; padding: 20px 0 30px; }
    .followus-layout { grid-template-columns: 1fr; gap: 26px; width: min(100% - 32px, 540px); }
    .followus-panel { max-width: none; }
    .followus-logo { margin-bottom: 7px; }
    .followus-logo img { width: 96px; height: 64px; }
    .followus-kicker { margin: 0 0 11px; font-size: 9px; }
    .followus-panel h1 { font-size: clamp(40px, 10vw, 52px); }
    .followus-intro { margin: 10px 0 17px; font-size: 13px; }
    .followus-actions { gap: 9px; }
    .followus-action { min-height: 64px; gap: 9px; padding: 9px 10px; border-radius: 11px; }
    .followus-action-icon { width: 32px; height: 32px; flex-basis: 32px; }
    .followus-action-icon svg { width: 16px; height: 16px; }
    .followus-action-copy strong { font-size: 11px; }
    .followus-action-copy small { font-size: 9px; }
    .followus-action-arrow { font-size: 13px; }
    .followus-address { align-items: flex-start; margin-top: 12px; padding: 11px; }
    .followus-address-copy strong { font-size: 10px; }
    .followus-address-copy small { font-size: 9px; }
    .followus-address > a { padding: 7px 9px; font-size: 9px; }
    .followus-signoff { margin-top: 12px; font-size: 8px; }
    .followus-scene {
        width: 100%;
        max-width: none;
        aspect-ratio: 1.42;
        border-radius: 20px;
        box-shadow: 0 17px 38px rgba(73, 45, 25, .18);
    }
    .followus-scene img { object-position: center 60%; }
    .followus-scene figcaption { right: 17px; bottom: 17px; left: 17px; }
    .followus-scene figcaption strong { font-size: clamp(23px, 6vw, 31px); }
}
@media (max-width: 359px) {
    .followus-layout { width: min(100% - 26px, 540px); }
    .followus-actions { grid-template-columns: 1fr; gap: 8px; }
    .followus-action { min-height: 58px; }
    .followus-address { gap: 8px; padding: 10px; }
    .followus-address > a { padding: 7px 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .followus-action,
    .followus-scene img { transition: none; }
    .followus-action:hover { transform: none; }
}