/* ============================================================
   SilkBlossomDating - design system
   Silk-and-blossom crimson/cream editorial surfaces with
   coastal-luxury accents (ocean blue, amber, sand, seafoam).
   ============================================================ */

:root {
    /* Core palette */
    --cream: #FDF4EC;
    --sand: #FDF0D5;
    --blush: #FBE0E4;
    --blush-soft: #FDECEE;
    --rose: #E0A7B0;
    --crimson: #96233C;
    --crimson-deep: #6E1226;
    --crimson-soft: #B4405A;
    --gold: #C99A3E;
    --gold-light: #EFCF87;
    --gold-dark: #886520;
    --teal: #0E5A61;
    --teal-deep: #08373C;
    --ocean: #03045E;
    --navy: #001219;
    --amber: #FB8500;
    --seafoam: #E0F1E7;

    /* Ink */
    --ink: #2C121A;
    --ink-soft: #5B3B44;
    --on-dark: #FDF1EC;
    --on-dark-soft: #EBCFD1;

    /* Wave fills */
    --w-cream: #FDF4EC;
    --w-sand: #FDF0D5;
    --w-blush: #FBE0E4;
    --w-blush-soft: #FDECEE;
    --w-crimson: #96233C;
    --w-crimson-deep: #6E1226;
    --w-navy: #001219;
    --w-ocean: #03045E;
    --w-teal: #0E5A61;
    --w-seafoam: #E0F1E7;
    --w-white: #ffffff;
    --w-amber: #FB8500;

    /* Typography */
    --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
    --font-ui: "Work Sans", "Helvetica Neue", Arial, sans-serif;

    --fs-h1: clamp(2.1rem, 1.35rem + 3.2vw, 3.9rem);
    --fs-h2: clamp(1.65rem, 1.15rem + 2vw, 2.7rem);
    --fs-h3: clamp(1.15rem, 1rem + 0.6vw, 1.45rem);
    --fs-lead: clamp(1.02rem, 0.96rem + 0.35vw, 1.2rem);
    --fs-body: clamp(1rem, 0.97rem + 0.15vw, 1.06rem);
    --fs-small: 0.9rem;

    /* Space and shape */
    --section-y: clamp(3rem, 6vw, 5.5rem);
    --wave-h: clamp(38px, 5.5vw, 82px);
    --radius-sm: 12px;
    --radius: 20px;
    --radius-lg: 28px;
    --shadow-sm: 0 10px 24px -18px rgba(110, 18, 38, .6);
    --shadow: 0 24px 48px -30px rgba(110, 18, 38, .65);
    --shadow-lg: 0 34px 70px -34px rgba(0, 18, 25, .55);
    --header-bottom: 68px;
}

/* ============================================
   OVERFLOW PREVENTION - Safety Net
   ============================================ */

*,
*::before,
*::after {
    box-sizing: border-box;
}

img, video, iframe, embed, object, svg {
    max-width: 100%;
    height: auto;
}

[class*="grid"] > *,
[class*="flex"] > * {
    min-width: 0;
}

pre, code, .code-block, [class*="code"] {
    max-width: 100%;
    overflow-x: auto;
}

pre code,
.code-block code {
    display: block;
    min-width: 0;
}

.table-wrapper,
[class*="table-"] {
    max-width: 100%;
    overflow-x: auto;
}

p, li, td, th {
    overflow-wrap: break-word;
}

details {
    height: fit-content;
}

:where(p, li, blockquote, figcaption, dd, .prose, .seo-text, article)
  a:not([class]) {
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

input, textarea, select {
    max-width: 100%;
}

section {
    overflow: clip;
}

/* ============================================
   BASE
   ============================================ */

html {
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--header-bottom) + 12px);
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    background: var(--cream);
    color: var(--ink);
    font-family: var(--font-ui);
    font-size: var(--fs-body);
    line-height: 1.65;
}

body.nav-open {
    overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-display);
    color: inherit;
    line-height: 1.14;
    margin: 0 0 .6em;
    font-weight: 600;
    letter-spacing: -0.01em;
}

h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }
h3 { font-size: var(--fs-h3); }

p { margin: 0 0 1.1em; }
p:last-child { margin-bottom: 0; }

a { color: var(--crimson); }
a:hover { color: var(--crimson-deep); }

ul, ol { padding-left: 1.15rem; }

img { display: block; }

.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;
}

.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 200;
    background: var(--crimson-deep);
    color: var(--on-dark);
    padding: .75rem 1.25rem;
    border-radius: 0 0 var(--radius-sm) 0;
}
.skip-link:focus {
    left: 0;
}

:focus-visible {
    outline: 3px solid var(--gold);
    outline-offset: 2px;
    border-radius: 4px;
}

.container {
    width: min(100% - 2rem, 1200px);
    margin-inline: auto;
}
.container--narrow { width: min(100% - 2rem, 820px); }
.container--wide { width: min(100% - 2rem, 1320px); }

.section {
    position: relative;
    padding-block: var(--section-y);
}
.section--tight { padding-block: clamp(2rem, 4vw, 3.25rem); }
.section--wave-bottom { padding-bottom: calc(var(--section-y) + var(--wave-h)); }
.section--wave-top { padding-top: calc(var(--section-y) + var(--wave-h)); }

/* Bands */
.band--cream { background: var(--cream); }
.band--sand { background: var(--sand); }
.band--blush { background: linear-gradient(180deg, #FDF1EE 0%, var(--blush) 100%); }
.band--seafoam { background: var(--seafoam); }
.band--white { background: #fff; }
.band--crimson {
    background:
        radial-gradient(120% 90% at 12% 0%, rgba(180, 64, 90, .55), transparent 60%),
        linear-gradient(160deg, var(--crimson) 0%, var(--crimson-deep) 100%);
    color: var(--on-dark);
}
.band--navy {
    background:
        radial-gradient(90% 80% at 50% 100%, rgba(251, 133, 0, .28), transparent 65%),
        linear-gradient(160deg, var(--ocean) 0%, var(--navy) 100%);
    color: var(--on-dark);
}
.band--ocean {
    background: linear-gradient(150deg, var(--ocean) 0%, #0A1140 55%, var(--navy) 100%);
    color: var(--on-dark);
}
.band--teal {
    background: linear-gradient(155deg, var(--teal) 0%, var(--teal-deep) 100%);
    color: var(--on-dark);
}

:is(.band--crimson, .band--navy, .band--ocean, .band--teal) p,
:is(.band--crimson, .band--navy, .band--ocean, .band--teal) li {
    color: var(--on-dark-soft);
}
:is(.band--crimson, .band--navy, .band--ocean, .band--teal) a:not(.btn) {
    color: var(--gold-light);
}
:is(.band--crimson, .band--navy, .band--ocean, .band--teal) a:not(.btn):hover {
    color: #fff;
}

/* Decorative lotus watermarks */
.band--crimson .lotus-watermark,
.band--navy .lotus-watermark {
    position: absolute;
    width: clamp(200px, 30vw, 420px);
    opacity: .09;
    pointer-events: none;
}

/* Waves - always drawn inside the section they belong to.
   Bottom wave paints the NEXT section's color, top wave the PREVIOUS one. */
.wave {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: var(--wave-h);
    z-index: 2;
    pointer-events: none;
    line-height: 0;
}
.wave--flip {
    bottom: auto;
    top: -1px;
    transform: scaleY(-1);
}
.wave svg { width: 100%; height: 100%; display: block; }
.wave__silk { fill: var(--wave-fill, var(--cream)); }
.wave__ribbon {
    stroke: rgba(201, 154, 62, .55);
    stroke-width: 3;
}

/* Ribbon threading behind card groups */
.ribbon-group { position: relative; }
.ribbon-thread {
    position: absolute;
    inset: 8% -4% auto -4%;
    height: 78%;
    z-index: 0;
    pointer-events: none;
}
.ribbon-thread svg { width: 100%; height: 100%; }
.ribbon-group > *:not(.ribbon-thread) { position: relative; z-index: 1; }

/* ============================================
   TYPOGRAPHY BLOCKS
   ============================================ */

.section-head {
    max-width: 760px;
    margin: 0 auto clamp(1.75rem, 3vw, 2.75rem);
    text-align: center;
}
.section-head--left { margin-inline: 0; text-align: left; }
.section-head__eyebrow {
    font-family: var(--font-ui);
    font-size: .82rem;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold-dark);
    margin-bottom: .6rem;
}
:is(.band--crimson, .band--navy, .band--ocean, .band--teal) .section-head__eyebrow { color: var(--gold-light); }
.section-head__title { margin-bottom: .5rem; }
.section-head__lead {
    font-size: var(--fs-lead);
    color: var(--ink-soft);
}
:is(.band--crimson, .band--navy, .band--ocean, .band--teal) .section-head__lead { color: var(--on-dark-soft); }

.lead { font-size: var(--fs-lead); color: var(--ink-soft); }

.prose > * + * { margin-top: 1.1rem; }
.prose h2 { margin-top: 2.2rem; }
.prose h3 { margin-top: 1.6rem; }
.prose ul, .prose ol { margin: 0 0 1.1em; padding-left: 1.25rem; }
.prose li { margin-bottom: .45rem; }
.prose blockquote {
    margin: 1.5rem 0;
    padding: 1.1rem 1.4rem;
    border-left: 4px solid var(--gold);
    background: var(--blush-soft);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    font-family: var(--font-display);
    font-size: 1.12rem;
}
.prose cite { display: block; margin-top: .5rem; font-family: var(--font-ui); font-size: .88rem; color: var(--ink-soft); font-style: normal; }

.callout {
    background: var(--sand);
    border: 1px solid rgba(201, 154, 62, .45);
    border-radius: var(--radius);
    padding: 1.25rem 1.4rem;
    margin: 1.75rem 0;
}
.callout h3 { margin-bottom: .4rem; }

.updated-line {
    font-size: .85rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--ink-soft);
    font-weight: 600;
}

/* ============================================
   BUTTONS
   ============================================ */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 48px;
    padding: .8rem 1.65rem;
    border: 0;
    border-radius: 999px;
    font-family: var(--font-ui);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0); }

.btn--gold {
    background: linear-gradient(180deg, var(--gold-light) 0%, var(--gold) 100%);
    color: #35230A;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), var(--shadow-sm);
}
.btn--gold:hover { color: #2A1B06; box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 18px 34px -20px rgba(201,154,62,.9); }

.btn--amber {
    background: linear-gradient(180deg, #FFA330 0%, var(--amber) 100%);
    color: #2A1200;
    box-shadow: var(--shadow-sm);
}
.btn--amber:hover { color: #1F0D00; }

.btn--teal {
    background: var(--teal);
    color: #EAF6F4;
}
.btn--teal:hover { background: var(--teal-deep); color: #fff; }

.btn--crimson {
    background: var(--crimson);
    color: var(--on-dark);
}
.btn--crimson:hover { background: var(--crimson-deep); color: #fff; }

.btn--outline {
    background: transparent;
    color: var(--crimson-deep);
    border: 2px solid var(--crimson-deep);
}
.btn--outline:hover { background: var(--crimson-deep); color: var(--cream); }

.btn--ghost {
    background: rgba(253, 244, 236, .12);
    color: var(--on-dark);
    border: 2px solid rgba(253, 244, 236, .55);
}
.btn--ghost:hover { background: rgba(253, 244, 236, .2); color: #fff; }

.btn--sm { min-height: 44px; padding: .6rem 1.15rem; font-size: .94rem; }
.btn--lg { min-height: 56px; padding: 1rem 2.1rem; font-size: 1.08rem; }
.btn--full { width: 100%; }

.btn-row {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
    margin-top: 1.4rem;
}
.btn-row--center { justify-content: center; }

/* ============================================
   HEADER + NAVIGATION
   ============================================ */

.site-header {
    position: sticky;
    top: 0;
    z-index: 80;
    background: linear-gradient(180deg, var(--crimson-deep) 0%, #7C1730 100%);
    border-bottom: 1px solid rgba(201, 154, 62, .5);
    color: var(--on-dark);
}
.site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 66px;
    padding-block: .55rem;
}

.site-brand {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    text-decoration: none;
    color: var(--cream);
    font-family: var(--font-display);
    font-size: clamp(1.15rem, 1rem + .7vw, 1.42rem);
    font-weight: 600;
    letter-spacing: .01em;
}
.site-brand:hover { color: #fff; }
.site-brand__mark { display: inline-flex; }
.site-brand__text-alt { color: var(--gold-light); }

.nav-toggle {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 44px;
    min-width: 44px;
    padding: .45rem .7rem;
    background: rgba(253, 244, 236, .1);
    border: 1px solid rgba(239, 207, 135, .5);
    border-radius: 999px;
    color: var(--cream);
    font-family: var(--font-ui);
    font-size: .88rem;
    font-weight: 600;
    cursor: pointer;
}
.nav-toggle__bars {
    position: relative;
    display: block;
    width: 20px;
    height: 2px;
    background: currentColor;
    border-radius: 2px;
    transition: background-color .2s ease;
}
.nav-toggle__bars::before,
.nav-toggle__bars::after {
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 2px;
    background: currentColor;
    border-radius: 2px;
    transition: transform .22s ease;
}
.nav-toggle__bars::before { top: -6px; }
.nav-toggle__bars::after { top: 6px; }
.nav-toggle[aria-expanded="true"] .nav-toggle__bars { background: transparent; }
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::before { transform: translateY(6px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::after { transform: translateY(-6px) rotate(-45deg); }

.header-actions { display: none; }

/* Mobile drawer */
.site-nav {
    position: fixed;
    top: var(--header-bottom);
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    z-index: 90;
    display: none;
    overflow-y: auto;
    padding: 1.25rem 1rem 3rem;
    background: linear-gradient(180deg, #7C1730 0%, var(--crimson-deep) 100%);
}
.site-nav.is-open { display: block; }

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav-item { border-bottom: 1px solid rgba(239, 207, 135, .22); }

.nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    width: 100%;
    min-height: 52px;
    padding: .7rem .35rem;
    background: none;
    border: 0;
    color: var(--cream);
    font-family: var(--font-ui);
    font-size: 1.02rem;
    font-weight: 600;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
}
.nav-link:hover { color: var(--gold-light); }

.nav-chevron { transition: transform .22s ease; flex: 0 0 auto; }
.nav-dropdown.is-open .nav-chevron { transform: rotate(180deg); }

.nav-dropdown__panel {
    display: none;
    padding: .25rem 0 1rem;
}
.nav-dropdown.is-open .nav-dropdown__panel { display: block; }

.nav-dropdown__title {
    margin: 0 0 .6rem;
    font-size: .78rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold-light);
}

.nav-mega {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: .1rem;
}
.nav-mega a {
    display: block;
    min-height: 46px;
    padding: .62rem .5rem;
    border-radius: 10px;
    color: var(--on-dark-soft);
    text-decoration: none;
    font-size: .96rem;
}
.nav-mega a:hover { background: rgba(253, 244, 236, .12); color: #fff; }

.nav-cta { margin-top: 1.4rem; }
.nav-cta .btn { width: 100%; }

/* Suppress CTAs on the stub page */
.page-stub .header-actions .header-cta,
.page-stub .nav-cta { display: none; }

/* ============================================
   BREADCRUMBS
   ============================================ */

.breadcrumbs {
    background: var(--sand);
    border-bottom: 1px solid rgba(201, 154, 62, .3);
    padding-block: .7rem;
    font-size: .88rem;
}
.breadcrumbs__list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    margin: 0;
    padding: 0;
}
.breadcrumbs__item { display: inline-flex; align-items: center; gap: .35rem; color: var(--ink-soft); }
.breadcrumbs__item a { color: var(--crimson); text-decoration: none; }
.breadcrumbs__item a:hover { text-decoration: underline; }
.breadcrumbs__sep { color: rgba(110, 18, 38, .45); }

/* ============================================
   HERO PATTERNS
   ============================================ */

.hero {
    position: relative;
    isolation: isolate;
    padding-block: clamp(2.75rem, 8vw, 5.5rem) calc(clamp(3rem, 8vw, 6rem) + var(--wave-h));
    overflow: clip;
}
.hero__bg {
    position: absolute;
    inset: 0;
    z-index: -2;
}
.hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 72% 30%;
}
.hero__veil {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(100deg, rgba(253, 244, 236, .97) 0%, rgba(253, 240, 213, .92) 34%, rgba(253, 236, 238, .55) 55%, rgba(253, 236, 238, 0) 78%);
}
.hero__veil--dark {
    background: linear-gradient(100deg, rgba(3, 4, 94, .93) 0%, rgba(110, 18, 38, .72) 42%, rgba(110, 18, 38, .15) 72%, transparent 88%);
}
.hero__inner {
    display: grid;
    gap: clamp(1.75rem, 4vw, 3rem);
    align-items: center;
}
.hero__copy { max-width: 620px; }
.hero__title { margin-bottom: .55rem; }
.hero__lead {
    font-size: var(--fs-lead);
    color: var(--ink-soft);
    max-width: 52ch;
}
.hero--dark .hero__lead { color: var(--on-dark-soft); }
.hero--dark { color: var(--on-dark); }

.hero__media img {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 30px 55px rgba(110, 18, 38, .35));
}
.hero__glow {
    position: absolute;
    z-index: -1;
    inset: auto 0 10% auto;
    width: min(520px, 70%);
    aspect-ratio: 1;
    right: 4%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(251, 133, 0, .35) 0%, rgba(251, 133, 0, 0) 68%);
    pointer-events: none;
}

.banner-hero { text-align: left; }
.banner-hero__title { margin-bottom: .5rem; }
.banner-hero__lead { font-size: var(--fs-lead); color: var(--on-dark-soft); }
.banner-hero__meta {
    margin-top: .75rem;
    font-size: .85rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--gold-light);
}

/* Chips and stats */
.chip-row {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 1.25rem 0 0;
    padding: 0;
}
.chip {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .42rem .85rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .85);
    border: 1px solid rgba(201, 154, 62, .55);
    color: var(--crimson-deep);
    font-size: .86rem;
    font-weight: 600;
}
:is(.band--crimson, .band--navy, .band--ocean, .band--teal, .hero--dark) .chip {
    background: rgba(253, 244, 236, .14);
    border-color: rgba(239, 207, 135, .6);
    color: var(--cream);
}
.chip .icon { color: var(--gold-dark); }
:is(.band--crimson, .band--navy, .band--ocean, .band--teal, .hero--dark) .chip .icon { color: var(--gold-light); }

.stat-row {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1rem, 4vw, 2.5rem);
    margin: 1.5rem 0 0;
    padding: 0;
}
.stat { display: grid; gap: .1rem; }
.stat__value {
    font-family: var(--font-display);
    font-size: clamp(1.35rem, 1.1rem + 1vw, 1.9rem);
    font-weight: 700;
    color: var(--crimson-deep);
}
:is(.band--crimson, .band--navy, .band--ocean, .band--teal, .hero--dark) .stat__value { color: var(--gold-light); }
.stat__label { font-size: .84rem; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-soft); }
:is(.band--crimson, .band--navy, .band--ocean, .band--teal, .hero--dark) .stat__label { color: var(--on-dark-soft); }

/* ============================================
   GRIDS + CARDS
   ============================================ */

.grid {
    display: grid;
    gap: clamp(1rem, 2.5vw, 1.6rem);
    grid-template-columns: minmax(0, 1fr);
}
.grid--2 { grid-template-columns: minmax(0, 1fr); }
.grid--3 { grid-template-columns: minmax(0, 1fr); }
.grid--4 { grid-template-columns: minmax(0, 1fr); }
.grid--start { align-items: start; }

.split {
    display: grid;
    gap: clamp(1.5rem, 4vw, 3rem);
    align-items: center;
    grid-template-columns: minmax(0, 1fr);
}
.split--media-first .split__media { order: -1; }

.card {
    position: relative;
    background: #fff;
    border: 1px solid rgba(201, 154, 62, .38);
    border-radius: var(--radius);
    padding: 1.6rem 1.4rem 1.5rem;
    box-shadow: var(--shadow-sm);
    color: var(--ink);
    height: 100%;
}
.card--seafoam { background: linear-gradient(180deg, #F1FAF5 0%, var(--seafoam) 100%); }
.card--blush { background: linear-gradient(180deg, #fff 0%, var(--blush-soft) 100%); }
.card--sand { background: var(--sand); }
.card--ribbon::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 1.5rem;
    width: 64px;
    height: 7px;
    border-radius: 0 0 7px 7px;
    background: linear-gradient(90deg, var(--gold-light), var(--gold));
}
.card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 1rem;
    border-radius: 50%;
    background: linear-gradient(160deg, var(--crimson) 0%, var(--crimson-deep) 100%);
    border: 2px solid var(--gold-light);
    color: var(--cream);
}
.card__title { margin-bottom: .45rem; }
.card__text { color: var(--ink-soft); margin: 0; }

.link-card {
    display: block;
    background: var(--blush-soft);
    border: 1px solid rgba(201, 154, 62, .4);
    border-radius: var(--radius);
    padding: 1.35rem 1.3rem;
    text-decoration: none;
    color: var(--ink);
    transition: transform .18s ease, box-shadow .18s ease;
    height: 100%;
}
.link-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); color: var(--ink); }
.link-card__title { font-size: 1.12rem; margin-bottom: .35rem; }
.link-card__text { color: var(--ink-soft); font-size: .95rem; margin-bottom: .8rem; }
.link-card__more {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--crimson);
    font-weight: 600;
    font-size: .92rem;
}

