/* Petwal Gems — About Page (app/Views/pages/about.php).
   Scoped under .pa so site headers, footers, and other pages are completely untouched.
   Motion lives in js/about.js (GSAP + ScrollTrigger); clean fallbacks ensure every section
   is 100% visible and beautiful without JS. */

.pa {
    --night: #12070a;
    --night-2: #1f0b10;
    --maroon: #8B1A1A;
    --maroon-dark: #6e1419;
    --gold: #C59B2B;
    --gold-hi: #F6DC98;
    --gold-soft: #E2B46A;
    --gold-lo: #8A6417;
    --gold-grad: linear-gradient(135deg, #F6DC98 0%, #D9B048 38%, #C59B2B 62%, #8A6417 100%);
    --ivory: #FFF8EF;
    --cream: #FBF3E7;
    --ink: #241c19;
    --muted: #6a5d52;
    --border: #EFE3CF;
    --wa: #1FAF54;
    --serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;
    --num: "Playfair Display", Georgia, serif;
    --sans: "Raleway", "Roboto", system-ui, sans-serif;
    --ease-out: cubic-bezier(.22, 1, .36, 1);
    --ease-io: cubic-bezier(.65, 0, .35, 1);
    --radius: 20px;
    --shadow-card: 0 1px 2px rgba(60, 31, 18, .04), 0 16px 40px -16px rgba(60, 31, 18, .22);
    --shadow-lift: 0 2px 4px rgba(60, 31, 18, .05), 0 30px 64px -22px rgba(110, 20, 25, .38);
    /* Seamless low-poly facet tiles for signature homepage gem finish */
    --pa-facets-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='%23fff' stroke='%23fff' stroke-opacity='.10' stroke-width='.6'%3E%3Cpath d='M0 0L0 40L40 40Z' fill-opacity='0.050'/%3E%3Cpath d='M0 0L80 0L40 40Z' fill-opacity='0.110'/%3E%3Cpath d='M80 0L40 40L120 40Z' fill-opacity='0.020'/%3E%3Cpath d='M80 0L120 40L160 40Z' fill-opacity='0.080'/%3E%3Cpath d='M80 0L160 0L160 40Z' fill-opacity='0.140'/%3E%3Cpath d='M0 40L40 40L0 80Z' fill-opacity='0.040'/%3E%3Cpath d='M40 40L0 80L80 80Z' fill-opacity='0.090'/%3E%3Cpath d='M40 40L120 40L80 80Z' fill-opacity='0.010'/%3E%3Cpath d='M120 40L80 80L160 80Z' fill-opacity='0.120'/%3E%3Cpath d='M120 40L160 40L160 80Z' fill-opacity='0.060'/%3E%3Cpath d='M0 80L0 120L40 120Z' fill-opacity='0.030'/%3E%3Cpath d='M0 80L80 80L40 120Z' fill-opacity='0.100'/%3E%3Cpath d='M80 80L40 120L120 120Z' fill-opacity='0.070'/%3E%3Cpath d='M80 80L120 120L160 120Z' fill-opacity='0.130'/%3E%3Cpath d='M80 80L160 80L160 120Z' fill-opacity='0.020'/%3E%3Cpath d='M0 120L40 120L0 160Z' fill-opacity='0.080'/%3E%3Cpath d='M40 120L0 160L80 160Z' fill-opacity='0.050'/%3E%3Cpath d='M40 120L120 120L80 160Z' fill-opacity='0.110'/%3E%3Cpath d='M120 120L80 160L160 160Z' fill-opacity='0.030'/%3E%3Cpath d='M120 120L160 120L160 160Z' fill-opacity='0.090'/%3E%3C/g%3E%3C/svg%3E");
    --pa-facets-gold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='%23C59B2B' stroke='%23C59B2B' stroke-opacity='.12' stroke-width='.6'%3E%3Cpath d='M0 0L0 40L40 40Z' fill-opacity='0.035'/%3E%3Cpath d='M0 0L80 0L40 40Z' fill-opacity='0.077'/%3E%3Cpath d='M80 0L40 40L120 40Z' fill-opacity='0.014'/%3E%3Cpath d='M80 0L120 40L160 40Z' fill-opacity='0.056'/%3E%3Cpath d='M80 0L160 0L160 40Z' fill-opacity='0.098'/%3E%3Cpath d='M0 40L40 40L0 80Z' fill-opacity='0.028'/%3E%3Cpath d='M40 40L0 80L80 80Z' fill-opacity='0.063'/%3E%3Cpath d='M40 40L120 40L80 80Z' fill-opacity='0.007'/%3E%3Cpath d='M120 40L80 80L160 80Z' fill-opacity='0.084'/%3E%3Cpath d='M120 40L160 40L160 80Z' fill-opacity='0.042'/%3E%3Cpath d='M0 80L0 120L40 120Z' fill-opacity='0.021'/%3E%3Cpath d='M0 80L80 80L40 120Z' fill-opacity='0.070'/%3E%3Cpath d='M80 80L40 120L120 120Z' fill-opacity='0.049'/%3E%3Cpath d='M80 80L120 120L160 120Z' fill-opacity='0.091'/%3E%3Cpath d='M80 80L160 80L160 120Z' fill-opacity='0.014'/%3E%3Cpath d='M0 120L40 120L0 160Z' fill-opacity='0.056'/%3E%3Cpath d='M40 120L0 160L80 160Z' fill-opacity='0.035'/%3E%3Cpath d='M40 120L120 120L80 160Z' fill-opacity='0.077'/%3E%3Cpath d='M120 120L80 160L160 160Z' fill-opacity='0.021'/%3E%3Cpath d='M120 120L160 120L160 160Z' fill-opacity='0.063'/%3E%3C/g%3E%3C/svg%3E");
    font-family: var(--sans);
    font-variant-numeric: lining-nums;
    color: var(--ink);
    background: var(--ivory);
    background-image: var(--pa-facets-light);
    overflow-x: clip;
    overflow-y: visible;
}

.pa *, .pa *::before, .pa *::after { box-sizing: border-box; }
.pa img { max-width: 100%; display: block; }
.pa a { text-decoration: none; }
.pa :focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; border-radius: 6px; }
.pa em { font-style: italic; }
.pa .container { position: relative; }
.pa-hero__grid::before, .pa-hero__grid::after,
.pa-split::before, .pa-split::after { content: none; display: none; }

@property --pa-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }

