:root {
	--sufaira-ivory: #f6efe8;
	--sufaira-paper: #fbf8f3;
	--sufaira-ink: #281b24;
	--sufaira-muted: #796b71;
	--sufaira-plum: #3c213d;
	--sufaira-wine: #68253f;
	--sufaira-pomegranate: #9c3d55;
	--sufaira-amber: #c28c4d;
	--sufaira-border: rgba(60, 33, 61, .15);
	--sufaira-serif: "Iowan Old Style", "Baskerville", "Palatino Linotype", "Book Antiqua", Georgia, serif;
	--sufaira-sans: "Avenir Next", Avenir, "Segoe UI", sans-serif;
	--sufaira-radius: 2px;
	--sufaira-content-width: 1280px;
	--sufaira-gutter: clamp(1.25rem, 5vw, 5.5rem);
}

html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
body.sufaira-site { margin: 0; color: var(--sufaira-ink); background: var(--sufaira-paper); font-family: var(--sufaira-sans); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
body.sufaira-site * { box-sizing: border-box; }
body.sufaira-site a { color: inherit; text-decoration: none; }
body.sufaira-site img { max-width: 100%; height: auto; }
body.sufaira-site button, body.sufaira-site input, body.sufaira-site select, body.sufaira-site textarea { font: inherit; }
body.sufaira-site :focus-visible { outline: 2px solid var(--sufaira-amber); outline-offset: 4px; }
.sufaira-main { overflow: clip; }
.sufaira-section { padding: clamp(4.5rem, 9vw, 9rem) var(--sufaira-gutter); }
.sufaira-eyebrow { margin: 0 0 1rem; color: var(--sufaira-wine); font-size: .69rem; font-weight: 600; letter-spacing: .19em; line-height: 1.4; text-transform: uppercase; }
.sufaira-display { margin: 0; font-family: var(--sufaira-serif); font-weight: 400; letter-spacing: -.045em; line-height: .99; }
.sufaira-display em { color: var(--sufaira-pomegranate); font-weight: 400; }
.sufaira-prose { max-width: 42rem; color: inherit; font-size: clamp(.98rem, 1.25vw, 1.1rem); line-height: 1.85; }
.sufaira-prose > :first-child { margin-top: 0; }
.sufaira-prose > :last-child { margin-bottom: 0; }
.sufaira-prose--large { max-width: 54rem; font-size: clamp(1.02rem, 1.4vw, 1.2rem); }
.sufaira-prose a { color: var(--sufaira-pomegranate); text-decoration: underline; text-underline-offset: .18em; }
.sufaira-skip-link { position: fixed; z-index: 1000; top: .75rem; left: .75rem; padding: .8rem 1rem; transform: translateY(-160%); background: var(--sufaira-ivory); color: var(--sufaira-ink); }
.sufaira-skip-link:focus { transform: translateY(0); }

/* Shared shell */
.sufaira-header { position: relative; z-index: 50; width: 100%; background: var(--sufaira-paper); border-bottom: 1px solid rgba(60, 33, 61, .08); }
.sufaira-header__inner { min-height: 82px; max-width: 1600px; margin: 0 auto; padding: .65rem var(--sufaira-gutter); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem; }
.sufaira-brand { display: inline-flex; align-items: center; gap: .72rem; width: fit-content; }
.sufaira-brand__mark { display: grid; width: 2.2rem; aspect-ratio: 1; place-items: center; border: 1px solid var(--sufaira-amber); border-radius: 50%; color: var(--sufaira-wine); font-family: var(--sufaira-serif); font-size: 1.25rem; }
.sufaira-brand__name { color: var(--sufaira-plum); font-family: var(--sufaira-serif); font-size: 1.14rem; letter-spacing: .1em; text-transform: uppercase; }
.sufaira-header .custom-logo-link { display: inline-flex; align-items: center; width: fit-content; }
.sufaira-brand .custom-logo { width: auto; max-width: min(11rem, 34vw); max-height: 3.3rem; object-fit: contain; }
.sufaira-nav__list, .sufaira-footer__links { display: flex; align-items: center; gap: clamp(1rem, 2.2vw, 2.5rem); margin: 0; padding: 0; list-style: none; }
.sufaira-nav__list a { position: relative; color: var(--sufaira-ink); font-size: .7rem; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.sufaira-nav__list a::after { position: absolute; right: 0; bottom: -.48rem; left: 0; height: 1px; transform: scaleX(0); transform-origin: left; background: var(--sufaira-pomegranate); content: ""; transition: transform .32s ease; }
.sufaira-nav__list a:hover::after, .sufaira-nav__list .current-menu-item > a::after { transform: scaleX(1); }
.sufaira-header__actions { display: flex; justify-content: flex-end; }
.sufaira-cart-link { display: inline-flex; align-items: center; gap: .55rem; color: var(--sufaira-plum); font-size: .7rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.sufaira-account-link { margin-right: 1.1rem; color: var(--sufaira-plum); font-size: .68rem; letter-spacing: .09em; text-transform: uppercase; }
.sufaira-cart-count { display: grid; min-width: 1.45rem; height: 1.45rem; padding: 0 .25rem; place-items: center; border: 1px solid var(--sufaira-border); border-radius: 50%; font-size: .65rem; }
.sufaira-menu-toggle { display: none; border: 0; background: transparent; color: var(--sufaira-ink); }
.sufaira-footer { position: relative; overflow: hidden; background: var(--sufaira-plum); color: var(--sufaira-ivory); }
.sufaira-footer__glow { position: absolute; inset: -30% -10% auto; height: 19rem; background: radial-gradient(ellipse at 72% 65%, rgba(156, 61, 85, .58), transparent 62%), radial-gradient(ellipse at 18% 8%, rgba(194, 140, 77, .18), transparent 50%); filter: blur(18px); pointer-events: none; }
.sufaira-footer__inner { position: relative; max-width: 1600px; margin: 0 auto; padding: 4.5rem var(--sufaira-gutter) 1.25rem; }
.sufaira-footer__brand { margin-bottom: 3rem; }
.sufaira-footer .sufaira-eyebrow { color: #e3b97f; }
.sufaira-footer__line { max-width: 25rem; margin: 0; font-family: var(--sufaira-serif); font-size: clamp(1.7rem, 4vw, 3rem); line-height: 1.08; }
.sufaira-footer__links { flex-wrap: wrap; gap: .8rem 2rem; }
.sufaira-footer__links a { color: rgba(246, 239, 232, .78); font-size: .75rem; letter-spacing: .09em; text-transform: uppercase; }
.sufaira-footer__bottom { display: flex; justify-content: space-between; gap: 1rem; margin-top: 4.5rem; padding-top: 1rem; border-top: 1px solid rgba(246, 239, 232, .22); color: rgba(246, 239, 232, .65); font-size: .72rem; }
.elementor-page .elementor-widget-heading .elementor-heading-title { color: var(--sufaira-plum); font-family: var(--sufaira-serif); font-weight: 400; letter-spacing: -.035em; }
.elementor-page .elementor-widget-text-editor, .elementor-page .elementor-widget-text-editor p { color: var(--sufaira-muted); font-family: var(--sufaira-sans); line-height: 1.8; }
.elementor-page .elementor-button, .elementor-page .elementor-button:visited { border: 1px solid var(--sufaira-plum); border-radius: 0; background: var(--sufaira-plum); color: var(--sufaira-ivory); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.elementor-page .elementor-button:hover { background: var(--sufaira-pomegranate); }
.elementor-page .elementor-widget-divider .elementor-divider-separator { border-color: var(--sufaira-border); }

/* Liquid gradients and story scenes */
.sufaira-liquid { position: relative; isolation: isolate; overflow: hidden; }
.sufaira-liquid::before, .sufaira-liquid::after { position: absolute; z-index: -1; inset: -15%; content: ""; pointer-events: none; }
.sufaira-liquid::before { background: radial-gradient(ellipse at 15% 20%, rgba(194, 140, 77, .38), transparent 35%), radial-gradient(ellipse at 75% 25%, rgba(156, 61, 85, .36), transparent 38%), radial-gradient(ellipse at 54% 84%, rgba(87, 39, 79, .52), transparent 43%); filter: blur(28px) saturate(1.08); animation: sufaira-liquid-drift 18s ease-in-out infinite alternate; }
.sufaira-liquid::after { background: linear-gradient(118deg, rgba(255, 255, 255, .08), transparent 40%, rgba(221, 157, 108, .12)); mix-blend-mode: screen; }
.sufaira-liquid-orb { position: absolute; z-index: -1; right: 8%; bottom: 10%; width: min(40vw, 33rem); aspect-ratio: .82; border: 1px solid rgba(255, 237, 219, .24); border-radius: 48% 52% 39% 61% / 44% 42% 58% 56%; background: radial-gradient(ellipse at 40% 30%, rgba(239, 190, 136, .56), transparent 18%), radial-gradient(ellipse at 55% 60%, rgba(156, 61, 85, .75), transparent 55%), radial-gradient(ellipse at 34% 45%, rgba(194, 140, 77, .34), rgba(60, 33, 61, .3) 70%); box-shadow: inset 0 0 5rem rgba(255, 231, 210, .15), 0 2rem 7rem rgba(19, 8, 24, .22); filter: blur(.2px); animation: sufaira-orb-float 12s ease-in-out infinite alternate; }
.sufaira-hero { min-height: min(780px, calc(100svh - 82px)); display: grid; align-items: center; padding: clamp(5rem, 11vw, 10rem) var(--sufaira-gutter); background: linear-gradient(112deg, #2b1a31 2%, #54243f 47%, #8d3d51 100%); color: var(--sufaira-ivory); }
.sufaira-hero .sufaira-liquid::before { opacity: .8; }
.sufaira-hero__content { position: relative; z-index: 1; max-width: 790px; }
.sufaira-hero .sufaira-eyebrow { color: #e4bd87; }
.sufaira-hero h1 { max-width: 820px; font-size: clamp(4rem, 10vw, 9rem); }
.sufaira-hero h1 em { color: #e8b7a4; }
.sufaira-hero__intro { max-width: 28rem; margin: 1.65rem 0 2rem; color: rgba(246, 239, 232, .82); font-size: clamp(1rem, 1.4vw, 1.2rem); }
.sufaira-hero__wash { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(27, 14, 31, .68), rgba(37, 17, 35, .18) 58%, rgba(59, 20, 39, .18)); }
.sufaira-scroll-cue { position: absolute; right: var(--sufaira-gutter); bottom: 2.2rem; display: grid; justify-items: center; gap: .75rem; color: rgba(246, 239, 232, .7); font-size: .65rem; letter-spacing: .12em; text-transform: uppercase; writing-mode: vertical-rl; }
.sufaira-scroll-cue i { width: 1px; height: 2.7rem; transform-origin: top; background: #d9b27a; animation: sufaira-scroll-line 1.7s ease-in-out infinite; }
.sufaira-intro { background: var(--sufaira-paper); }
.sufaira-intro__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(250px, .8fr); align-items: end; gap: clamp(2rem, 8vw, 8rem); }
.sufaira-intro h2 { max-width: 760px; font-size: clamp(3rem, 7vw, 6.5rem); }
.sufaira-intro .sufaira-prose { padding-bottom: .5rem; color: var(--sufaira-muted); }
.sufaira-rehl-journey { background: #211722; color: var(--sufaira-ivory); }
.sufaira-journey-intro { min-height: 420px; display: flex; flex-direction: column; justify-content: center; padding: clamp(5rem, 10vw, 9rem) var(--sufaira-gutter); background: linear-gradient(128deg, #291c34, #642846 56%, #9c3d55); }
.sufaira-journey-intro .sufaira-eyebrow { color: #e1b878; }
.sufaira-journey-intro h2 { max-width: 900px; font-size: clamp(3.4rem, 8.5vw, 7.5rem); }
.sufaira-journey-intro > p:last-child { max-width: 31rem; margin: 1.6rem 0 0; color: rgba(246,239,232,.82); font-family: var(--sufaira-serif); font-size: clamp(1.15rem, 2vw, 1.65rem); }
.sufaira-journey-chapter { min-height: min(720px, 78vw); display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; background: #241a24; }
.sufaira-journey-chapter.is-image-right .sufaira-journey-chapter__visual { order: 2; }
.sufaira-journey-chapter__visual { position: relative; min-height: 520px; display: grid; overflow: hidden; place-items: center; isolation: isolate; }
.sufaira-journey-chapter__visual::before { position: absolute; z-index: -2; inset: 0; content: ""; transition: transform 1.2s cubic-bezier(.2,.7,.25,1); }
.sufaira-journey-chapter__liquid { position: absolute; z-index: -1; inset: 0; background: radial-gradient(ellipse at 70% 25%, rgba(194,140,77,.3), transparent 35%), linear-gradient(130deg, rgba(39,20,41,.2), rgba(42,19,31,.67)); }
.sufaira-journey-chapter__visual img { width: min(55%, 360px); height: min(76%, 540px); object-fit: contain; mix-blend-mode: screen; filter: drop-shadow(0 2rem 2rem rgba(0,0,0,.34)); transition: transform .9s cubic-bezier(.2,.7,.25,1); }
.sufaira-journey-chapter:hover .sufaira-journey-chapter__visual img { transform: translateY(-8px) scale(1.035); }
.sufaira-journey-chapter:hover .sufaira-journey-chapter__visual::before { transform: scale(1.06); }
.sufaira-journey-chapter__number { position: absolute; bottom: 1.5rem; left: var(--sufaira-gutter); color: rgba(246,239,232,.63); font-family: var(--sufaira-serif); font-size: .9rem; letter-spacing: .12em; }
.sufaira-journey-chapter__copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(2rem, 7vw, 7rem); }
.sufaira-journey-chapter__copy .sufaira-eyebrow { color: #e0b578; }
.sufaira-journey-chapter__copy h3 { margin: 0 0 1.2rem; color: var(--sufaira-ivory); font-size: clamp(3rem, 6vw, 5.8rem); }
.sufaira-journey-chapter__copy > p:not(.sufaira-eyebrow) { max-width: 27rem; margin: 0 0 1.7rem; color: rgba(246,239,232,.8); font-family: var(--sufaira-serif); font-size: clamp(1.15rem, 1.8vw, 1.5rem); line-height: 1.55; }
.sufaira-journey-chapter__copy .sufaira-text-link { border-color: rgba(246,239,232,.34); }
.sufaira-journey-chapter--mountain .sufaira-journey-chapter__visual::before { background: radial-gradient(ellipse at 28% 23%, rgba(250,250,247,.5), transparent 42%), linear-gradient(145deg, #8795a3, #c4c2b8 42%, #626a78); }
.sufaira-journey-chapter--forest .sufaira-journey-chapter__visual::before { background: radial-gradient(ellipse at 72% 20%, rgba(194,140,77,.27), transparent 32%), linear-gradient(145deg, #26392f, #52654a 43%, #17251f); }
.sufaira-journey-chapter--ocean .sufaira-journey-chapter__visual::before { background: radial-gradient(ellipse at 30% 19%, rgba(183,208,207,.33), transparent 37%), linear-gradient(155deg, #263f52, #48727a 45%, #132637); }
.sufaira-journey-chapter--sunset .sufaira-journey-chapter__visual::before { background: radial-gradient(ellipse at 48% 32%, rgba(213,105,82,.65), transparent 38%), linear-gradient(160deg, #982f45, #3b202b 65%, #111019); }
.sufaira-journey-chapter--desert .sufaira-journey-chapter__visual::before { background: radial-gradient(ellipse at 45% 24%, rgba(230,177,103,.48), transparent 34%), linear-gradient(150deg, #d2a06c, #85512f 55%, #36231f); }
.sufaira-collection-scene { background: var(--sufaira-plum); color: var(--sufaira-ivory); }
.sufaira-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 3rem; }
.sufaira-section-heading h2 { font-size: clamp(3rem, 7vw, 6.4rem); }
.sufaira-section-heading .sufaira-eyebrow { color: #dfb477; }
.sufaira-text-link { display: inline-flex; align-items: center; gap: .7rem; padding-bottom: .5rem; border-bottom: 1px solid rgba(246, 239, 232, .45); color: var(--sufaira-ivory); font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; }
.sufaira-story-band { min-height: 570px; display: grid; align-items: center; background: #f0e2d8; }
.sufaira-story-band__content { position: relative; z-index: 1; max-width: 650px; }
.sufaira-story-band h2 { margin-bottom: 1.3rem; font-size: clamp(3.6rem, 8vw, 7rem); }
.sufaira-story-band .sufaira-prose { margin-bottom: 2rem; color: #5f5159; }
.sufaira-combo { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(2rem, 8vw, 8rem); background: var(--sufaira-paper); }
.sufaira-combo__copy h2 { font-size: clamp(3rem, 6vw, 5.5rem); }
.sufaira-combo__copy > p:last-child { max-width: 22rem; color: var(--sufaira-muted); }
.sufaira-combo__products .sufaira-product-grid { grid-template-columns: 1fr; }
.sufaira-combo__products .sufaira-product-card { display: grid; grid-template-columns: minmax(130px, .7fr) 1fr; gap: 1.2rem; }
.sufaira-offline-teaser { min-height: 460px; display: grid; align-items: center; background: linear-gradient(110deg, #4a243f, #812c4a 56%, #b36e5b); color: var(--sufaira-ivory); }
.sufaira-offline-teaser__content { max-width: 700px; position: relative; z-index: 1; }
.sufaira-offline-teaser .sufaira-eyebrow { color: #efc58e; }
.sufaira-offline-teaser h2 { font-size: clamp(3.2rem, 7vw, 6rem); }
.sufaira-offline-teaser p:not(.sufaira-eyebrow) { max-width: 25rem; margin: 1.3rem 0 2rem; color: rgba(246, 239, 232, .82); }

/* Buttons and product cards */
.sufaira-button { min-height: 3.25rem; display: inline-flex; align-items: center; justify-content: space-between; gap: 2rem; padding: .8rem 1.15rem; border: 1px solid var(--sufaira-plum); background: var(--sufaira-plum); color: var(--sufaira-ivory) !important; font-size: .7rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; transition: background .28s ease, color .28s ease, transform .28s ease; }
.sufaira-button:hover { transform: translateY(-2px); background: var(--sufaira-pomegranate); border-color: var(--sufaira-pomegranate); }
.sufaira-button--light { border-color: var(--sufaira-ivory); background: var(--sufaira-ivory); color: var(--sufaira-plum) !important; }
.sufaira-button--light:hover { border-color: #e1bd8b; background: #e1bd8b; color: var(--sufaira-ink) !important; }
.sufaira-button--outline { border-color: var(--sufaira-pomegranate); background: transparent; color: var(--sufaira-pomegranate) !important; }
.sufaira-button--outline:hover { color: var(--sufaira-ivory) !important; }
.sufaira-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2.5vw, 2.4rem); }
.sufaira-product-card { min-width: 0; }
.sufaira-product-card__visual { position: relative; display: grid; min-height: 320px; overflow: hidden; place-items: center; background: #eadfd7; }
.sufaira-product-card__wash { position: absolute; inset: 0; background: radial-gradient(ellipse at 24% 22%, rgba(194, 140, 77, .34), transparent 35%), radial-gradient(ellipse at 78% 70%, rgba(156, 61, 85, .2), transparent 45%), linear-gradient(140deg, #eee3db, #d9c8c3); transition: transform .7s cubic-bezier(.2,.75,.25,1); }
.sufaira-product-card__visual img { position: relative; z-index: 1; width: 74%; height: 75%; object-fit: contain; mix-blend-mode: multiply; transition: transform .7s cubic-bezier(.2,.75,.25,1); }
.sufaira-product-card:hover .sufaira-product-card__visual img { transform: scale(1.055) rotate(-1deg); }
.sufaira-product-card:hover .sufaira-product-card__wash { transform: scale(1.08); }
.sufaira-product-card__badge { position: absolute; z-index: 2; top: 1rem; left: 1rem; padding: .36rem .55rem; background: var(--sufaira-plum); color: var(--sufaira-ivory); font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; }
.sufaira-product-card__body { display: grid; grid-template-columns: 1fr auto; gap: .65rem 1rem; padding: 1rem .1rem; }
.sufaira-product-card__eyebrow { margin: 0 0 .35rem; color: var(--sufaira-muted); font-size: .61rem; letter-spacing: .12em; text-transform: uppercase; }
.sufaira-product-card h3 { margin: 0; color: var(--sufaira-ivory); font-family: var(--sufaira-serif); font-size: clamp(1.25rem, 2vw, 1.75rem); font-weight: 400; line-height: 1.12; }
.sufaira-product-card__price { padding-top: 1.3rem; color: #ebd8c6; font-size: .85rem; }
.sufaira-product-card__link { grid-column: 1 / -1; width: fit-content; color: #ddb77d; font-size: .68rem; letter-spacing: .09em; text-transform: uppercase; }
.sufaira-combo__products .sufaira-product-card h3 { color: var(--sufaira-ink); }
.sufaira-combo__products .sufaira-product-card__price { color: var(--sufaira-wine); }
.sufaira-combo__products .sufaira-product-card__eyebrow { color: var(--sufaira-muted); }
.sufaira-combo__products .sufaira-product-card__link { color: var(--sufaira-pomegranate); }
.sufaira-empty-state { grid-column: 1 / -1; padding: 2rem; border: 1px solid var(--sufaira-border); color: var(--sufaira-muted); }

/* All non-home pages share a recognizable editorial frame. */
.sufaira-page-hero { min-height: 320px; display: flex; flex-direction: column; align-items: flex-start; justify-content: end; padding: clamp(4rem, 8vw, 7rem) var(--sufaira-gutter); background: linear-gradient(115deg, #3c213d, #732b48 66%, #9c3d55); color: var(--sufaira-ivory); }
.sufaira-page-hero::before { opacity: .65; }
.sufaira-page-hero .sufaira-eyebrow { color: #e7bb82; }
.sufaira-page-hero h1 { max-width: 1000px; font-size: clamp(3.5rem, 8vw, 7.5rem); }
.sufaira-page-hero .sufaira-prose { margin-top: 1.4rem; color: rgba(246, 239, 232, .84); }
.sufaira-page-content, .sufaira-story-content { background: var(--sufaira-paper); }
.sufaira-page-content .sufaira-prose { margin: 0 auto; }
.sufaira-story-content .sufaira-prose { margin: 0 auto; }
.sufaira-collection-results { background: var(--sufaira-paper); }
.sufaira-collection-results .sufaira-product-card h3 { color: var(--sufaira-ink); }
.sufaira-collection-results .sufaira-product-card__price { color: var(--sufaira-wine); }
.sufaira-collection-results .sufaira-product-card__eyebrow { color: var(--sufaira-muted); }
.sufaira-collection-results .sufaira-product-card__link { color: var(--sufaira-pomegranate); }

/* WooCommerce uses the same palette and components; purchasing remains direct. */
.woocommerce .site-content, .woocommerce-page .site-content { background: var(--sufaira-paper); }
.woocommerce .ast-container, .woocommerce-page .ast-container { max-width: var(--sufaira-content-width); padding: clamp(2rem, 5vw, 5rem) var(--sufaira-gutter); }
.sufaira-woocommerce-content { max-width: var(--sufaira-content-width); margin: 0 auto; padding: clamp(2.5rem, 5vw, 5rem) var(--sufaira-gutter); }
.woocommerce .woocommerce-products-header { max-width: var(--sufaira-content-width); margin: 0 auto 2.5rem; padding: clamp(3rem, 7vw, 6rem) var(--sufaira-gutter); background: linear-gradient(118deg, #3c213d, #732b48 66%, #9c3d55); color: var(--sufaira-ivory); }
.woocommerce .woocommerce-products-header__title { color: var(--sufaira-ivory); font-family: var(--sufaira-serif); font-size: clamp(3rem, 7vw, 6rem); font-weight: 400; }
.woocommerce .woocommerce-breadcrumb { margin-bottom: 1.8rem; color: var(--sufaira-muted); font-size: .74rem; }
.woocommerce .woocommerce-breadcrumb a { color: var(--sufaira-pomegranate); }
.woocommerce ul.products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product { width: auto !important; margin: 0 !important; padding: 0; }
.woocommerce ul.products li.product a img { width: 100%; aspect-ratio: .9; object-fit: contain; padding: 1.4rem; background: linear-gradient(135deg, #eee3db, #dfd0cc); mix-blend-mode: multiply; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--sufaira-ink); font-family: var(--sufaira-serif); font-size: 1.4rem; font-weight: 400; }
.woocommerce ul.products li.product .price { color: var(--sufaira-wine); }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce button.single_add_to_cart_button { min-height: 3rem; padding: .8rem 1.15rem; border: 1px solid var(--sufaira-plum); border-radius: 0; background: var(--sufaira-plum); color: var(--sufaira-ivory); font-size: .7rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: var(--sufaira-pomegranate); color: #fff; }
.woocommerce div.product .product_title { color: var(--sufaira-plum); font-family: var(--sufaira-serif); font-size: clamp(2.5rem, 5vw, 4.7rem); font-weight: 400; line-height: 1; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--sufaira-wine); }
.woocommerce div.product div.images img { background: linear-gradient(140deg, #f0e6dd, #e0d0ca); }
.woocommerce div.product form.cart .variations select, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { min-height: 2.8rem; border: 1px solid var(--sufaira-border); border-radius: 0; background-color: #fffdfa; }
.woocommerce table.shop_table { border-color: var(--sufaira-border); border-radius: 0; }
.woocommerce table.shop_table th { color: var(--sufaira-plum); font-size: .74rem; letter-spacing: .07em; text-transform: uppercase; }
.woocommerce-info, .woocommerce-message { border-top-color: var(--sufaira-amber); background: #f4ece3; }
.sufaira-product-story { clear: both; max-width: none; margin: 4rem 0 1rem; padding: clamp(2.5rem, 6vw, 5rem); color: var(--sufaira-ivory); background: linear-gradient(120deg, #3c213d, #732b48); }
.sufaira-product-story--mountain { background: linear-gradient(125deg, #4f5263, #806b76 55%, #593c55); }
.sufaira-product-story--forest { background: linear-gradient(125deg, #20352d, #425443 56%, #3c213d); }
.sufaira-product-story--ocean { background: linear-gradient(125deg, #213a4b, #3c6870 58%, #3c213d); }
.sufaira-product-story--sunset { background: linear-gradient(125deg, #8c3446, #61253f 55%, #261923); }
.sufaira-product-story--desert { background: linear-gradient(125deg, #9b693f, #69433a 55%, #3c213d); }
.sufaira-product-story .sufaira-eyebrow { color: #f0c78f; }
.sufaira-product-story h2 { margin: 0 0 1.2rem; color: var(--sufaira-ivory); font-family: var(--sufaira-serif); font-size: clamp(2.2rem, 4vw, 3.8rem); font-weight: 400; }
.sufaira-product-story .sufaira-prose { color: rgba(246,239,232,.88); }
.sufaira-commerce-utility .woocommerce .ast-container { padding-top: clamp(2rem, 5vw, 4rem); padding-bottom: clamp(3rem, 7vw, 6rem); }
.sufaira-commerce-utility .woocommerce form.checkout, .sufaira-commerce-utility .woocommerce-cart-form, .sufaira-commerce-utility .cart-collaterals { animation: none !important; }

/* Offline collection is catalog-only and has no WooCommerce purchase controls. */
.sufaira-offline-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2.5vw, 2.4rem); }
.sufaira-family-filter { display: flex; flex-wrap: wrap; gap: .6rem; margin: 0 0 2.5rem; }
.sufaira-family-filter a { padding: .55rem .8rem; border: 1px solid var(--sufaira-border); color: var(--sufaira-plum); font-size: .68rem; letter-spacing: .07em; text-transform: uppercase; }
.sufaira-family-filter a:hover { border-color: var(--sufaira-pomegranate); background: var(--sufaira-pomegranate); color: var(--sufaira-ivory); }
.sufaira-offline-card { min-width: 0; }
.sufaira-offline-card__image { position: relative; display: grid; min-height: 300px; overflow: hidden; place-items: center; background: radial-gradient(ellipse at 25% 22%, rgba(194, 140, 77, .35), transparent 38%), radial-gradient(ellipse at 76% 70%, rgba(156, 61, 85, .2), transparent 48%), #e9ddd5; }
.sufaira-offline-card__image img { width: 75%; height: 75%; object-fit: contain; mix-blend-mode: multiply; transition: transform .6s ease; }
.sufaira-offline-card:hover .sufaira-offline-card__image img { transform: scale(1.04); }
.sufaira-offline-card h2, .sufaira-offline-card h3 { margin: 1rem 0 .4rem; color: var(--sufaira-plum); font-family: var(--sufaira-serif); font-size: 1.7rem; font-weight: 400; line-height: 1.15; }
.sufaira-offline-card__availability { color: var(--sufaira-pomegranate); font-size: .65rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.sufaira-offline-card__notes { color: var(--sufaira-muted); font-size: .91rem; }
.sufaira-offline-detail { display: grid; grid-template-columns: minmax(0, .9fr) minmax(300px, 1.1fr); gap: clamp(2rem, 8vw, 8rem); align-items: start; }
.sufaira-offline-detail__image { background: linear-gradient(140deg, #f0e6dd, #e0d0ca); }
.sufaira-offline-detail__image img { width: 100%; mix-blend-mode: multiply; }
.sufaira-note-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 2rem 0; }
.sufaira-note-list div { padding-top: .8rem; border-top: 1px solid var(--sufaira-border); }
.sufaira-note-list dt { color: var(--sufaira-pomegranate); font-size: .63rem; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.sufaira-note-list dd { margin: .35rem 0 0; color: var(--sufaira-muted); font-size: .88rem; }

/* Story reveal: content is visible by default; JS adds reveal behavior only when active. */
.js [data-story-reveal] { opacity: .01; transform: translateY(22px); transition: opacity .75s ease, transform .85s cubic-bezier(.2,.7,.25,1); }
.js [data-story-reveal].is-visible { opacity: 1; transform: translateY(0); }
.js [data-story-group] > * { transition-delay: calc(var(--story-index, 0) * 90ms); }
.sufaira-post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
.sufaira-post-card img { width: 100%; aspect-ratio: 1.25; object-fit: cover; }
.sufaira-post-card h2 { color: var(--sufaira-plum); font-family: var(--sufaira-serif); font-weight: 400; }

@keyframes sufaira-liquid-drift { 0% { transform: translate3d(-2%, -1%, 0) rotate(-3deg) scale(1); } 100% { transform: translate3d(2%, 2%, 0) rotate(4deg) scale(1.08); } }
@keyframes sufaira-orb-float { 0% { transform: translateY(1.5%) rotate(-5deg); border-radius: 48% 52% 39% 61% / 44% 42% 58% 56%; } 100% { transform: translateY(-2%) rotate(5deg); border-radius: 57% 43% 55% 45% / 53% 37% 63% 47%; } }
@keyframes sufaira-scroll-line { 0%, 100% { transform: scaleY(.55); opacity: .5; } 50% { transform: scaleY(1); opacity: 1; } }

@media (max-width: 900px) {
	.sufaira-header__inner { grid-template-columns: 1fr auto auto; gap: 1.2rem; }
	.js .sufaira-menu-toggle { display: inline-flex; align-items: center; gap: .65rem; order: 3; padding: .65rem 0; cursor: pointer; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
	.sufaira-menu-toggle__icon { display: grid; gap: 5px; }
	.sufaira-menu-toggle__icon i { display: block; width: 19px; height: 1px; background: currentColor; transition: transform .25s ease; }
	.sufaira-menu-toggle[aria-expanded="true"] .sufaira-menu-toggle__icon i:first-child { transform: translateY(3px) rotate(45deg); }
	.sufaira-menu-toggle[aria-expanded="true"] .sufaira-menu-toggle__icon i:last-child { transform: translateY(-3px) rotate(-45deg); }
	.sufaira-nav { grid-column: 1 / -1; position: static; display: block; padding: .5rem 0 1rem; }
	.js .sufaira-nav { position: absolute; top: 100%; right: 0; left: 0; display: none; padding: 1.2rem var(--sufaira-gutter) 1.6rem; background: var(--sufaira-paper); border-bottom: 1px solid var(--sufaira-border); }
	.js .sufaira-nav.is-open { display: block; }
	.sufaira-nav__list { align-items: flex-start; flex-direction: column; gap: 1.15rem; }
	.sufaira-nav__list a { font-size: .78rem; }
	.sufaira-product-grid, .sufaira-offline-grid, .sufaira-post-grid, .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sufaira-intro__grid, .sufaira-combo { grid-template-columns: 1fr; }
	.sufaira-journey-chapter { min-height: 0; grid-template-columns: 1fr; }
	.sufaira-journey-chapter.is-image-right .sufaira-journey-chapter__visual { order: initial; }
	.sufaira-journey-chapter__visual { min-height: 58vw; max-height: 520px; }
	.sufaira-journey-chapter__copy { padding: 3rem var(--sufaira-gutter) 4rem; }
	.sufaira-combo__products .sufaira-product-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	:root { --sufaira-gutter: 1.25rem; }
	.sufaira-header__inner { min-height: 68px; grid-template-columns: 1fr auto auto; gap: .8rem; }
	.sufaira-brand__name { font-size: .95rem; }
	.sufaira-brand__mark { width: 1.9rem; }
	.sufaira-menu-toggle__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
	.sufaira-cart-link { gap: .35rem; font-size: .62rem; }
	.sufaira-hero { min-height: min(760px, calc(92svh - 68px)); padding-top: 5rem; padding-bottom: 6rem; }
	.sufaira-hero h1 { font-size: clamp(3.45rem, 15vw, 5.6rem); }
	.sufaira-hero__orb { right: -15%; bottom: 9%; width: 75vw; opacity: .65; }
	.sufaira-journey-intro { min-height: 350px; }
	.sufaira-journey-intro h2 { font-size: clamp(3rem, 13vw, 5rem); }
	.sufaira-journey-chapter__visual { min-height: 82vw; }
	.sufaira-journey-chapter__copy { padding-top: 2.5rem; padding-bottom: 3rem; }
	.sufaira-journey-chapter__copy h3 { font-size: clamp(3rem, 13vw, 5rem); }
	.sufaira-scroll-cue { right: 1.25rem; bottom: 1.2rem; font-size: .58rem; }
	.sufaira-intro__grid { gap: 1.7rem; }
	.sufaira-intro h2 { font-size: clamp(2.75rem, 13vw, 4.5rem); }
	.sufaira-section-heading { align-items: flex-start; flex-direction: column; }
	.sufaira-section-heading h2 { font-size: clamp(2.8rem, 12vw, 4.5rem); }
	.sufaira-product-grid, .sufaira-offline-grid, .sufaira-post-grid, .woocommerce ul.products { grid-template-columns: 1fr; gap: 1.7rem; }
	.sufaira-product-card__visual { min-height: 360px; }
	.sufaira-combo__products .sufaira-product-card { grid-template-columns: minmax(110px, .7fr) 1fr; }
	.sufaira-story-band { min-height: auto; }
	.sufaira-story-band h2, .sufaira-offline-teaser h2 { font-size: clamp(3.1rem, 14vw, 5rem); }
	.sufaira-page-hero { min-height: 270px; }
	.sufaira-page-hero h1 { font-size: clamp(3rem, 13vw, 5rem); }
	.sufaira-offline-detail { grid-template-columns: 1fr; }
	.sufaira-note-list { grid-template-columns: 1fr; }
	.sufaira-footer__bottom { flex-direction: column; margin-top: 3rem; }
	.woocommerce .ast-container, .woocommerce-page .ast-container { padding-right: var(--sufaira-gutter); padding-left: var(--sufaira-gutter); }
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
	.js [data-story-reveal] { opacity: 1; transform: none; }
}

/* Kayra-inspired visual direction: restrained, dark and editorial, with Sufaira's own Kashmir-dusk color. */
:root {
	--sufaira-ivory: #f1e8db;
	--sufaira-paper: #171313;
	--sufaira-ink: #f1e8db;
	--sufaira-muted: #b7aba1;
	--sufaira-plum: #21151c;
	--sufaira-wine: #512631;
	--sufaira-pomegranate: #a24f5e;
	--sufaira-amber: #b8915d;
	--sufaira-border: rgba(241, 232, 219, .17);
}
body.sufaira-site { background: #171313; color: #f1e8db; }
body.sufaira-site .site-content, body.sufaira-site .ast-container { background-color: #171313; }
body.sufaira-site h1, body.sufaira-site h2, body.sufaira-site h3, body.sufaira-site h4,
body.sufaira-site .sufaira-display, body.sufaira-site .sufaira-product-card h3,
body.sufaira-site .sufaira-offline-card h2, body.sufaira-site .sufaira-post-card h2 { color: #f1e8db; }
body.sufaira-site .sufaira-eyebrow { color: #c7a873; }
.sufaira-main { background: #171313; }

/* Three-part masthead echoing Kayra's open nav, centered wordmark and quiet bag action. */
.sufaira-header { background: rgba(20, 17, 16, .97); border-bottom: 1px solid rgba(241, 232, 219, .12); color: #f1e8db; }
.sufaira-header__inner { min-height: 76px; grid-template-columns: 1fr auto 1fr; grid-template-areas: "nav brand actions"; gap: clamp(1rem, 2.2vw, 2.5rem); }
.sufaira-nav { grid-area: nav; }
.sufaira-header__inner > .custom-logo-link, .sufaira-header__inner > .sufaira-brand { grid-area: brand; justify-self: center; }
.sufaira-header__actions { grid-area: actions; }
.sufaira-menu-toggle { grid-area: menu; }
.sufaira-nav__list { gap: clamp(.8rem, 1.8vw, 2rem); }
.sufaira-nav__list a, .sufaira-account-link, .sufaira-cart-link { color: #e8dfd4; font-size: .64rem; letter-spacing: .18em; }
.sufaira-nav__list a::after { background: #b8915d; }
.sufaira-brand__name { color: #f1e8db; font-size: 1.1rem; letter-spacing: .48em; }
.sufaira-brand__mark { display: none; }
.sufaira-header .custom-logo { max-width: min(10rem, 27vw); max-height: 2.8rem; filter: brightness(0) invert(.92); }
.sufaira-cart-count { border-color: rgba(241,232,219,.36); }

/* The hero settles into deep ink with a low, moving pomegranate/amber wash. */
.sufaira-hero { min-height: min(790px, calc(100svh - 76px)); position: relative; background: #171313; color: #f1e8db; }
.sufaira-hero::after { position: absolute; inset: 0; z-index: -2; background: radial-gradient(ellipse at 76% 42%, rgba(119, 62, 61, .27), transparent 34%), linear-gradient(105deg, #171313 0%, #21171b 58%, #2b1b20 100%); content: ""; }
.sufaira-hero .sufaira-eyebrow { color: #c7a873; }
.sufaira-hero h1 { max-width: 820px; color: #f1e8db !important; font-size: clamp(4.6rem, 9.8vw, 9rem); letter-spacing: -.055em; }
.sufaira-hero h1 em { color: #c9a77d; }
.sufaira-hero__intro { max-width: 25rem; color: rgba(241,232,219,.7); font-size: 1rem; }
.sufaira-hero__wash { background: linear-gradient(90deg, rgba(23,19,19,.78), rgba(23,19,19,.16) 74%); }
.sufaira-liquid::before { opacity: .46; background: radial-gradient(ellipse at 76% 30%, rgba(162,79,94,.19), transparent 35%), radial-gradient(ellipse at 60% 76%, rgba(184,145,93,.13), transparent 35%), radial-gradient(ellipse at 10% 75%, rgba(58,35,47,.34), transparent 48%); filter: blur(48px) saturate(.9); }
.sufaira-liquid::after { background: linear-gradient(120deg, rgba(255,255,255,.025), transparent 40%, rgba(184,145,93,.045)); }
.sufaira-liquid-orb { right: 9%; bottom: 14%; width: min(35vw, 29rem); border-color: rgba(241,232,219,.1); background: radial-gradient(ellipse at 42% 34%, rgba(197,161,126,.33), transparent 18%), radial-gradient(ellipse at 55% 62%, rgba(94,43,57,.68), transparent 58%), radial-gradient(ellipse at 34% 45%, rgba(184,145,93,.22), rgba(40,24,30,.32) 70%); box-shadow: inset 0 0 5rem rgba(255,231,210,.06), 0 2rem 7rem rgba(0,0,0,.28); }
.sufaira-button, .sufaira-button--light, .sufaira-button--outline { border-radius: 0; letter-spacing: .17em; }
.sufaira-button--light { background: #eee6dc; color: #21151c; }
.sufaira-button--light:hover { background: #c7a873; color: #171313; }

/* Rest of the site uses the same editorial dark room; gradient remains an accent. */
.sufaira-intro, .sufaira-page-content, .sufaira-story-content, .sufaira-collection-results,
.sufaira-combo, .woocommerce .site-content, .woocommerce-page .site-content,
.sufaira-post-grid { background: #171313; color: #f1e8db; }
.sufaira-intro .sufaira-prose, .sufaira-page-content .sufaira-prose,
.sufaira-story-content .sufaira-prose, .sufaira-combo__copy > p:last-child { color: #b7aba1; }
.sufaira-rehl-journey { background: #131010; }
.sufaira-journey-intro { background: linear-gradient(110deg, #1b1517, #322027 70%, #40252d); }
.sufaira-journey-intro h2, .sufaira-journey-chapter__copy h3 { color: #f1e8db !important; }
.sufaira-journey-chapter { background: #171313; border-top: 1px solid rgba(241,232,219,.08); }
.sufaira-journey-chapter__copy > p:not(.sufaira-eyebrow) { color: #b7aba1; }
.sufaira-journey-chapter__visual::before { filter: saturate(.75) brightness(.78); }
.sufaira-journey-chapter__visual img { mix-blend-mode: normal; }
.sufaira-collection-scene { background: #21151c; }
.sufaira-story-band { background: linear-gradient(120deg, #211719, #2f1d22 65%, #392229); color: #f1e8db; }
.sufaira-story-band .sufaira-prose { color: #c4b7ab; }
.sufaira-story-band h2, .sufaira-story-band .sufaira-display { color: #f1e8db !important; }
.sufaira-offline-teaser { background: linear-gradient(110deg, #21151c, #3a2228 63%, #4b292d); }
.sufaira-offline-teaser h2 { color: #f1e8db !important; }
.sufaira-section-heading h2 { color: #f1e8db !important; }
.sufaira-product-card__visual { min-height: 370px; background: #211c1a; }
.sufaira-product-card__wash { background: radial-gradient(ellipse at 50% 32%, rgba(184,145,93,.15), transparent 42%), linear-gradient(140deg,#292220,#1b1716); }
.sufaira-product-card__visual img { mix-blend-mode: normal; filter: drop-shadow(0 1.2rem 1.4rem rgba(0,0,0,.28)); }
.sufaira-product-card__eyebrow { color: #b7aba1; }
.sufaira-product-card__link { color: #c7a873; }
.sufaira-page-hero { min-height: 360px; background: radial-gradient(ellipse at 72% 25%, rgba(162,79,94,.18), transparent 38%), linear-gradient(110deg,#171313,#281b20 70%,#342027); color: #f1e8db; }
.sufaira-page-hero h1, .sufaira-page-hero .sufaira-display { color: #f1e8db !important; }
.sufaira-page-hero .sufaira-prose { color: #c4b7ab; }
.sufaira-page-hero .sufaira-eyebrow { color: #c7a873; }
.sufaira-empty-state { border-color: rgba(241,232,219,.16); color: #b7aba1; }

/* Commerce remains quiet and readable while the brand system stays present. */
.woocommerce .ast-container, .woocommerce-page .ast-container, .sufaira-woocommerce-content { background: #171313; color: #f1e8db; }
.woocommerce .woocommerce-products-header { background: radial-gradient(ellipse at 76% 20%, rgba(162,79,94,.18), transparent 40%), linear-gradient(110deg,#1b1517,#342027); }
.woocommerce .woocommerce-products-header__title, .woocommerce div.product .product_title { color: #f1e8db !important; }
.woocommerce ul.products li.product a img { background: #211c1a; mix-blend-mode: normal; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: #f1e8db; }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: #d1ae7f; }
.woocommerce div.product div.images img { background: #211c1a; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce table.shop_table, .woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #payment, .woocommerce-checkout #payment div.payment_box { background: #211c1a; color: #f1e8db; border-color: rgba(241,232,219,.18); }
.woocommerce table.shop_table th, .woocommerce table.shop_table td, .woocommerce form .form-row label { color: #e8dfd4; }
.woocommerce-info, .woocommerce-message { background: #28211d; color: #f1e8db; }

/* Offline fragrances are a swipeable gallery of the owner's images, never a shop grid. */
.sufaira-offline-gallery { min-height: calc(100svh - 76px); padding: clamp(2.5rem, 5vw, 4.5rem) 0 2.5rem; background: #171313; }
.sufaira-offline-gallery__intro { display: grid; grid-template-columns: minmax(240px, .9fr) minmax(250px, .65fr); align-items: end; gap: 1rem 4rem; max-width: 1440px; margin: 0 auto; padding: 0 var(--sufaira-gutter) 1.5rem; }
.sufaira-offline-gallery__intro .sufaira-eyebrow { grid-column: 1/-1; margin-bottom: 0; }
.sufaira-offline-gallery__intro h1 { color: #f1e8db !important; font-size: clamp(2.5rem, 5vw, 4.8rem); }
.sufaira-offline-gallery__intro h1 em { color: #c7a873; }
.sufaira-offline-gallery__intro > p:last-child { max-width: 22rem; justify-self: end; margin: 0 0 .55rem; color: #b7aba1; font-size: .94rem; }
.sufaira-offline-carousel { max-width: 1600px; margin: 0 auto; }
.sufaira-offline-carousel__slides { display: flex; gap: 1rem; overflow-x: auto; padding: 0 var(--sufaira-gutter) .8rem; scroll-snap-type: x mandatory; scroll-padding-inline: var(--sufaira-gutter); scrollbar-width: none; }
.sufaira-offline-carousel__slides::-webkit-scrollbar { display: none; }
.sufaira-offline-slide { position: relative; flex: 0 0 min(100%, 1420px); height: min(67svh, 780px); min-height: 440px; overflow: hidden; scroll-snap-align: start; isolation: isolate; background: #1d1917; }
.sufaira-offline-slide__image { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: contain; background: radial-gradient(ellipse at 50% 50%, #28211f, #171313 70%); }
.sufaira-offline-slide__shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(16,13,13,.72), rgba(16,13,13,.08) 58%, transparent 78%), linear-gradient(0deg, rgba(16,13,13,.35), transparent 38%); }
.sufaira-offline-slide__caption { position: absolute; left: clamp(1.5rem, 5vw, 5rem); bottom: clamp(1.5rem, 4vw, 4rem); max-width: 38rem; }
.sufaira-offline-slide__caption .sufaira-eyebrow { margin-bottom: .7rem; color: #e0c28e; }
.sufaira-offline-slide__caption h2 { margin: 0; color: #f8f0e5 !important; font-size: clamp(2.4rem, 6vw, 6rem); text-shadow: 0 .15rem 1.4rem rgba(0,0,0,.4); }
.sufaira-offline-carousel__controls { display: flex; align-items: center; justify-content: flex-end; gap: 1.1rem; max-width: 1500px; margin: .45rem auto 0; padding: 0 var(--sufaira-gutter); }
.sufaira-offline-carousel__controls button { display: grid; width: 2.8rem; height: 2.8rem; place-items: center; border: 1px solid rgba(241,232,219,.38); border-radius: 50%; background: transparent; color: #f1e8db; font-size: 1.2rem; cursor: pointer; }
.sufaira-offline-carousel__controls button:hover { border-color: #c7a873; background: #c7a873; color: #171313; }
.sufaira-offline-carousel__controls p { min-width: 4rem; margin: 0; color: #f1e8db; font-family: var(--sufaira-serif); font-size: 1.1rem; text-align: center; }
.sufaira-offline-carousel__controls p span { color: #968980; }
.sufaira-offline-empty { min-height: 50vh; display: grid; place-items: center; color: #b7aba1; }
.sufaira-offline-story__scene { position: relative; min-height: min(82svh, 950px); display: grid; align-items: end; overflow: hidden; isolation: isolate; background: #171313; }
.sufaira-offline-story__image { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.sufaira-offline-story__shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(16,13,13,.65),transparent 70%),linear-gradient(0deg,rgba(16,13,13,.6),transparent 45%); }
.sufaira-offline-story__caption { position: relative; margin: 0 0 clamp(2rem,6vw,6rem) clamp(1.5rem,7vw,7rem); }
.sufaira-offline-story__caption h1 { color: #f1e8db !important; font-size: clamp(3.2rem, 8vw, 8rem); }
.sufaira-offline-story__caption .sufaira-text-link { margin-top: 1.3rem; }
.sufaira-footer { background: #21151c; color: #f1e8db; }
.sufaira-footer__glow { opacity: .55; }
.sufaira-footer__line { color: #f1e8db; }
.sufaira-footer__links a { color: #c4b7ab; }

@media (max-width: 900px) {
	.sufaira-header__inner { grid-template-columns: 1fr auto 1fr; grid-template-areas: "menu brand actions"; gap: .8rem; }
	.js .sufaira-menu-toggle { display: inline-flex; grid-area: menu; order: initial; justify-self: start; color: #e8dfd4; }
	.sufaira-header__inner > .custom-logo-link, .sufaira-header__inner > .sufaira-brand { grid-area: brand; }
	.sufaira-header__actions { grid-area: actions; }
	.sufaira-nav { grid-area: nav; }
	.js .sufaira-nav { top: calc(100% + 1px); background: #171313; border-color: rgba(241,232,219,.14); }
	.sufaira-nav__list a { color: #e8dfd4; }
	.sufaira-offline-gallery__intro { grid-template-columns: 1fr; gap: .5rem; }
	.sufaira-offline-gallery__intro .sufaira-eyebrow { grid-column: auto; }
	.sufaira-offline-gallery__intro > p:last-child { justify-self: start; }
}
@media (max-width: 600px) {
	.sufaira-brand__name { font-size: .88rem; letter-spacing: .34em; }
	.sufaira-offline-gallery { min-height: calc(100svh - 68px); padding-top: 2rem; }
	.sufaira-offline-gallery__intro { padding-bottom: 1.1rem; }
	.sufaira-offline-gallery__intro h1 { font-size: clamp(2.5rem, 12vw, 4rem); }
	.sufaira-offline-slide { flex-basis: 92vw; height: 65svh; min-height: 420px; }
	.sufaira-offline-slide__image { object-fit: contain; }
	.sufaira-offline-slide__caption { left: 1.2rem; bottom: 1.4rem; }
	.sufaira-offline-slide__caption h2 { font-size: clamp(2.2rem, 11vw, 3.8rem); }
	.sufaira-offline-carousel__controls { justify-content: center; }
	.sufaira-offline-story__scene { min-height: 74svh; }
}
@media (prefers-reduced-motion: reduce) {
	.sufaira-liquid::before, .sufaira-liquid-orb { animation: none !important; }
}

/* Staging review fixes: quiet labels and show the full offline artwork. */
.sufaira-eyebrow{display:none!importantimportant}
.sufaira-offline-slide{display:flex!importantimportant;flex-direction:column!importantimportant;height:auto!importantimportant;overflow:visible!importantimportant}
.sufaira-offline-slide__image{position:relative!importantimportant;inset:auto!importantimportant;width:100%!importantimportant;height:min(73svh,920px)!importantimportant;object-fit:contain!importantimportant;object-position:center!importantimportant}
.sufaira-offline-slide__shade{display:none!importantimportant}
.sufaira-offline-slide__caption{position:relative!importantimportant;left:auto!importantimportant;bottom:auto!importantimportant;max-width:none!importantimportant;margin:0;padding:1rem .15rem 0}
@media(max-width:600px){.sufaira-offline-slide__image{height:min(66svh,640px)!importantimportant}};
/* Corrected staging overrides */
.sufaira-site .sufaira-eyebrow{display:none}
.sufaira-site .sufaira-offline-slide{display:flex;flex-direction:column;height:auto;overflow:visible}
.sufaira-site .sufaira-offline-slide__image{position:relative;inset:auto;width:100%;height:min(73svh,920px);object-fit:contain;object-position:center}
.sufaira-site .sufaira-offline-slide__shade{display:none}
.sufaira-site .sufaira-offline-slide__caption{position:relative;left:auto;bottom:auto;max-width:none;margin:0;padding:1rem .15rem 0}
@media(max-width:600px){.sufaira-site .sufaira-offline-slide__image{height:min(66svh,640px)}}
;