/* Framed media */
.framed {
    margin: 0;
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid rgba(201, 154, 62, .6);
    box-shadow: var(--shadow);
    background: #fff;
}
.framed img { width: 100%; height: auto; }
.framed--arch { border-radius: 180px 180px var(--radius) var(--radius); }
.framed--soft { border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.framed figcaption {
    padding: .7rem 1rem;
    font-size: .85rem;
    color: var(--ink-soft);
    background: var(--sand);
}

/* ============================================
   PROFILE CAROUSEL
   ============================================ */

.carousel {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    gap: .5rem;
}
.carousel__track {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: .35rem .2rem 1.1rem;
    -webkit-overflow-scrolling: touch;
}
.carousel__arrow {
    display: none;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid rgba(201, 154, 62, .7);
    background: var(--cream);
    color: var(--crimson-deep);
    cursor: pointer;
    box-shadow: var(--shadow-sm);
}
.carousel__arrow:hover { background: #fff; }

.profile-card {
    flex: 0 0 clamp(220px, 74vw, 264px);
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #fff 0%, var(--blush-soft) 100%);
    border: 1px solid rgba(201, 154, 62, .55);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}
.profile-card__media { position: relative; aspect-ratio: 4 / 5; }
.profile-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; }
.profile-card__badge {
    position: absolute;
    top: .6rem;
    right: .6rem;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .3rem .6rem;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--gold-light), var(--gold));
    color: #35230A;
    font-size: .74rem;
    font-weight: 600;
}
.profile-card__body { padding: 1rem 1rem 1.15rem; display: flex; flex-direction: column; gap: .45rem; flex: 1 1 auto; }
.profile-card__label { font-size: 1.05rem; margin: 0; }
.profile-card__meta { margin: 0; font-size: .88rem; color: var(--ink-soft); }
.profile-card__tags { list-style: none; display: flex; flex-wrap: wrap; gap: .35rem; margin: 0; padding: 0; }
.profile-card__tags li {
    padding: .2rem .55rem;
    border-radius: 999px;
    background: rgba(150, 35, 60, .1);
    color: var(--crimson-deep);
    font-size: .76rem;
    font-weight: 600;
}
.profile-card__text { margin: 0; font-size: .9rem; color: var(--ink-soft); }
.profile-card .btn { margin-top: auto; }

/* ============================================
   TESTIMONIALS
   ============================================ */

.testimonial {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.1rem;
    margin: 0;
    background: #fff;
    border: 1px solid rgba(201, 154, 62, .4);
    border-radius: var(--radius);
    padding: 1.25rem;
    box-shadow: var(--shadow-sm);
}
.testimonial__media {
    width: clamp(120px, 34vw, 160px);
    aspect-ratio: 3 / 4;
    border-radius: 999px 999px 18px 18px;
    overflow: hidden;
    border: 1px solid rgba(201, 154, 62, .7);
}
.testimonial__media img { width: 100%; height: 100%; object-fit: cover; }
.testimonial__body { position: relative; }
.testimonial__glyph {
    position: absolute;
    top: -1.6rem;
    right: 0;
    font-family: var(--font-display);
    font-size: 4.5rem;
    line-height: 1;
    color: rgba(201, 154, 62, .32);
    pointer-events: none;
}
.testimonial__quote { margin: 0 0 .6rem; font-family: var(--font-display); font-size: 1.08rem; color: var(--ink); }
.testimonial__quote p { margin: 0; }
.testimonial__source { font-size: .85rem; color: var(--ink-soft); font-weight: 600; }

/* ============================================
   COMPARISON TABLE
   ============================================ */

.table-wrapper {
    border-radius: var(--radius);
    background: var(--cream);
    padding: .35rem;
    box-shadow: var(--shadow-sm);
}
.compare {
    width: 100%;
    min-width: 560px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .95rem;
    color: var(--ink);
}
.compare thead th {
    background: var(--sand);
    color: var(--crimson-deep);
    font-family: var(--font-display);
    font-size: 1rem;
    padding: .9rem .8rem;
    text-align: center;
    border-bottom: 1px solid rgba(201, 154, 62, .45);
}
.compare thead th:first-child { text-align: left; }
.compare tbody th {
    text-align: left;
    font-weight: 600;
    padding: .85rem .8rem;
    background: #fff;
    color: var(--ink);
    border-bottom: 1px solid rgba(224, 167, 176, .4);
}
.compare tbody td {
    text-align: center;
    padding: .85rem .8rem;
    background: #fff;
    border-bottom: 1px solid rgba(224, 167, 176, .4);
}
.compare tbody tr:nth-child(even) th,
.compare tbody tr:nth-child(even) td { background: var(--blush-soft); }
.compare .is-brand {
    background: linear-gradient(180deg, #F6DFA5 0%, #E2BD6B 100%) !important;
    color: #35230A;
    box-shadow: 0 0 0 1px rgba(201, 154, 62, .6);
}
.compare thead th.is-brand {
    border-radius: 14px 14px 0 0;
    background: linear-gradient(180deg, var(--gold-light) 0%, var(--gold) 100%) !important;
    color: #35230A;
}
.compare tbody tr:last-child td.is-brand { border-radius: 0 0 14px 14px; }

.mark { display: inline-flex; align-items: center; justify-content: center; }
.mark--yes { color: var(--crimson); }
.mark--lotus { color: var(--crimson-deep); }
.mark--no { color: rgba(110, 18, 38, .4); }
.mark--partial { color: var(--ink-soft); font-weight: 700; }
.mark--text { font-size: .88rem; color: var(--ink-soft); }

/* ============================================
   ACCORDION
   ============================================ */

.accordion {
    display: grid;
    gap: .7rem;
    align-items: start;
    max-width: 860px;
    margin-inline: auto;
}
.accordion--wide { max-width: none; }
.accordion__item {
    align-self: start;
    background: #fff;
    border: 1px solid rgba(201, 154, 62, .4);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}
.accordion__q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 56px;
    padding: .95rem 1.15rem;
    background: linear-gradient(180deg, #8C1F35 0%, var(--crimson-deep) 100%);
    color: var(--cream);
    font-family: var(--font-ui);
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    list-style: none;
}
.accordion__q::-webkit-details-marker { display: none; }
.accordion__q:hover { color: var(--gold-light); }
.accordion__chevron { flex: 0 0 auto; transition: transform .22s ease; }
.accordion__item[open] .accordion__chevron { transform: rotate(180deg); }
.accordion__a {
    padding: 1.1rem 1.15rem 1.25rem;
    background: var(--blush-soft);
    color: var(--ink-soft);
    border-top: 1px solid rgba(201, 154, 62, .35);
}
.accordion__a p:last-child { margin-bottom: 0; }

/* ============================================
   TIMELINE
   ============================================ */

.timeline { position: relative; }
.timeline__ribbon { display: none; }
.timeline__steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 1.5rem;
    position: relative;
    z-index: 1;
}
.timeline__step {
    position: relative;
    padding-left: 4.2rem;
}
.timeline__step::before {
    content: "";
    position: absolute;
    left: 27px;
    top: 62px;
    bottom: -1.5rem;
    width: 3px;
    background: linear-gradient(180deg, var(--gold-light), rgba(201, 154, 62, .15));
}
.timeline__step:last-child::before { display: none; }
.timeline__medallion {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(160deg, var(--crimson) 0%, var(--crimson-deep) 100%);
    border: 2px solid var(--gold-light);
    color: var(--cream);
    box-shadow: var(--shadow-sm);
}
.timeline__medallion--teal { background: linear-gradient(160deg, var(--teal) 0%, var(--teal-deep) 100%); }
.timeline__title { margin-bottom: .35rem; }
.timeline__text { color: var(--ink-soft); margin: 0; }
:is(.band--crimson, .band--navy, .band--ocean, .band--teal) .timeline__text { color: var(--on-dark-soft); }

/* ============================================
   TILES / CATEGORIES
   ============================================ */

.tile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1rem, 3vw, 1.75rem);
}
.tile {
    display: grid;
    justify-items: center;
    gap: .7rem;
    text-decoration: none;
    color: inherit;
}
.tile__media {
    display: block;
    width: clamp(96px, 28vw, 148px);
    aspect-ratio: 1;
    border-radius: 50%;
    overflow: hidden;
    border: 3px double var(--gold-light);
    box-shadow: 0 0 0 4px rgba(150, 35, 60, .18), var(--shadow-sm);
    transition: transform .2s ease, box-shadow .2s ease;
}
.tile__media img { width: 100%; height: 100%; object-fit: cover; }
.tile:hover .tile__media { transform: translateY(-4px); box-shadow: 0 0 0 5px rgba(224, 167, 176, .5), var(--shadow); }
.tile__label {
    padding: .35rem .9rem;
    border-radius: 999px;
    background: rgba(253, 236, 238, .92);
    color: var(--crimson-deep);
    font-size: .86rem;
    font-weight: 600;
    text-align: center;
}

/* ============================================
   TRUST / VERIFICATION MOCK
   ============================================ */

.trust-badge {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    padding: .55rem .95rem;
    border-radius: 14px;
    background: linear-gradient(180deg, var(--gold-light), var(--gold));
    color: #35230A;
    font-weight: 600;
    font-size: .9rem;
    box-shadow: var(--shadow-sm);
}
.trust-badge__label { max-width: 12ch; line-height: 1.2; }

.verify-mock {
    position: relative;
    background: #fff;
    border-radius: 18px;
    border: 1px solid rgba(201, 154, 62, .45);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    max-width: 460px;
}
.verify-mock__bar {
    display: flex;
    gap: .35rem;
    padding: .6rem .8rem;
    background: var(--sand);
    border-bottom: 1px solid rgba(201, 154, 62, .35);
}
.verify-mock__bar span {
    width: 10px; height: 10px; border-radius: 50%;
    background: var(--rose);
}
.verify-mock__bar span:nth-child(2) { background: var(--gold-light); }
.verify-mock__bar span:nth-child(3) { background: #9CC4B4; }
.verify-mock__body {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem;
    align-items: start;
}
.verify-mock__photo { position: relative; border-radius: 12px; overflow: hidden; }
.verify-mock__photo img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 3 / 4; }
.verify-mock__seal {
    position: absolute;
    right: -10px;
    top: -10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px; height: 34px;
    border-radius: 50%;
    background: var(--teal);
    color: #fff;
    border: 2px solid #fff;
}
.verify-mock__lines { display: grid; gap: .6rem; padding-top: .3rem; }
.verify-mock__lines span {
    display: block;
    height: 12px;
    border-radius: 999px;
    background: var(--blush);
}
.verify-mock__lines span:nth-child(1) { width: 85%; background: var(--rose); }
.verify-mock__lines span:nth-child(2) { width: 70%; }
.verify-mock__lines span:nth-child(3) { width: 55%; }
.verify-mock__lines span:nth-child(4) { width: 40%; }

/* ============================================
   CTA BAND + NEWSLETTER
   ============================================ */

.cta-band { text-align: center; }
.cta-band__inner { position: relative; z-index: 3; }
.cta-band__title { margin-bottom: .5rem; }
.cta-band__text { color: var(--on-dark-soft); }

.newsletter {
    max-width: 560px;
    margin-inline: auto;
    text-align: left;
}
.newsletter__label {
    display: block;
    margin-bottom: .4rem;
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.newsletter__row {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}
.newsletter__input {
    flex: 1 1 220px;
    min-height: 48px;
    padding: .7rem 1rem;
    border-radius: 999px;
    border: 1px solid rgba(201, 154, 62, .6);
    background: #fff;
    color: var(--ink);
    font-family: var(--font-ui);
    font-size: 1rem;
}
.newsletter__btn { flex: 0 0 auto; }
.newsletter__note { margin-top: .6rem; font-size: .85rem; }

/* ============================================
   FOOTER
   ============================================ */

.site-footer {
    background: linear-gradient(160deg, #06121A 0%, var(--navy) 100%);
    color: var(--on-dark-soft);
    padding-block: clamp(2.5rem, 5vw, 4rem) 1.5rem;
    border-top: 3px solid var(--gold);
}
.footer-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
}
.footer-brand {
    display: block;
    font-family: var(--font-display);
    font-size: 1.35rem;
    color: var(--cream);
    margin-bottom: .6rem;
}
.footer-blurb { font-size: .95rem; margin-bottom: 1.1rem; }
.footer-heading {
    font-family: var(--font-ui);
    font-size: .82rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold-light);
    margin-bottom: .8rem;
}
.footer-list, .footer-legal, .footer-all__list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-list li + li { margin-top: .15rem; }
.site-footer a {
    display: inline-block;
    padding: .35rem 0;
    color: var(--on-dark-soft);
    text-decoration: none;
    font-size: .95rem;
}
.site-footer a:hover { color: var(--gold-light); text-decoration: underline; }

.footer-all {
    margin-top: 2.5rem;
    padding-top: 1.75rem;
    border-top: 1px solid rgba(239, 207, 135, .22);
}
.footer-all__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0 1rem;
}
.footer-all__list a { font-size: .9rem; }

.footer-bottom {
    margin-top: 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(239, 207, 135, .22);
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.5rem;
    align-items: center;
    justify-content: space-between;
}
.footer-copy { margin: 0; font-size: .88rem; }
.footer-legal { display: flex; flex-wrap: wrap; gap: 0 1.25rem; }

/* ============================================
   BREAKPOINTS
   ============================================ */

@media (min-width: 560px) {
    .grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tile-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .testimonial { grid-template-columns: auto minmax(0, 1fr); align-items: center; }
    .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 768px) {
    .grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .split--media-first .split__media { order: 0; }
    .tile-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); }
    .timeline__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 1.5rem; }
    .timeline__step::before { display: none; }
    .banner-hero { padding-block: clamp(3.5rem, 7vw, 5rem) calc(var(--section-y) + var(--wave-h)); }
}

@media (min-width: 1024px) {
    :root { --header-bottom: 74px; }

    .nav-toggle { display: none; }
    .header-actions { display: flex; align-items: center; gap: .75rem; }

    .site-nav {
        position: static;
        display: flex;
        align-items: center;
        gap: 1.25rem;
        height: auto;
        padding: 0;
        overflow: visible;
        background: none;
        flex: 1 1 auto;
        justify-content: flex-end;
    }
    .nav-list {
        display: flex;
        align-items: center;
        gap: .25rem;
    }
    .nav-item { border-bottom: 0; }
    .nav-link {
        min-height: 44px;
        width: auto;
        padding: .5rem .7rem;
        font-size: .96rem;
        border-radius: 999px;
    }
    .nav-link:hover { background: rgba(253, 244, 236, .1); }
    .nav-dropdown { position: relative; }
    .nav-dropdown__panel {
        position: absolute;
        top: calc(100% + .65rem);
        right: 0;
        width: min(88vw, 650px);
        max-height: min(70vh, 560px);
        overflow-y: auto;
        padding: 1.25rem 1.35rem;
        background: var(--cream);
        border: 1px solid rgba(201, 154, 62, .5);
        border-radius: 18px;
        box-shadow: var(--shadow-lg);
        z-index: 95;
    }
    .nav-dropdown__panel--narrow { width: min(88vw, 520px); }
    .nav-dropdown__title { color: var(--gold-dark); }
    .nav-mega { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .15rem .75rem; }
    .nav-mega--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nav-mega a { color: var(--ink); font-size: .93rem; }
    .nav-mega a:hover { background: var(--blush-soft); color: var(--crimson-deep); }
    .nav-cta { display: none; }

    .grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .tile-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }

    .carousel { grid-template-columns: auto minmax(0, 1fr) auto; }
    .carousel__arrow { display: inline-flex; }

    .timeline__steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; }
    .timeline__step { padding-left: 0; padding-top: 4.75rem; text-align: center; }
    .timeline__medallion { left: 50%; transform: translateX(-50%); }
    .timeline__ribbon {
        display: block;
        position: absolute;
        left: -2%;
        right: -2%;
        top: 0;
        height: 120px;
        z-index: 0;
        pointer-events: none;
    }
    .timeline__ribbon svg { width: 100%; height: 100%; }

    .footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 2.5rem; }
    .hero__inner { gap: 3.5rem; }
}

@media (min-width: 1440px) {
    :root { --section-y: 6rem; }
    .container { width: min(100% - 4rem, 1240px); }
}

/* ============================================
   HOMEPAGE
   ============================================ */

.hero--home {
    min-height: clamp(540px, 72vh, 780px);
    display: flex;
    align-items: center;
}
.hero--home .hero__bg {
    background-image: url("/assets/a5a13316e7f7f95736d9afc4e3b4ad95.webp");
    background-size: cover;
    background-position: 62% 20%;
    background-repeat: no-repeat;
}
.hero--home .hero__veil {
    background: linear-gradient(180deg, rgba(253, 244, 236, .96) 0%, rgba(253, 240, 213, .9) 40%, rgba(253, 236, 238, .38) 100%);
}
.hero--home .hero__inner { width: 100%; }
.hero--home .hero__copy { max-width: 580px; }
.hero__note { margin-top: 1rem; font-size: .88rem; color: var(--ink-soft); }