/* ---------- Shared: Section, Headings, Eyebrow, Buttons ---------- */
.pa-section { 
    padding: clamp(68px, 8.5vw, 116px) 0; 
    position: relative; 
    isolation: isolate;
    background: var(--ivory);
}
.pa-section--cream { 
    background: var(--cream);
}
.pa-section--night {
    background: radial-gradient(1200px 700px at 78% 40%, rgba(139, 26, 26, .55), transparent 60%),
                radial-gradient(900px 600px at 10% 110%, rgba(197, 155, 43, .16), transparent 60%),
                linear-gradient(180deg, #1c0a0e 0%, var(--night) 100%);
    color: #fff;
}

/* Drifting atmospheric auroral glows like homepage */
.pa-section:not(.pa-section--night)::before {
    content: ""; position: absolute; inset: -10% -6%; z-index: -1; pointer-events: none;
    background:
        radial-gradient(38% 42% at 12% 18%, rgba(226, 180, 106, .26), transparent 70%),
        radial-gradient(34% 40% at 88% 72%, rgba(139, 26, 26, .09), transparent 70%),
        radial-gradient(28% 34% at 62% 8%, rgba(197, 155, 43, .14), transparent 70%);
    animation: pa-drift 24s ease-in-out infinite alternate;
}
/* Faceted crystal texture with soft radial vignette mask */
.pa-section:not(.pa-section--night)::after {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: var(--pa-facets-gold); background-size: 240px; opacity: .6;
    -webkit-mask: radial-gradient(ellipse 75% 65% at 50% 35%, #000, transparent 78%);
    mask: radial-gradient(ellipse 75% 65% at 50% 35%, #000, transparent 78%);
}

.pa-center { text-align: center; margin-top: 48px; }

.pa-head { text-align: center; max-width: 760px; margin: 0 auto clamp(36px, 4.5vw, 60px); height: auto; float: none; }
.pa-head--left { text-align: left; margin-left: 0; }
.pa-eyebrow {
    display: inline-flex; align-items: center; gap: 12px;
    font: 600 12.5px/1.2 var(--sans); letter-spacing: .22em; text-transform: uppercase;
    color: var(--maroon); margin: 0 0 16px;
}
.pa-eyebrow__line { width: 36px; height: 1px; background: var(--gold); transform-origin: left center; }
.pa-eyebrow--light { color: var(--gold-soft); }
.pa-eyebrow--light .pa-eyebrow__line { background: var(--gold-soft); }
.pa-title {
    font: 600 clamp(34px, 4.4vw, 54px)/1.1 var(--serif);
    color: var(--ink); margin: 0; letter-spacing: -.01em;
}
.pa-title em { color: var(--maroon); font-weight: 600; }
.pa-title--sm { font-size: clamp(28px, 3.4vw, 42px); }
.pa-intro { font-size: 17px; line-height: 1.75; color: var(--muted); margin: 18px auto 0; max-width: 640px; }
.pa-head--light .pa-title { color: #fff; }
.pa-head--light .pa-title em {
    color: transparent; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text;
}
.pa-head--light .pa-intro { color: rgba(255, 244, 228, .75); }
.pa-head--light .pa-eyebrow { color: var(--gold-soft); }

.pa-shimmer {
    color: transparent; font-style: italic;
    background: linear-gradient(100deg, #C59B2B 0%, #F6DC98 25%, #fff6dc 35%, #D9B048 50%, #C59B2B 70%, #F6DC98 100%);
    background-size: 220% 100%; -webkit-background-clip: text; background-clip: text;
    animation: pa-shimmer 6s linear infinite;
}

.pa-link {
    display: inline-flex; align-items: center; gap: 8px; margin-top: auto;
    font: 600 13px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--maroon);
}
.pa-link i { transition: transform .35s var(--ease-out); }
a:hover .pa-link i, .pa-link:hover i { transform: translateX(6px); }
.pa-link--light { color: var(--gold-soft); }

/* =====================================================================
   HOMEPAGE SIGNATURE BUTTONS (3D Cut-Gem Finish with Dynamic Sheen)
   ===================================================================== */
.pa-btn {
    position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    min-height: 52px; padding: 0 28px; border-radius: 999px; border: 0; cursor: pointer;
    font: 600 14px/1 var(--sans); letter-spacing: .08em; text-transform: uppercase;
    isolation: isolate; overflow: hidden; white-space: nowrap; text-decoration: none !important;
    top: 0;
    transition: transform .35s var(--ease-out), box-shadow .35s var(--ease-out), color .3s, filter .3s, top .15s;
}
.pa-btn i { font-size: 16px; transition: transform .35s var(--ease-out); }
.pa-btn:hover i.fa-long-arrow-right { transform: translateX(5px); }
.pa-btn:hover { filter: brightness(1.06) saturate(1.08); transform: translateY(-2px); }
.pa-btn:active { top: 2px; transform: translateY(1px); }

/* Facet reflection bands: angled light planes like a step-cut stone */
.pa-btn--gold::before, .pa-btn--maroon::before, .pa-btn--wa::before {
    content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
    background:
        linear-gradient(118deg, transparent 0 18%, rgba(255, 255, 255, .26) 18% 27%, transparent 27% 52%, rgba(255, 255, 255, .14) 52% 58%, transparent 58%),
        linear-gradient(62deg, transparent 0 68%, rgba(255, 255, 255, .16) 68% 75%, transparent 75%),
        linear-gradient(180deg, rgba(255, 255, 255, .22), transparent 48%);
}

/* Periodic glint sweeping across */
.pa-btn--gold::after, .pa-btn--maroon::after, .pa-btn--wa::after {
    content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
    background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .75) 48%, rgba(255, 255, 255, .15) 54%, transparent 62%);
    animation: pa-glint 5.5s var(--ease-io) infinite;
}

.pa-btn--gold {
    color: #3b0d10 !important; text-shadow: 0 1px 0 rgba(255, 245, 215, .55);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 45%, rgba(90, 55, 0, 0) 60%, rgba(90, 55, 0, .3) 100%),
        linear-gradient(115deg, #8A6417 0%, #D9B048 16%, #FFF1C4 30%, #C59B2B 45%, #F6DC98 60%, #A77A1E 78%, #EBCB6E 100%);
    background-size: 100% 100%, 260% 100%;
    animation: pa-liquid 6s ease-in-out infinite alternate;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -2px 1px rgba(110, 70, 10, .45), inset 0 0 0 1px rgba(255, 236, 180, .55),
        0 3px 0 #8A6417, 0 14px 30px -10px rgba(197, 155, 43, .8);
}
.pa-btn--gold:hover, .pa-btn--gold:focus {
    color: #3b0d10 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 -2px 1px rgba(110, 70, 10, .45), inset 0 0 0 1px rgba(255, 236, 180, .7),
        0 3px 0 #8A6417, 0 18px 40px -10px rgba(226, 180, 106, .95), 0 0 30px rgba(246, 220, 152, .35);
}
.pa-btn--gold:active {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 -1px 1px rgba(110, 70, 10, .4), 0 1px 0 #8A6417, 0 8px 18px -8px rgba(197, 155, 43, .8);
}

.pa-btn--maroon {
    color: #fff !important; text-shadow: 0 1px 1px rgba(40, 0, 0, .5);
    background:
        linear-gradient(180deg, rgba(255, 200, 200, .32) 0%, rgba(255, 255, 255, 0) 45%, rgba(0, 0, 0, 0) 60%, rgba(30, 0, 0, .35) 100%),
        linear-gradient(115deg, #4a0b10 0%, #8B1A1A 22%, #cf4a4f 36%, #8B1A1A 52%, #b52d34 70%, #5a0f14 100%);
    background-size: 100% 100%, 260% 100%;
    animation: pa-liquid 7s ease-in-out infinite alternate;
    box-shadow:
        inset 0 1px 0 rgba(255, 190, 190, .6), inset 0 -2px 1px rgba(40, 0, 0, .55), inset 0 0 0 1px rgba(255, 150, 150, .22),
        0 3px 0 #4a0b10, 0 14px 30px -10px rgba(139, 26, 26, .75);
}
.pa-btn--maroon:hover, .pa-btn--maroon:focus {
    color: #fff !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 200, 200, .7), inset 0 -2px 1px rgba(40, 0, 0, .55), inset 0 0 0 1px rgba(255, 170, 170, .3),
        0 3px 0 #4a0b10, 0 18px 40px -12px rgba(176, 42, 47, .85), 0 0 28px rgba(207, 74, 79, .3);
}
.pa-btn--maroon:active {
    box-shadow: inset 0 1px 0 rgba(255, 190, 190, .5), 0 1px 0 #4a0b10, 0 8px 18px -8px rgba(139, 26, 26, .8);
}

.pa-btn--wa {
    color: #fff !important; text-shadow: 0 1px 1px rgba(0, 40, 15, .45);
    background:
        linear-gradient(180deg, rgba(210, 255, 225, .35) 0%, rgba(255, 255, 255, 0) 45%, rgba(0, 0, 0, 0) 60%, rgba(0, 35, 15, .35) 100%),
        linear-gradient(115deg, #0b5d2c 0%, #1FAF54 22%, #7ce8a4 36%, #1FAF54 52%, #16a049 70%, #0a4f25 100%);
    background-size: 100% 100%, 260% 100%;
    animation: pa-liquid 6.5s ease-in-out infinite alternate;
    box-shadow:
        inset 0 1px 0 rgba(210, 255, 225, .7), inset 0 -2px 1px rgba(0, 45, 18, .5), inset 0 0 0 1px rgba(160, 255, 200, .25),
        0 3px 0 #0b5d2c, 0 14px 30px -10px rgba(31, 175, 84, .75);
}
.pa-btn--wa:hover, .pa-btn--wa:focus {
    color: #fff !important;
    box-shadow:
        inset 0 1px 0 rgba(210, 255, 225, .8), inset 0 -2px 1px rgba(0, 45, 18, .5),
        0 3px 0 #0b5d2c, 0 18px 40px -12px rgba(31, 175, 84, .9), 0 0 26px rgba(124, 232, 164, .3);
}
.pa-btn--wa:active {
    box-shadow: inset 0 1px 0 rgba(210, 255, 225, .6), 0 1px 0 #0b5d2c, 0 8px 18px -8px rgba(31, 175, 84, .8);
}

.pa-btn--ghost {
    color: #fff !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .03) 55%, rgba(0, 0, 0, .12));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), inset 0 -1px 0 rgba(0, 0, 0, .3), 0 12px 30px -14px rgba(0, 0, 0, .7);
    backdrop-filter: blur(10px);
}
.pa-btn--ghost::before {
    content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; padding: 1.5px; pointer-events: none;
    background: conic-gradient(from var(--pa-angle, 0deg), #F6DC98, #8A6417 18%, #FFF1C4 32%, #C59B2B 50%, #6b4c10 68%, #F6DC98 84%, #F6DC98);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude;
    animation: pa-ring 5s linear infinite;
}
.pa-btn--ghost:hover, .pa-btn--ghost:focus {
    color: #fff !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .06) 55%, rgba(0, 0, 0, .1));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 16px 36px -14px rgba(0, 0, 0, .8), 0 0 24px rgba(246, 220, 152, .25);
}

.pa-btn--ghost-dark {
    color: var(--maroon) !important; background: #fff;
    box-shadow: inset 0 0 0 1px var(--gold-soft), 0 8px 20px -10px rgba(60, 31, 18, .12);
}
.pa-btn--ghost-dark:hover, .pa-btn--ghost-dark:focus {
    color: var(--maroon) !important; background: var(--cream);
    box-shadow: inset 0 0 0 1.5px var(--gold), 0 14px 28px -10px rgba(197, 155, 43, .35);
}

/* ==================== HERO BANNER (300px Compact Height) ==================== */
.pa-hero {
    position: relative; overflow: hidden; color: #fff;
    height: 300px;
    display: flex;
    align-items: center;
    padding: 0;
    box-sizing: border-box;
    background:
        radial-gradient(900px 420px at 78% 40%, rgba(139, 26, 26, .6), transparent 65%),
        radial-gradient(750px 380px at 12% 105%, rgba(197, 155, 43, .18), transparent 60%),
        linear-gradient(180deg, #1d090e 0%, var(--night) 100%);
}
.pa-hero::after {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: var(--pa-facets-light); background-size: 280px; opacity: .55; mix-blend-mode: overlay;
    -webkit-mask: radial-gradient(ellipse 80% 75% at 62% 45%, #000 15%, transparent 80%);
    mask: radial-gradient(ellipse 80% 75% at 62% 45%, #000 15%, transparent 80%);
}
.pa-hero .container { width: 100%; position: relative; z-index: 2; }
.pa-stars { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.pa-hero__aura {
    position: absolute; width: 45vmax; height: 45vmax; right: -8vmax; top: 50%; translate: 0 -50%;
    background: radial-gradient(circle, rgba(226, 180, 106, .2), rgba(139, 26, 26, .1) 40%, transparent 68%);
    filter: blur(25px); pointer-events: none; animation: pa-breathe 9s ease-in-out infinite;
}
.pa-hero__grid {
    display: grid; grid-template-columns: 1fr auto;
    gap: 32px; align-items: center;
}
.pa-crumbs {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 10px; padding: 0; list-style: none;
    font-size: 12px; font-weight: 600;
}
.pa-crumbs li { display: flex; align-items: center; gap: 6px; color: rgba(255, 244, 228, .6); }
.pa-crumbs li + li::before { content: "›"; color: var(--gold-soft); font-size: 13px; }
.pa-crumbs a {
    color: rgba(255, 244, 228, .85); padding: 3px 12px; border-radius: 999px;
    background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(246, 220, 152, .25);
    transition: background-color .25s, color .25s;
}
.pa-crumbs a:hover { color: #fff; background: rgba(255, 255, 255, .14); }
.pa-crumbs [aria-current] { color: var(--gold-hi); }

.pa-hero .pa-eyebrow {
    margin: 0 0 8px; font-size: 11.5px; letter-spacing: .2em;
}
.pa-hero__title {
    font: 600 clamp(28px, 3.4vw, 44px)/1.1 var(--serif); color: #fff; margin: 0 0 10px; letter-spacing: -.01em;
}
.pa-hero__lead {
    font-size: clamp(14px, 1.15vw, 15.5px); line-height: 1.6; color: rgba(255, 244, 228, .82);
    max-width: 680px; margin: 0;
}

/* Compact hero visual scaled to fit 300px banner */
.pa-hero__visual { display: grid; place-items: center; position: relative; }
.pa-hero__seal {
    --size: 190px; position: relative; width: var(--size); height: var(--size);
    display: grid; place-items: center;
}
.pa-hero__seal-ring {
    position: absolute; inset: 0; width: 100%; height: 100%;
    stroke: rgba(246, 220, 152, .45); fill: none; animation: pa-spin 90s linear infinite;
}
.pa-hero__avatar {
    position: relative; width: calc(var(--size) * 0.72); height: calc(var(--size) * 0.72);
    border-radius: 50%; overflow: hidden; padding: 4px;
    background: linear-gradient(135deg, var(--gold-hi), var(--maroon), var(--gold));
    box-shadow: 0 12px 30px -8px rgba(0, 0, 0, .8), 0 0 0 1px rgba(246, 220, 152, .4);
}
.pa-hero__avatar img {
    width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; border-radius: 50%;
}
.pa-hero__chip {
    position: absolute; display: flex; align-items: center; gap: 7px; padding: 6px 13px;
    border-radius: 999px; font-size: 11px; font-weight: 700; color: #fff;
    background: rgba(18, 7, 10, .9); backdrop-filter: blur(8px);
    box-shadow: inset 0 0 0 1px rgba(246, 220, 152, .4), 0 8px 20px -6px rgba(0, 0, 0, .6);
    white-space: nowrap;
}
.pa-hero__chip i { color: var(--gold-hi); font-size: 12px; }
.pa-hero__chip--a { top: -6px; left: -24px; }
.pa-hero__chip--b { bottom: -6px; right: -20px; }

/* =====================================================================
   SUB-HERO ROYAL TRUST & ACTION CONCIERGE (Pavilion Architecture)
   ===================================================================== */
.pa-hero-trust {
    position: relative;
    z-index: 4;
    background: #fffdf9;
    border-top: 1px solid rgba(246, 220, 152, 0.35);
    border-bottom: 1px solid rgba(197, 155, 43, 0.22);
    padding: 26px 0 24px;
    box-shadow: 0 10px 30px -15px rgba(60, 31, 18, 0.1), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    overflow: hidden;
    isolation: isolate;
}
.pa-hero-trust::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: var(--pa-facets-gold);
    background-size: 200px;
    opacity: 0.35;
    z-index: -2;
}
.pa-hero-trust__glow {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: 
        radial-gradient(ellipse 700px 140px at 50% 0%, rgba(246, 220, 152, 0.25), transparent 75%),
        radial-gradient(ellipse 400px 160px at 85% 100%, rgba(139, 26, 26, 0.05), transparent 70%);
    z-index: -1;
    animation: pa-drift 18s ease-in-out infinite alternate;
}
.pa-hero-trust .container {
    position: relative;
    z-index: 2;
}
.pa-hero-trust__deck {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* --- 4 Symmetrical Royal Trust Pillars --- */
.pa-hero-trust__pillars {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    width: 100%;
}
.pa-trust-pod {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(253, 247, 237, 0.85) 100%);
    border: 1px solid rgba(197, 155, 43, 0.2);
    border-radius: 14px;
    box-shadow: 0 4px 14px -6px rgba(60, 31, 18, 0.06), inset 0 1px 0 #fff;
    transition: transform 0.35s var(--ease-out), box-shadow 0.35s var(--ease-out), border-color 0.3s;
    position: relative;
}
.pa-trust-pod:hover {
    transform: translateY(-2px);
    border-color: var(--gold);
    box-shadow: 0 10px 24px -8px rgba(197, 155, 43, 0.28), inset 0 1px 0 #fff;
}
.pa-trust-pod__icon-wrap {
    flex-shrink: 0;
}
.pa-trust-pod__icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(135deg, #FFF1C4 0%, #D9B048 45%, #C59B2B 75%, #8A6417 100%);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.9), 0 4px 12px -2px rgba(197, 155, 43, 0.45);
    transition: transform 0.4s var(--ease-out);
}
.pa-trust-pod:hover .pa-trust-pod__icon {
    transform: scale(1.08) rotate(4deg);
}
.pa-trust-pod__icon i {
    font-size: 16px;
    color: #3b0d10;
    filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.6));
}
.pa-trust-pod__content {
    min-width: 0;
    flex: 1;
}
.pa-trust-pod__title {
    display: block;
    font-family: var(--sans);
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--ink);
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.25s;
}
.pa-trust-pod:hover .pa-trust-pod__title {
    color: var(--maroon);
}
.pa-trust-pod__desc {
    display: block;
    font-size: 11.5px;
    font-weight: 500;
    color: var(--muted);
    line-height: 1.3;
    margin-top: 2px;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --- Architectural Divider Ribbon with Sacred Gem Glyph --- */
.pa-hero-trust__divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 2px 0;
}
.pa-hero-trust__divider-line {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(197, 155, 43, 0.25) 35%, rgba(197, 155, 43, 0.25) 65%, transparent 100%);
}
.pa-hero-trust__divider-gem {
    color: var(--gold);
    font-size: 12px;
    opacity: 0.85;
    filter: drop-shadow(0 0 8px rgba(246, 220, 152, 0.8));
    animation: pa-pulse-gem 3s ease-in-out infinite;
}

/* --- Quick Action Concierge Hub --- */
.pa-hero-trust__concierge {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.pa-hero-trust__tagline {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.pa-hero-trust__sparkle {
    font-size: 18px;
    color: var(--gold);
    line-height: 1;
    filter: drop-shadow(0 0 6px rgba(246, 220, 152, 0.8));
    flex-shrink: 0;
}
.pa-hero-trust__tagline-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.pa-hero-trust__tagline-text strong {
    font-family: var(--serif);
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    letter-spacing: -0.01em;
    line-height: 1.2;
}
.pa-hero-trust__tagline-text span {
    font-size: 13px;
    color: var(--muted);
    line-height: 1.35;
}
.pa-hero-trust__ctas {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
}
.pa-hero-trust__ctas .pa-btn {
    min-height: 48px;
    padding: 0 26px;
    font-size: 13.5px;
}

/* --- Responsive Adaptations --- */
@media (max-width: 1199px) {
    .pa-hero-trust__pillars {
        grid-template-columns: repeat(2, 1fr);
    }
    .pa-hero-trust__concierge {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .pa-hero-trust__ctas {
        width: 100%;
        justify-content: flex-start;
    }
}
@media (max-width: 767px) {
    .pa-hero-trust {
        padding: 20px 0;
    }
    .pa-hero-trust__pillars {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .pa-trust-pod {
        padding: 10px 14px;
    }
    .pa-hero-trust__tagline-text strong {
        font-size: 16px;
    }
    .pa-hero-trust__tagline-text span {
        font-size: 12px;
    }
    .pa-hero-trust__ctas {
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }
    .pa-hero-trust__ctas .pa-btn {
        width: 100%;
        justify-content: center;
    }
}

/* ==================== THE STORY & HERITAGE (ROYAL EDITORIAL SHOWCASE) ==================== */
.pa-story {
    position: relative;
    background: radial-gradient(ellipse at 85% 0%, rgba(246, 220, 152, 0.15), transparent 60%), #fdfbf7;
    border-bottom: 1px solid rgba(197, 155, 43, 0.16);
    padding: 85px 0 95px;
    overflow: visible;
}

.pa-story__bg-ornament {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: radial-gradient(circle 1px at center, rgba(197, 155, 43, 0.18) 1px, transparent 1px);
    background-size: 32px 32px;
    opacity: 0.4;
    z-index: 0;
}

.pa-story .container {
    position: relative;
    z-index: 2;
}

/* Header */
.pa-story__header {
    text-align: center;
    max-width: 860px;
    margin: 0 auto 50px;
    position: relative;
}

.pa-story__tag-wrap {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 18px;
    border-radius: 999px;
    background: rgba(139, 26, 26, 0.05);
    border: 1px solid rgba(197, 155, 43, 0.35);
    margin-bottom: 16px;
    box-shadow: 0 4px 14px rgba(60, 31, 18, 0.04);
}

.pa-story__tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--maroon);
}

.pa-story__tag i {
    color: var(--gold);
    font-size: 12px;
}

.pa-story__tag-divider {
    color: var(--gold-soft);
    font-size: 12px;
}

.pa-story__tag-meta {
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .04em;
    color: #5f544b;
}

.pa-story__title {
    font: 600 clamp(32px, 3.5vw, 48px)/1.15 var(--serif);
    color: var(--ink);
    margin: 0 0 20px;
    letter-spacing: -.01em;
}

.pa-story__title em {
    color: var(--maroon);
    font-style: italic;
    background: linear-gradient(110deg, #7a141b 0%, #b8252f 50%, #7a141b 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pa-story__lead-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 18px 28px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(254, 249, 240, 0.92));
    border: 1px solid rgba(246, 220, 152, 0.55);
    box-shadow: 0 10px 30px -10px rgba(60, 31, 18, 0.08), inset 0 1px 0 #ffffff;
    max-width: 800px;
    margin: 0 auto;
}

.pa-story__lead-icon {
    color: var(--gold);
    font-size: 22px;
    flex-shrink: 0;
}

.pa-story__lead-text {
    font: 500 clamp(16px, 1.35vw, 19px)/1.6 var(--serif);
    color: var(--ink);
    margin: 0;
    font-style: italic;
    text-align: left;
}

/* 2-Column Grid (Visual vs Narrative) */
.pa-story__grid {
    display: grid;
    grid-template-columns: 5fr 6fr;
    gap: clamp(32px, 4vw, 56px);
    align-items: start;
    margin-bottom: 48px;
    position: relative;
}

/* Left Visual Frame — Sticky for this section only */
.pa-story__visual {
    position: relative;
}

@media (min-width: 992px) {
    .pa-story__visual {
        position: -webkit-sticky;
        position: sticky;
        top: 115px;
        align-self: start;
        z-index: 5;
        will-change: transform;
    }
}

.pa-story__frame-wrap {
    position: relative;
    border-radius: 28px;
    padding: 10px;
    background: linear-gradient(145deg, rgba(246, 220, 152, 0.65), rgba(255, 255, 255, 0.95), rgba(197, 155, 43, 0.45));
    box-shadow: 0 24px 50px -15px rgba(60, 31, 18, 0.22);
}

.pa-story__aura {
    position: absolute;
    inset: -14px;
    border-radius: 36px;
    border: 1.5px dashed var(--gold-soft);
    opacity: 0.55;
    pointer-events: none;
    z-index: -1;
    animation: pa-spin 120s linear infinite;
}

.pa-story__frame {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: #ffffff;
}

.pa-story__frame img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    object-position: center 25%;
    display: block;
    transition: transform 0.8s var(--ease-out);
}

.pa-story__frame:hover img {
    transform: scale(1.035);
}

.pa-story__frame-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 60%, rgba(18, 4, 7, 0.75) 100%);
    pointer-events: none;
}

.pa-story__caption {
    position: absolute;
    bottom: 16px;
    left: 16px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(18, 4, 7, 0.88);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(246, 220, 152, 0.45);
    color: #ffffff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

.pa-story__caption-pin {
    color: var(--gold-hi);
    font-size: 13px;
}

.pa-story__caption strong {
    color: #F6DC98;
    font-size: 12px;
    display: block;
    line-height: 1.2;
}

.pa-story__caption small {
    color: rgba(255, 245, 235, 0.75);
    font-size: 10px;
    display: block;
    line-height: 1.2;
}

.pa-story__trust-seal {
    position: absolute;
    right: -14px;
    top: 24px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    border-radius: 16px;
    background: linear-gradient(135deg, #8B1A1A 0%, #4e0b12 100%);
    color: #ffffff;
    border: 1.5px solid rgba(246, 220, 152, 0.65);
    box-shadow: 0 16px 36px -8px rgba(110, 20, 25, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.pa-story__seal-num {
    font: 700 28px/1 var(--num);
    color: var(--gold-hi);
}

.pa-story__seal-txt strong {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}

.pa-story__seal-txt span {
    display: block;
    font-size: 10.5px;
    color: rgba(255, 244, 228, 0.85);
    line-height: 1.2;
    margin-top: 2px;
}

/* Right Narrative Editorial Cards */
.pa-story__narrative {
    display: flex;
    flex-direction: column;
}

.pa-story__card {
    position: relative;
    padding: 24px 26px 24px 30px;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid rgba(197, 155, 43, 0.25);
    box-shadow: 0 10px 28px -12px rgba(60, 31, 18, 0.08);
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s;
}

.pa-story__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 36px -12px rgba(60, 31, 18, 0.14);
}

.pa-story__card-accent {
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(180deg, var(--gold), var(--maroon));
}

.pa-story__p {
    margin: 0;
    font-size: 15.5px;
    line-height: 1.85;
    color: #3f352e;
    text-align: left;
}

/* Gemstone Chip Strip */
.pa-story__gem-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin: 18px 0;
    padding: 12px 18px;
    border-radius: 14px;
    background: rgba(246, 220, 152, 0.16);
    border: 1px dashed rgba(197, 155, 43, 0.45);
}

.pa-story__gem-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--maroon);
    display: flex;
    align-items: center;
    gap: 6px;
}

.pa-story__gem-label i {
    color: var(--gold);
}

.pa-story__gem-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.pa-story__gem-tag {
    display: inline-flex;
    align-items: center;
    padding: 4px 11px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(197, 155, 43, 0.3);
    font-size: 11.5px;
    font-weight: 600;
    color: var(--ink);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

/* Horizontal 3 Pillars Foundation Band */
.pa-story__pillars {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.pa-story__pillar-card {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 24px 22px;
    border-radius: 18px;
    background: linear-gradient(135deg, #ffffff 0%, #fefcf8 100%);
    border: 1px solid rgba(197, 155, 43, 0.28);
    box-shadow: 0 8px 24px -10px rgba(60, 31, 18, 0.08);
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s, border-color 0.3s;
}

.pa-story__pillar-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px -8px rgba(139, 26, 26, 0.16);
    border-color: var(--gold);
}

.pa-story__pillar-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--maroon), var(--maroon-dark));
    color: #F6DC98;
    display: grid;
    place-items: center;
    font-size: 17px;
    box-shadow: 0 6px 16px -4px rgba(139, 26, 26, 0.5);
    flex-shrink: 0;
}

.pa-story__pillar-body {
    flex: 1;
}

.pa-story__pillar-title {
    font-family: var(--font-display, Georgia, serif);
    font-size: 18px;
    font-weight: 700;
    color: var(--ink);
    margin: 0 0 6px;
}

.pa-story__pillar-desc {
    font-size: 13px;
    line-height: 1.6;
    color: #5a4f46;
    margin: 0;
}

@media (max-width: 991px) {
    .pa-story__grid {
        grid-template-columns: 1fr;
    }
    .pa-story__frame img {
        height: 320px;
    }
    .pa-story__trust-seal {
        right: 14px;
        top: 14px;
    }
    .pa-story__pillars {
        grid-template-columns: 1fr;
    }
    .pa-story__lead-banner {
        flex-direction: column;
        text-align: center;
    }
    .pa-story__lead-text {
        text-align: center;
    }
}

/* ==================== HALLMARKS SECTION (THE 4 PILLARS) ==================== */
.pa-hallmarks { position: relative; }
.pa-hallmarks-grid {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}
.pa-hallmark-card {
    display: flex; flex-direction: column; padding: 32px 24px; border-radius: 22px;
    background: #fff;
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, rgba(246, 220, 152, .75), var(--border) 45%, rgba(197, 155, 43, .5)) border-box;
    box-shadow: var(--shadow-card);
    transition: transform .45s var(--ease-out), box-shadow .45s var(--ease-out);
    position: relative; overflow: hidden; isolation: isolate;
}
.pa-hallmark-card:hover { transform: translateY(-7px); box-shadow: var(--shadow-lift); }
.pa-hallmark-card__num {
    font: 700 13px/1 var(--num); letter-spacing: .16em; color: var(--gold);
    margin-bottom: 16px; display: inline-flex; align-items: center; gap: 8px;
}
.pa-hallmark-card__num::after {
    content: ""; width: 24px; height: 1px; background: var(--gold-soft);
}
.pa-hallmark-card__icon {
    width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center;
    color: var(--maroon); background: #fbf1dc; font-size: 24px; margin-bottom: 18px;
    transition: transform .45s, background-color .35s, color .35s;
}
.pa-hallmark-card:hover .pa-hallmark-card__icon {
    transform: rotate(-8deg) scale(1.08); background: var(--maroon); color: #fff;
}
.pa-hallmark-card__title {
    font: 600 22px/1.2 var(--serif); color: var(--ink); margin: 0 0 10px;
}
.pa-hallmark-card__text {
    font-size: 14px; line-height: 1.68; color: var(--muted); margin: 0; flex: 1;
}

/* Feature cards in story */
.pa-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 32px; }
.pa-pillar-card {
    display: flex; flex-direction: column; gap: 10px; padding: 22px 18px;
    border-radius: 16px; background: #fff;
    border: 1px solid var(--border); box-shadow: var(--shadow-card);
    transition: transform .35s var(--ease-out), box-shadow .35s var(--ease-out);
}
.pa-pillar-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lift); }
.pa-pillar-card__icon {
    width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center;
    color: var(--maroon); background: #fbf1dc; font-size: 20px;
}
.pa-pillar-card__title { font: 600 18px/1.2 var(--serif); color: var(--ink); margin: 0; }
.pa-pillar-card__text { font-size: 13.5px; line-height: 1.6; color: var(--muted); margin: 0; }

/* ==================== STATS RIBBON ==================== */
.pa-stats-band {
    background: linear-gradient(135deg, #1b0a0e, var(--night));
    border-top: 1px solid rgba(246, 220, 152, .25);
    border-bottom: 1px solid rgba(246, 220, 152, .25);
    padding: 38px 0; color: #fff;
}
.pa-stats {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
    margin: 0; padding: 0; list-style: none; text-align: center;
}
.pa-stats li { position: relative; padding: 10px 16px; }
.pa-stats li + li::before {
    content: ""; position: absolute; left: 0; top: 18%; height: 64%; width: 1px;
    background: linear-gradient(180deg, transparent, rgba(246, 220, 152, .3), transparent);
}
.pa-stats strong {
    display: block; font: 700 clamp(38px, 4.4vw, 54px)/1 var(--num);
    color: transparent; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text;
    margin-bottom: 8px;
}
.pa-stats span {
    display: block; font: 600 12.5px/1.3 var(--sans); letter-spacing: .12em; text-transform: uppercase;
    color: rgba(255, 244, 228, .75);
}

/* ==================== FOUNDER SECTION ==================== */
.pa-founder { position: relative; }
.pa-founder__card {
    display: grid; grid-template-columns: 0.95fr 1.05fr; gap: clamp(36px, 5vw, 72px);
    align-items: start; border-radius: 28px;
    background: #fff;
    border: 1px solid transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(145deg, rgba(246, 220, 152, .95), var(--border) 32%, var(--border) 68%, rgba(197, 155, 43, .85)) border-box;
    box-shadow: var(--shadow-card);
    padding: clamp(32px, 4.5vw, 60px);
}
.pa-founder__visual { position: relative; display: grid; place-items: center; }

@media (min-width: 992px) {
    .pa-founder__visual {
        position: -webkit-sticky;
        position: sticky;
        top: 115px;
        align-self: start;
        z-index: 4;
        will-change: transform;
    }
}
.pa-founder__arch {
    position: relative; width: 100%; max-width: 380px; aspect-ratio: 4 / 4.7;
    border-radius: 190px 190px 24px 24px; overflow: hidden;
    box-shadow: 0 20px 50px -15px rgba(60, 31, 18, .35);
    border: 3px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, var(--gold-grad) border-box;
}
.pa-founder__arch img {
    width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%;
    transition: transform 1.2s var(--ease-out);
}
.pa-founder__arch:hover img { transform: scale(1.04); }
.pa-founder__ring {
    position: absolute; inset: -18px; border-radius: 208px 208px 36px 36px;
    border: 1px dashed var(--gold-soft); pointer-events: none; opacity: .6;
}
.pa-founder__chips {
    position: absolute; inset: 0; pointer-events: none;
}
.pa-founder__chip {
    position: absolute; display: flex; align-items: center; gap: 8px;
    padding: 8px 16px; border-radius: 999px; font-size: 12px; font-weight: 700;
    color: #3b0d10; background: var(--gold-grad);
    box-shadow: 0 10px 24px -6px rgba(138, 100, 23, .5);
    white-space: nowrap; pointer-events: auto;
}
.pa-founder__chip i { font-size: 13px; }
.pa-founder__chip--top { top: 6%; right: -6%; }
.pa-founder__chip--bot { bottom: 8%; left: -6%; }

.pa-founder__title {
    font: 600 clamp(32px, 3.8vw, 48px)/1.1 var(--serif); color: var(--ink); margin: 0 0 8px;
}
.pa-founder__sub {
    font: 600 15px/1.4 var(--sans); letter-spacing: .08em; text-transform: uppercase;
    color: var(--maroon); margin: 0 0 20px;
}
.pa-founder__quote {
    position: relative; margin: 24px 0 26px; padding: 18px 22px 18px 52px;
    border-radius: 16px; background: var(--cream); font: italic 500 18.5px/1.55 var(--serif);
    color: var(--ink); box-shadow: inset 3px 0 0 var(--gold);
}
.pa-founder__quote::before {
    content: "“"; position: absolute; left: 16px; top: 2px;
    font: 700 54px/1 var(--serif); color: var(--gold);
}
.pa-founder__actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 28px; }

/* ==================== REGISTRATION & LEGITIMACY ==================== */
.pa-reg { position: relative; }
.pa-reg__box {
    display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start;
    border-radius: 24px; padding: clamp(28px, 4vw, 48px);
    background: #fff;
    border: 1px solid transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(145deg, rgba(246, 220, 152, .95), var(--border) 32%, var(--border) 68%, rgba(197, 155, 43, .85)) border-box;
    box-shadow: var(--shadow-card);
}
.pa-reg__media { position: relative; border-radius: 20px; overflow: hidden; box-shadow: var(--shadow-lift); }

@media (min-width: 992px) {
    .pa-reg__media {
        position: -webkit-sticky;
        position: sticky;
        top: 115px;
        align-self: start;
        z-index: 4;
        will-change: transform;
    }
}
.pa-reg__media img { width: 100%; height: auto; display: block; }
.pa-reg__zoom {
    position: absolute; inset: 0; display: grid; place-items: center;
    background: rgba(18, 7, 10, .4); opacity: 0; transition: opacity .35s;
    color: #fff; font-size: 14px; font-weight: 700; gap: 8px;
}
.pa-reg__zoom i {
    width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center;
    background: var(--gold-grad); color: #3b0d10; font-size: 20px;
}
.pa-reg__media:hover .pa-reg__zoom { opacity: 1; }
.pa-checklist { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 14px; }
.pa-checklist li {
    display: flex; align-items: flex-start; gap: 12px; font-size: 15.5px; line-height: 1.6; color: #433932;
}
.pa-checklist i {
    color: var(--wa); font-size: 18px; margin-top: 3px; flex-shrink: 0;
}

/* ==================== ASTROLOGY CONSULTATION PILLARS ==================== */
.pa-pillars-block {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}
.pa-consult-card {
    display: flex; flex-direction: column; padding: 32px 24px; border-radius: 22px;
    background: #fff;
    border: 1px solid transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(145deg, rgba(246, 220, 152, .95), var(--border) 32%, var(--border) 68%, rgba(197, 155, 43, .85)) border-box;
    box-shadow: var(--shadow-card);
    position: relative; overflow: hidden; isolation: isolate;
    transition: transform .45s var(--ease-out), box-shadow .45s var(--ease-out);
}
.pa-consult-card::before {
    content: ""; position: absolute; inset: 0; z-index: -1;
    background: linear-gradient(160deg, var(--maroon), var(--maroon-dark));
    clip-path: circle(0% at 44px 44px); transition: clip-path .65s var(--ease-out);
}
.pa-consult-card:hover { transform: translateY(-7px); box-shadow: var(--shadow-lift); color: #fff; }
.pa-consult-card:hover::before { clip-path: circle(150% at 44px 44px); }
.pa-consult-card__num {
    font: 700 13px/1 var(--sans); letter-spacing: .16em; color: var(--gold);
    margin-bottom: 18px;
}
.pa-consult-card__icon {
    width: 56px; height: 56px; border-radius: 16px; display: grid; place-items: center;
    color: var(--maroon);
    background: radial-gradient(circle at 32% 24%, #fff 0%, #fdf4e2 38%, #f2dcae 100%);
    box-shadow: inset 0 2px 2px #fff, inset 0 -3px 6px rgba(197, 155, 43, .28), 0 0 0 1px rgba(226, 180, 106, .65), 0 6px 14px -8px rgba(138, 100, 23, .6);
    font-size: 26px; margin-bottom: 20px;
    transition: transform .45s, background .45s, color .45s;
}
.pa-consult-card:hover .pa-consult-card__icon {
    transform: rotate(-8deg) scale(1.08); background: var(--maroon); color: #fff;
}
.pa-consult-card__title {
    font: 600 23px/1.2 var(--serif); color: var(--ink); margin: 0 0 10px;
    transition: color .35s;
}
.pa-consult-card:hover .pa-consult-card__title { color: #fff; }
.pa-consult-card__text {
    font-size: 14.5px; line-height: 1.7; color: var(--muted); margin: 0; flex: 1;
    transition: color .35s;
}
.pa-consult-card:hover .pa-consult-card__text { color: rgba(255, 244, 228, .85); }

/* Confidentiality Banner */
.pa-conf-strip {
    display: flex; align-items: center; justify-content: space-between; gap: 24px;
    margin-top: 40px; padding: 22px 32px; border-radius: 18px;
    background: linear-gradient(135deg, #1f0b10, #12070a); color: #fff;
    border: 1px solid rgba(246, 220, 152, .3); box-shadow: var(--shadow-card);
}
.pa-conf-strip__left { display: flex; align-items: center; gap: 16px; }
.pa-conf-strip__left i { font-size: 28px; color: var(--gold-hi); }
.pa-conf-strip__left h4 { margin: 0 0 4px; font: 600 20px/1.2 var(--serif); color: #fff; }
.pa-conf-strip__left p { margin: 0; font-size: 14px; color: rgba(255, 244, 228, .75); }

/* ==================== AWARDS / HONOURS ==================== */
.pa-awards-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;
}
.pa-award-card {
    display: flex; flex-direction: column; border-radius: 22px; overflow: hidden;
    background: #fff;
    border: 1px solid transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(145deg, rgba(246, 220, 152, .95), var(--border) 32%, var(--border) 68%, rgba(197, 155, 43, .85)) border-box;
    box-shadow: var(--shadow-card);
    transition: transform .45s var(--ease-out), box-shadow .45s var(--ease-out);
    color: var(--ink) !important;
}
.pa-award-card:hover { transform: translateY(-7px); box-shadow: var(--shadow-lift); }
.pa-award-card__media {
    position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: #000;
}
.pa-award-card__media img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform 1.1s var(--ease-out);
}
.pa-award-card:hover .pa-award-card__media img { transform: scale(1.07); }
.pa-award-card__zoom {
    position: absolute; top: 14px; right: 14px; width: 40px; height: 40px;
    border-radius: 50%; display: grid; place-items: center;
    background: var(--gold-grad); color: #3b0d10; opacity: 0; transform: scale(.7);
    transition: opacity .35s, transform .35s var(--ease-out);
}
.pa-award-card:hover .pa-award-card__zoom { opacity: 1; transform: scale(1); }
.pa-award-card__body {
    padding: 24px; display: flex; flex-direction: column; gap: 8px; flex: 1;
}
.pa-award-card__tag {
    display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700;
    letter-spacing: .12em; text-transform: uppercase; color: var(--maroon);
}
.pa-award-card__title {
    font: 600 22px/1.25 var(--serif); color: var(--ink); margin: 0;
}

/* ==================== SERVICES GRID ==================== */
.pa-services__grid {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}
.pa-service {
    display: flex; flex-direction: column; padding: 28px 24px; border-radius: 20px;
    background: #fff;
    border: 1px solid transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(145deg, rgba(246, 220, 152, .95), var(--border) 32%, var(--border) 68%, rgba(197, 155, 43, .85)) border-box;
    box-shadow: var(--shadow-card);
    color: var(--ink) !important;
    transition: transform .4s var(--ease-out), box-shadow .4s var(--ease-out);
}
.pa-service:hover {
    transform: translateY(-6px); box-shadow: var(--shadow-lift);
}
/* Ensure all icon fonts (Flaticon & FontAwesome) are centered across all cards and sections */
.pa [class^="flaticon-"]::before,
.pa [class*=" flaticon-"]::before,
.pa [class^="flaticon-"]::after,
.pa [class*=" flaticon-"]::after,
.pa .fa::before,
.pa .fa::after {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin: 0 !important;
    display: inline-block;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}

.pa-service__icon {
    width: 52px; height: 52px; border-radius: 14px;
    display: flex; align-items: center; justify-content: center; text-align: center;
    color: var(--maroon);
    background: radial-gradient(circle at 32% 24%, #fff 0%, #fdf4e2 38%, #f2dcae 100%);
    box-shadow: inset 0 2px 2px #fff, inset 0 -3px 6px rgba(197, 155, 43, .28), 0 0 0 1px rgba(226, 180, 106, .65), 0 6px 14px -8px rgba(138, 100, 23, .6);
    font-size: 24px; margin-bottom: 18px; line-height: 1;
    transition: transform .4s, background .3s, color .3s;
}
.pa-service__icon i {
    display: flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; line-height: 1; text-align: center; font-size: 22px;
}
.pa-service__icon i::before {
    margin: 0 !important; line-height: 1; display: block;
}
.pa-service:hover .pa-service__icon {
    transform: scale(1.08) rotate(-6deg); background: var(--maroon); color: #fff;
}
.pa-service__name { font: 600 22px/1.2 var(--serif); color: var(--ink); margin: 0 0 8px; }
.pa-service__text { font-size: 14px; line-height: 1.65; color: var(--muted); margin: 0 0 16px; flex: 1; }

/* ==================== CLOSING CTA BAND ==================== */
.pa-band {
    position: relative; overflow: hidden; padding: clamp(68px, 8vw, 104px) 0;
    color: #fff; text-align: center;
    background:
        radial-gradient(900px 500px at 50% 20%, rgba(139, 26, 26, .7), transparent 70%),
        linear-gradient(180deg, var(--night-2), var(--night));
}
.pa-band::before {
    content: ""; position: absolute; left: 50%; top: 50%; width: 150vmax; height: 150vmax; margin: -75vmax 0 0 -75vmax; pointer-events: none;
    background: conic-gradient(from 0deg, transparent 0deg, rgba(139, 26, 26, .5) 55deg, rgba(197, 155, 43, .24) 115deg, transparent 165deg,
        rgba(96, 44, 150, .24) 215deg, rgba(139, 26, 26, .42) 275deg, rgba(197, 155, 43, .18) 330deg, transparent 360deg);
    filter: blur(70px); will-change: rotate; animation: pa-spin 80s linear infinite;
}
.pa-band::after {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: var(--pa-facets-light); background-size: 280px; opacity: .55; mix-blend-mode: overlay;
    -webkit-mask: radial-gradient(ellipse 80% 75% at 50% 50%, #000 20%, transparent 80%);
    mask: radial-gradient(ellipse 80% 75% at 50% 50%, #000 20%, transparent 80%);
}
.pa-band > .container { position: relative; z-index: 2; }
.pa-band__ring {
    position: absolute; left: 50%; top: 50%; width: 720px; height: 720px;
    margin: -360px 0 0 -360px; border-radius: 50%; pointer-events: none;
    border: 1px dashed rgba(246, 220, 152, .25); animation: pa-spin 140s linear infinite;
}
.pa-band h2 {
    font: 600 clamp(32px, 4.4vw, 54px)/1.15 var(--serif); color: #fff; margin: 0 0 18px;
}
.pa-band h2 em { color: transparent; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; }
.pa-band p {
    font-size: 17px; line-height: 1.75; color: rgba(255, 244, 228, .8); max-width: 620px; margin: 0 auto 34px;
}
.pa-band__ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }

/* Keyframes */
@keyframes pa-liquid { from { background-position: 0 0, 0% 50%; } to { background-position: 0 0, 100% 50%; } }
@keyframes pa-liquid-x { to { background-position: -200% 0; } }
@keyframes pa-glint { 0%, 62% { transform: translateX(-130%); } 88%, 100% { transform: translateX(130%); } }
@keyframes pa-drift { from { transform: translate3d(-3%, -2%, 0) rotate(0deg) scale(1); } to { transform: translate3d(3%, 3%, 0) rotate(6deg) scale(1.08); } }
@keyframes pa-shimmer { to { background-position: -220% 0; } }
@keyframes pa-breathe { 0%, 100% { transform: scale(1); opacity: .75; } 50% { transform: scale(1.12); opacity: 1; } }
@keyframes pa-spin { to { transform: rotate(360deg); } }
@keyframes pa-ring { to { --pa-angle: 360deg; } }
@keyframes pa-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

.pa-float { animation: pa-float 5s ease-in-out infinite; }

/* Responsive adjustments */
@media (max-width: 1199px) {
    .pa-pillars-block, .pa-services__grid, .pa-hallmarks-grid { grid-template-columns: repeat(2, 1fr); }
    .pa-stats { grid-template-columns: repeat(2, 1fr); }
    .pa-stats li:nth-child(3)::before { display: none; }
}
@media (max-width: 991px) {
    .pa-hero__grid, .pa-split, .pa-founder__card, .pa-reg__box { grid-template-columns: 1fr; gap: 40px; }
    .pa-split--rev > :first-child { order: 0; }
    .pa-awards-grid { grid-template-columns: repeat(2, 1fr); }
    .pa-pillars-grid { grid-template-columns: 1fr; }
    .pa-founder__arch { margin: 0 auto; }
    .pa-conf-strip { flex-direction: column; text-align: center; }
    .pa-conf-strip__left { flex-direction: column; text-align: center; }
}
@media (max-width: 640px) {
    .pa-awards-grid, .pa-pillars-block, .pa-services__grid, .pa-hallmarks-grid { grid-template-columns: 1fr; }
    .pa-stats { grid-template-columns: 1fr; }
    .pa-stats li + li::before { display: none; }
    .pa-hero__ctas, .pa-band__ctas { flex-direction: column; }
    .pa-btn { width: 100%; }
    .pa-badge { left: 10px; bottom: 16px; }
}

/* ==================== Review fixes ==================== */
.pa-prose p { margin: 0 0 1.05em; line-height: 1.8; }
.pa-prose p:last-child { margin-bottom: 0; }
/* consultation copy: readable left-aligned columns instead of one long centred block */
.pa-prose--cols { column-count: 3; column-gap: 36px; max-width: 1140px; margin: 0 auto 44px; font-size: 15.5px; color: #4a3f37; }
.pa-prose--cols p { break-inside: avoid; }
@media (max-width: 991px) { .pa-prose--cols { column-count: 1; max-width: 680px; } }