.section-note {
    margin-top: 1rem;
    font-size: .88rem;
    color: var(--ink-soft);
    text-align: center;
}
.section-outro {
    margin-top: clamp(1.75rem, 4vw, 2.5rem);
    text-align: center;
    color: var(--ink-soft);
}
.categories__intro {
    max-width: 780px;
    margin: 0 auto clamp(1.5rem, 3vw, 2.25rem);
    text-align: center;
}

/* Category disclosure */
.cat-all {
    margin-top: clamp(1.75rem, 4vw, 2.5rem);
    text-align: center;
}
.cat-all__toggle {
    list-style: none;
    cursor: pointer;
}
.cat-all__toggle::-webkit-details-marker { display: none; }
.cat-all[open] .cat-all__toggle { margin-bottom: 1.1rem; }
.cat-all__list {
    list-style: none;
    margin: 0;
    padding: 1.1rem 1.25rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: .1rem 1rem;
    text-align: left;
    background: rgba(253, 244, 236, .1);
    border: 1px solid rgba(239, 207, 135, .38);
    border-radius: var(--radius);
}
.cat-all__list a {
    display: block;
    min-height: 44px;
    padding: .55rem .25rem;
    font-size: .93rem;
    text-decoration: none;
}
.cat-all__list a:hover { text-decoration: underline; }

/* Match quiz */
.quiz-panel {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: var(--radius-lg);
    padding: clamp(1.5rem, 4vw, 3rem);
    color: var(--on-dark);
    background:
        radial-gradient(120% 90% at 15% 0%, rgba(180, 64, 90, .6), transparent 60%),
        linear-gradient(160deg, var(--crimson) 0%, var(--crimson-deep) 100%);
    box-shadow: var(--shadow-lg);
}
.quiz-panel .section-head__eyebrow { color: var(--gold-light); }
.quiz-panel .section-head__lead,
.quiz-panel p { color: var(--on-dark-soft); }

.quiz { position: relative; max-width: 760px; margin-inline: auto; }
.quiz__connector {
    position: absolute;
    inset: 6% -6% 4% -6%;
    z-index: 0;
    pointer-events: none;
}
.quiz__connector svg { width: 100%; height: 100%; }
.quiz__intro { position: relative; z-index: 1; margin-bottom: 1.5rem; }
.quiz__list {
    position: relative;
    z-index: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 1rem;
}
.quiz__row {
    padding: 1rem 1.15rem;
    border-radius: var(--radius-lg);
    background: rgba(253, 236, 238, .13);
    border: 1px solid rgba(239, 207, 135, .35);
    transition: box-shadow .2s ease, border-color .2s ease;
}
.quiz__row.is-answered {
    border-color: var(--gold-light);
    box-shadow: 0 16px 34px -22px rgba(239, 207, 135, .95);
}
.quiz__q {
    margin: 0 0 .65rem;
    font-weight: 600;
    color: var(--cream);
}
.quiz-panel .quiz__q { color: var(--cream); }
.quiz__options { display: flex; flex-wrap: wrap; gap: .5rem; }
.quiz__opt {
    min-height: 44px;
    padding: .5rem 1.05rem;
    border-radius: 999px;
    border: 1px solid rgba(239, 207, 135, .55);
    background: rgba(3, 4, 94, .22);
    color: var(--cream);
    font-family: var(--font-ui);
    font-size: .92rem;
    font-weight: 600;
    cursor: pointer;
}
.quiz__opt:hover { background: rgba(253, 236, 238, .22); }
.quiz__opt.is-active {
    background: linear-gradient(180deg, var(--gold-light), var(--gold));
    border-color: var(--gold-light);
    color: #35230A;
}
.quiz__actions { position: relative; z-index: 1; margin-top: 1.6rem; text-align: center; }
.quiz__result {
    position: relative;
    z-index: 1;
    margin-top: 1.4rem;
    padding: 1.35rem 1.4rem;
    border-radius: var(--radius);
    background: rgba(253, 244, 236, .96);
    border: 1px solid var(--gold-light);
    color: var(--ink);
    text-align: center;
}
.quiz__result[hidden] { display: none; }
.quiz__result h3 { color: var(--crimson-deep); }
.quiz-panel .quiz__result p { color: var(--ink-soft); }

/* Success stories */
.story-grid {
    display: grid;
    gap: clamp(1.5rem, 4vw, 2.5rem);
}
.story {
    display: grid;
    gap: 1.1rem;
    margin: 0;
    grid-template-columns: minmax(0, 1fr);
}
.story__media {
    border-radius: 999px 999px 22px 22px;
    overflow: hidden;
    border: 1px solid rgba(201, 154, 62, .6);
    box-shadow: var(--shadow-sm);
    max-width: 260px;
}
.story__media img {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: 50% 30%;
}
.story__glyph {
    display: block;
    font-family: var(--font-display);
    font-size: 3rem;
    line-height: .7;
    color: rgba(201, 154, 62, .55);
    margin-bottom: .5rem;
}
.story__text { color: var(--ink-soft); margin: 0; }

.story-quote {
    margin: clamp(1.75rem, 4vw, 2.5rem) auto 0;
    max-width: 760px;
    padding: 1.2rem 1.5rem;
    border-left: 4px solid var(--gold);
    background: rgba(255, 255, 255, .72);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    font-family: var(--font-display);
    font-size: 1.1rem;
}
.story-quote p { margin: 0 0 .5rem; }
.story-quote cite {
    display: block;
    font-family: var(--font-ui);
    font-style: normal;
    font-size: .86rem;
    color: var(--ink-soft);
}
.story-note {
    max-width: 760px;
    margin: 1rem auto 0;
    text-align: center;
    font-size: .92rem;
    color: var(--ink-soft);
}

/* Safety */
.safety-visual { position: relative; }
.safety-visual__silk {
    position: absolute;
    right: -14%;
    top: -10%;
    width: 88%;
    z-index: 0;
    pointer-events: none;
}
.safety-visual .verify-mock { position: relative; z-index: 1; margin-inline: auto; }
.safety-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-top: 1.4rem;
}

/* Comparison */
.compare-intro {
    max-width: 820px;
    margin: 0 auto clamp(1.5rem, 3vw, 2.25rem);
    text-align: center;
    color: var(--ink-soft);
}
.table-note {
    margin-top: .9rem;
    font-size: .86rem;
    color: var(--ink-soft);
    text-align: center;
}

/* Join band */
.join-band {
    position: relative;
    isolation: isolate;
    color: var(--on-dark);
    text-align: center;
}
.join-band__bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image: url("/assets/35abc30f55d6edf47da539e7f244e230.webp");
    background-size: cover;
    background-position: 50% 78%;
    background-repeat: no-repeat;
}
.join-band__veil {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(110, 18, 38, .92) 0%, rgba(110, 18, 38, .74) 42%, rgba(0, 18, 25, .93) 100%);
}
.join-band .section-head__eyebrow { color: var(--gold-light); }
.join-band .section-head__lead,
.join-band__text { color: var(--on-dark-soft); }
.join-band__text { max-width: 640px; margin-inline: auto; }
.join-band .newsletter { margin-top: 1.5rem; }
.join-band .newsletter__label,
.join-band .newsletter__note { color: var(--cream); }

@media (min-width: 560px) {
    .story { grid-template-columns: minmax(140px, 40%) minmax(0, 1fr); align-items: center; }
    .story__media { max-width: none; }
}

@media (min-width: 768px) {
    .hero--home .hero__bg { background-position: 72% 28%; }
    .hero--home .hero__veil {
        background: linear-gradient(100deg, rgba(253, 244, 236, .97) 0%, rgba(253, 240, 213, .93) 34%, rgba(253, 236, 238, .55) 54%, rgba(253, 236, 238, 0) 78%);
    }
    .story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .quiz__row { padding: 1.1rem 1.5rem; }
}

/* ============================================
   ABOUT PAGE
   ============================================ */

.hero--about {
    min-height: clamp(420px, 56vh, 620px);
    display: flex;
    align-items: center;
}
.hero--about .hero__bg {
    background-image: url("/assets/26c1f4f8b359366de8fef0c825b26e74.webp");
    background-size: cover;
    background-position: 76% 34%;
    background-repeat: no-repeat;
}
.hero--about .hero__veil {
    background: linear-gradient(100deg, rgba(253, 244, 236, .97) 0%, rgba(253, 240, 213, .93) 36%, rgba(253, 236, 238, .42) 62%, rgba(253, 236, 238, 0) 84%);
}
.hero--about .hero__inner { width: 100%; }
.hero--about .hero__copy { max-width: 560px; }

.mission-media { position: relative; }
.framed--mission {
    position: relative;
    border-radius: var(--radius-lg);
    border: 1px solid var(--gold-light);
    box-shadow: var(--shadow);
    background: var(--blush-soft);
    padding: .5rem;
    margin: 0;
}
.framed--mission img { width: 100%; height: auto; border-radius: calc(var(--radius-lg) - 6px); }
.mission-media__sprig {
    position: absolute;
    left: -18px;
    bottom: -20px;
    width: 76px;
    height: 76px;
    filter: drop-shadow(0 8px 14px rgba(110, 18, 38, .3));
}

.values-grid { position: relative; }
@media (min-width: 1024px) {
    .values-grid.grid--4 > * + * { box-shadow: -1px 0 0 rgba(150, 35, 60, .18); }
}

.trust-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1px;
    background: rgba(239, 207, 135, .35);
    border-radius: var(--radius);
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.trust-tile {
    background: var(--cream);
    padding: 1.4rem 1.3rem;
    color: var(--ink);
}
.trust-tile h3 { margin-bottom: .4rem; color: var(--crimson-deep); }
.trust-tile p { margin: 0; color: var(--ink-soft); font-size: .94rem; }
.trust-links { position: relative; z-index: 1; margin-top: 1.5rem; text-align: center; color: var(--on-dark-soft); }
.trust-links a { color: var(--gold-light); }

.join-cta { position: relative; isolation: isolate; text-align: center; }
.join-cta__glow {
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 26%;
    width: min(520px, 80%);
    aspect-ratio: 1;
    transform: translate(-50%, -26%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(239, 207, 135, .32) 0%, rgba(239, 207, 135, 0) 68%);
    pointer-events: none;
}
.join-cta__note { margin-top: 1.1rem; font-size: .92rem; }

@media (min-width: 768px) {
    .trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .trust-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .hero--about .hero__bg { background-position: 80% 30%; }
}

/* ============================================
   CONTACT PAGE
   ============================================ */

.hero--contact {
    min-height: clamp(380px, 50vh, 560px);
    display: flex;
    align-items: center;
}
.hero--contact .hero__bg {
    background-image: url("/assets/f20509478d4203fbe79fbaab37d8c1f7.webp");
    background-size: cover;
    background-position: 78% 34%;
    background-repeat: no-repeat;
}
.hero--contact .hero__veil {
    background: linear-gradient(100deg, rgba(253, 244, 236, .97) 0%, rgba(253, 240, 213, .93) 38%, rgba(253, 236, 238, .4) 64%, rgba(253, 236, 238, 0) 86%);
}
.hero--contact .hero__inner { width: 100%; }
.hero--contact .hero__copy { max-width: 600px; }

.response-note {
    max-width: 780px;
    margin: 1.25rem auto 0;
    text-align: center;
    color: var(--ink-soft);
}

.trust-section { position: relative; }
.trust-lotus {
    position: absolute;
    right: -6%;
    top: -8%;
    width: clamp(240px, 32vw, 440px);
    opacity: .09;
    pointer-events: none;
}
.trust-photo-frame {
    margin: 0;
    background: var(--cream);
    border: 2px solid var(--gold-light);
    border-radius: var(--radius-lg);
    padding: .55rem;
    box-shadow: var(--shadow-lg);
}
.trust-photo-frame img {
    width: 100%;
    height: auto;
    border-radius: calc(var(--radius-lg) - 6px);
}

@media (min-width: 768px) {
    .hero--contact .hero__bg { background-position: 80% 30%; }
}

/* ============================================
   FAQ PAGE
   ============================================ */

.hero--faq {
    min-height: clamp(420px, 54vh, 600px);
    display: flex;
    align-items: center;
}
.hero--faq .hero__bg {
    background-image: url("/assets/6298d801e0f2641d0758d47fc4fafc1b.webp");
    background-size: cover;
    background-position: 78% 32%;
    background-repeat: no-repeat;
}
.hero--faq .hero__veil {
    background: linear-gradient(90deg, var(--cream) 0%, var(--cream) 45%, rgba(253, 244, 236, .18) 66%, rgba(253, 244, 236, 0) 86%);
}
.hero--faq .hero__inner { width: 100%; }
.hero--faq .hero__copy { max-width: 560px; }

.hero-wave-blossom {
    position: absolute;
    left: 50%;
    bottom: calc(var(--wave-h) * .32);
    transform: translateX(-50%);
    z-index: 3;
    pointer-events: none;
}

.safety-faq { position: relative; }
.safety-faq__lotus {
    position: absolute;
    left: 50%;
    top: 4%;
    width: clamp(260px, 34vw, 460px);
    transform: translateX(-50%);
    opacity: .07;
    pointer-events: none;
    z-index: 0;
}
.safety-faq__accordion-wrap { position: relative; z-index: 1; }
.safety-faq__badge-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: .75rem;
    position: relative;
    z-index: 1;
}
.safety-faq__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(160deg, var(--crimson) 0%, var(--crimson-deep) 100%);
    border: 2px solid var(--gold-light);
    color: var(--cream);
    box-shadow: var(--shadow-sm);
}

.membership-faq .accordion__q::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: .5rem;
    border-radius: 50%;
    background: var(--gold-light);
    flex: 0 0 auto;
}
.membership-faq .accordion__item + .accordion__item {
    border-top: 2px solid var(--rose);
}

.communication-faq__wrap { position: relative; }

@media (min-width: 768px) {
    .hero--faq .hero__bg { background-position: 80% 28%; }
}

/* ============================================
   HOW IT WORKS PAGE
   ============================================ */

.hiw-hero {
    background: linear-gradient(135deg, var(--sand) 0%, var(--seafoam) 100%);
    overflow: clip;
}
.hiw-hero__grid {
    display: grid;
    gap: clamp(2rem, 5vw, 3.5rem);
    align-items: center;
}
.hiw-hero__copy { max-width: 620px; }
.hiw-hero__portrait {
    position: relative;
    min-height: 300px;
    background-image: url("/assets/efd4533b2416d75fc5f3500f49847eb5.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    -webkit-mask-image: radial-gradient(ellipse 70% 80% at 62% 46%, #000 58%, transparent 100%);
    mask-image: radial-gradient(ellipse 70% 80% at 62% 46%, #000 58%, transparent 100%);
}
.hiw-hero__portrait::before {
    content: "";
    position: absolute;
    inset: 8% 4%;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(251, 133, 0, .38) 0%, rgba(251, 133, 0, 0) 70%);
    filter: blur(4px);
}

.timeline-five .timeline__step .timeline__medallion { position: relative; }

/* Decorative low-opacity wave accent (ornamental, not a section transition) */
.hiw-decor-wave {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 46px;
    color: var(--ocean);
    opacity: .14;
    pointer-events: none;
    z-index: 1;
}
.hiw-decor-wave svg { width: 100%; height: 100%; display: block; }

/* Trust photo with organic navy shape + badge */
.trust-organic { position: relative; }
.trust-organic__shape {
    position: absolute;
    width: 76%;
    aspect-ratio: 1;
    background: var(--ocean);
    border-radius: 58% 42% 46% 54% / 50% 58% 42% 50%;
    bottom: -8%;
    left: -8%;
    z-index: 0;
    opacity: .92;
}
.trust-organic__frame {
    position: relative;
    z-index: 1;
    margin: 0;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-lg);
}
.trust-organic__frame img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    aspect-ratio: 11 / 8;
}
.trust-organic__badge {
    position: absolute;
    z-index: 2;
    bottom: -14px;
    left: -14px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: var(--navy);
    border: 2px solid var(--gold);
    color: var(--cream);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-sm);
}

@media (min-width: 768px) {
    .hiw-hero__grid { grid-template-columns: 1.05fr .95fr; }
    .hiw-hero__portrait { min-height: 420px; }
}

@media (min-width: 1024px) {
    .hiw-hero__portrait { min-height: 480px; }
    .timeline-five .timeline__steps { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* ============================================
   PRIVACY POLICY PAGE
   ============================================ */

.legal-hero__title { margin-bottom: .55rem; }
:is(.band--crimson, .band--navy, .band--ocean, .band--teal) .updated-line { color: var(--on-dark-soft); }

.info-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
}
.info-card {
    background: #fff;
    border-left: 4px solid var(--ocean);
    border-radius: var(--radius-sm);
    padding: 1.25rem 1.35rem;
    box-shadow: var(--shadow-sm);
}
.info-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-bottom: .75rem;
    border-radius: 50%;
    background: var(--sand);
    color: var(--amber);
}
.info-card h3 { margin-bottom: .4rem; font-size: 1.05rem; }
.info-card p { margin: 0; color: var(--ink-soft); font-size: .94rem; }

.privacy-split__media { position: relative; }
.privacy-split__media::before {
    content: "";
    position: absolute;
    inset: 16px -16px -16px 16px;
    background: var(--cream);
    border-radius: var(--radius-lg);
    z-index: 0;
}
.privacy-split__media .framed { position: relative; z-index: 1; }

.privacy-close {
    position: relative;
    isolation: isolate;
    text-align: center;
    background: var(--cream);
    border-radius: var(--radius-lg);
    padding: clamp(2rem, 5vw, 3rem);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}
.privacy-close__ribbon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 10px;
    z-index: 0;
}
.privacy-close__ribbon svg { width: 100%; height: 100%; display: block; }
.privacy-close > * { position: relative; z-index: 1; }
.privacy-close__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
    justify-content: center;
    margin-top: 1.4rem;
}

@media (min-width: 768px) {
    .info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .info-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ============================================
   TERMS & CONDITIONS PAGE
   ============================================ */

.terms-support { position: relative; }
.terms-support__media { position: relative; }
.terms-support__panel {
    position: absolute;
    inset: 14px -14px -14px 14px;
    background: var(--ocean);
    border-radius: var(--radius-lg);
    z-index: 0;
}
.terms-support__frame {
    position: relative;
    z-index: 1;
    margin: 0;
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--gold);
    box-shadow: var(--shadow-lg);
}
.terms-support__frame img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    aspect-ratio: 11 / 8;
}

/* ============================================
   COOKIE POLICY PAGE
   ============================================ */

.privacy-split__media .trust-photo-frame { position: relative; z-index: 1; }

.cookie-cards { align-items: start; }

.cookie-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    background: #fff;
    border-radius: var(--radius);
    padding: 1.6rem 1.3rem 0;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.cookie-card__ribbon {
    position: absolute;
    top: 14px;
    right: -34px;
    transform: rotate(38deg);
    padding: .3rem 2.4rem;
    background: linear-gradient(180deg, var(--gold-light), var(--gold));
    color: #35230A;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    box-shadow: var(--shadow-sm);
}
.cookie-card__icon { color: var(--amber); }
.cookie-card h3 { margin-bottom: 0; font-size: 1.05rem; }
.cookie-card p { color: var(--ink-soft); font-size: .92rem; margin: 0; }
.cookie-card__footer {
    display: block;
    height: 10px;
    margin: 1.1rem -1.3rem 0;
    background: var(--sand);
}

/* ============================================
   CATEGORY PAGE - INDIAN DATING
   ============================================ */

.hero--category {
    min-height: clamp(520px, 70vh, 760px);
    display: flex;
    align-items: center;
}
.hero--category .hero__inner { width: 100%; }
.hero--category .hero__copy { max-width: 600px; }
.hero--dark .hero__note { color: var(--on-dark-soft); }

.hero--indian .hero__bg {
    background-image: url("/assets/a38bc26d95cc3a24fc546e9c4ea85c97.webp");
    background-size: cover;
    background-position: 74% 24%;
    background-repeat: no-repeat;
}
.hero--indian .hero__veil {
    background: linear-gradient(180deg, rgba(3, 4, 94, .92) 0%, rgba(110, 18, 38, .8) 44%, rgba(110, 18, 38, .55) 100%);
}
.hero__sunglow {
    position: absolute;
    z-index: -1;
    right: -6%;
    top: 6%;
    width: min(560px, 72%);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(251, 133, 0, .38) 0%, rgba(251, 133, 0, 0) 68%);
    pointer-events: none;
}

.lotus-divider {
    display: flex;
    justify-content: center;
    margin-top: 1.25rem;
}

.culture-frame {
    margin: 0;
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid rgba(239, 207, 135, .7);
    box-shadow: 0 0 70px -18px rgba(251, 133, 0, .55), var(--shadow-lg);
}
.culture-frame img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    aspect-ratio: 4 / 3;
}

.band--navy .split__copy h3 { color: var(--gold-light); }
.band--navy .split__copy h2 { color: var(--cream); }

.cta-band .join-cta__note { color: var(--on-dark-soft); font-size: .92rem; margin-top: 1.2rem; }
.cta-band .join-cta__glow {
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 40%;
    width: min(560px, 86%);
    aspect-ratio: 1;
    transform: translate(-50%, -30%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(251, 133, 0, .32) 0%, rgba(251, 133, 0, 0) 68%);
    pointer-events: none;
}
.cta-band__inner { position: relative; }
.cta-band__inner > *:not(.join-cta__glow) { position: relative; z-index: 1; }

@media (min-width: 768px) {
    .hero--indian .hero__bg { background-position: 80% 22%; }
    .hero--indian .hero__veil {
        background: linear-gradient(100deg, rgba(3, 4, 94, .95) 0%, rgba(3, 4, 94, .86) 26%, rgba(110, 18, 38, .68) 48%, rgba(110, 18, 38, .22) 68%, rgba(251, 133, 0, .06) 84%, transparent 94%);
    }
    .culture-frame img { aspect-ratio: 5 / 6; height: 100%; object-position: 50% 40%; }
}

/* ============================================
   CATEGORY PAGE - PAKISTANI DATING
   ============================================ */

.hero--pakistani .hero__bg {
    background-image: url("/assets/5c1fe8d6ab448803a9246b36e7825b4c.webp");
    background-size: cover;
    background-position: 74% 24%;
    background-repeat: no-repeat;
}
.hero--pakistani .hero__veil {
    background: linear-gradient(180deg, rgba(3, 4, 94, .92) 0%, rgba(110, 18, 38, .8) 44%, rgba(110, 18, 38, .55) 100%);
}

@media (min-width: 768px) {
    .hero--pakistani .hero__bg { background-position: 80% 22%; }
    .hero--pakistani .hero__veil {
        background: linear-gradient(100deg, rgba(3, 4, 94, .95) 0%, rgba(3, 4, 94, .86) 26%, rgba(110, 18, 38, .68) 48%, rgba(110, 18, 38, .22) 68%, rgba(251, 133, 0, .06) 84%, transparent 94%);
    }
}

/* ============================================
   CATEGORY PAGE - VIETNAMESE DATING
   ============================================ */

.hero--vietnamese .hero__bg {
    background-image: url("/assets/d3bb280d4dd3bfd7afa609c13e6ac2b9.webp");
    background-size: cover;
    background-position: 74% 24%;
    background-repeat: no-repeat;
}
.hero--vietnamese .hero__veil {
    background: linear-gradient(180deg, rgba(3, 4, 94, .92) 0%, rgba(110, 18, 38, .8) 44%, rgba(110, 18, 38, .55) 100%);
}

@media (min-width: 768px) {
    .hero--vietnamese .hero__bg { background-position: 80% 22%; }
    .hero--vietnamese .hero__veil {
        background: linear-gradient(100deg, rgba(3, 4, 94, .95) 0%, rgba(3, 4, 94, .86) 26%, rgba(110, 18, 38, .68) 48%, rgba(110, 18, 38, .22) 68%, rgba(251, 133, 0, .06) 84%, transparent 94%);
    }
}

/* ============================================
   CATEGORY PAGE - KOREAN DATING
   ============================================ */

.hero--korean .hero__bg {
    background-image: url("/assets/3d550e039d050b9b9022cda64fe11eb7.webp");
    background-size: cover;
    background-position: 74% 24%;
    background-repeat: no-repeat;
}
.hero--korean .hero__veil {
    background: linear-gradient(180deg, rgba(3, 4, 94, .92) 0%, rgba(110, 18, 38, .8) 44%, rgba(110, 18, 38, .55) 100%);
}

@media (min-width: 768px) {
    .hero--korean .hero__bg { background-position: 80% 22%; }
    .hero--korean .hero__veil {
        background: linear-gradient(100deg, rgba(3, 4, 94, .95) 0%, rgba(3, 4, 94, .86) 26%, rgba(110, 18, 38, .68) 48%, rgba(110, 18, 38, .22) 68%, rgba(251, 133, 0, .06) 84%, transparent 94%);
    }
}

.korean-faq .accordion__q {
    background: linear-gradient(90deg, var(--crimson-deep) 0%, var(--navy) 100%);
    border-radius: 999px;
}
.korean-faq .accordion__item {
    border-radius: 999px;
    overflow: hidden;
}
.korean-faq .accordion__item[open] {
    border-radius: 22px;
}
.korean-faq .accordion__item[open] .accordion__q {
    border-radius: 22px 22px 0 0;
}

/* ============================================
   CATEGORY PAGE - JAPANESE DATING
   ============================================ */

.hero--japanese .hero__bg {
    background-image: url("/assets/8c32dc3afe6d3caa7d0df38ae6d231c7.webp");
    background-size: cover;
    background-position: 74% 24%;
    background-repeat: no-repeat;
}
.hero--japanese .hero__veil {
    background: linear-gradient(180deg, rgba(3, 4, 94, .92) 0%, rgba(110, 18, 38, .8) 44%, rgba(110, 18, 38, .55) 100%);
}

@media (min-width: 768px) {
    .hero--japanese .hero__bg { background-position: 80% 22%; }
    .hero--japanese .hero__veil {
        background: linear-gradient(100deg, rgba(3, 4, 94, .95) 0%, rgba(3, 4, 94, .86) 26%, rgba(110, 18, 38, .68) 48%, rgba(110, 18, 38, .22) 68%, rgba(251, 133, 0, .06) 84%, transparent 94%);
    }
}

.japanese-faq .accordion__q {
    background: linear-gradient(90deg, var(--crimson-deep) 0%, var(--navy) 100%);
    border-radius: 999px;
}
.japanese-faq .accordion__item {
    border-radius: 999px;
    overflow: hidden;
}
.japanese-faq .accordion__item[open] {
    border-radius: 22px;
}
.japanese-faq .accordion__item[open] .accordion__q {
    border-radius: 22px 22px 0 0;
}

/* ============================================================
   CATEGORY PAGE - NEPALI DATING
   ============================================================ */

.hero--nepali {
    min-height: clamp(520px, 68vh, 760px);
    display: flex;
    align-items: center;
    position: relative;
    overflow: clip;
    color: var(--on-dark);
    background: linear-gradient(165deg, var(--ocean) 0%, var(--ocean) 42%, var(--sand) 100%);
}
.hero--nepali .hero__inner { width: 100%; }
.hero--nepali .hero__copy { max-width: 600px; }
.hero--nepali .hero__lead { color: var(--on-dark-soft); }
.hero--nepali .hero__note { color: var(--on-dark-soft); }
.hero--nepali .hero__media {
    position: relative;
    display: flex;
    justify-content: center;
}
.hero--nepali .hero__media img {
    width: 100%;
    max-width: 380px;
}
.hero--nepali .hero-badge-ribbon {
    left: -4%;
    bottom: 6%;
}

/* ============================================================
   CATEGORY PAGE - CHINESE DATING
   ============================================================ */

.hero--chinese {
    background: linear-gradient(135deg, var(--sand) 0%, var(--blush) 100%);
}
.hero__media { position: relative; }
.hero-badge-ribbon {
    position: absolute;
    left: -4%;
    bottom: 8%;
    width: min(210px, 58%);
    z-index: 2;
}
.hero-badge-ribbon svg {
    width: 100%;
    height: auto;
    display: block;
    filter: drop-shadow(0 12px 20px rgba(3, 4, 94, .38));
}
.hero-badge-ribbon__text {
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%);
    color: var(--cream);
    font-family: var(--font-ui);
    font-weight: 700;
    font-size: .76rem;
    letter-spacing: .03em;
    text-align: center;
    white-space: nowrap;
}

.safety-split {
    position: relative;
    isolation: isolate;
}
.safety-split::before {
    content: "";
    position: absolute;
    inset: -8% -6%;
    z-index: -1;
    background: radial-gradient(60% 60% at 50% 45%, rgba(224, 241, 231, .95) 0%, rgba(224, 241, 231, 0) 72%);
    pointer-events: none;
}
.safety-head { text-align: center; }
.safety-head__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: .75rem;
    border-radius: 50%;
    background: var(--seafoam);
    border: 2px solid var(--gold);
    color: var(--ocean);
}

.chinese-stories {
    display: grid;
    gap: clamp(1.5rem, 4vw, 2.5rem);
}
.chinese-stories__media {
    margin: 0;
    overflow: hidden;
    border: 3px solid var(--gold);
    border-radius: 160px 160px 24px 24px;
    box-shadow: var(--shadow);
}
.chinese-stories__media img {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: 50% 35%;
    display: block;
}
.chinese-stories__quotes {
    display: grid;
    gap: 1.15rem;
}
.chinese-quote {
    position: relative;
    margin: 0;
    background: #fff;
    border-top: 3px solid var(--gold);
    border-radius: 0 0 var(--radius) var(--radius);
    padding: 1.4rem 1.3rem 1.2rem;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.chinese-quote__glyph {
    position: absolute;
    top: -.6rem;
    right: .7rem;
    font-family: var(--font-display);
    font-size: 4.2rem;
    line-height: 1;
    color: rgba(201, 154, 62, .3);
    pointer-events: none;
}
.chinese-quote p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--ink-soft);
    font-family: var(--font-display);
    font-size: 1.05rem;
}

.chinese-faq .accordion__q {
    background: linear-gradient(90deg, var(--crimson-deep) 0%, var(--navy) 100%);
    border-radius: 999px;
}
.chinese-faq .accordion__item {
    border-radius: 999px;
    overflow: hidden;
}
.chinese-faq .accordion__item[open] {
    border-radius: 22px;
}
.chinese-faq .accordion__item[open] .accordion__q {
    border-radius: 22px 22px 0 0;
}

@media (min-width: 768px) {
    .chinese-stories { grid-template-columns: minmax(220px, 36%) minmax(0, 1fr); align-items: center; }
}

/* ============================================================
   CATEGORY PAGE - THAI DATING
   ============================================================ */

.hero--thai {
    background: linear-gradient(135deg, var(--sand) 0%, var(--blush) 100%);
}
.hero--thai .hero__glow {
    background: radial-gradient(circle, rgba(251, 133, 0, .4) 0%, rgba(251, 133, 0, 0) 68%);
}

.icon-badge--ocean {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: .6rem;
    border-radius: 50%;
    background: var(--ocean);
    border: 2px solid var(--gold);
    color: var(--cream);
    box-shadow: var(--shadow-sm);
}

.thai-quote {
    position: relative;
    align-self: start;
    margin: 0;
    background: #fff;
    border-top: 3px solid var(--gold);
    border-radius: 0 0 var(--radius) var(--radius);
    padding: 1.4rem 1.3rem 1.2rem;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.thai-quote__glyph {
    position: absolute;
    top: -.6rem;
    right: .7rem;
    font-family: var(--font-display);
    font-size: 4.2rem;
    line-height: 1;
    color: rgba(251, 133, 0, .3);
    pointer-events: none;
}
.thai-quote p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--ink-soft);
    font-family: var(--font-display);
    font-size: 1.05rem;
}
.thai-quote cite {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: .6rem;
    font-family: var(--font-ui);
    font-style: normal;
    font-size: .85rem;
    color: var(--ink-soft);
}

/* ============================================================
   CATEGORY PAGE - FILIPINO DATING
   ============================================================ */

.hero--filipino {
    background: linear-gradient(135deg, var(--sand) 0%, var(--blush) 100%);
}
.hero--filipino .hero__glow {
    background: radial-gradient(circle, rgba(251, 133, 0, .4) 0%, rgba(251, 133, 0, 0) 68%);
}

.filipino-faq .accordion__q {
    background: linear-gradient(90deg, var(--crimson-deep) 0%, var(--navy) 100%);
    border-radius: 999px;
}
.filipino-faq .accordion__item {
    border-radius: 999px;
    overflow: hidden;
}
.filipino-faq .accordion__item[open] {
    border-radius: 22px;
}
.filipino-faq .accordion__item[open] .accordion__q {
    border-radius: 22px 22px 0 0;
}

/* ============================================================
   CATEGORY PAGE - BANGLADESHI DATING
   ============================================================ */

.hero--bangladeshi {
    background: linear-gradient(135deg, var(--sand) 0%, var(--blush) 100%);
}
.hero--bangladeshi .hero__glow {
    background: radial-gradient(circle, rgba(251, 133, 0, .4) 0%, rgba(251, 133, 0, 0) 68%);
}

/* ============================================================
   CATEGORY PAGE - CAMBODIAN DATING
   ============================================================ */

.hero--cambodian .hero__bg {
    background-image: url("/assets/21d4cb566472850c5d5f525d7a0cb272.webp");
    background-size: cover;
    background-position: 74% 26%;
    background-repeat: no-repeat;
}
.hero--cambodian .hero__veil {
    background: linear-gradient(100deg, rgba(110, 18, 38, .94) 0%, rgba(150, 35, 60, .8) 42%, rgba(150, 35, 60, .3) 70%, transparent 90%);
}

.cambodian-safety { position: relative; isolation: isolate; }
.cambodian-safety__sweep {
    position: absolute;
    right: -8%;
    top: -6%;
    width: 70%;
    z-index: 0;
    pointer-events: none;
}
.cambodian-safety__sweep svg { width: 100%; height: auto; display: block; }
.cambodian-safety .verify-mock { position: relative; z-index: 1; }

@media (min-width: 768px) {
    .hero--cambodian .hero__bg { background-position: 80% 22%; }
    .hero--cambodian .hero__veil {
        background: linear-gradient(100deg, rgba(110, 18, 38, .95) 0%, rgba(150, 35, 60, .84) 26%, rgba(150, 35, 60, .4) 52%, rgba(251, 133, 0, .08) 74%, transparent 92%);
    }
}

/* ============================================================
   CATEGORY PAGE - BHUTANESE DATING
   ============================================================ */

.hero--bhutanese {
    background: linear-gradient(135deg, var(--sand) 0%, var(--seafoam) 100%);
    overflow: clip;
}
.hero--bhutanese .hero__glow {
    background: radial-gradient(circle, rgba(251, 133, 0, .35) 0%, rgba(251, 133, 0, 0) 68%);
}
.hero__ribbon-path {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}
.hero__ribbon-path svg { width: 100%; height: 100%; }
.hero--bhutanese .hero__media {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
}
.hero--bhutanese .hero__media img {
    width: 100%;
    max-width: 380px;
    height: auto;
    filter: drop-shadow(0 30px 55px rgba(3, 4, 94, .28));
}
.hero--bhutanese .hero-badge-ribbon {
    left: -2%;
    bottom: 4%;
}

/* ============================================================
   CATEGORY PAGE - SRI LANKAN DATING
   ============================================================ */

.hero--sri-lankan {
    min-height: clamp(560px, 74vh, 780px);
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, var(--sand) 0%, var(--seafoam) 100%);
    overflow: clip;
}
.hero--sri-lankan .hero__glow {
    background: radial-gradient(circle, rgba(251, 133, 0, .4) 0%, rgba(251, 133, 0, 0) 68%);
}
.hero--sri-lankan .hero__media {
    position: relative;
    display: flex;
    justify-content: center;
}
.hero--sri-lankan .hero__media img {
    width: 100%;
    max-width: 380px;
    height: auto;
    filter: drop-shadow(0 30px 55px rgba(3, 4, 94, .28));
}
.hero--sri-lankan .hero-badge-ribbon {
    left: -2%;
    bottom: 2%;
}

.sl-safety {
    position: relative;
    isolation: isolate;
}
.sl-safety::before {
    content: "";
    position: absolute;
    inset: -8% -6%;
    z-index: -1;
    background: radial-gradient(55% 60% at 70% 45%, rgba(224, 241, 231, .95) 0%, rgba(224, 241, 231, 0) 72%);
    pointer-events: none;
}
.sl-safety__heading {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-bottom: .6rem;
}

.sl-quote-grid {
    display: grid;
    gap: 1.15rem;
    align-items: start;
    margin-top: clamp(1.5rem, 3vw, 2.25rem);
}

@media (min-width: 768px) {
    .sl-quote-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ============================================================
   CATEGORY PAGE - MALDIVIAN DATING
   ============================================================ */

.hero--maldivian {
    background: linear-gradient(150deg, var(--ocean) 0%, var(--teal) 60%, var(--seafoam) 100%);
    overflow: clip;
}
.hero--maldivian .hero__glow {
    background: radial-gradient(circle, rgba(251, 133, 0, .42) 0%, rgba(251, 133, 0, 0) 68%);
}
.hero--maldivian .hero__media {
    position: relative;
    display: flex;
    justify-content: center;
}
.hero--maldivian .hero__media img {
    width: 100%;
    max-width: 380px;
    height: auto;
}
.hero--maldivian .hero-badge-ribbon {
    left: -2%;
    bottom: 4%;
}

/* ============================================================
   CATEGORY PAGE - AFGHAN DATING
   ============================================================ */

.hero--afghan {
    min-height: clamp(520px, 68vh, 760px);
    display: flex;
    align-items: center;
    position: relative;
    overflow: clip;
    color: var(--on-dark);
    background: linear-gradient(160deg, var(--ocean) 0%, var(--ocean) 46%, var(--sand) 100%);
}
.hero--afghan .hero__inner { width: 100%; }
.hero--afghan .hero__copy { max-width: 600px; }
.hero--afghan .hero__lead { color: var(--on-dark-soft); }
.hero--afghan .hero__note { color: var(--on-dark-soft); }
.hero--afghan .hero__media {
    position: relative;
    display: flex;
    justify-content: center;
}
.hero--afghan .hero__media img {
    width: 100%;
    max-width: 380px;
    height: auto;
    filter: drop-shadow(0 30px 55px rgba(3, 4, 94, .3));
}
.hero--afghan .hero__glow {
    background: radial-gradient(circle, rgba(251, 133, 0, .4) 0%, rgba(251, 133, 0, 0) 68%);
}
.hero--afghan .hero__ribbon-curve {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}
.hero--afghan .hero__ribbon-curve svg { width: 100%; height: 100%; }
.hero--afghan .hero-badge-ribbon {
    left: -2%;
    bottom: 4%;
}

.afghan-testimonials {
    display: grid;
    gap: clamp(1.5rem, 4vw, 2.5rem);
}
.afghan-testimonial {
    position: relative;
    background: #fff;
    border: 1px solid rgba(201, 154, 62, .4);
    border-radius: var(--radius);
    padding: 1.5rem 1.4rem 1.4rem;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.afghan-testimonial__media {
    margin: 0 0 1.1rem;
    border-radius: 160px 160px 20px 20px;
    overflow: hidden;
    border: 2px solid var(--gold-light);
    box-shadow: var(--shadow-sm);
}
.afghan-testimonial__media img {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: 50% 30%;
    display: block;
}
.afghan-testimonial__glyph {
    position: absolute;
    top: -.3rem;
    right: 1rem;
    font-family: var(--font-display);
    font-size: 4.5rem;
    line-height: 1;
    color: rgba(251, 133, 0, .22);
    pointer-events: none;
}
.afghan-testimonial__text {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--ink-soft);
    font-family: var(--font-display);
    font-size: 1.05rem;
}

@media (min-width: 768px) {
    .hero--afghan .hero__inner { gap: 3rem; }
    .afghan-testimonials { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ============================================================
   CATEGORY PAGE - TAIWANESE DATING
   ============================================================ */

.hero--taiwanese {
    min-height: clamp(520px, 68vh, 760px);
    display: flex;
    align-items: center;
    position: relative;
    overflow: clip;
    color: var(--on-dark);
    background: linear-gradient(150deg, var(--ocean) 0%, var(--ocean) 46%, var(--sand) 100%);
}
.hero--taiwanese .hero__inner { width: 100%; }
.hero--taiwanese .hero__copy { max-width: 600px; }
.hero--taiwanese .hero__lead { color: var(--on-dark-soft); }
.hero--taiwanese .hero__note { color: var(--on-dark-soft); }
.hero--taiwanese .hero__media {
    position: relative;
    display: flex;
    justify-content: center;
}
.hero--taiwanese .hero__media img {
    width: 100%;
    max-width: 380px;
    height: auto;
    filter: drop-shadow(0 30px 55px rgba(3, 4, 94, .3));
}
.hero--taiwanese .hero__glow {
    background: radial-gradient(circle, rgba(251, 133, 0, .42) 0%, rgba(251, 133, 0, 0) 68%);
}
.hero__ribbon-curve {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}
.hero__ribbon-curve svg { width: 100%; height: 100%; }

.taiwan-benefits .card { border-radius: 26px 10px 26px 10px; }

.taiwan-culture { position: relative; isolation: isolate; }
.taiwan-culture__glow {
    position: absolute;
    z-index: 0;
    left: 60%;
    top: 30%;
    width: min(560px, 70%);
    aspect-ratio: 1;
    transform: translate(-50%, -30%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(251, 133, 0, .32) 0%, rgba(251, 133, 0, 0) 68%);
    pointer-events: none;
}
.taiwan-culture .container { position: relative; z-index: 1; }

.taiwan-testimonials {
    display: grid;
    gap: clamp(1.5rem, 4vw, 2.5rem);
}
.taiwan-testimonial {
    position: relative;
    margin: 0;
    padding: 1.5rem 1.4rem 1.4rem;
    overflow: hidden;
}
.taiwan-testimonial__media {
    margin: 0 0 1.1rem;
    border-radius: 160px 160px 20px 20px;
    overflow: hidden;
    border: 2px solid var(--gold-light);
    box-shadow: var(--shadow-sm);
}
.taiwan-testimonial__media img {
    width: 100%;
    height: 100%;
    aspect-ratio: 9 / 7;
    object-fit: cover;
    object-position: 50% 30%;
    display: block;
}
.taiwan-testimonial__glyph {
    position: absolute;
    top: -.3rem;
    right: 1.1rem;
    font-family: var(--font-display);
    font-size: 4.5rem;
    line-height: 1;
    color: rgba(251, 133, 0, .28);
    pointer-events: none;
}
.taiwan-testimonial__text {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--ink-soft);
    font-family: var(--font-display);
    font-size: 1.05rem;
}

.taiwanese-faq .accordion__q {
    background: linear-gradient(90deg, var(--crimson-deep) 0%, var(--navy) 100%);
    border-radius: 999px;
}
.taiwanese-faq .accordion__item {
    border-radius: 999px;
    overflow: hidden;
}
.taiwanese-faq .accordion__item[open] {
    border-radius: 22px;
}
.taiwanese-faq .accordion__item[open] .accordion__q {
    border-radius: 22px 22px 0 0;
}

@media (min-width: 768px) {
    .hero--taiwanese .hero__inner { gap: 3rem; }
    .taiwan-testimonials { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ============================================================
   CATEGORY PAGE - MONGOLIAN DATING
   ============================================================ */

.lotus-watermark--tl { top: -6%; left: -6%; }
.lotus-watermark--br { bottom: -6%; right: -6%; transform: rotate(180deg); }

.hero--mongolian {
    min-height: clamp(520px, 70vh, 760px);
    display: flex;
    align-items: center;
}
.hero--mongolian .hero__bg {
    background-image: url("/assets/bb8542059bc533fb5a0aa7c655253004.webp");
    background-size: cover;
    background-position: 72% 28%;
    background-repeat: no-repeat;
}
.hero--mongolian .hero__veil {
    background: linear-gradient(100deg, rgba(253, 244, 236, .97) 0%, rgba(253, 236, 238, .88) 36%, rgba(253, 236, 238, .4) 62%, rgba(253, 236, 238, 0) 86%);
}

.lang-copy {
    max-width: 760px;
    margin: 0 auto clamp(1.75rem, 4vw, 2.5rem);
}

.lang-grid { align-items: start; }
.lang-tile {
    background: linear-gradient(180deg, #F1FAF5 0%, var(--seafoam) 100%);
    border-left: 3px solid var(--gold);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    padding: 1.25rem 1.3rem;
}
.lang-tile__icon { color: var(--teal); margin-bottom: .6rem; display: inline-flex; }
.lang-tile h3 { margin-bottom: .35rem; font-size: 1.02rem; }
.lang-tile p { margin: 0; color: var(--ink-soft); font-size: .93rem; }

.mongolian-testimonials {
    display: grid;
    gap: clamp(1.5rem, 4vw, 2.5rem);
}
.mongolian-testimonial {
    position: relative;
    display: grid;
    gap: 1.1rem;
    margin: 0;
}
.mongolian-testimonial__media {
    margin: 0;
    max-width: 260px;
    border-radius: 130px 130px 18px 18px;
    overflow: hidden;
    border: 1px solid var(--gold-light);
    box-shadow: var(--shadow-sm);
}
.mongolian-testimonial__media img {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: 50% 30%;
    display: block;
}
.mongolian-testimonial__body { position: relative; }
.mongolian-testimonial__glyph {
    position: absolute;
    top: -1.6rem;
    right: 0;
    font-family: var(--font-display);
    font-size: 4.5rem;
    line-height: 1;
    color: rgba(224, 167, 176, .55);
    pointer-events: none;
}
.mongolian-testimonial__text { margin: 0; color: var(--ink-soft); }

.mongolian-safety { position: relative; isolation: isolate; }
.mongolian-safety::before {
    content: "";
    position: absolute;
    inset: -6% -4%;
    z-index: -1;
    background: radial-gradient(55% 60% at 78% 45%, rgba(14, 90, 97, .16) 0%, rgba(14, 90, 97, 0) 72%);
    pointer-events: none;
}

.mongolian-faq .accordion__q {
    background: linear-gradient(90deg, var(--crimson-deep) 0%, var(--navy) 100%);
    border-radius: 999px;
}
.mongolian-faq .accordion__item {
    border-radius: 999px;
    overflow: hidden;
}
.mongolian-faq .accordion__item[open] {
    border-radius: 22px;
}
.mongolian-faq .accordion__item[open] .accordion__q {
    border-radius: 22px 22px 0 0;
}

@media (min-width: 768px) {
    .hero--mongolian .hero__bg { background-position: 80% 24%; }
    .hero--mongolian .hero__veil {
        background: linear-gradient(100deg, rgba(253, 244, 236, .97) 0%, rgba(253, 236, 238, .88) 30%, rgba(253, 236, 238, .35) 54%, rgba(251, 133, 0, .06) 74%, transparent 92%);
    }
    .mongolian-testimonials { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mongolian-testimonial { grid-template-columns: minmax(140px, 34%) minmax(0, 1fr); align-items: center; }
    .mongolian-testimonial__media { max-width: none; }
}

/* ============================================================
   CATEGORY PAGE - NORTH KOREAN DATING
   ============================================================ */

.hero--north-korean .hero__bg {
    background-image: url("/assets/4b592ac3dff74d247a16ac4b8332a6fe.webp");
    background-size: cover;
    background-position: 74% 26%;
    background-repeat: no-repeat;
}
.hero--north-korean .hero__veil {
    background: linear-gradient(100deg, rgba(253, 236, 238, .96) 0%, rgba(253, 240, 213, .9) 30%, rgba(150, 35, 60, .55) 56%, rgba(150, 35, 60, .12) 78%, transparent 92%);
}

.availability-panel {
    position: relative;
    max-width: 820px;
    margin: 0 auto;
    padding: 2rem 2rem 2rem 2.4rem;
    border-left: 4px solid var(--gold);
    background: var(--sand);
    border-radius: 0 var(--radius) var(--radius) 0;
    overflow: hidden;
}
.availability-panel__lotus {
    position: absolute;
    right: -8%;
    top: -10%;
    width: 280px;
    opacity: .07;
    pointer-events: none;
}
.availability-panel h2 { position: relative; z-index: 1; }
.availability-panel p { position: relative; z-index: 1; }

.culture-frame--square img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: 50% 30%;
}

.nk-testimonials {
    display: grid;
    gap: clamp(1.5rem, 4vw, 2.5rem);
}
.nk-testimonial {
    display: grid;
    gap: 1.1rem;
    margin: 0;
    justify-items: center;
    text-align: center;
}
.nk-testimonial__frame {
    max-width: 220px;
    width: 100%;
}
.nk-testimonial__body { position: relative; max-width: 520px; }
.nk-testimonial__glyph {
    display: block;
    font-family: var(--font-display);
    font-size: 3.2rem;
    line-height: .6;
    color: rgba(224, 167, 176, .7);
    margin-bottom: .4rem;
}
.nk-testimonial__text {
    margin: 0;
    color: var(--ink-soft);
    font-family: var(--font-display);
    font-size: 1.05rem;
}

@media (min-width: 768px) {
    .hero--north-korean .hero__bg { background-position: 80% 22%; }
    .hero--north-korean .hero__veil {
        background: linear-gradient(100deg, rgba(253, 236, 238, .97) 0%, rgba(253, 240, 213, .92) 26%, rgba(150, 35, 60, .62) 50%, rgba(150, 35, 60, .18) 72%, transparent 90%);
    }
    .nk-testimonials { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ============================================================
   CATEGORY PAGE - BURMESE DATING
   ============================================================ */

.hero--burmese .hero__bg {
    background-image: url("/assets/0ecef963aa19e13aed301734d3a52173.webp");
    background-size: cover;
    background-position: 74% 26%;
    background-repeat: no-repeat;
}
.hero--burmese .hero__veil {
    background: linear-gradient(100deg, rgba(110, 18, 38, .94) 0%, rgba(150, 35, 60, .82) 40%, rgba(150, 35, 60, .35) 68%, transparent 88%);
}

.burmese-safety { position: relative; isolation: isolate; }
.burmese-safety::before {
    content: "";
    position: absolute;
    inset: -6% -4%;
    z-index: -1;
    background: radial-gradient(55% 60% at 80% 45%, rgba(14, 90, 97, .2) 0%, rgba(14, 90, 97, 0) 72%);
    pointer-events: none;
}

@media (min-width: 768px) {
    .hero--burmese .hero__bg { background-position: 80% 22%; }
    .hero--burmese .hero__veil {
        background: linear-gradient(100deg, rgba(110, 18, 38, .95) 0%, rgba(150, 35, 60, .84) 28%, rgba(150, 35, 60, .4) 52%, rgba(251, 133, 0, .08) 74%, transparent 92%);
    }
}

/* ============================================================
   CATEGORY PAGE - LAOTIAN DATING
   ============================================================ */

.hero--laotian {
    min-height: clamp(520px, 68vh, 760px);
    display: flex;
    align-items: center;
}
.hero--laotian .hero__bg {
    background-image: url("/assets/609181b351a5232a3ce754026d902539.webp");
    background-size: cover;
    background-position: 74% 26%;
    background-repeat: no-repeat;
}
.hero--laotian .hero__veil {
    background: linear-gradient(100deg, rgba(253, 244, 236, .97) 0%, rgba(253, 236, 238, .86) 34%, rgba(253, 236, 238, .4) 60%, rgba(253, 236, 238, 0) 84%);
}

.laotian-safety { position: relative; isolation: isolate; }
.laotian-safety__sweep {
    position: absolute;
    right: -8%;
    top: -6%;
    width: 65%;
    z-index: 0;
    pointer-events: none;
}
.laotian-safety__sweep svg { width: 100%; height: auto; display: block; }
.laotian-safety .verify-mock { position: relative; z-index: 1; }

.laotian-testimonials {
    display: grid;
    gap: clamp(1.5rem, 4vw, 2.5rem);
}
.laotian-testimonial {
    display: grid;
    gap: 1.1rem;
    margin: 0;
}
.laotian-testimonial__frame { margin: 0; max-width: 240px; }
.laotian-testimonial__frame img {
    width: 100%;
    height: 100%;
    aspect-ratio: 7 / 9;
    object-fit: cover;
    object-position: 50% 30%;
    display: block;
}
.laotian-testimonial__body { position: relative; }
.laotian-testimonial__glyph {
    position: absolute;
    top: -1.6rem;
    right: 0;
    font-family: var(--font-display);
    font-size: 4.5rem;
    line-height: 1;
    color: rgba(224, 167, 176, .55);
    pointer-events: none;
}
.laotian-testimonial__text { margin: 0; color: var(--ink-soft); font-family: var(--font-display); font-size: 1.05rem; }

@media (min-width: 768px) {
    .hero--laotian .hero__bg { background-position: 80% 22%; }
    .hero--laotian .hero__veil {
        background: linear-gradient(100deg, rgba(253, 244, 236, .97) 0%, rgba(253, 236, 238, .88) 28%, rgba(253, 236, 238, .32) 54%, rgba(251, 133, 0, .05) 74%, transparent 92%);
    }
    .laotian-testimonials { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .laotian-testimonial { grid-template-columns: minmax(140px, 34%) minmax(0, 1fr); align-items: center; }
    .laotian-testimonial__frame { max-width: none; }
}

/* ============================================================
   CATEGORY PAGE - INDONESIAN DATING
   ============================================================ */

.hero--indonesian .hero__bg {
    background-image: url("/assets/f3e385c98dd752956b653fb2b2c90a76.webp");
    background-size: cover;
    background-position: 74% 24%;
    background-repeat: no-repeat;
}
.hero--indonesian .hero__veil {
    background: linear-gradient(180deg, rgba(3, 4, 94, .92) 0%, rgba(110, 18, 38, .8) 44%, rgba(110, 18, 38, .55) 100%);
}

.indonesian-safety { position: relative; isolation: isolate; }
.indonesian-safety::before {
    content: "";
    position: absolute;
    inset: -6% -4%;
    z-index: -1;
    background: radial-gradient(60% 65% at 82% 50%, rgba(14, 90, 97, .24) 0%, rgba(14, 90, 97, 0) 72%);
    pointer-events: none;
}

.indonesian-faq .accordion__q {
    background: linear-gradient(90deg, var(--crimson-deep) 0%, var(--navy) 100%);
    border-radius: 999px;
}
.indonesian-faq .accordion__item {
    border-radius: 999px;
    overflow: hidden;
}
.indonesian-faq .accordion__item[open] {
    border-radius: 22px;
}
.indonesian-faq .accordion__item[open] .accordion__q {
    border-radius: 22px 22px 0 0;
}

@media (min-width: 768px) {
    .hero--indonesian .hero__bg { background-position: 80% 22%; }
    .hero--indonesian .hero__veil {
        background: linear-gradient(100deg, rgba(3, 4, 94, .95) 0%, rgba(3, 4, 94, .86) 26%, rgba(110, 18, 38, .68) 48%, rgba(110, 18, 38, .22) 68%, rgba(251, 133, 0, .06) 84%, transparent 94%);
    }
}

/* ============================================================
   CATEGORY PAGE - MALAYSIAN DATING
   ============================================================ */

.hero--malaysian {
    min-height: clamp(520px, 70vh, 760px);
    display: flex;
    align-items: center;
    position: relative;
    overflow: clip;
}
.hero--malaysian .hero__bg {
    background-image: url("/assets/8d356c0fb83f7283f6010bfd6d65f32d.webp");
    background-size: cover;
    background-position: 74% 24%;
    background-repeat: no-repeat;
}
.hero--malaysian .hero__veil {
    background: linear-gradient(100deg, rgba(150, 35, 60, .88) 0%, rgba(224, 167, 176, .5) 42%, rgba(253, 236, 238, .18) 68%, transparent 88%);
}
.hero__lotus {
    position: absolute;
    z-index: -1;
    width: clamp(120px, 16vw, 190px);
    opacity: .16;
    pointer-events: none;
}
.hero__lotus--tl { left: -2%; top: -4%; }
.hero__lotus--br { right: -2%; bottom: -4%; transform: rotate(180deg); }
.hero__lotus svg { width: 100%; height: 100%; }

.malaysian-profiles .profile-card__media { position: relative; }
.malaysian-profiles .profile-card__media::after {
    content: "";
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 50%, var(--gold-light) 0 6px, transparent 7px),
        radial-gradient(circle at 28% 30%, rgba(239, 207, 135, .9) 0 8px, transparent 9px),
        radial-gradient(circle at 72% 30%, rgba(239, 207, 135, .9) 0 8px, transparent 9px),
        radial-gradient(circle at 28% 72%, rgba(239, 207, 135, .9) 0 8px, transparent 9px),
        radial-gradient(circle at 72% 72%, rgba(239, 207, 135, .9) 0 8px, transparent 9px);
    filter: drop-shadow(0 2px 4px rgba(110, 18, 38, .4));
    pointer-events: none;
}

.malaysian-safety { position: relative; isolation: isolate; }
.malaysian-safety::before {
    content: "";
    position: absolute;
    inset: -6% -8% -6% 42%;
    z-index: -1;
    background: radial-gradient(60% 70% at 80% 50%, rgba(224, 241, 231, .3) 0%, rgba(224, 241, 231, 0) 72%);
    pointer-events: none;
}

@media (min-width: 768px) {
    .hero--malaysian .hero__bg { background-position: 80% 22%; }
    .hero--malaysian .hero__veil {
        background: linear-gradient(100deg, rgba(150, 35, 60, .9) 0%, rgba(150, 35, 60, .68) 28%, rgba(224, 167, 176, .32) 52%, rgba(251, 133, 0, .06) 74%, transparent 92%);
    }
}

/* ============================================================
   CATEGORY PAGE - SINGAPOREAN DATING
   ============================================================ */

.hero--singaporean {
    min-height: clamp(560px, 72vh, 780px);
    display: flex;
    align-items: center;
}
.hero--singaporean .hero__bg {
    background-image: url("/assets/a0a96c542b535078c0eb52c14f608497.webp");
    background-size: cover;
    background-position: 74% 22%;
    background-repeat: no-repeat;
}
.hero--singaporean .hero__veil {
    background: linear-gradient(100deg, rgba(253, 236, 238, .97) 0%, rgba(253, 220, 228, .9) 34%, rgba(253, 236, 238, .42) 60%, rgba(253, 236, 238, 0) 84%);
}
.hero--singaporean .hero__inner { width: 100%; }
.hero--singaporean .hero__copy { max-width: 600px; }

.singapore-safety { position: relative; isolation: isolate; }
.singapore-safety__sweep {
    position: absolute;
    right: -10%;
    top: -8%;
    width: 68%;
    z-index: 0;
    pointer-events: none;
}
.singapore-safety__sweep svg { width: 100%; height: auto; display: block; }
.singapore-safety .verify-mock { position: relative; z-index: 1; }

.singapore-testimonials {
    position: relative;
    display: grid;
    gap: clamp(1.5rem, 4vw, 2.5rem);
}
.singapore-testimonials__divider { display: none; }
.singapore-testimonial {
    position: relative;
    display: grid;
    gap: 1.1rem;
    margin: 0;
}
.singapore-testimonial__body { position: relative; }
.singapore-testimonial__glyph {
    display: block;
    font-family: var(--font-display);
    font-size: 3.4rem;
    line-height: .6;
    color: rgba(201, 154, 62, .5);
    margin-bottom: .4rem;
}
.singapore-testimonial__text {
    margin: 0;
    color: var(--ink-soft);
    font-family: var(--font-display);
    font-size: 1.05rem;
}
.singapore-testimonial__source {
    display: block;
    margin-top: .6rem;
    font-size: .85rem;
    color: var(--ink-soft);
    font-weight: 600;
}

@media (min-width: 768px) {
    .hero--singaporean .hero__bg { background-position: 80% 20%; }
    .hero--singaporean .hero__veil {
        background: linear-gradient(100deg, rgba(253, 236, 238, .97) 0%, rgba(253, 220, 228, .92) 28%, rgba(253, 236, 238, .34) 54%, rgba(251, 133, 0, .05) 76%, transparent 92%);
    }
    .singapore-testimonials { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .singapore-testimonials__divider {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        width: 40px;
        transform: translateX(-50%);
        color: var(--gold-dark);
    }
    .singapore-testimonials__divider::before,
    .singapore-testimonials__divider::after {
        content: "";
        position: absolute;
        left: 50%;
        width: 1px;
        transform: translateX(-50%);
    }
    .singapore-testimonials__divider::before {
        top: 0;
        height: 38%;
        background: linear-gradient(180deg, transparent, rgba(201, 154, 62, .5));
    }
    .singapore-testimonials__divider::after {
        bottom: 0;
        height: 38%;
        background: linear-gradient(0deg, transparent, rgba(201, 154, 62, .5));
    }
}

/* ============================================================
   CATEGORY PAGE - BRUNEIAN DATING
   ============================================================ */

.hero--bruneian .hero__bg {
    background-image: url("/assets/9c586cca109f00d52a8b32f53b04b2c2.webp");
    background-size: cover;
    background-position: 74% 24%;
    background-repeat: no-repeat;
}
.hero--bruneian .hero__veil {
    background: linear-gradient(180deg, rgba(3, 4, 94, .92) 0%, rgba(110, 18, 38, .8) 44%, rgba(110, 18, 38, .55) 100%);
}

@media (min-width: 768px) {
    .hero--bruneian .hero__bg { background-position: 80% 22%; }
    .hero--bruneian .hero__veil {
        background: linear-gradient(100deg, rgba(3, 4, 94, .95) 0%, rgba(3, 4, 94, .86) 26%, rgba(110, 18, 38, .68) 48%, rgba(110, 18, 38, .22) 68%, rgba(251, 133, 0, .06) 84%, transparent 94%);
    }
}

.bruneian-testimonials {
    display: grid;
    gap: clamp(1.5rem, 4vw, 2.5rem);
    grid-template-columns: minmax(0, 1fr);
}
.bruneian-testimonial {
    display: grid;
    gap: 1.1rem;
    margin: 0;
    grid-template-columns: minmax(0, 1fr);
}
.bruneian-testimonial__media {
    border-radius: 999px 999px 22px 22px;
    overflow: hidden;
    border: 1px solid rgba(201, 154, 62, .6);
    box-shadow: var(--shadow-sm);
    max-width: 260px;
}
.bruneian-testimonial__media img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: 50% 25%;
    display: block;
}
.bruneian-testimonial__body { position: relative; }
.bruneian-testimonial__glyph {
    display: block;
    font-family: var(--font-display);
    font-size: 3rem;
    line-height: .7;
    color: rgba(251, 133, 0, .45);
    margin-bottom: .5rem;
}
.bruneian-testimonial__text { margin: 0; color: var(--ink-soft); font-family: var(--font-display); font-size: 1.05rem; }

.bruneian-safety { position: relative; isolation: isolate; }
.bruneian-safety__drape {
    position: absolute;
    right: -14%;
    top: -12%;
    width: 74%;
    height: 124%;
    background: linear-gradient(160deg, var(--teal) 0%, var(--teal-deep) 100%);
    border-radius: 42% 58% 55% 45% / 50% 44% 56% 50%;
    z-index: 0;
    opacity: .95;
    pointer-events: none;
}
.bruneian-safety .verify-mock { position: relative; z-index: 1; }
.bruneian-safety .trust-badge { margin-top: 1.1rem; }

.nearby-tile {
    position: relative;
    display: block;
    background: var(--sand);
    border-radius: var(--radius);
    padding: 1.5rem 1.4rem 1.4rem;
    text-decoration: none;
    color: var(--ink);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: transform .2s ease, box-shadow .2s ease;
}
.nearby-tile:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow);
    color: var(--ink);
}
.nearby-tile__ribbon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg, var(--amber), var(--gold-light));
}
.nearby-tile__title { margin-bottom: .4rem; font-size: 1.08rem; }
.nearby-tile__text { color: var(--ink-soft); font-size: .93rem; margin-bottom: .6rem; }
.nearby-tile__arrow {
    display: inline-flex;
    color: var(--crimson);
    transition: transform .2s ease;
}
.nearby-tile:hover .nearby-tile__arrow { transform: translateX(6px); }

@media (min-width: 768px) {
    .bruneian-testimonials { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bruneian-testimonial { grid-template-columns: minmax(140px, 34%) minmax(0, 1fr); align-items: center; }
    .bruneian-testimonial__media { max-width: none; }
}

/* ============================================================
   CATEGORY PAGE - UZBEK DATING
   ============================================================ */

.hero--uzbek {
    min-height: clamp(520px, 68vh, 760px);
    display: flex;
    align-items: center;
}
.hero--uzbek .hero__bg {
    background-image: url("/assets/9583c58a8f9d3270c795874e32097142.webp");
    background-size: cover;
    background-position: 74% 26%;
    background-repeat: no-repeat;
}
.hero--uzbek .hero__veil {
    background: linear-gradient(180deg, rgba(3, 4, 94, .92) 0%, rgba(110, 18, 38, .8) 44%, rgba(110, 18, 38, .55) 100%);
}

@media (min-width: 768px) {
    .hero--uzbek .hero__bg { background-position: 80% 22%; }
    .hero--uzbek .hero__veil {
        background: linear-gradient(100deg, rgba(3, 4, 94, .95) 0%, rgba(3, 4, 94, .86) 26%, rgba(110, 18, 38, .68) 48%, rgba(110, 18, 38, .22) 68%, rgba(251, 133, 0, .06) 84%, transparent 94%);
    }
}

.uzbek-profiles .profile-card__media {
    border-radius: 999px 999px 20px 20px;
    box-shadow: inset 0 0 0 2px rgba(239, 207, 135, .55);
}

.uzbek-testimonials {
    display: grid;
    gap: clamp(1.5rem, 4vw, 2.5rem);
    grid-template-columns: minmax(0, 1fr);
}
.uzbek-testimonial {
    position: relative;
    background: #fff;
    border: 1px solid rgba(201, 154, 62, .4);
    border-radius: var(--radius);
    padding: 1.5rem 1.4rem 1.4rem;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.uzbek-testimonial__media {
    margin: 0 0 1.1rem;
    max-width: 200px;
    border-radius: 999px 999px 20px 20px;
    overflow: hidden;
    border: 2px solid var(--gold-light);
    box-shadow: var(--shadow-sm);
}
.uzbek-testimonial__media img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: 50% 25%;
    display: block;
}
.uzbek-testimonial__glyph {
    display: block;
    font-family: var(--font-display);
    font-size: 3.4rem;
    line-height: .6;
    color: rgba(251, 133, 0, .4);
    margin-bottom: .4rem;
}
.uzbek-testimonial__text {
    margin: 0 0 .5rem;
    color: var(--ink-soft);
    font-family: var(--font-display);
    font-size: 1.05rem;
}
.uzbek-testimonial__source {
    display: block;
    font-size: .85rem;
    color: var(--ink-soft);
    font-weight: 600;
}

.uzbek-safety { position: relative; isolation: isolate; }
.uzbek-safety__drape {
    position: absolute;
    right: -14%;
    top: -12%;
    width: 74%;
    height: 124%;
    background: linear-gradient(160deg, var(--teal) 0%, var(--teal-deep) 100%);
    border-radius: 44% 56% 52% 48% / 50% 46% 54% 50%;
    z-index: 0;
    opacity: .95;
    pointer-events: none;
}
.uzbek-safety .container { position: relative; z-index: 1; }
.uzbek-safety .verify-mock { position: relative; z-index: 1; }
.uzbek-safety .trust-badge { margin-top: 1.1rem; position: relative; z-index: 1; }
.verify-mock__photo--abstract {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(160deg, var(--seafoam) 0%, var(--rose) 100%);
    color: var(--ocean);
}

.uzbek-faq .accordion__q {
    background: linear-gradient(90deg, var(--ocean) 0%, var(--navy) 100%);
    border-radius: 999px;
}
.uzbek-faq .accordion__item {
    border-radius: 999px;
    overflow: hidden;
}
.uzbek-faq .accordion__item[open] {
    border-radius: 22px;
}
.uzbek-faq .accordion__item[open] .accordion__q {
    border-radius: 22px 22px 0 0;
}

@media (min-width: 768px) {
    .uzbek-testimonials { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ============================================================
   BLOG - PERSONAL GROOMING & STYLE GUIDE
   ============================================================ */

.post-prose { max-width: 68ch; }
.post-prose h3 { margin-top: 1.6rem; }

.hero--grooming {
    min-height: clamp(500px, 68vh, 740px);
    display: flex;
    align-items: center;
}
.hero--grooming .hero__bg {
    background-image: url("/assets/971d862db5b5ea67cc07d922295d71db.webp");
    background-size: cover;
    background-position: 80% 28%;
    background-repeat: no-repeat;
}
.hero--grooming .hero__veil {
    background: linear-gradient(180deg, rgba(253, 240, 213, .97) 0%, rgba(253, 240, 213, .9) 48%, rgba(253, 240, 213, .38) 100%);
}
.hero--grooming .hero__inner { width: 100%; grid-template-columns: minmax(0, 1fr); }
.hero--grooming .hero__title { color: var(--ocean); }
.hero--grooming .hero__copy { max-width: 600px; }
.hero--grooming .updated-line { margin-top: 1rem; }

.ribbon-wave {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: clamp(48px, 6vw, 96px);
    z-index: 4;
    pointer-events: none;
    line-height: 0;
}
.ribbon-wave--flip { bottom: auto; top: -1px; transform: scaleY(-1); }
.ribbon-wave svg { width: 100%; height: 100%; display: block; }

.wardrobe-band__title { color: var(--cream); text-align: center; }
.wardrobe-band__lead {
    max-width: 720px;
    margin: 0 auto clamp(1.5rem, 3vw, 2.25rem);
    text-align: center;
    color: var(--on-dark-soft);
}
.wardrobe-copy {
    display: grid;
    gap: clamp(1.25rem, 3vw, 2.5rem);
    grid-template-columns: minmax(0, 1fr);
}
.wardrobe-copy h3 { color: var(--gold-light); margin-bottom: .4rem; }
.wardrobe-copy h3:not(:first-child) { margin-top: 1.5rem; }

.wardrobe-cards {
    position: relative;
    z-index: 3;
    display: grid;
    gap: clamp(1rem, 2.5vw, 1.5rem);
    grid-template-columns: minmax(0, 1fr);
    margin-top: clamp(1.75rem, 4vw, 2.75rem);
    margin-bottom: calc(var(--wave-h) * -0.45);
}
.wardrobe-card {
    margin: 0;
    background: var(--seafoam);
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: 0 26px 48px -26px rgba(251, 133, 0, .8), var(--shadow-lg);
}
.wardrobe-card img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: 50% 22%;
    display: block;
}
.wardrobe-card figcaption {
    padding: .95rem 1.1rem 1.2rem;
    color: var(--ink-soft);
    font-size: .93rem;
}
.wardrobe-card__title {
    display: block;
    margin-bottom: .25rem;
    font-family: var(--font-display);
    font-size: 1.05rem;
    color: var(--ocean);
}

.groom-cards {
    display: grid;
    gap: clamp(1rem, 2.5vw, 1.6rem);
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}
.groom-card {
    position: relative;
    background: linear-gradient(180deg, #F1FAF5 0%, var(--seafoam) 100%);
    border-radius: var(--radius);
    padding: 1.75rem 1.4rem 1.5rem;
    box-shadow: 0 24px 42px -30px rgba(251, 133, 0, .9), var(--shadow-sm);
    overflow: hidden;
}
.groom-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg, var(--amber), var(--gold-light));
}
.groom-card h3 { color: var(--ocean); }
.groom-card p { color: var(--ink-soft); }

.check-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .7rem;
}
.check-list li {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    color: var(--ink-soft);
    font-size: .95rem;
}
.check-list svg { flex: 0 0 auto; color: var(--ocean); margin-top: 3px; }

.confidence-media { position: relative; isolation: isolate; }
.confidence-media::before {
    content: "";
    position: absolute;
    inset: -10% -8%;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(224, 241, 231, .95) 0%, rgba(224, 241, 231, 0) 70%);
    pointer-events: none;
}
.confidence-frame {
    margin: 0;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-lg);
}
.confidence-frame img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 5 / 6;
    object-fit: cover;
    object-position: 50% 28%;
}
.confidence-badge {
    position: absolute;
    top: -14px;
    left: -8px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    padding: .45rem 1.1rem;
    border-radius: 999px;
    background: linear-gradient(180deg, #FFA330 0%, var(--amber) 100%);
    color: #2A1200;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    box-shadow: var(--shadow-sm);
}

.post-cta { text-align: center; }
.post-cta h2 { color: var(--cream); }
.post-cta p { color: var(--on-dark-soft); }

@media (min-width: 768px) {
    .hero--grooming .hero__bg { background-position: 84% 24%; }
    .hero--grooming .hero__veil {
        background: linear-gradient(90deg, rgba(253, 240, 213, .98) 0%, rgba(253, 240, 213, .95) 40%, rgba(253, 240, 213, .5) 60%, rgba(253, 240, 213, 0) 84%);
    }
    .hero--grooming .hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); }
    .wardrobe-copy { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wardrobe-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .groom-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .confidence-split { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
}

/* ============================================================
   BLOG - CONFIDENCE ADVANTAGE
   ============================================================ */

.hero--confidence {
    min-height: clamp(500px, 66vh, 720px);
    display: flex;
    align-items: center;
}
.hero--confidence .hero__bg {
    background-image: url("/assets/e10e6f2e6c86aaa2343cee03194d5f3c.webp");
    background-size: cover;
    background-position: 78% 32%;
    background-repeat: no-repeat;
}
.hero--confidence .hero__veil {
    background: linear-gradient(100deg, rgba(253, 240, 213, .97) 0%, rgba(253, 240, 213, .92) 38%, rgba(253, 240, 213, .5) 62%, rgba(253, 240, 213, 0) 84%);
}
.hero--confidence .hero__inner { width: 100%; }
.hero--confidence .hero__copy { max-width: 600px; }

.confidence-psych { position: relative; isolation: isolate; }
.confidence-psych::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 40%;
    z-index: 0;
    width: min(520px, 70%);
    aspect-ratio: 1;
    transform: translate(-50%, -40%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(251, 133, 0, .22) 0%, rgba(251, 133, 0, 0) 68%);
    pointer-events: none;
}
.confidence-psych .container { position: relative; z-index: 1; }
.confidence-psych__grid {
    display: grid;
    gap: clamp(1.25rem, 3vw, 2.5rem);
    grid-template-columns: minmax(0, 1fr);
}
.confidence-psych__grid h3 { color: var(--gold-light); margin-bottom: .4rem; }
.confidence-psych__grid h3:not(:first-child) { margin-top: 1.5rem; }

.practice-cards .card--ribbon::before {
    background: linear-gradient(90deg, var(--amber), var(--gold-light));
}

@media (min-width: 768px) {
    .hero--confidence .hero__bg { background-position: 84% 28%; }
    .confidence-psych__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ============================================================
   BLOG - FIRST DATE MASTERY
   ============================================================ */

.hero--first-date .hero__bg {
    background-image: url("/assets/d326470df530be07466f7db1d01a8f80.webp");
    background-size: cover;
    background-position: 78% 30%;
    background-repeat: no-repeat;
}
.hero--first-date .hero__veil {
    background: linear-gradient(100deg, rgba(253, 240, 213, .97) 0%, rgba(253, 240, 213, .92) 36%, rgba(253, 240, 213, .48) 60%, rgba(253, 240, 213, 0) 84%);
}
.hero--first-date .hero__inner { width: 100%; }
.hero--first-date .hero__copy { max-width: 600px; }

.date-idea-band .wardrobe-band__title,
.date-idea-band .wardrobe-band__lead { color: var(--cream); }
.date-idea-band .wardrobe-band__lead { color: var(--on-dark-soft); }
.date-idea-band .wardrobe-copy h3 { color: var(--gold-light); }
.date-idea-band .wardrobe-copy p { color: var(--on-dark-soft); }

.date-idea-card { position: relative; }
.date-idea-card__badge {
    position: absolute;
    top: -14px;
    left: 14px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(180deg, #FFA330 0%, var(--amber) 100%);
    color: #2A1200;
    box-shadow: var(--shadow-sm);
}

.topic-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .65rem;
}
.topic-list li {
    position: relative;
    padding-left: 1.1rem;
    color: var(--ink-soft);
    font-size: .95rem;
}
.topic-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .55rem;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ocean);
}

/* ============================================================
   BLOG - MINDFUL MATCHMAKING
   ============================================================ */

.hero--mindful {
    min-height: clamp(480px, 64vh, 680px);
    display: flex;
    align-items: center;
}
.hero--mindful .hero__bg {
    background-image: url("/assets/faf27ce9ce4e11ba1a19f109ef7cc7d1.webp");
    background-size: cover;
    background-position: 78% 30%;
    background-repeat: no-repeat;
}
.hero--mindful .hero__veil {
    background: linear-gradient(100deg, var(--sand) 0%, rgba(253, 240, 213, .94) 32%, rgba(253, 240, 213, .55) 56%, rgba(253, 240, 213, 0) 80%);
}
.hero--mindful .hero__inner { width: 100%; }
.hero--mindful .hero__copy { max-width: 600px; }

.mindful-burnout-band { position: relative; isolation: isolate; }
.mindful-burnout-band::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 35%;
    z-index: 0;
    width: min(560px, 74%);
    aspect-ratio: 1;
    transform: translate(-50%, -35%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(251, 133, 0, .24) 0%, rgba(251, 133, 0, 0) 68%);
    pointer-events: none;
}
.mindful-burnout-band .container { position: relative; z-index: 1; }

.step-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 1.5rem;
}
.step-list__item {
    position: relative;
    padding-left: 3.4rem;
}
.step-list__item::before {
    content: "";
    position: absolute;
    left: 19px;
    top: 44px;
    bottom: -1.5rem;
    width: 2px;
    background: linear-gradient(180deg, var(--gold-light), rgba(201, 154, 62, .15));
}
.step-list__item:last-child::before { display: none; }
.step-list__num {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(160deg, var(--crimson) 0%, var(--crimson-deep) 100%);
    border: 2px solid var(--gold-light);
    color: var(--cream);
    font-family: var(--font-display);
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}
.step-list__item h3 { margin-bottom: .35rem; }
.step-list__item p { margin: 0; color: var(--ink-soft); }

@media (min-width: 768px) {
    .hero--mindful .hero__bg { background-position: 82% 26%; }
    .hero--mindful .hero__veil {
        background: linear-gradient(100deg, var(--sand) 0%, rgba(253, 240, 213, .96) 38%, rgba(253, 240, 213, .5) 60%, rgba(253, 240, 213, 0) 82%);
    }
}

/* ============================================================
   BLOG - OVERCOMING DATING ANXIETY
   ============================================================ */

.hero--anxiety {
    min-height: clamp(500px, 66vh, 720px);
    display: flex;
    align-items: center;
}
.hero--anxiety .hero__bg {
    background-image: url("/assets/f162152fd338378de75d469329741eae.webp");
    background-size: cover;
    background-position: 78% 30%;
    background-repeat: no-repeat;
}
.hero--anxiety .hero__veil {
    background: linear-gradient(100deg, rgba(253, 240, 213, .97) 0%, rgba(253, 240, 213, .92) 34%, rgba(253, 240, 213, .42) 60%, rgba(253, 240, 213, 0) 84%);
}
.hero--anxiety .hero__inner { width: 100%; }
.hero--anxiety .hero__copy { max-width: 600px; }

.causes-band { position: relative; isolation: isolate; }
.causes-band::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 45%;
    z-index: 0;
    width: min(560px, 74%);
    aspect-ratio: 1;
    transform: translate(-50%, -45%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(251, 133, 0, .24) 0%, rgba(251, 133, 0, 0) 68%);
    pointer-events: none;
}
.causes-band .container { position: relative; z-index: 1; }
.causes-band__title { text-align: center; color: var(--cream); }
.causes-band__grid h3 { color: var(--gold-light); margin-bottom: .4rem; }
.causes-band__grid h3:not(:first-child) { margin-top: 1.5rem; }

.anxiety-techniques__intro {
    max-width: 720px;
    margin: 0 auto clamp(1.5rem, 3vw, 2.25rem);
    text-align: center;
    color: var(--ink-soft);
}

@media (min-width: 768px) {
    .hero--anxiety .hero__bg { background-position: 84% 26%; }
    .hero--anxiety .hero__veil {
        background: linear-gradient(90deg, rgba(253, 240, 213, .98) 0%, rgba(253, 240, 213, .95) 40%, rgba(253, 240, 213, .5) 60%, rgba(253, 240, 213, 0) 84%);
    }
}

/* ============================================================
   BLOG - HEALTHY RELATIONSHIP BOUNDARIES
   ============================================================ */

.hero--boundaries {
    min-height: clamp(500px, 66vh, 720px);
    display: flex;
    align-items: center;
}
.hero--boundaries .hero__bg {
    background-image: url("/assets/dcd0f8b51f9c92a5062f0a8f1a5ccdd0.webp");
    background-size: cover;
    background-position: 78% 30%;
    background-repeat: no-repeat;
}
.hero--boundaries .hero__veil {
    background: linear-gradient(100deg, rgba(3, 4, 94, .92) 0%, rgba(3, 4, 94, .78) 20%, rgba(251, 133, 0, .38) 45%, rgba(251, 133, 0, .1) 66%, transparent 86%);
}
.hero--boundaries .hero__inner { width: 100%; }
.hero--boundaries .hero__copy { max-width: 600px; }

.boundary-card { position: relative; }
.boundary-card::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 1.5rem;
    width: 64px;
    height: 7px;
    border-radius: 0 0 7px 7px;
    background: linear-gradient(90deg, var(--amber), var(--gold-light));
}

.distance-steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 1.75rem;
}
.distance-steps__item {
    position: relative;
    padding-left: 4rem;
}
.distance-steps__item::before {
    content: "";
    position: absolute;
    left: 23px;
    top: 54px;
    bottom: -1.75rem;
    width: 3px;
    background: linear-gradient(180deg, var(--amber), rgba(251, 133, 0, .15));
}
.distance-steps__item:last-child::before { display: none; }
.distance-steps__num {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--sand);
    border: 2px solid var(--amber);
    color: var(--crimson-deep);
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 1.1rem;
    box-shadow: var(--shadow-sm);
}
.distance-steps__item h3 { margin-bottom: .35rem; }
.distance-steps__item p { margin: 0; color: var(--ink-soft); }

.boundaries-cta { text-align: center; }
.boundaries-cta h2 { color: var(--cream); }
.boundaries-cta p { color: var(--on-dark-soft); }

@media (min-width: 768px) {
    .hero--boundaries .hero__bg { background-position: 84% 26%; }
    .distance-steps { max-width: 720px; margin-inline: auto; }
}

/* ============================================================
   BLOG - REDEFINING MASCULINITY
   ============================================================ */

.hero--masculinity {
    min-height: clamp(520px, 68vh, 760px);
    display: flex;
    align-items: center;
}
.hero--masculinity .hero__bg {
    background-image: url("/assets/341b1aa3aa10ae74b98c11401a21e1ba.webp");
    background-size: cover;
    background-position: 78% 30%;
    background-repeat: no-repeat;
}
.hero--masculinity .hero__veil {
    background: linear-gradient(115deg, rgba(3, 4, 94, .94) 0%, rgba(3, 4, 94, .8) 30%, rgba(251, 133, 0, .32) 58%, rgba(251, 133, 0, .08) 78%, transparent 92%);
}
.hero--masculinity .hero__inner { width: 100%; }
.hero--masculinity .hero__copy { max-width: 600px; }

.hero__ribbon-sweep {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8%;
    height: 140px;
    z-index: 1;
    pointer-events: none;
}
.hero__ribbon-sweep svg { width: 100%; height: 100%; display: block; }

.value-compare-wrap {
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    background: var(--sand);
    padding: .35rem;
}
.value-compare {
    width: 100%;
    min-width: 480px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .95rem;
}
.value-compare thead th {
    background: var(--ocean);
    color: var(--cream);
    font-family: var(--font-display);
    font-size: 1rem;
    padding: .9rem 1.1rem;
    text-align: left;
}
.value-compare thead th:first-child { border-right: 3px solid var(--amber); }
.value-compare tbody td {
    padding: .9rem 1.1rem;
    border-bottom: 1px solid rgba(201, 154, 62, .25);
    color: var(--ink);
    vertical-align: top;
}
.value-compare tbody td:first-child {
    border-right: 3px solid var(--amber);
    font-weight: 600;
    color: var(--crimson-deep);
}
.value-compare tbody tr:nth-child(even) td { background: var(--seafoam); }
.value-compare tbody tr:last-child td { border-bottom: 0; }

.value-cards-wrap { position: relative; isolation: isolate; }
.value-cards-wrap__ribbon {
    position: absolute;
    inset: -4% -2%;
    z-index: 0;
    pointer-events: none;
}
.value-cards-wrap__ribbon svg { width: 100%; height: 100%; }
.value-cards-wrap .container { position: relative; z-index: 1; }

.take-steps { position: relative; }
.take-steps__connector {
    position: absolute;
    left: 24px;
    top: 8px;
    bottom: 8px;
    width: 4px;
    z-index: 0;
    pointer-events: none;
}
.take-steps__connector svg { width: 100%; height: 100%; display: block; }
.take-steps__list {
    position: relative;
    z-index: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 1.75rem;
}
.take-steps__item { position: relative; padding-left: 4rem; }
.take-steps__num {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--ocean);
    border: 2px solid var(--amber);
    color: var(--cream);
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 1.1rem;
    box-shadow: var(--shadow-sm);
}
.take-steps__item h3 { margin-bottom: .35rem; }
.take-steps__item p { margin: 0; color: var(--ink-soft); }

.masculinity-culture-media {
    margin: 0;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-lg);
}
.masculinity-culture-media img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 5 / 6;
    object-fit: cover;
    object-position: 50% 20%;
}

.masculinity-cta {
    position: relative;
    isolation: isolate;
    text-align: center;
    overflow: clip;
    background: linear-gradient(120deg, var(--amber) 0%, #FFA330 55%, var(--gold-light) 100%);
    color: #2A1200;
}
.masculinity-cta::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 35%;
    width: min(560px, 80%);
    aspect-ratio: 1;
    transform: translate(-50%, -35%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(224, 241, 231, .55) 0%, rgba(224, 241, 231, 0) 68%);
    pointer-events: none;
    z-index: 0;
}
.masculinity-cta .container { position: relative; z-index: 1; }
.masculinity-cta h2 { color: #2A1200; }
.masculinity-cta p { color: #3A2200; }

@media (min-width: 768px) {
    .hero--masculinity .hero__bg { background-position: 84% 26%; }
}

/* ============================================================
   CATEGORY PAGE - TURKMEN DATING
   ============================================================ */

.hero--turkmen {
    min-height: clamp(540px, 70vh, 780px);
    display: flex;
    align-items: center;
}
.hero--turkmen .hero__bg {
    background-image: url("/assets/2458f51e9223b489f602f3be2b8a12f0.webp");
    background-size: cover;
    background-position: 78% 26%;
    background-repeat: no-repeat;
}
.hero--turkmen .hero__veil {
    background: linear-gradient(180deg, rgba(253, 240, 213, .95) 0%, rgba(251, 133, 0, .5) 52%, rgba(3, 4, 94, .88) 100%);
}
.hero--turkmen .hero__glow {
    right: 8%;
    bottom: 4%;
    background: radial-gradient(circle, rgba(239, 207, 135, .4) 0%, rgba(239, 207, 135, 0) 68%);
}

@media (min-width: 768px) {
    .hero--turkmen .hero__bg { background-position: 84% 22%; }
    .hero--turkmen .hero__veil {
        background: linear-gradient(100deg, rgba(253, 240, 213, .96) 0%, rgba(251, 133, 0, .58) 34%, rgba(3, 4, 94, .5) 62%, rgba(3, 4, 94, .82) 88%);
    }
}

.turkmen-testimonials {
    display: grid;
    gap: clamp(1.5rem, 4vw, 2.5rem);
    grid-template-columns: minmax(0, 1fr);
}
.turkmen-testimonial {
    position: relative;
    background: #fff;
    border: 1px solid rgba(201, 154, 62, .4);
    border-radius: var(--radius);
    padding: 1.5rem 1.4rem 1.4rem;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.turkmen-testimonial__media {
    margin: 0 0 1.1rem;
    border-radius: 160px 160px 20px 20px;
    overflow: hidden;
    border: 2px solid var(--gold-light);
    box-shadow: var(--shadow-sm);
}
.turkmen-testimonial__media img {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: 50% 30%;
    display: block;
}
.turkmen-testimonial__glyph {
    display: block;
    font-family: var(--font-display);
    font-size: 3.4rem;
    line-height: .6;
    color: rgba(251, 133, 0, .4);
    margin-bottom: .4rem;
}
.turkmen-testimonial__text {
    margin: 0;
    color: var(--ink-soft);
    font-family: var(--font-display);
    font-size: 1.05rem;
}

.turkmen-faq .accordion__q {
    background: linear-gradient(90deg, var(--ocean) 0%, var(--navy) 100%);
    border-radius: 999px;
}
.turkmen-faq .accordion__item {
    border-radius: 999px;
    overflow: hidden;
}
.turkmen-faq .accordion__item[open] {
    border-radius: 22px;
}
.turkmen-faq .accordion__item[open] .accordion__q {
    border-radius: 22px 22px 0 0;
}

@media (min-width: 768px) {
    .turkmen-testimonials { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ============================================================
   BLOG - REAL MEMBER MILESTONES (SUCCESS STORIES)
   ============================================================ */

.hero--success {
    min-height: clamp(500px, 66vh, 720px);
    display: flex;
    align-items: center;
}
.hero--success .hero__bg {
    background-image: url("/assets/1124d263fefe32683f8d367ee16837dc.webp");
    background-size: cover;
    background-position: 78% 32%;
    background-repeat: no-repeat;
}
.hero--success .hero__veil {
    background: linear-gradient(100deg, rgba(3, 4, 94, .93) 0%, rgba(3, 4, 94, .84) 28%, rgba(251, 133, 0, .55) 54%, rgba(251, 133, 0, .14) 76%, transparent 92%);
}
.hero--success .hero__inner { width: 100%; }
.hero--success .hero__copy { max-width: 600px; }

.story-cards {
    display: grid;
    gap: clamp(1.25rem, 3vw, 2rem);
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}
.story-card {
    position: relative;
    background: #fff;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}
.story-card__media { position: relative; }
.story-card__media img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
}
.story-card__ribbon {
    position: absolute;
    top: 14px;
    left: -6px;
    z-index: 2;
    padding: .4rem 1.1rem .4rem 1.3rem;
    background: linear-gradient(180deg, var(--gold-light), var(--gold));
    color: #35230A;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    border-radius: 0 999px 999px 0;
    box-shadow: 0 10px 18px -8px rgba(251, 133, 0, .7);
}
.story-card__body { padding: 1.15rem 1.25rem 1.35rem; }
.story-card__body p { color: var(--ink-soft); margin: 0 0 .65rem; }
.story-card__takeaway {
    margin: 0;
    font-weight: 600;
    color: var(--crimson-deep);
    font-size: .92rem;
}

.traits-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(1rem, 2.5vw, 1.5rem);
}

.advice-eyebrow-lead {
    max-width: 720px;
    margin: 0 auto clamp(1.5rem, 3vw, 2.25rem);
    text-align: center;
    color: var(--ink-soft);
}

.success-cta {
    position: relative;
    isolation: isolate;
    overflow: clip;
    color: var(--on-dark);
    text-align: center;
    min-height: clamp(420px, 54vh, 560px);
    display: flex;
    align-items: center;
}
.success-cta__bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image: url("/assets/a5ff6946789edf8e67cd4b2222bf5309.webp");
    background-size: cover;
    background-position: 74% 42%;
    background-repeat: no-repeat;
}
.success-cta__veil {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(100deg, rgba(251, 133, 0, .88) 0%, rgba(110, 18, 38, .78) 42%, rgba(0, 18, 25, .93) 100%);
}
.success-cta__glow {
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 45%;
    width: min(520px, 80%);
    aspect-ratio: 1;
    transform: translate(-50%, -45%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(224, 241, 231, .45) 0%, rgba(224, 241, 231, 0) 68%);
    pointer-events: none;
}
.success-cta .container { position: relative; z-index: 1; }
.success-cta h2 { color: var(--cream); }
.success-cta p { color: var(--on-dark-soft); }

@media (min-width: 768px) {
    .hero--success .hero__bg { background-position: 82% 28%; }
    .hero--success .hero__veil {
        background: linear-gradient(100deg, rgba(3, 4, 94, .95) 0%, rgba(3, 4, 94, .88) 24%, rgba(251, 133, 0, .58) 48%, rgba(251, 133, 0, .16) 70%, transparent 90%);
    }
    .story-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .traits-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
    .traits-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* ============================================================
   CATEGORY PAGE - TIMORESE DATING
   ============================================================ */

.hero--timorese {
    min-height: clamp(520px, 68vh, 760px);
    display: flex;
    align-items: center;
}
.hero--timorese .hero__bg {
    background-image: url("/assets/1a768ffc7cd6d588356065ad5bd8a677.webp");
    background-size: cover;
    background-position: 76% 26%;
    background-repeat: no-repeat;
}
.hero--timorese .hero__veil {
    background: linear-gradient(100deg, rgba(3, 4, 94, .93) 0%, rgba(3, 4, 94, .78) 30%, rgba(3, 4, 94, .3) 58%, transparent 82%);
}

@media (min-width: 768px) {
    .hero--timorese .hero__bg { background-position: 82% 22%; }
    .hero--timorese .hero__veil {
        background: linear-gradient(100deg, rgba(3, 4, 94, .95) 0%, rgba(3, 4, 94, .86) 26%, rgba(3, 4, 94, .42) 52%, rgba(251, 133, 0, .08) 74%, transparent 92%);
    }
}

.timorese-safety { position: relative; isolation: isolate; }
.timorese-safety__drape {
    position: absolute;
    right: -14%;
    top: -12%;
    width: 74%;
    height: 124%;
    background: linear-gradient(160deg, var(--teal) 0%, var(--teal-deep) 100%);
    border-radius: 46% 54% 52% 48% / 48% 46% 54% 52%;
    z-index: 0;
    opacity: .95;
    pointer-events: none;
}
.timorese-safety .verify-mock { position: relative; z-index: 1; }
.timorese-safety .trust-badge { margin-top: 1.1rem; position: relative; z-index: 1; }

.verify-mock__photo--abstract {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: .6rem;
    background: linear-gradient(160deg, var(--seafoam) 0%, var(--rose) 100%);
    color: var(--ocean);
}
.verify-mock__photo--abstract svg { opacity: .6; }

.timorese-faq .accordion__q {
    background: linear-gradient(90deg, var(--crimson-deep) 0%, var(--navy) 100%);
    border-radius: 999px;
}
.timorese-faq .accordion__item {
    border-radius: 999px;
    overflow: hidden;
}
.timorese-faq .accordion__item[open] {
    border-radius: 22px;
}
.timorese-faq .accordion__item[open] .accordion__q {
    border-radius: 22px 22px 0 0;
}

/* ============================================================
   CATEGORY PAGE - KAZAKH DATING
   ============================================================ */

.hero--kazakh {
    min-height: clamp(560px, 72vh, 780px);
    display: flex;
    align-items: center;
}
.hero--kazakh .hero__bg {
    background-image: url("/assets/52f0cfd475d83fc5875feb38e7308e65.webp");
    background-size: cover;
    background-position: 74% 24%;
    background-repeat: no-repeat;
}
.hero--kazakh .hero__veil {
    background: linear-gradient(180deg, rgba(3, 4, 94, .92) 0%, rgba(110, 18, 38, .78) 44%, rgba(110, 18, 38, .5) 100%);
}

@media (min-width: 768px) {
    .hero--kazakh .hero__bg { background-position: 80% 20%; }
    .hero--kazakh .hero__veil {
        background: linear-gradient(100deg, rgba(3, 4, 94, .95) 0%, rgba(3, 4, 94, .86) 26%, rgba(110, 18, 38, .66) 48%, rgba(110, 18, 38, .2) 68%, rgba(251, 133, 0, .06) 84%, transparent 94%);
    }
}

.kazakh-profiles .profile-card__media {
    border-radius: 140px 140px 20px 20px;
    box-shadow: inset 0 0 0 2px rgba(239, 207, 135, .6), 0 0 26px -8px rgba(251, 133, 0, .55);
}
.kazakh-profiles .carousel__track {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}

.kazakh-testimonials {
    display: grid;
    gap: clamp(1.5rem, 4vw, 2.5rem);
    grid-template-columns: minmax(0, 1fr);
}
.kazakh-testimonial {
    display: grid;
    gap: 1.1rem;
    margin: 0;
    grid-template-columns: minmax(0, 1fr);
}
.kazakh-testimonial__media {
    border-radius: 999px 999px 22px 22px;
    overflow: hidden;
    border: 1px solid rgba(201, 154, 62, .6);
    box-shadow: var(--shadow-sm);
    max-width: 260px;
}
.kazakh-testimonial__media img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: 50% 25%;
    display: block;
}
.kazakh-testimonial__body { position: relative; }
.kazakh-testimonial__glyph { display: block; margin-bottom: .4rem; }
.kazakh-testimonial__text { margin: 0; color: var(--ink-soft); font-family: var(--font-display); font-size: 1.05rem; }

.kazakh-timeline .timeline__medallion:not(.timeline__medallion--teal) {
    background: linear-gradient(160deg, var(--ocean) 0%, var(--navy) 100%);
}

.kazakh-safety { position: relative; isolation: isolate; }
.kazakh-safety__drape {
    position: absolute;
    right: -14%;
    top: -12%;
    width: 74%;
    height: 124%;
    background: linear-gradient(160deg, var(--teal) 0%, var(--teal-deep) 100%);
    border-radius: 45% 55% 53% 47% / 50% 45% 55% 50%;
    z-index: 0;
    opacity: .95;
    pointer-events: none;
}
.kazakh-safety .container { position: relative; z-index: 1; }
.kazakh-safety .verify-mock { position: relative; z-index: 1; }
.kazakh-safety .trust-badge { margin-top: 1.1rem; position: relative; z-index: 1; }

.kazakh-faq .accordion__q {
    background: linear-gradient(90deg, var(--ocean) 0%, var(--navy) 100%);
    border-radius: 999px;
}
.kazakh-faq .accordion__item {
    border-radius: 999px;
    overflow: hidden;
}
.kazakh-faq .accordion__item[open] {
    border-radius: 22px;
}
.kazakh-faq .accordion__item[open] .accordion__q {
    border-radius: 22px 22px 0 0;
}

@media (min-width: 768px) {
    .kazakh-testimonials { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kazakh-testimonial { grid-template-columns: minmax(140px, 34%) minmax(0, 1fr); align-items: center; }
    .kazakh-testimonial__media { max-width: none; }
}

/* ============================================================
   CATEGORY PAGE - TAJIK DATING
   ============================================================ */

.hero--tajik {
    min-height: clamp(540px, 70vh, 760px);
    display: flex;
    align-items: center;
}
.hero--tajik .hero__bg {
    background-image: url("/assets/53f9b6100630b199401ba3a2705943ed.webp");
    background-size: cover;
    background-position: 74% 24%;
    background-repeat: no-repeat;
}
.hero--tajik .hero__veil {
    background: linear-gradient(180deg, rgba(3, 4, 94, .92) 0%, rgba(110, 18, 38, .78) 44%, rgba(110, 18, 38, .5) 100%);
}

@media (min-width: 768px) {
    .hero--tajik .hero__bg { background-position: 80% 20%; }
    .hero--tajik .hero__veil {
        background: linear-gradient(100deg, rgba(3, 4, 94, .95) 0%, rgba(3, 4, 94, .86) 26%, rgba(110, 18, 38, .66) 48%, rgba(110, 18, 38, .2) 68%, rgba(251, 133, 0, .06) 84%, transparent 94%);
    }
}

.tajik-profiles .profile-card__media {
    border-radius: 140px 140px 20px 20px;
    box-shadow: inset 0 0 0 2px rgba(239, 207, 135, .6), 0 0 24px -8px rgba(251, 133, 0, .5);
}
.tajik-profiles .carousel__track {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}

.tajik-testimonials {
    display: grid;
    gap: clamp(1.5rem, 4vw, 2.5rem);
    grid-template-columns: minmax(0, 1fr);
}
.tajik-testimonial {
    position: relative;
    background: #fff;
    border: 1px solid rgba(201, 154, 62, .4);
    border-radius: var(--radius);
    padding: 1.5rem 1.4rem 1.4rem;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.tajik-testimonial__media {
    margin: 0 0 1.1rem;
    max-width: 200px;
    border-radius: 999px 999px 20px 20px;
    overflow: hidden;
    border: 2px solid var(--gold-light);
    box-shadow: var(--shadow-sm);
}
.tajik-testimonial__media img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: 50% 25%;
    display: block;
}
.tajik-testimonial__glyph {
    display: block;
    font-family: var(--font-display);
    font-size: 3.4rem;
    line-height: .6;
    color: rgba(251, 133, 0, .4);
    margin-bottom: .4rem;
}
.tajik-testimonial__text {
    margin: 0;
    color: var(--ink-soft);
    font-family: var(--font-display);
    font-size: 1.05rem;
}

.tajik-safety { position: relative; isolation: isolate; }
.tajik-safety__drape {
    position: absolute;
    right: -14%;
    top: -12%;
    width: 74%;
    height: 124%;
    background: linear-gradient(160deg, var(--teal) 0%, var(--teal-deep) 100%);
    border-radius: 44% 56% 52% 48% / 50% 46% 54% 50%;
    z-index: 0;
    opacity: .95;
    pointer-events: none;
}
.tajik-safety .container { position: relative; z-index: 1; }
.tajik-safety .verify-mock { position: relative; z-index: 1; }
.tajik-safety .trust-badge { margin-top: 1.1rem; position: relative; z-index: 1; }

.tajik-faq .accordion__q {
    background: linear-gradient(90deg, var(--ocean) 0%, var(--navy) 100%);
    border-radius: 999px;
}
.tajik-faq .accordion__item {
    border-radius: 999px;
    overflow: hidden;
}
.tajik-faq .accordion__item[open] {
    border-radius: 22px;
}
.tajik-faq .accordion__item[open] .accordion__q {
    border-radius: 22px 22px 0 0;
}

@media (min-width: 768px) {
    .tajik-testimonials { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ============================================================
   CATEGORY PAGE - KYRGYZ DATING
   ============================================================ */

.hero--kyrgyz {
    min-height: clamp(540px, 70vh, 760px);
    display: flex;
    align-items: center;
}
.hero--kyrgyz .hero__bg {
    background-image: url("/assets/c04a4f91a63dbbe122374f2fa7df05ff.webp");
    background-size: cover;
    background-position: 76% 26%;
    background-repeat: no-repeat;
}
.hero--kyrgyz .hero__veil {
    background: linear-gradient(180deg, rgba(3, 4, 94, .92) 0%, rgba(110, 18, 38, .78) 44%, rgba(110, 18, 38, .5) 100%);
}

@media (min-width: 768px) {
    .hero--kyrgyz .hero__bg { background-position: 82% 22%; }
    .hero--kyrgyz .hero__veil {
        background: linear-gradient(100deg, rgba(3, 4, 94, .95) 0%, rgba(3, 4, 94, .86) 26%, rgba(110, 18, 38, .66) 48%, rgba(110, 18, 38, .2) 68%, rgba(251, 133, 0, .06) 84%, transparent 94%);
    }
}

.kyrgyz-profiles .profile-card__media {
    border-radius: 140px 140px 20px 20px;
    box-shadow: inset 0 0 0 2px rgba(239, 207, 135, .6), 0 0 24px -8px rgba(251, 133, 0, .5);
}
.kyrgyz-profiles .carousel__track {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}

.kyrgyz-testimonials {
    display: grid;
    gap: clamp(1.5rem, 4vw, 2.5rem);
    grid-template-columns: minmax(0, 1fr);
}
.kyrgyz-testimonial {
    position: relative;
    background: #fff;
    border: 1px solid rgba(201, 154, 62, .4);
    border-radius: var(--radius);
    padding: 1.5rem 1.4rem 1.4rem;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.kyrgyz-testimonial__media {
    margin: 0 0 1.1rem;
    border-radius: 160px 160px 20px 20px;
    overflow: hidden;
    border: 2px solid var(--gold-light);
    box-shadow: var(--shadow-sm);
}
.kyrgyz-testimonial__media img {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: 50% 30%;
    display: block;
}
.kyrgyz-testimonial__body { position: relative; }
.kyrgyz-testimonial__glyph {
    position: absolute;
    top: -.3rem;
    right: 1rem;
    font-family: var(--font-display);
    font-size: 4.5rem;
    line-height: 1;
    color: rgba(251, 133, 0, .22);
    pointer-events: none;
}
.kyrgyz-testimonial__text {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--ink-soft);
    font-family: var(--font-display);
    font-size: 1.05rem;
}

.kyrgyz-safety { position: relative; isolation: isolate; }
.kyrgyz-safety__drape {
    position: absolute;
    right: -14%;
    top: -12%;
    width: 74%;
    height: 124%;
    background: linear-gradient(160deg, var(--teal) 0%, var(--teal-deep) 100%);
    border-radius: 44% 56% 52% 48% / 50% 46% 54% 50%;
    z-index: 0;
    opacity: .95;
    pointer-events: none;
}
.kyrgyz-safety .verify-mock { position: relative; z-index: 1; }
.kyrgyz-safety .trust-badge { margin-top: 1.1rem; position: relative; z-index: 1; }

.kyrgyz-faq .accordion__q {
    background: linear-gradient(90deg, var(--ocean) 0%, var(--navy) 100%);
    border-radius: 999px;
}
.kyrgyz-faq .accordion__item {
    border-radius: 999px;
    overflow: hidden;
}
.kyrgyz-faq .accordion__item[open] {
    border-radius: 22px;
}
.kyrgyz-faq .accordion__item[open] .accordion__q {
    border-radius: 22px 22px 0 0;
}

@media (min-width: 768px) {
    .kyrgyz-testimonials { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ============================================================
   CATEGORY PAGE - ARMENIAN DATING
   ============================================================ */

.hero--armenian .hero__bg {
    background-image: url("/assets/098972a2f0c958099bbdf1ce50a15ddd.webp");
    background-size: cover;
    background-position: 74% 24%;
    background-repeat: no-repeat;
}
.hero--armenian .hero__veil {
    background: linear-gradient(180deg, rgba(3, 4, 94, .92) 0%, rgba(110, 18, 38, .78) 44%, rgba(110, 18, 38, .5) 100%);
}

@media (min-width: 768px) {
    .hero--armenian .hero__bg { background-position: 80% 20%; }
    .hero--armenian .hero__veil {
        background: linear-gradient(100deg, rgba(3, 4, 94, .95) 0%, rgba(3, 4, 94, .86) 26%, rgba(110, 18, 38, .66) 48%, rgba(110, 18, 38, .2) 68%, rgba(251, 133, 0, .06) 84%, transparent 94%);
    }
}

.armenian-safety { position: relative; isolation: isolate; }
.armenian-safety__drape {
    position: absolute;
    right: -14%;
    top: -12%;
    width: 74%;
    height: 124%;
    background: linear-gradient(160deg, var(--teal) 0%, var(--teal-deep) 100%);
    border-radius: 45% 55% 53% 47% / 50% 45% 55% 50%;
    z-index: 0;
    opacity: .95;
    pointer-events: none;
}
.armenian-safety .container { position: relative; z-index: 1; }
.armenian-safety .verify-mock { position: relative; z-index: 1; }
.armenian-safety .trust-badge { margin-top: 1.1rem; position: relative; z-index: 1; }

.armenian-faq .accordion__q {
    background: linear-gradient(90deg, var(--ocean) 0%, var(--navy) 100%);
    border-radius: 999px;
}
.armenian-faq .accordion__item {
    border-radius: 999px;
    overflow: hidden;
}
.armenian-faq .accordion__item[open] {
    border-radius: 22px;
}
.armenian-faq .accordion__item[open] .accordion__q {
    border-radius: 22px 22px 0 0;
}

/* ============================================================
   CATEGORY PAGE - YEMENI DATING
   ============================================================ */

.hero--yemeni {
    min-height: clamp(520px, 68vh, 760px);
    display: flex;
    align-items: center;
}
.hero--yemeni .hero__bg {
    background-image: url("/assets/ad212598d30657b78c0242539baaad1f.webp");
    background-size: cover;
    background-position: 74% 24%;
    background-repeat: no-repeat;
}
.hero--yemeni .hero__veil {
    background: linear-gradient(160deg, rgba(253, 240, 213, .95) 0%, rgba(251, 133, 0, .55) 46%, rgba(3, 4, 94, .88) 100%);
}

@media (min-width: 768px) {
    .hero--yemeni .hero__bg { background-position: 80% 20%; }
    .hero--yemeni .hero__veil {
        background: linear-gradient(120deg, rgba(253, 240, 213, .96) 0%, rgba(251, 133, 0, .52) 40%, rgba(3, 4, 94, .5) 68%, rgba(3, 4, 94, .85) 92%);
    }
}

.yemeni-safety { position: relative; isolation: isolate; }
.yemeni-safety__drape {
    position: absolute;
    right: -14%;
    top: -12%;
    width: 74%;
    height: 124%;
    background: linear-gradient(160deg, var(--teal) 0%, var(--teal-deep) 100%);
    border-radius: 45% 55% 53% 47% / 50% 45% 55% 50%;
    z-index: 0;
    opacity: .95;
    pointer-events: none;
}
.yemeni-safety .container { position: relative; z-index: 1; }
.yemeni-safety .verify-mock { position: relative; z-index: 1; }
.yemeni-safety .trust-badge { margin-top: 1.1rem; position: relative; z-index: 1; }

.yemeni-faq .accordion__q {
    background: linear-gradient(90deg, var(--ocean) 0%, var(--navy) 100%);
    border-radius: 999px;
}
.yemeni-faq .accordion__item {
    border-radius: 999px;
    overflow: hidden;
}
.yemeni-faq .accordion__item[open] {
    border-radius: 22px;
}
.yemeni-faq .accordion__item[open] .accordion__q {
    border-radius: 22px 22px 0 0;
}

/* ============================================================
   CATEGORY PAGE - JORDANIAN DATING
   ============================================================ */

.hero--jordanian {
    min-height: clamp(540px, 70vh, 780px);
    display: flex;
    align-items: center;
}
.hero--jordanian .hero__bg {
    background-image: url("/assets/53920cb37e2ceb2a90be418a40ca962c.webp");
    background-size: cover;
    background-position: 76% 24%;
    background-repeat: no-repeat;
}
.hero--jordanian .hero__veil {
    background: linear-gradient(165deg, rgba(253, 240, 213, .95) 0%, rgba(251, 133, 0, .45) 42%, rgba(3, 4, 94, .88) 100%);
}

.jordanian-testimonials {
    display: grid;
    gap: clamp(1.5rem, 4vw, 2.5rem);
    grid-template-columns: minmax(0, 1fr);
}
.jordanian-testimonial {
    position: relative;
    background: #fff;
    border: 1px solid rgba(201, 154, 62, .4);
    border-radius: var(--radius);
    padding: 1.5rem 1.4rem 1.4rem;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.jordanian-testimonial__media {
    margin: 0 0 1.1rem;
    border-radius: 160px 160px 20px 20px;
    overflow: hidden;
    border: 2px solid var(--gold-light);
    box-shadow: var(--shadow-sm);
}
.jordanian-testimonial__media img {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: 50% 25%;
    display: block;
}
.jordanian-testimonial__glyph {
    display: block;
    font-family: var(--font-display);
    font-size: 3.4rem;
    line-height: .6;
    color: rgba(251, 133, 0, .4);
    margin-bottom: .4rem;
}
.jordanian-testimonial__text {
    margin: 0;
    color: var(--ink-soft);
    font-family: var(--font-display);
    font-size: 1.05rem;
}

.jordanian-safety { position: relative; isolation: isolate; }
.jordanian-safety__drape {
    position: absolute;
    right: -14%;
    top: -12%;
    width: 74%;
    height: 124%;
    background: linear-gradient(160deg, var(--teal) 0%, var(--teal-deep) 100%);
    border-radius: 45% 55% 53% 47% / 50% 45% 55% 50%;
    z-index: 0;
    opacity: .95;
    pointer-events: none;
}
.jordanian-safety .container { position: relative; z-index: 1; }
.jordanian-safety .verify-mock { position: relative; z-index: 1; }
.jordanian-safety .trust-badge { margin-top: 1.1rem; position: relative; z-index: 1; }

.jordanian-faq .accordion__q {
    background: linear-gradient(90deg, var(--ocean) 0%, var(--navy) 100%);
    border-radius: 999px;
}
.jordanian-faq .accordion__item {
    border-radius: 999px;
    overflow: hidden;
}
.jordanian-faq .accordion__item[open] {
    border-radius: 22px;
}
.jordanian-faq .accordion__item[open] .accordion__q {
    border-radius: 22px 22px 0 0;
}

@media (min-width: 768px) {
    .hero--jordanian .hero__bg { background-position: 82% 20%; }
    .hero--jordanian .hero__veil {
        background: linear-gradient(120deg, rgba(253, 240, 213, .96) 0%, rgba(251, 133, 0, .5) 32%, rgba(3, 4, 94, .55) 62%, rgba(3, 4, 94, .88) 90%);
    }
    .jordanian-testimonials { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ============================================
   MOTION
   ============================================ */

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }
    .carousel__track { scroll-behavior: auto; }
    .btn:hover, .link-card:hover, .tile:hover .tile__media { transform: none; }
}