/*
Theme Name: Escort Bayane Hebrew Polished SEO
Theme URI: https://escortbayane.com/
Author: Escort Bayane
Description: עיצוב וורדפרס עברי לאתר נערות ליווי ושירותי ליווי בישראל, עם hero לוגו, כרטיסי פרופיל, גלריות, טקסטים טבעיים, כפתורי קשר ותמיכה ב-Yoast SEO Pro.
Version: 4.7.1-mobile-menu-hero-logo-seo-text
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
License: GPLv2 or later
Text Domain: israel-elite-escort-seo
Tags: featured-images, rtl-language-support, custom-logo, one-column, two-columns, accessibility-ready
*/
:root {
    --bg: #07040d;
    --bg2: #12081a;
    --ink: #fffaf2;
    --muted: #cbbdcf;
    --soft: #9f90a6;
    --panel: rgba(255,255,255,.066);
    --panel2: rgba(255,255,255,.105);
    --line: rgba(255,255,255,.14);
    --line2: rgba(229,190,119,.38);
    --gold: #e7bd72;
    --gold2: #ffe4a4;
    --rose: #ff6fba;
    --violet: #8d7dff;
    --green: #8ee8b2;
    --dark: #0d0714;
    --shadow: 0 30px 90px rgba(0,0,0,.42);
    --shadow2: 0 18px 55px rgba(0,0,0,.26);
    --radius: 30px;
    --radius2: 42px;
    --max: 1220px;
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth;
    direction: rtl;
    background: var(--bg)
}

body {
    margin: 0;
    direction: rtl;
    text-align: right;
    background: radial-gradient(circle at 80% 0%,rgba(255,111,186,.22),transparent 28%), radial-gradient(circle at 10% 8%,rgba(231,189,114,.17),transparent 28%), linear-gradient(180deg,#090512 0%,#0f0717 42%,#05030a 100%);
    color: var(--ink);
    font-family: Heebo,Rubik,Arial,"Noto Sans Hebrew",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    line-height: 1.62;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden
}

body:before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background-image: linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(180deg,rgba(0,0,0,.8),transparent 78%)
}

img {
    max-width: 100%;
    height: auto;
    display: block
}

a {
    color: inherit;
    text-decoration: none
}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
    outline: 3px solid var(--gold2);
    outline-offset: 4px
}

.skip-link {
    position: absolute;
    right: -9999px;
    top: 8px;
    background: #fff;
    color: #111;
    padding: .7rem 1rem;
    z-index: 9999
}

.skip-link:focus {
    right: 8px
}

.wrap {
    max-width: var(--max);
    margin-inline:auto;padding-inline:24px}

/* Header */
.site-header {
    position: sticky;
    top: 0;
    z-index: 80;
    background: rgba(8,4,14,.67);
    backdrop-filter: blur(22px) saturate(1.25);
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.top-ribbon {
    border-bottom: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(90deg,rgba(231,189,114,.1),rgba(255,111,186,.08),rgba(141,125,255,.1))
}

.top-ribbon-inner {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    color: var(--soft);
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .01em
}

.top-ribbon-inner span {
    display: inline-flex;
    align-items: center;
    gap: 7px
}

.top-ribbon-inner span:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gold);
    box-shadow: 0 0 18px rgba(231,189,114,.9)
}

.header-inner {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px
}

.brand {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 240px
}

.brand-mark {
    width: 52px;
    height: 52px;
    position: relative;
    border-radius: 19px;
    background: linear-gradient(145deg,rgba(255,228,164,1),rgba(231,189,114,.86) 48%,rgba(255,111,186,.82));
    box-shadow: 0 18px 45px rgba(231,189,114,.22),inset 0 0 0 1px rgba(255,255,255,.42);
    overflow: hidden
}

.brand-mark:after {
    content: "";
    position: absolute;
    inset: 11px;
    border-radius: 14px;
    border: 1px solid rgba(14,7,20,.38)
}

.brand-mark i {
    position: absolute;
    inset: 20px 13px;
    background: #180d16;
    border-radius: 999px;
    transform: rotate(-32deg);
    opacity: .84
}

.brand-copy {
    display: grid;
    gap: 1px
}

.brand-copy strong {
    font-size: 1.06rem;
    font-weight: 950;
    letter-spacing: -.02em
}

.brand-copy small {
    color: var(--soft);
    font-size: .77rem;
    font-weight: 760
}

.custom-logo {
    max-height: 58px;
    width: auto
}

.nav {
    display: flex;
    align-items: center;
    gap: 18px
}

.nav ul {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 6px;
    list-style: none;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 999px;
    background: rgba(255,255,255,.045)
}

.nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    font-weight: 850;
    font-size: .92rem;
    padding: .68rem .84rem;
    border-radius: 999px
}

.nav li a:hover,.nav li.current-menu-item>a {
    color: var(--ink);
    background: rgba(255,255,255,.075)
}

.menu-toggle {
    display: none;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.05);
    color: #fff;
    border-radius: 999px;
    padding: .72rem 1rem;
    font-weight: 900
}

.btn,.wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 999px;
    padding: .95rem 1.25rem;
    font-weight: 950;
    line-height: 1;
    color: #1a0e08;
    background: linear-gradient(135deg,var(--gold2),var(--gold) 55%,#f1a85e);
    box-shadow: 0 16px 40px rgba(231,189,114,.28),inset 0 1px 0 rgba(255,255,255,.55);
    cursor: pointer;
    transition: transform .2s ease,box-shadow .2s ease,filter .2s ease
}

.btn:hover {
    transform: translateY(-2px);
    filter: saturate(1.06);
    box-shadow: 0 22px 52px rgba(231,189,114,.34)
}

.btn.secondary {
    background: rgba(255,255,255,.065);
    color: var(--ink);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12)
}

.header-cta {
    white-space: nowrap
}

/* Hero */
.hero {
    position: relative;
    overflow: hidden;
    padding: 96px 0 64px
}

.hero:before {
    content: "";
    position: absolute;
    inset: 10% auto auto 55%;
    width: 620px;
    height: 620px;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(255,111,186,.22),transparent 62%);
    filter: blur(10px);
    pointer-events: none
}

.hero-grid {
    display: grid;
    grid-template-columns: minmax(0,1.04fr) minmax(340px,.96fr);
    gap: 52px;
    align-items: center
}

.hero-copy {
    position: relative;
    z-index: 2
}

.eyebrow {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    border: 1px solid rgba(231,189,114,.27);
    background: linear-gradient(135deg,rgba(231,189,114,.14),rgba(255,111,186,.07));
    color: var(--gold2);
    border-radius: 999px;
    padding: .45rem .75rem;
    font-size: .8rem;
    font-weight: 950;
    letter-spacing: .01em
}

.hero h1,.page-title {
    font-size: clamp(2.7rem,8vw,6.4rem);
    line-height: .9;
    letter-spacing: -.065em;
    margin: 21px 0 18px;
    text-wrap: balance
}

.hero h1 {
    max-width: 780px;
    background: linear-gradient(180deg,#fffaf2 0%,#ffe6b1 46%,#d7b6e7 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.hero p,.lead {
    font-size: clamp(1.05rem,2vw,1.34rem);
    color: var(--muted);
    max-width: 780px
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px
}

.trust-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 24px
}

.trust-strip span {
    border: 1px solid rgba(255,255,255,.11);
    background: rgba(255,255,255,.05);
    border-radius: 999px;
    padding: .43rem .7rem;
    color: var(--soft);
    font-size: .82rem;
    font-weight: 850
}

.hero-stage {
    position: relative;
    min-height: 610px;
    border-radius: var(--radius2);
    background: linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: var(--shadow);
    overflow: hidden;
    isolation: isolate
}

.hero-stage:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 60% 20%,rgba(231,189,114,.34),transparent 24%),radial-gradient(circle at 20% 70%,rgba(141,125,255,.24),transparent 28%),linear-gradient(150deg,#201025,#08050e 70%);
    z-index: -2
}

.hero-stage:after {
    content: "";
    position: absolute;
    right: 18%;
    bottom: -3%;
    width: 42%;
    height: 82%;
    border-radius: 46% 46% 10% 10%;
    background: linear-gradient(180deg,rgba(255,232,198,.48),rgba(255,111,186,.13));
    filter: blur(.2px);
    opacity: .68;
    box-shadow: 0 0 120px rgba(255,111,186,.18);
    z-index: -1
}

.stage-card {
    position: absolute;
    border: 1px solid rgba(255,255,255,.15);
    background: rgba(9,5,14,.66);
    backdrop-filter: blur(18px);
    border-radius: 26px;
    padding: 22px;
    box-shadow: 0 20px 70px rgba(0,0,0,.35)
}

.stage-card span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient(135deg,var(--gold2),var(--gold));
    color: #180d16;
    font-weight: 950
}

.stage-card h2 {
    font-size: 1.45rem;
    margin: 14px 0 6px;
    letter-spacing: -.02em
}

.stage-card p {
    margin: 0;
    color: var(--muted);
    font-size: .96rem
}

.stage-main {
    right: 28px;
    bottom: 28px;
    width: 57%
}

.stage-float-one {
    left: 24px;
    top: 38px;
    width: 52%
}

.stage-float-two {
    left: 34px;
    bottom: 130px;
    width: 42%
}

/* Sections */
.section {
    padding: 72px 0
}

.section-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 24px;
    margin-bottom: 30px
}

.center-head {
    justify-content: center;
    text-align: center
}

.center-head p {
    margin-inline:auto}

.section h2 {
    font-size: clamp(1.9rem,4.7vw,3.7rem);
    letter-spacing: -.052em;
    line-height: .98;
    margin: 0;
    text-wrap: balance
}

.section h3 {
    letter-spacing: -.028em
}

.section p {
    color: var(--muted)
}

.grid {
    display: grid;
    gap: 19px
}

.grid.cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

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

.bento-section {
    position: relative
}

.bento-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    grid-auto-rows: minmax(190px,auto);
    gap: 18px
}

.bento-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 34px;
    background: linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.032));
    padding: 28px;
    box-shadow: var(--shadow2)
}

.bento-card:before {
    content: "";
    position: absolute;
    inset: -1px;
    background: radial-gradient(circle at 30% 0%,rgba(231,189,114,.18),transparent 32%);
    pointer-events: none
}

.bento-card.wide {
    grid-column: span 2
}

.bento-card.tall {
    grid-row: span 2
}

.bento-card h3 {
    font-size: clamp(1.45rem,2.8vw,2.35rem);
    line-height: 1.03;
    margin: 16px 0 10px
}

.bento-card p {
    margin: 0;
    color: var(--muted)
}

.card {
    position: relative;
    display: block;
    border: 1px solid rgba(255,255,255,.12);
    background: linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028));
    border-radius: 30px;
    padding: 23px;
    min-height: 215px;
    overflow: hidden;
    box-shadow: 0 18px 58px rgba(0,0,0,.22);
    transition: transform .23s ease,border-color .23s ease,background .23s ease,box-shadow .23s ease
}

.card:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 16% 0%,rgba(255,111,186,.11),transparent 34%),radial-gradient(circle at 90% 10%,rgba(231,189,114,.14),transparent 28%);
    opacity: 0;
    transition: opacity .23s ease
}

.card:hover {
    transform: translateY(-5px);
    border-color: rgba(231,189,114,.48);
    background: linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.035));
    box-shadow: 0 28px 85px rgba(0,0,0,.32)
}

.card:hover:before {
    opacity: 1
}

.card>* {
    position: relative
}

.card h3 {
    font-size: 1.32rem;
    line-height: 1.13;
    margin: 16px 0 10px
}

.card p {
    margin: 0;
    color: var(--muted);
    font-size: .98rem
}

.card .meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px
}

.pill {
    display: inline-flex;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    padding: .32rem .6rem;
    color: var(--soft);
    font-size: .77rem;
    font-weight: 900;
    background: rgba(255,255,255,.035)
}

.split-panel {
    display: grid;
    grid-template-columns: minmax(0,.95fr) minmax(320px,1.05fr);
    gap: 34px;
    align-items: center;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 42px;
    background: linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.032));
    padding: 36px;
    box-shadow: var(--shadow2);
    overflow: hidden
}

.split-panel h2 {
    margin: 16px 0 12px
}

.mini-city-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px
}

.mini-city-grid a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 62px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 20px;
    background: rgba(255,255,255,.045);
    padding: 0 18px;
    color: var(--muted);
    font-weight: 900
}

.mini-city-grid a:after {
    content: "←";
    color: var(--gold2)
}

.mini-city-grid a:hover {
    border-color: rgba(231,189,114,.45);
    color: var(--ink);
    background: rgba(231,189,114,.08)
}

.profile-card {
    padding: 0;
    min-height: auto
}

.profile-media {
    aspect-ratio: 4/5;
    background: linear-gradient(145deg,#2a1631,#08050e);
    position: relative;
    overflow: hidden
}

.profile-media img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.profile-media:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,transparent 44%,rgba(0,0,0,.84))
}

.profile-body {
    padding: 19px
}

.verified {
    color: var(--green);
    font-weight: 950
}

.content {
    font-size: 1.05rem
}

.content h2,.content h3 {
    letter-spacing: -.035em;
    line-height: 1.08
}

.content h2 {
    font-size: clamp(1.65rem,3.2vw,2.65rem);
    margin-top: 1.6em
}

.content a {
    text-decoration: underline;
    text-decoration-color: rgba(231,189,114,.65);
    text-underline-offset: 3px
}

.content ul,.content ol {
    padding-left: 0;
    padding-right: 1.25rem
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--soft);
    font-size: .9rem;
    margin: 6px 0 28px
}

.breadcrumbs a {
    color: var(--gold2)
}

.two-col {
    display: grid;
    grid-template-columns: minmax(0,1fr) 360px;
    gap: 34px;
    align-items: start
}

.glass-content,.sidebox {
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 32px;
    background: linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.028));
    padding: 26px;
    box-shadow: var(--shadow2)
}

.sidebox {
    position: sticky;
    top: 126px
}

.sidebox h3 {
    font-size: 1.35rem;
    margin: 0 0 14px
}

.sidebox ul {
    margin: 0 0 22px;
    padding-left: 0;
    padding-right: 1.15rem;
    color: var(--muted)
}

.premium-sidebox {
    background: linear-gradient(150deg,rgba(231,189,114,.12),rgba(255,255,255,.035))
}

/* Answer engine sections */
.intent-map,.answer-hub,.order-path,.editor-brief {
    margin: 46px 0;
    padding: 30px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 38px;
    background: linear-gradient(145deg,rgba(255,255,255,.083),rgba(255,255,255,.03));
    box-shadow: var(--shadow2);
    overflow: hidden;
    position: relative
}

.intent-map:before,.answer-hub:before,.order-path:before,.editor-brief:before {
    content: "";
    position: absolute;
    inset: auto auto 0 0;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle,rgba(231,189,114,.14),transparent 65%);
    pointer-events: none
}

.intent-map h2,.answer-hub h2,.order-path h2,.editor-brief h2 {
    margin: 16px 0 12px;
    font-size: clamp(1.75rem,3.4vw,2.9rem);
    position: relative
}

.question-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
    margin-top: 24px;
    position: relative
}

.question-card {
    position: relative;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 24px;
    background: rgba(255,255,255,.043);
    padding: 19px;
    min-height: 192px;
    transition: transform .2s ease,border-color .2s ease
}

.question-card:hover {
    transform: translateY(-3px);
    border-color: rgba(231,189,114,.36)
}

.question-card h3 {
    font-size: 1.07rem;
    margin: 10px 0 8px;
    line-height: 1.25
}

.question-card p {
    margin: 0;
    color: var(--muted);
    font-size: .96rem
}

.question-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 32px;
    border-radius: 999px;
    background: linear-gradient(135deg,rgba(231,189,114,.22),rgba(255,111,186,.12));
    border: 1px solid rgba(231,189,114,.28);
    color: var(--gold2);
    font-weight: 950;
    font-size: .84rem
}

.answer-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
    margin-top: 24px
}

.answer-grid article,.brief-list div {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 24px;
    background: rgba(255,255,255,.043);
    padding: 22px
}

.answer-grid h3,.brief-list h3 {
    margin-top: 0;
    color: var(--ink)
}

.steps {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 15px;
    margin-top: 24px
}

.step {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 24px;
    background: rgba(255,255,255,.043);
    padding: 20px
}

.step strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 15px;
    background: linear-gradient(135deg,var(--gold2),var(--gold));
    color: #150d08
}

.step h3 {
    margin: 14px 0 8px
}

.brief-list {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 15px;
    margin-top: 22px
}

.faq {
    display: grid;
    gap: 13px
}

.faq details {
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 22px;
    background: rgba(255,255,255,.045);
    padding: 18px 20px
}

.faq summary {
    cursor: pointer;
    font-weight: 950
}

.faq p {
    margin: 11px 0 0;
    color: var(--muted)
}

.notice {
    border: 1px solid rgba(231,189,114,.36);
    border-radius: 24px;
    background: rgba(231,189,114,.09);
    padding: 18px;
    color: var(--muted)
}

.search-form {
    display: flex;
    gap: 10px
}

.search-form input {
    flex: 1;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    background: rgba(5,3,10,.78);
    color: #fff;
    padding: .94rem 1rem
}

.search-form input {
    text-align: right
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0)
}

.alignwide {
    max-width: var(--max);
    margin-inline:auto}

.not-found {
    padding: 90px 0;
    text-align: center
}

/* Footer and age gate */
.site-footer {
    border-top: 1px solid rgba(255,255,255,.1);
    padding: 54px 0;
    background: linear-gradient(180deg,#07040d,#030206);
    color: var(--soft)
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.25fr repeat(3,1fr);
    gap: 26px
}

.footer-grid h3 {
    color: var(--ink);
    margin-top: 0
}

.footer-grid ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 9px
}

.footer-grid a:hover {
    color: var(--gold2)
}

.age-gate {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.88);
    z-index: 9998;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    backdrop-filter: blur(10px)
}

.age-gate.is-visible {
    display: flex
}

.age-box {
    max-width: 540px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 34px;
    background: linear-gradient(180deg,#1b1024,#08050e);
    padding: 32px;
    box-shadow: var(--shadow);
    text-align: center
}

.age-box h2 {
    font-size: 2.15rem;
    margin: 14px 0 10px
}

.age-actions {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px
}

@media(max-width: 1020px) {
    .hero-grid,.split-panel,.two-col {
        grid-template-columns:1fr
    }

    .hero-stage {
        min-height: 520px
    }

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

    .grid.cols-3 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .bento-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .bento-card.wide,.bento-card.tall {
        grid-column: auto;
        grid-row: auto
    }

    .sidebox {
        position: static
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr
    }

    .section-head {
        align-items: start;
        flex-direction: column
    }

    .center-head {
        align-items: center
    }

    .steps {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width: 860px) {
    .top-ribbon-inner {
        justify-content:flex-start;
        overflow: auto;
        padding-block:7px}

    .menu-toggle {
        display: inline-flex
    }

    .nav {
        position: absolute;
        top: 113px;
        left: 14px;
        right: 14px;
        display: none;
        background: rgba(8,4,14,.98);
        border: 1px solid rgba(255,255,255,.13);
        border-radius: 28px;
        padding: 14px;
        box-shadow: var(--shadow)
    }

    .nav.is-open {
        display: block
    }

    .nav ul {
        display: grid;
        border: 0;
        background: transparent;
        border-radius: 0;
        gap: 4px
    }

    .nav a {
        justify-content: flex-start
    }

    .nav .btn {
        width: 100%;
        justify-content: center;
        margin-top: 8px
    }

    .header-inner {
        min-height: 78px
    }

    .brand {
        min-width: 0
    }

    .brand-copy small {
        display: none
    }

    .question-grid,.answer-grid,.brief-list {
        grid-template-columns: 1fr
    }

    .hero {
        padding-top: 72px
    }

    .stage-main {
        width: auto;
        right: 20px;
        left: 20px
    }

    .stage-float-one {
        right: 20px;
        left: auto;
        width: 56%
    }

    .stage-float-two {
        left: 20px;
        width: 52%
    }
}

@media(max-width: 560px) {
    .wrap {
        padding-inline:16px
    }

    .hero h1,.page-title {
        font-size: 3rem
    }

    .hero-stage {
        min-height: 460px;
        border-radius: 32px
    }

    .stage-card {
        padding: 16px
    }

    .stage-card h2 {
        font-size: 1.1rem
    }

    .stage-card p {
        font-size: .86rem
    }

    .stage-float-one,.stage-float-two {
        width: 66%
    }

    .grid.cols-3,.grid.cols-4,.bento-grid,.mini-city-grid,.footer-grid,.steps {
        grid-template-columns: 1fr
    }

    .split-panel,.intent-map,.answer-hub,.order-path,.editor-brief,.glass-content,.sidebox {
        padding: 21px;
        border-radius: 28px
    }

    .card {
        min-height: 175px
    }

    .top-ribbon-inner {
        font-size: .72rem
    }

    .brand-mark {
        width: 46px;
        height: 46px
    }

    .nav {
        top: 108px
    }

    .section {
        padding: 54px 0
    }
}

/* Rich contact edition: denser premium visuals, SVG details and safer contact triggers */
body {
    background: radial-gradient(circle at 78% -4%,rgba(255,111,186,.33),transparent 25%), radial-gradient(circle at 13% 4%,rgba(231,189,114,.25),transparent 28%), radial-gradient(circle at 50% 105%,rgba(141,125,255,.2),transparent 32%), linear-gradient(180deg,#0a0411 0%,#13091f 46%,#05020a 100%)
}

body:after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background: radial-gradient(circle at 50% 50%,transparent 0 56%,rgba(0,0,0,.42) 100%)
}

.icon {
    width: 1.08em;
    height: 1.08em;
    fill: currentColor;
    flex: 0 0 auto
}

.header-glow {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden
}

.header-glow:before {
    content: "";
    position: absolute;
    left: 10%;
    top: -80px;
    width: 260px;
    height: 160px;
    background: radial-gradient(circle,rgba(231,189,114,.28),transparent 68%);
    filter: blur(10px)
}

.site-header {
    box-shadow: 0 12px 45px rgba(0,0,0,.28)
}

.brand-mark {
    display: grid;
    place-items: center
}

.brand-mark svg {
    width: 34px;
    height: 34px;
    fill: #150812;
    filter: drop-shadow(0 10px 22px rgba(0,0,0,.18))
}

.brand-mark i {
    display: none
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 9px
}

.call-cta:before {
    content: "☎";
    font-size: .95em
}

.whatsapp-cta:before {
    content: "✦";
    color: var(--gold2)
}

.btn[disabled] {
    opacity: .72;
    cursor: wait;
    transform: none
}

.btn.is-loading {
    filter: saturate(.8)
}

.hero:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(231,189,114,.55),rgba(255,111,186,.33),transparent)
}

.premium-hero .hero-copy:before {
    content: "";
    position: absolute;
    inset: -36px -40px auto auto;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(231,189,114,.18);
    border-radius: 50%;
    background: radial-gradient(circle,rgba(231,189,114,.08),transparent 60%);
    z-index: -1;
    animation: ieesPulse 7s ease-in-out infinite
}

.hero-stage {
    background: linear-gradient(150deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
    transform: translateZ(0)
}

.hero-stage:before {
    animation: ieesFloatBg 9s ease-in-out infinite alternate
}

.stage-card {
    animation: ieesCardFloat 6s ease-in-out infinite
}

.stage-float-one {
    animation-delay: -1.2s
}

.stage-float-two {
    animation-delay: -2.1s
}

.card,.bento-card,.answer-grid article,.question-card,.step,.profile-archive-intro>div {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .55s ease,transform .55s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
    transition-delay: var(--reveal-delay,0ms)
}

.card.is-visible,.bento-card.is-visible,.answer-grid article.is-visible,.question-card.is-visible,.step.is-visible,.profile-archive-intro>div.is-visible {
    opacity: 1;
    transform: translateY(0)
}

.card-orb {
    position: absolute;
    left: 18px;
    top: 18px;
    width: 46px;
    height: 46px;
    border-radius: 18px;
    background: linear-gradient(135deg,rgba(231,189,114,.22),rgba(255,111,186,.18));
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 15px 40px rgba(231,189,114,.12)
}

.card-orb:after {
    content: "";
    position: absolute;
    inset: 14px;
    border-radius: 50%;
    background: var(--gold2);
    box-shadow: 0 0 24px rgba(255,228,164,.52)
}

.card {
    background: linear-gradient(150deg,rgba(255,255,255,.095),rgba(255,255,255,.028));
    border-color: rgba(255,255,255,.14)
}

.card:after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 29px;
    background: linear-gradient(135deg,rgba(255,255,255,.08),transparent 38%,rgba(231,189,114,.08));
    pointer-events: none;
    opacity: .72
}

.profile-card:after {
    border-radius: 30px
}

.profile-card .profile-media:before {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 24px;
    z-index: 2;
    pointer-events: none
}

.profile-card .profile-body {
    background: linear-gradient(180deg,rgba(15,7,22,.95),rgba(8,4,12,.98))
}

.premium-profile-grid {
    align-items: stretch
}

.profile-archive-intro {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px;
    margin: 28px 0 34px
}

.profile-archive-intro>div {
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 26px;
    background: linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035));
    padding: 20px;
    box-shadow: 0 18px 55px rgba(0,0,0,.22);
    display: grid;
    gap: 7px;
    position: relative;
    overflow: hidden
}

.profile-archive-intro>div:before {
    content: "";
    position: absolute;
    left: -40px;
    top: -40px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(231,189,114,.18),transparent 70%)
}

.profile-archive-intro .icon {
    font-size: 1.45rem;
    color: var(--gold2)
}

.profile-archive-intro strong {
    font-size: 1.08rem;
    color: var(--ink)
}

.profile-archive-intro span {
    color: var(--muted);
    font-size: .92rem
}

.bento-card {
    background: linear-gradient(150deg,rgba(255,255,255,.105),rgba(255,255,255,.032));
    box-shadow: 0 30px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)
}

.bento-card:nth-child(2) {
    background: linear-gradient(150deg,rgba(255,111,186,.13),rgba(255,255,255,.035))
}

.bento-card:nth-child(3) {
    background: linear-gradient(150deg,rgba(141,125,255,.13),rgba(255,255,255,.035))
}

.bento-card:nth-child(4) {
    background: linear-gradient(150deg,rgba(231,189,114,.13),rgba(255,255,255,.035))
}

.answer-hub,.intent-map,.order-path,.editor-brief,.split-panel,.glass-content,.sidebox {
    box-shadow: 0 28px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.075)
}

.answer-grid article,.question-card,.step {
    background: linear-gradient(150deg,rgba(255,255,255,.068),rgba(255,255,255,.026))
}

.sidebox .btn,.footer-contact-actions .btn {
    width: 100%;
    margin-top: 8px
}

.footer-contact-actions {
    display: grid;
    gap: 10px;
    margin-top: 12px
}

.footer-btn {
    padding: .78rem 1rem
}

.site-footer {
    background: radial-gradient(circle at 20% 0%,rgba(231,189,114,.1),transparent 28%),linear-gradient(180deg,#07040d,#020105)
}

@keyframes ieesPulse {
    0%,100% {
        transform: scale(.96);
        opacity: .55
    }

    50% {
        transform: scale(1.05);
        opacity: .95
    }
}

@keyframes ieesFloatBg {
    0% {
        filter: hue-rotate(0deg);
        transform: scale(1)
    }

    100% {
        filter: hue-rotate(9deg);
        transform: scale(1.03)
    }
}

@keyframes ieesCardFloat {
    0%,100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-8px)
    }
}

@media(max-width: 860px) {
    .header-actions {
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px
    }

    .nav .header-actions {
        margin-top: 10px
    }

    .nav .header-actions .btn {
        margin-top: 0
    }

    .profile-archive-intro {
        grid-template-columns: 1fr
    }

    .card,.bento-card,.answer-grid article,.question-card,.step,.profile-archive-intro>div {
        opacity: 1;
        transform: none
    }

    .stage-card {
        animation: none
    }
}

@media(prefers-reduced-motion:reduce) {
    * {
        animation: none!important;
        transition: none!important;
        scroll-behavior: auto!important
    }

    .card,.bento-card,.answer-grid article,.question-card,.step,.profile-archive-intro>div {
        opacity: 1!important;
        transform: none!important
    }
}

/* Complete profile and internal linking upgrade */
.hero-copy a,.content a,.archive-hero a,.bento-card a {
    color: var(--gold2);
    font-weight: 950;
    text-decoration: underline;
    text-decoration-color: rgba(231,189,114,.45);
    text-underline-offset: 4px
}

.btn.tertiary {
    background: linear-gradient(135deg,rgba(255,111,186,.22),rgba(141,125,255,.18));
    color: var(--ink);
    border: 1px solid rgba(255,255,255,.17);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
}

.featured-profiles-section {
    position: relative
}

.featured-profiles-section:before {
    content: "";
    position: absolute;
    inset: 10% 0 auto auto;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(255,111,186,.2),transparent 70%);
    filter: blur(18px);
    pointer-events: none
}

.featured-profile-grid .profile-card {
    min-height: 100%
}

.profile-placeholder {
    min-height: 260px;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg,rgba(231,189,114,.18),rgba(255,111,186,.12),rgba(141,125,255,.12));
    border-radius: 24px
}

.profile-placeholder .icon {
    width: 58px;
    height: 58px;
    fill: var(--gold2);
    opacity: .85
}

.profile-hero-section {
    position: relative;
    padding: 48px 0 78px;
    overflow: hidden
}

.profile-hero-section:before {
    content: "";
    position: absolute;
    inset: -18% -10% auto auto;
    width: 760px;
    height: 760px;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(231,189,114,.18),transparent 62%);
    filter: blur(18px);
    pointer-events: none
}

.profile-hero-layout {
    display: grid;
    grid-template-columns: minmax(320px,.78fr) minmax(0,1.22fr);
    gap: 34px;
    align-items: stretch;
    margin-top: 24px
}

.profile-photo-panel {
    position: relative;
    overflow: hidden;
    border-radius: 44px;
    min-height: 640px;
    background: linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
    border: 1px solid rgba(255,255,255,.15);
    box-shadow: var(--shadow)
}

.profile-photo-panel:after {
    content: "";
    position: absolute;
    inset: 16px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 34px;
    pointer-events: none
}

.profile-photo-panel img {
    width: 100%;
    height: 100%;
    min-height: 640px;
    object-fit: cover
}

.profile-photo-placeholder {
    height: 100%;
    min-height: 640px;
    display: grid;
    place-items: center;
    gap: 14px;
    text-align: center;
    background: radial-gradient(circle at 50% 30%,rgba(231,189,114,.28),transparent 28%),linear-gradient(145deg,#21112a,#07040d)
}

.profile-photo-placeholder .icon {
    width: 84px;
    height: 84px;
    fill: var(--gold2)
}

.profile-info-panel {
    position: relative;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 44px;
    background: linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.032));
    box-shadow: var(--shadow2);
    padding: 38px;
    overflow: hidden
}

.profile-info-panel:before {
    content: "";
    position: absolute;
    left: -120px;
    top: -120px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(255,111,186,.18),transparent 70%);
    pointer-events: none
}

.profile-info-panel .page-title {
    font-size: clamp(3rem,7vw,6.2rem)
}

.profile-character-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 13px;
    margin: 30px 0
}

.profile-character-card {
    border: 1px solid rgba(255,255,255,.13);
    background: rgba(255,255,255,.055);
    border-radius: 24px;
    padding: 18px;
    display: grid;
    gap: 7px;
    position: relative;
    overflow: hidden
}

.profile-character-card:before {
    content: "";
    position: absolute;
    inset: auto -30px -40px auto;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(231,189,114,.14),transparent 70%)
}

.profile-character-card .icon {
    width: 28px;
    height: 28px;
    fill: var(--gold2)
}

.profile-character-card small {
    color: var(--soft);
    font-weight: 900
}

.profile-character-card strong {
    color: var(--ink);
    line-height: 1.35
}

.profile-single-grid {
    align-items: start
}

.profile-main-copy h2 {
    margin-top: 0
}

.profile-contact-box {
    border-color: rgba(231,189,114,.28)
}

.review-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
    margin-top: 24px
}

.review-card {
    border: 1px solid rgba(255,255,255,.13);
    background: linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.032));
    border-radius: 28px;
    padding: 24px;
    box-shadow: var(--shadow2)
}

.review-card strong {
    font-size: 1.13rem;
    color: var(--gold2)
}

.review-card p {
    margin-bottom: 0
}

.profile-services .section-head {
    margin-bottom: 24px
}

.contact-action-panel {
    margin-top: 34px;
    border: 1px solid rgba(231,189,114,.26);
    border-radius: 32px;
    background: linear-gradient(145deg,rgba(231,189,114,.12),rgba(255,255,255,.04));
    padding: 28px;
    box-shadow: var(--shadow2)
}

.page-content-box {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 36px;
    background: rgba(255,255,255,.045);
    padding: 34px
}

.breadcrumbs strong {
    font-weight: 900;
    color: var(--gold2)
}

@media (max-width: 980px) {
    .profile-hero-layout {
        grid-template-columns:1fr
    }

    .profile-photo-panel,.profile-photo-panel img,.profile-photo-placeholder {
        min-height: 520px
    }

    .profile-character-grid {
        grid-template-columns: 1fr
    }

    .review-grid {
        grid-template-columns: 1fr
    }

    .featured-profile-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))!important
    }
}

@media (max-width: 640px) {
    .profile-photo-panel,.profile-photo-panel img,.profile-photo-placeholder {
        min-height:420px
    }

    .profile-info-panel {
        padding: 24px;
        border-radius: 32px
    }

    .featured-profile-grid {
        grid-template-columns: 1fr!important
    }

    .contact-action-panel {
        padding: 20px
    }

    .page-content-box {
        padding: 22px
    }
}

/* ==========================================================
   v4.2 Luxury hero redesign: dark plum, gold ornaments, model stage
   ========================================================== */
:root {
    --lux-plum: #25101f;
    --lux-plum2: #3a1730;
    --lux-black: #050207;
    --lux-gold: #e9bf78;
    --lux-gold2: #ffe2a3;
    --lux-rose: #d889a5;
    --lux-border: rgba(233,191,120,.42)
}

.site-header {
    background: linear-gradient(180deg,rgba(7,3,10,.92),rgba(7,3,10,.72));
    border-bottom: 1px solid rgba(233,191,120,.26);
    box-shadow: 0 12px 45px rgba(0,0,0,.32)
}

.header-glow {
    position: absolute;
    inset: auto 42% -1px 42%;
    height: 1px;
    background: linear-gradient(90deg,transparent,var(--lux-gold2),transparent);
    box-shadow: 0 0 22px rgba(233,191,120,.85)
}

.top-ribbon {
    background: linear-gradient(90deg,rgba(233,191,120,.055),rgba(216,137,165,.075),rgba(233,191,120,.055));
    border-bottom-color: rgba(233,191,120,.16)
}

.brand-mark {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    width: 56px;
    height: 44px;
    display: grid;
    place-items: center;
    overflow: visible
}

.brand-mark svg {
    fill: var(--lux-gold2);
    filter: drop-shadow(0 0 18px rgba(233,191,120,.34))
}

.brand-mark:after,.brand-mark i {
    display: none
}

.brand-copy strong {
    font-family: Georgia,'Times New Roman',serif;
    font-weight: 700;
    color: #f8e1b0;
    letter-spacing: .01em
}

.nav ul {
    background: transparent;
    border-color: rgba(233,191,120,.2);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025)
}

.nav a {
    color: #e9d9c4
}

.nav li a:hover,.nav li.current-menu-item>a {
    background: rgba(233,191,120,.11);
    color: #fff5df
}

.header-actions .btn {
    box-shadow: 0 14px 35px rgba(233,191,120,.18)
}

.hero-luxury-home {
    min-height: 820px;
    padding: 70px 0 42px;
    background: radial-gradient(circle at 45% 22%,rgba(216,137,165,.34),transparent 24%), radial-gradient(circle at 10% 74%,rgba(233,191,120,.14),transparent 22%), linear-gradient(115deg,#060208 0%,#160818 38%,#2b1028 52%,#08030a 100%);
    isolation: isolate
}

.hero-luxury-home:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 80%,rgba(233,191,120,.14),transparent 32%),radial-gradient(circle at 74% 28%,rgba(216,137,165,.12),transparent 28%);
    opacity: .8;
    filter: none;
    z-index: -3
}

.hero-luxury-home:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,rgba(5,2,7,.82) 0%,rgba(5,2,7,.34) 30%,rgba(5,2,7,.64) 65%,rgba(5,2,7,.96) 100%), radial-gradient(ellipse at 28% 105%,rgba(233,191,120,.2),transparent 44%);
    z-index: -2
}

.hero-lux-bg:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(110deg,transparent 0 72%,rgba(233,191,120,.55) 72.05%,transparent 72.2%), radial-gradient(circle at 4% 18%,rgba(233,191,120,.32) 0 1px,transparent 2px), radial-gradient(circle at 98% 12%,rgba(233,191,120,.22) 0 1px,transparent 2px);
    opacity: .75;
    pointer-events: none;
    z-index: -1
}

.hero-lux-bg:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 46%;
    height: 44%;
    background: linear-gradient(0deg,rgba(5,2,7,.05),transparent 20%),repeating-linear-gradient(90deg,rgba(233,191,120,.14) 0 2px,transparent 2px 72px);
    mask-image: linear-gradient(180deg,transparent,black 38%,black 76%,transparent);
    opacity: .28;
    z-index: -1;
    pointer-events: none
}

.hero-lux-grid {
    position: relative;
    display: grid;
    grid-template-columns: 300px minmax(320px,460px) minmax(0,1fr);
    align-items: center;
    gap: 28px;
    min-height: 665px
}

.hero-feature-stack {
    display: grid;
    gap: 22px;
    align-content: center;
    z-index: 4
}

.lux-chip {
    position: relative;
    display: grid;
    grid-template-columns: 54px 1fr;
    align-items: center;
    gap: 16px;
    min-height: 84px;
    padding: 15px 18px;
    border: 1px solid var(--lux-border);
    border-radius: 999px;
    background: linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
    backdrop-filter: blur(12px);
    box-shadow: 0 18px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.09);
    color: #fff2df;
    font-weight: 900;
    font-size: 1.05rem
}

.lux-chip:before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    background: linear-gradient(110deg,transparent,rgba(255,226,163,.8),transparent);
    opacity: .22;
    mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    padding: 1px;
    pointer-events: none
}

.lux-chip .icon {
    width: 54px;
    height: 54px;
    fill: var(--lux-gold2);
    border: 1px solid rgba(233,191,120,.38);
    border-radius: 50%;
    padding: 12px;
    background: rgba(233,191,120,.09);
    filter: drop-shadow(0 0 14px rgba(233,191,120,.25))
}

.lux-chip-two {
    margin-inline-start:28px}

.lux-chip-three {
    margin-inline-start:10px}

.hero-lux-model {
    position: relative;
    align-self: end;
    justify-self: center;
    margin: 0;
    z-index: 3;
    filter: drop-shadow(0 26px 55px rgba(0,0,0,.55))
}

.hero-lux-model:before {
    content: "";
    position: absolute;
    inset: 11% 1% 8%;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(233,191,120,.24),rgba(216,137,165,.18) 34%,transparent 68%);
    filter: blur(26px);
    z-index: -1;
    animation: ieesHeroGlow 6s ease-in-out infinite
}

.hero-lux-model img {
    height: min(76vh,760px);
    width: auto;
    max-width: 520px;
    object-fit: contain;
    transform: translateY(24px)
}

.hero-lux-copy {
    position: relative;
    z-index: 4;
    padding: 34px 0 30px;
    text-align: right
}

.lux-ornament-top {
    display: block;
    width: 330px;
    max-width: 60%;
    height: 24px;
    margin: 0 0 20px auto;
    background: linear-gradient(90deg,transparent,rgba(233,191,120,.76),transparent);
    mask: radial-gradient(circle at 50% 50%,black 0 7px,transparent 8px),linear-gradient(black,black);
    mask-composite: add;
    opacity: .86
}

.hero-lux-copy .eyebrow {
    background: transparent;
    border: 0;
    color: #dfc397;
    font-size: 1rem;
    padding: 0
}

.hero-lux-copy h1 {
    font-family: Georgia,'Times New Roman',Heebo,serif;
    font-size: clamp(3.1rem,5.5vw,6.05rem);
    line-height: 1.02;
    letter-spacing: -.045em;
    margin: 22px 0 20px;
    max-width: 820px;
    background: linear-gradient(180deg,#fff9ef 0%,#f8e7ca 38%,#c89355 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 28px rgba(233,191,120,.12)
}

.hero-lux-copy p {
    font-size: clamp(1.08rem,1.55vw,1.36rem);
    line-height: 1.82;
    color: #e7d9cd;
    max-width: 640px
}

.hero-lux-actions .btn {
    min-width: 176px;
    height: 60px;
    border-radius: 18px;
    font-size: 1.02rem
}

.hero-lux-actions .btn.secondary {
    border-color: rgba(216,137,165,.46);
    box-shadow: 0 0 0 1px rgba(216,137,165,.13),inset 0 1px 0 rgba(255,255,255,.1)
}

.hero-anchor-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px
}

.hero-anchor-row a {
    display: inline-flex;
    border: 1px solid rgba(233,191,120,.2);
    background: rgba(255,255,255,.045);
    border-radius: 999px;
    padding: .48rem .72rem;
    color: #dfcfc5;
    font-weight: 850;
    font-size: .86rem
}

.hero-anchor-row a:hover {
    background: rgba(233,191,120,.13);
    color: #fff4df
}

.hero-brand-wrap {
    position: relative;
    margin-top: -98px;
    z-index: 5;
    display: grid;
    place-items: center
}

.hero-brand-plaque {
    width: min(740px,88vw);
    min-height: 132px;
    padding: 24px 44px 22px;
    display: grid;
    place-items: center;
    text-align: center;
    border: 1px solid rgba(233,191,120,.5);
    border-radius: 32px;
    background: linear-gradient(180deg,rgba(8,4,10,.94),rgba(13,7,13,.9));
    box-shadow: 0 28px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(0,0,0,.2);
    position: relative;
    overflow: hidden
}

.hero-brand-plaque:before,.hero-brand-plaque:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 90px;
    height: 1px;
    background: linear-gradient(90deg,transparent,var(--lux-gold2),transparent)
}

.hero-brand-plaque:before {
    right: 34px
}

.hero-brand-plaque:after {
    left: 34px
}

.hero-brand-plaque strong {
    font-family: Georgia,'Times New Roman',serif;
    font-size: clamp(2.2rem,5vw,4.2rem);
    letter-spacing: .08em;
    line-height: 1;
    color: transparent;
    background: linear-gradient(180deg,#fff2d1,#c88a59 78%);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 0 0 22px rgba(216,137,165,.16)
}

.hero-brand-plaque small {
    color: #d8c5b7;
    letter-spacing: .18em;
    font-weight: 800
}

.crown-mark {
    color: var(--lux-gold2);
    font-size: 1.55rem;
    line-height: 1;
    filter: drop-shadow(0 0 10px rgba(233,191,120,.35))
}

/* Inner page hero adaptation */
.archive-hero,.single-hero,.profile-hero-section {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 44% 0%,rgba(216,137,165,.2),transparent 30%),linear-gradient(135deg,#07030a,#1b0a18 55%,#060208);
    border-bottom: 1px solid rgba(233,191,120,.18)
}

.archive-hero:before,.single-hero:before,.profile-hero-section:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 52% 0%,rgba(216,137,165,.18),transparent 34%),radial-gradient(circle at 12% 80%,rgba(233,191,120,.1),transparent 24%);
    opacity: 1;
    filter: none;
    pointer-events: none
}

.archive-hero .wrap,.single-hero .wrap,.profile-hero-section .wrap {
    position: relative;
    z-index: 2
}

.archive-hero .page-title,.single-hero .page-title,.profile-info-panel .page-title {
    font-family: Georgia,'Times New Roman',Heebo,serif;
    background: linear-gradient(180deg,#fff8ee,#d69d62);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 24px rgba(233,191,120,.12)
}

.single-hero .narrow,.archive-hero .wrap {
    border: 1px solid rgba(233,191,120,.18);
    border-radius: 34px;
    background: linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
    box-shadow: 0 26px 80px rgba(0,0,0,.28);
    padding-top: 34px;
    padding-bottom: 36px
}

.breadcrumbs {
    font-size: .9rem;
    color: #d8c4b6
}

.breadcrumbs a {
    color: #ffe2a3
}

.breadcrumbs strong {
    color: #fff2d2
}

.page-content-box,.glass-content,.sidebox,.split-panel,.bento-card,.card,.profile-info-panel,.profile-photo-panel {
    border-color: rgba(233,191,120,.18);
    background: linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
    box-shadow: 0 26px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)
}

.section-head h2,.content h2,.content h3 {
    color: #fff4e5
}

.section-head h2 {
    font-family: Georgia,'Times New Roman',Heebo,serif
}

.card:hover,.bento-card:hover {
    border-color: rgba(233,191,120,.4);
    box-shadow: 0 30px 90px rgba(0,0,0,.36),0 0 42px rgba(233,191,120,.08)
}

.profile-card .profile-media {
    background: radial-gradient(circle at 50% 20%,rgba(233,191,120,.18),rgba(216,137,165,.09),rgba(255,255,255,.03))
}

.profile-character-card {
    border-color: rgba(233,191,120,.2)
}

.review-card {
    border-color: rgba(233,191,120,.18);
    background: linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))
}

.faq details,.premium-faq details {
    border-color: rgba(233,191,120,.18);
    background: rgba(255,255,255,.045)
}

.contact-action-panel {
    background: linear-gradient(145deg,rgba(233,191,120,.14),rgba(216,137,165,.07));
    border-color: rgba(233,191,120,.35)
}

@keyframes ieesHeroGlow {
    0%,100% {
        opacity: .7;
        transform: scale(.97)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }
}

@media(max-width: 1120px) {
    .hero-lux-grid {
        grid-template-columns:240px minmax(260px,360px) 1fr;
        gap: 16px
    }

    .hero-lux-copy h1 {
        font-size: clamp(2.7rem,5.2vw,4.9rem)
    }

    .lux-chip {
        font-size: .95rem;
        padding: 12px
    }

    .hero-brand-wrap {
        margin-top: -62px
    }

    .hero-brand-plaque {
        min-height: 112px
    }
}

@media(max-width: 920px) {
    .hero-luxury-home {
        padding-top:48px;
        min-height: auto
    }

    .hero-lux-grid {
        grid-template-columns: 1fr;
        min-height: 0;
        text-align: center
    }

    .hero-feature-stack {
        order: 3;
        grid-template-columns: 1fr;
        max-width: 520px;
        margin-inline:auto;width: 100%
    }

    .lux-chip {
        margin-inline-start:0}

    .hero-lux-model {
        order: 1
    }

    .hero-lux-model img {
        height: 520px;
        max-width: 86vw
    }

    .hero-lux-copy {
        order: 2;
        text-align: center;
        padding-top: 0
    }

    .hero-lux-copy p {
        margin-inline:auto}

    .hero-lux-actions,.hero-anchor-row {
        justify-content: center
    }

    .lux-ornament-top {
        margin-inline:auto}

    .hero-brand-wrap {
        margin-top: 16px
    }

    .hero-brand-plaque:before,.hero-brand-plaque:after {
        display: none
    }

    .single-hero .narrow,.archive-hero .wrap {
        border-radius: 26px
    }
}

@media(max-width: 560px) {
    .hero-lux-copy h1 {
        font-size:2.55rem
    }

    .hero-lux-copy p {
        font-size: 1rem
    }

    .hero-lux-model img {
        height: 420px
    }

    .hero-lux-actions .btn {
        width: 100%;
        min-width: 0
    }

    .hero-brand-plaque {
        width: 100%;
        padding-inline:20px}

    .hero-brand-plaque strong {
        font-size: 2.25rem;
        letter-spacing: .035em
    }

    .lux-chip {
        grid-template-columns: 46px 1fr;
        min-height: 72px
    }

    .lux-chip .icon {
        width: 46px;
        height: 46px;
        padding: 10px
    }

    .top-ribbon-inner {
        gap: 9px;
        font-size: .7rem
    }
}

/* v4.4 CSS luxury hero: no full-poster hero image. Built with HTML/CSS, separate model PNG, text and UI elements. */
.brand-image-only {
    min-width: auto;
    gap: 0;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.brand-image-only .brand-copy {
    display: none!important
}

.brand-logo-image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    max-width: 132px;
    line-height: 0;
    overflow: visible;
    flex: 0 0 auto
}

.brand-logo-image img,.custom-brand-logo img,.site-header .custom-logo {
    display: block;
    max-height: 78px!important;
    max-width: 132px!important;
    width: auto!important;
    height: auto!important;
    object-fit: contain;
    filter: drop-shadow(0 0 18px rgba(233,191,120,.32)) drop-shadow(0 0 10px rgba(216,69,142,.14))
}

.header-inner {
    min-height: 88px
}

.site-header {
    background: rgba(6,2,9,.76);
    border-bottom: 1px solid rgba(233,191,120,.18)
}

.nav {
    flex: 1;
    justify-content: flex-end
}

.header-actions {
    display: flex;
    gap: 10px;
    align-items: center
}

.header-actions .btn {
    padding: .78rem 1.02rem
}

.hero-bayane-css {
    position: relative;
    overflow: hidden;
    padding: 30px 0 0;
    background: #050207;
    border-bottom: 1px solid rgba(233,191,120,.24);
    min-height: 760px;
    isolation: isolate
}

.hero-bayane-css:before,.hero-bayane-css:after {
    display: none!important
}

.hero-css-bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background: radial-gradient(circle at 44% 24%,rgba(255,183,217,.3),transparent 25%), radial-gradient(circle at 64% 24%,rgba(233,191,120,.12),transparent 28%), radial-gradient(circle at 14% 80%,rgba(92,28,64,.36),transparent 34%), linear-gradient(115deg,#050207 0%,#1d0b1b 44%,#08030a 78%,#020104 100%)
}

.hero-css-bg:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 37% 42%,rgba(255,216,154,.13) 0 2px,transparent 3px), radial-gradient(circle at 60% 52%,rgba(255,255,255,.09) 0 2px,transparent 3px), radial-gradient(circle at 32% 60%,rgba(216,137,165,.18) 0 3px,transparent 4px);
    background-size: 72px 72px,96px 96px,120px 120px;
    opacity: .42;
    filter: blur(.4px)
}

.hero-css-bg:after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 37%;
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.38) 35%,rgba(0,0,0,.76)), repeating-linear-gradient(90deg,transparent 0 38px,rgba(233,191,120,.16) 39px 41px,transparent 42px 78px);
    opacity: .48;
    clip-path: polygon(0 56%,4% 48%,8% 63%,12% 43%,17% 70%,22% 36%,26% 60%,31% 51%,38% 34%,45% 62%,52% 46%,60% 68%,68% 39%,77% 61%,84% 48%,92% 66%,100% 50%,100% 100%,0 100%)
}

.hero-city-lights {
    position: absolute;
    inset: auto 0 0 0;
    height: 210px;
    background: radial-gradient(circle at 6% 62%,rgba(255,226,163,.7) 0 2px,transparent 3px), radial-gradient(circle at 12% 46%,rgba(255,175,219,.52) 0 2px,transparent 3px), radial-gradient(circle at 20% 68%,rgba(255,226,163,.62) 0 2px,transparent 3px), radial-gradient(circle at 31% 54%,rgba(255,255,255,.42) 0 2px,transparent 3px), radial-gradient(circle at 72% 58%,rgba(255,226,163,.26) 0 2px,transparent 3px), linear-gradient(180deg,transparent,rgba(2,1,4,.85));
    opacity: .84;
    filter: blur(.2px)
}

.hero-gold-arc {
    position: absolute;
    border: 1px solid rgba(233,191,120,.58);
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-radius: 50%;
    filter: drop-shadow(0 0 14px rgba(233,191,120,.22));
    opacity: .84
}

.hero-gold-arc-one {
    width: 620px;
    height: 620px;
    left: -310px;
    top: 50px;
    transform: rotate(-15deg)
}

.hero-gold-arc-two {
    width: 720px;
    height: 720px;
    right: -390px;
    bottom: -250px;
    transform: rotate(20deg)
}

.hero-floral {
    position: absolute;
    width: 260px;
    height: 260px;
    opacity: .18;
    background: radial-gradient(circle at 50% 50%,transparent 0 36%,rgba(233,191,120,.7) 37% 38%,transparent 39%),conic-gradient(from 40deg,transparent 0 18%,rgba(216,137,165,.56) 19% 20%,transparent 21% 38%,rgba(233,191,120,.4) 39% 40%,transparent 41% 100%);
    filter: blur(.2px)
}

.hero-floral-left {
    left: -70px;
    top: 70px
}

.hero-floral-right {
    right: -90px;
    bottom: 100px;
    transform: rotate(18deg)
}

.hero-css-wrap {
    position: relative;
    display: grid;
    grid-template-columns: 260px minmax(330px,430px) minmax(430px,1fr);
    gap: 30px;
    align-items: center;
    min-height: 690px;
    direction: ltr;
    padding-top: 22px
}

.hero-css-features,.hero-css-model,.hero-css-copy,.hero-css-brand-plaque {
    direction: rtl
}

.hero-css-features {
    display: grid;
    gap: 23px;
    z-index: 3;
    align-self: center
}

.hero-css-chip {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 14px;
    align-items: center;
    min-height: 82px;
    padding: 14px 18px;
    border: 1px solid rgba(233,191,120,.58);
    border-radius: 999px;
    background: linear-gradient(135deg,rgba(16,6,16,.7),rgba(43,17,35,.42));
    box-shadow: 0 18px 45px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06);
    color: #fff1df;
    font-weight: 900;
    font-size: 1.05rem
}

.hero-css-chip .icon {
    width: 56px;
    height: 56px;
    padding: 13px;
    border: 1px solid rgba(233,191,120,.45);
    border-radius: 50%;
    fill: #f2c985;
    background: rgba(255,255,255,.04);
    filter: drop-shadow(0 0 14px rgba(233,191,120,.2))
}

.hero-css-chip:nth-child(2) {
    margin-inline-start:22px}

.hero-css-chip:nth-child(3) {
    margin-inline-start:6px}

.hero-css-model {
    position: relative;
    z-index: 2;
    align-self: end;
    display: flex;
    justify-content: center;
    min-height: 660px
}

.hero-css-model img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 660px;
    width: auto;
    max-width: none;
    filter: drop-shadow(0 38px 60px rgba(0,0,0,.52)) drop-shadow(0 0 42px rgba(216,137,165,.2))
}

.hero-model-aura {
    position: absolute;
    width: 420px;
    height: 560px;
    right: 50%;
    bottom: 65px;
    transform: translateX(50%);
    border-radius: 50%;
    background: radial-gradient(circle,rgba(255,178,214,.34),rgba(134,62,95,.2) 42%,transparent 67%);
    filter: blur(14px);
    animation: ieesHeroGlow 5s ease-in-out infinite
}

.hero-css-copy {
    position: relative;
    z-index: 4;
    text-align: right;
    align-self: center;
    padding-bottom: 55px
}

.hero-ornament-line {
    height: 28px;
    margin-bottom: 12px;
    display: flex;
    justify-content: center
}

.hero-ornament-line span {
    display: block;
    width: 270px;
    height: 24px;
    background: linear-gradient(90deg,transparent,rgba(233,191,120,.7),transparent);
    mask: radial-gradient(circle at 50% 50%,#000 0 7px,transparent 8px),linear-gradient(#000,#000);
    opacity: .78
}

.hero-css-eyebrow {
    display: block;
    color: #e5c99f;
    font-size: 1.14rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-align: center;
    margin-bottom: 20px
}

.hero-css-copy h1 {
    margin: 0 0 22px;
    font-family: Georgia,'Times New Roman',Heebo,serif;
    font-size: clamp(3.15rem,5.3vw,5.9rem);
    line-height: 1.04;
    letter-spacing: -.045em;
    max-width: 820px;
    background: linear-gradient(180deg,#fff9ef 0%,#f3ddc0 40%,#c98650 72%,#ffe0a0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 30px rgba(233,191,120,.1)
}

.hero-css-copy p {
    max-width: 650px;
    margin: 0 auto 0 0;
    color: #efe1d7;
    font-size: 1.25rem;
    line-height: 1.75
}

.hero-css-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 34px
}

.hero-css-actions .btn {
    min-width: 190px;
    min-height: 60px;
    border-radius: 15px;
    font-size: 1.02rem
}

.hero-primary:after {
    content: "‹";
    font-size: 1.7rem;
    line-height: 0;
    margin-inline-start:10px}

.hero-whatsapp:before {
    /* content:"☏"; */
    font-size: 1.15rem
}

.hero-anchor-row {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 24px
}

.hero-anchor-row a {
    color: #dec5ad;
    font-weight: 850;
    border-bottom: 1px solid rgba(233,191,120,.35);
    padding-bottom: 4px
}

.hero-anchor-row a:hover {
    color: #ffe2a3
}

.hero-css-brand-plaque {
    grid-column: 1/-1;
    justify-self: center;
    align-self: end;
    position: relative;
    z-index: 5;
    margin-top: -92px;
    width: min(760px,88vw);
    min-height: 124px;
    border: 1px solid rgba(233,191,120,.64);
    border-radius: 26px;
    background: linear-gradient(180deg,rgba(9,5,9,.94),rgba(12,7,11,.88));
    box-shadow: 0 24px 70px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.04),inset 0 1px 0 rgba(255,255,255,.09);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px 34px 16px
}

.hero-css-brand-plaque:before,.hero-css-brand-plaque:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 160px;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(233,191,120,.62),transparent)
}

.hero-css-brand-plaque:before {
    right: -150px
}

.hero-css-brand-plaque:after {
    left: -150px
}

.hero-css-brand-plaque img {
    max-height: 88px;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 0 18px rgba(233,191,120,.25))
}

.hero-css-brand-plaque small {
    margin-top: 3px;
    color: #d8c5b7;
    font-weight: 850;
    letter-spacing: .18em;
    font-size: .78rem
}

/* Inner heroes now use CSS atmosphere only, not the full reference image. */
.archive-hero:before,.single-hero:before,.profile-hero-section:before {
    background: radial-gradient(circle at 52% 0%,rgba(216,137,165,.22),transparent 34%),radial-gradient(circle at 14% 80%,rgba(233,191,120,.1),transparent 24%),repeating-linear-gradient(90deg,transparent 0 64px,rgba(233,191,120,.06) 65px 66px,transparent 67px 128px)!important;
    opacity: 1!important;
    filter: none!important
}

.archive-hero,.single-hero,.profile-hero-section {
    background: linear-gradient(135deg,#050207,#1b0818 55%,#050207)!important
}

.single-hero .narrow,.archive-hero .wrap {
    background: linear-gradient(145deg,rgba(20,8,20,.86),rgba(7,3,8,.7))!important
}

.footer-brand-block {
    display: grid;
    gap: 14px
}

.footer-logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 0
}

.footer-logo-image {
    display: block;
    max-height: 150px!important;
    width: auto!important;
    max-width: 210px!important;
    object-fit: contain;
    filter: drop-shadow(0 0 24px rgba(233,191,120,.28))
}

.custom-footer-logo img {
    max-height: 150px!important;
    width: auto!important;
    max-width: 210px!important
}

.site-footer {
    position: relative;
    overflow: hidden
}

.site-footer:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 14% 0%,rgba(233,191,120,.13),transparent 28%),radial-gradient(circle at 88% 12%,rgba(216,137,165,.1),transparent 22%);
    pointer-events: none
}

.site-footer .wrap {
    position: relative;
    z-index: 2
}

@media(max-width: 1120px) {
    .hero-css-wrap {
        grid-template-columns:230px minmax(290px,360px) 1fr;
        gap: 18px
    }

    .hero-css-copy h1 {
        font-size: clamp(2.8rem,5vw,4.8rem)
    }

    .hero-css-model img {
        height: 600px
    }

    .hero-css-model {
        min-height: 600px
    }

    .hero-css-chip {
        font-size: .96rem;
        padding: 12px
    }

    .hero-css-brand-plaque {
        margin-top: -70px
    }
}

@media(max-width: 920px) {
    .header-inner {
        min-height:82px
    }

    .brand-logo-image img,.custom-brand-logo img,.site-header .custom-logo {
        /* max-height:68px!important; */
        /* max-width:116px!important; */
    }

    .hero-bayane-css {
        padding-top: 46px;
        min-height: auto
    }

    .hero-css-wrap {
        grid-template-columns: 1fr;
        text-align: center;
        min-height: 0;
        gap: 10px
    }

    .hero-css-features {
        order: 3;
        max-width: 540px;
        margin: 22px auto 0;
        width: 100%
    }

    .hero-css-chip {
        margin-inline-start:0!important}

    .hero-css-model {
        order: 1;
        min-height: 500px
    }

    .hero-css-model img {
        height: 510px
    }

    .hero-model-aura {
        height: 430px
    }

    .hero-css-copy {
        order: 2;
        text-align: center;
        padding-bottom: 0
    }

    .hero-css-copy p {
        margin-inline:auto}

    .hero-css-actions,.hero-anchor-row {
        justify-content: center
    }

    .hero-css-brand-plaque {
        order: 4;
        margin-top: 24px
    }

    .hero-css-brand-plaque:before,.hero-css-brand-plaque:after {
        display: none
    }
}

@media(max-width: 600px) {
    .brand-logo-image img,.custom-brand-logo img,.site-header .custom-logo {
        max-height: 80px!important;
        max-width: 104px!important;
    }

    .hero-css-copy h1 {
        font-size: 2.45rem
    }

    .hero-css-copy p {
        font-size: 1rem
    }

    .hero-css-actions .btn {
        width: 100%;
        min-width: 0
    }

    .hero-css-model {
        min-height: 405px
    }

    .hero-css-model img {
        height: 420px
    }

    .hero-css-features {
        gap: 12px
    }

    .hero-css-chip {
        grid-template-columns: 50px 1fr;
        min-height: 72px
    }

    .hero-css-chip .icon {
        width: 48px;
        height: 48px
    }

    .hero-css-brand-plaque {
        width: 100%;
        padding: 14px 18px
    }

    .hero-css-brand-plaque img {
        max-height: 74px
    }

    .hero-css-brand-plaque small {
        font-size: .68rem;
        letter-spacing: .1em
    }

    .footer-logo-image,.custom-footer-logo img {
        max-height: 120px!important
    }

    .footer-logo-link {
        justify-content: center
    }

    .footer-brand-block {
        text-align: center
    }
}

/* === v4.5 Elegant repair: clean header, rebuilt hero, profile gallery preservation === */
.clean-header {
    background: linear-gradient(180deg,rgba(5,2,8,.88),rgba(5,2,8,.62))!important;
    border-bottom: 1px solid rgba(233,191,120,.22)!important;
    box-shadow: 0 14px 50px rgba(0,0,0,.34)!important;
    backdrop-filter: blur(18px) saturate(1.2)!important
}

.clean-header:before {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(233,191,120,.72),transparent)
}

.clean-header .header-inner {
    min-height: 96px!important;
    display: grid!important;
    grid-template-columns: auto 1fr auto!important;
    gap: 26px!important;
    align-items: center!important;
    direction: ltr!important
}

.clean-header .brand {
    min-width: 0!important;
    width: auto!important;
    justify-content: flex-start!important;
    direction: ltr!important
}

.brand-image-only .brand-logo-image {
    max-width: none!important
}

.clean-header .brand-logo-image img,.clean-header .custom-brand-logo img,.clean-header .custom-logo {
    max-height: 88px!important;
    max-width: 164px!important;
    width: auto!important;
    height: auto!important;
    object-fit: contain!important;
    filter: drop-shadow(0 0 22px rgba(233,191,120,.34)) drop-shadow(0 0 12px rgba(216,69,142,.18))!important
}

.clean-header .nav {
    justify-self: end!important;
    direction: rtl!important
}

.clean-header .nav ul {
    border: 0!important;
    background: transparent!important;
    border-radius: 0!important;
    gap: 8px!important;
    padding: 0!important
}

.clean-header .nav a {
    color: #e6d8c9!important;
    font-weight: 900!important;
    padding: .72rem .84rem!important;
    border-radius: 999px!important
}

.clean-header .nav a:hover,.clean-header .nav li.current-menu-item>a {
    background: linear-gradient(135deg,rgba(233,191,120,.17),rgba(255,255,255,.05))!important;
    color: #ffe4a4!important
}

.clean-header .header-actions {
    justify-self: end!important;
    display: flex!important;
    gap: 10px!important;
    direction: rtl!important
}

.clean-header .header-cta {
    padding: .88rem 1.04rem!important;
    min-height: 42px!important;
    white-space: nowrap!important
}

.clean-header .menu-toggle {
    justify-self: end!important
}

.hero-bayane-elegant {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    min-height: 760px;
    padding: 34px 0 0!important;
    background: #050207!important;
    border-bottom: 1px solid rgba(233,191,120,.22)
}

.hero-bayane-elegant:before,.hero-bayane-elegant:after {
    display: none!important
}

.hero-elegant-bg {
    position: absolute;
    inset: 0;
    z-index: -4;
    background: radial-gradient(circle at 46% 11%,rgba(255,192,221,.38),transparent 22%),radial-gradient(circle at 61% 35%,rgba(121,51,97,.38),transparent 30%),radial-gradient(circle at 12% 82%,rgba(233,191,120,.14),transparent 25%),linear-gradient(116deg,#050207 0%,#160715 46%,#060209 78%,#020104 100%)
}

.hero-elegant-bg:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 34% 45%,rgba(255,235,190,.16) 0 2px,transparent 3px),radial-gradient(circle at 63% 48%,rgba(255,255,255,.08) 0 2px,transparent 3px),radial-gradient(circle at 44% 62%,rgba(255,111,186,.14) 0 3px,transparent 4px);
    background-size: 78px 78px,105px 105px,132px 132px;
    opacity: .45;
    filter: blur(.3px)
}

.hero-elegant-bg:after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 260px;
    background: linear-gradient(180deg,transparent 0%,rgba(4,2,7,.34) 28%,rgba(4,2,7,.95) 100%),repeating-linear-gradient(90deg,transparent 0 34px,rgba(233,191,120,.16) 35px 37px,transparent 38px 78px);
    clip-path: polygon(0 64%,4% 50%,8% 72%,13% 38%,17% 68%,22% 42%,27% 59%,32% 50%,38% 31%,45% 63%,52% 48%,60% 71%,68% 41%,77% 61%,84% 47%,92% 68%,100% 52%,100% 100%,0 100%);
    opacity: .58
}

.hero-skyline {
    position: absolute;
    inset: auto 0 0 0;
    height: 245px;
    background: radial-gradient(circle at 6% 60%,rgba(255,226,163,.74) 0 2px,transparent 3px),radial-gradient(circle at 12% 46%,rgba(255,175,219,.56) 0 2px,transparent 3px),radial-gradient(circle at 20% 68%,rgba(255,226,163,.62) 0 2px,transparent 3px),radial-gradient(circle at 31% 54%,rgba(255,255,255,.44) 0 2px,transparent 3px),radial-gradient(circle at 72% 58%,rgba(255,226,163,.27) 0 2px,transparent 3px),linear-gradient(180deg,transparent,rgba(2,1,4,.92));
    opacity: .86
}

.hero-arc {
    position: absolute;
    border: 1px solid rgba(233,191,120,.55);
    border-radius: 50%;
    filter: drop-shadow(0 0 14px rgba(233,191,120,.23));
    opacity: .9
}

.hero-arc-left {
    width: 680px;
    height: 680px;
    left: -390px;
    top: -62px;
    border-bottom-color: transparent;
    border-right-color: transparent;
    transform: rotate(-16deg)
}

.hero-arc-right {
    width: 780px;
    height: 780px;
    right: -450px;
    bottom: -285px;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(15deg)
}

.hero-flourish-top {
    position: absolute;
    top: 78px;
    right: 59%;
    width: 330px;
    height: 36px;
    transform: translateX(50%);
    opacity: .82;
    background: linear-gradient(90deg,transparent,rgba(233,191,120,.72),transparent);
    mask: radial-gradient(circle at 50% 50%,#000 0 9px,transparent 10px),linear-gradient(#000,#000)
}

.hero-elegant-wrap {
    position: relative;
    display: grid;
    grid-template-columns: minmax(210px,270px) minmax(300px,390px) minmax(420px,1fr);
    gap: 34px;
    align-items: center;
    min-height: 700px;
    direction: ltr
}

.hero-elegant-features,.hero-elegant-model,.hero-elegant-copy,.hero-elegant-plaque {
    direction: rtl
}

.hero-elegant-features {
    display: grid;
    gap: 24px;
    align-self: center;
    z-index: 4
}

.hero-elegant-chip {
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 14px;
    align-items: center;
    min-height: 82px;
    padding: 14px 16px;
    border: 1px solid rgba(233,191,120,.62);
    border-radius: 999px;
    background: linear-gradient(135deg,rgba(22,8,21,.72),rgba(55,18,44,.42));
    box-shadow: 0 22px 56px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08);
    color: #fff3e6;
    font-weight: 950;
    font-size: 1.05rem
}

.hero-elegant-chip .icon {
    width: 54px;
    height: 54px;
    padding: 13px;
    border: 1px solid rgba(233,191,120,.5);
    border-radius: 50%;
    fill: #f1c67f;
    background: rgba(255,255,255,.045);
    filter: drop-shadow(0 0 16px rgba(233,191,120,.22))
}

.hero-elegant-chip:nth-child(2) {
    margin-inline-start:26px}

.hero-elegant-chip:nth-child(3) {
    margin-inline-start:8px}

.hero-elegant-model {
    position: relative;
    z-index: 3;
    align-self: end;
    min-height: 680px;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.hero-elegant-model img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 680px;
    width: auto;
    max-width: none;
    object-fit: contain;
    filter: drop-shadow(0 40px 64px rgba(0,0,0,.62)) drop-shadow(0 0 44px rgba(216,137,165,.24))
}

.model-halo {
    position: absolute;
    width: 430px;
    height: 560px;
    left: 50%;
    bottom: 100px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: radial-gradient(circle,rgba(255,196,224,.34),rgba(127,47,92,.2) 42%,transparent 67%);
    filter: blur(18px);
    animation: ieesHeroGlow 5.8s ease-in-out infinite
}

.hero-elegant-copy {
    position: relative;
    z-index: 5;
    text-align: right;
    align-self: center;
    padding-bottom: 60px
}

.hero-flourish-line {
    height: 28px;
    margin: 0 0 18px;
    display: block;
    width: min(360px,70%);
    margin-inline:auto;background: linear-gradient(90deg,transparent,rgba(233,191,120,.76),transparent);
    mask: radial-gradient(circle at 50% 50%,#000 0 7px,transparent 8px),linear-gradient(#000,#000)
}

.hero-eyebrow {
    display: block;
    color: #e9c89b;
    text-align: center;
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 20px;
    /* text-align: right; */
}

.hero-elegant-copy h1 {
    font-family: Georgia,'Times New Roman',Heebo,serif;
    margin: 0 0 22px;
    font-size: clamp(3.1rem,5.2vw,5.75rem);
    line-height: 1.04;
    letter-spacing: -.045em;
    background: linear-gradient(180deg,#fff8ee 0%,#f2ddc4 37%,#c8884e 72%,#ffe3aa 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 28px rgba(233,191,120,.12)
}

.hero-elegant-copy p {
    max-width: 650px;
    margin: 0 auto 0 0;
    color: #efe3dc;
    font-size: 1.23rem;
    line-height: 1.75
}

.hero-elegant-actions {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 34px
}

.hero-elegant-actions .btn {
    min-width: 190px;
    min-height: 60px;
    border-radius: 16px;
    font-size: 1.03rem
}

.hero-elegant-plaque {
    grid-column: 1/-1;
    justify-self: center;
    align-self: end;
    position: relative;
    z-index: 6;
    margin-top: -96px;
    width: min(760px,88vw);
    min-height: 126px;
    border: 1px solid rgba(233,191,120,.66);
    border-radius: 26px;
    background: linear-gradient(180deg,rgba(9,5,9,.95),rgba(12,7,11,.9));
    box-shadow: 0 26px 78px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.045),inset 0 1px 0 rgba(255,255,255,.09);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px 34px
}

.hero-elegant-plaque:before,.hero-elegant-plaque:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 150px;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(233,191,120,.62),transparent)
}

.hero-elegant-plaque:before {
    right: -142px
}

.hero-elegant-plaque:after {
    left: -142px
}

.plaque-crown {
    color: #ffe1a0;
    font-size: 1.55rem;
    line-height: 1;
    filter: drop-shadow(0 0 12px rgba(233,191,120,.35))
}

.hero-elegant-plaque strong {
    font-family: Georgia,'Times New Roman',serif;
    font-size: clamp(2.1rem,4.2vw,4.1rem);
    line-height: 1;
    letter-spacing: .02em;
    background: linear-gradient(180deg,#fff0bd,#c4854d 65%,#ffe1a0);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 28px rgba(233,191,120,.12)
}

.hero-elegant-plaque small {
    margin-top: 7px;
    color: #d8c5b7;
    font-weight: 850;
    letter-spacing: .13em;
    font-size: .78rem
}

.profile-hero-balanced {
    grid-template-columns: minmax(340px,.9fr) minmax(0,1.1fr)!important;
    align-items: center!important
}

.profile-photo-contain {
    min-height: 0!important;
    height: auto!important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: radial-gradient(circle at 50% 18%,rgba(233,191,120,.18),rgba(216,137,165,.08) 42%,rgba(255,255,255,.025))!important
}

.profile-photo-contain img {
    width: 100%!important;
    height: auto!important;
    max-height: 760px!important;
    min-height: 0!important;
    object-fit: contain!important;
    border-radius: 30px
}

.profile-photo-contain:after {
    inset: 12px!important;
    border-radius: 32px!important
}

.profile-info-elegant {
    padding: 42px!important
}

.profile-gallery-wrap {
    padding-top: 54px
}

.profile-gallery-section {
    display: block
}

.profile-gallery-section .section-head {
    margin-bottom: 22px
}

.profile-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 16px
}

.profile-gallery-item {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 26px;
    border: 1px solid rgba(233,191,120,.22);
    background: rgba(255,255,255,.045);
    box-shadow: 0 20px 58px rgba(0,0,0,.26);
    min-height: 260px
}

.profile-gallery-item img {
    width: 100%;
    height: 100%;
    min-height: 260px;
    object-fit: contain;
    background: radial-gradient(circle at 50% 25%,rgba(233,191,120,.14),rgba(255,255,255,.02));
    transition: transform .35s ease
}

.profile-gallery-item:hover img {
    transform: scale(1.035)
}

.profile-editor-content {
    margin: 28px 0;
    padding: 24px;
    border: 1px solid rgba(233,191,120,.16);
    border-radius: 26px;
    background: rgba(255,255,255,.035)
}

.profile-editor-content .wp-block-gallery,.profile-editor-content .wp-block-image {
    display: none!important
}

@media(max-width: 1180px) {
    .hero-elegant-wrap {
        grid-template-columns:220px 330px 1fr;
        gap: 22px
    }

    .hero-elegant-model img {
        height: 620px
    }

    .hero-elegant-model {
        min-height: 620px
    }

    .hero-elegant-copy h1 {
        font-size: clamp(2.75rem,5vw,4.65rem)
    }

    .hero-elegant-chip {
        font-size: .96rem;
        padding: 12px
    }
}

@media(max-width: 980px) {
    .clean-header .header-inner {
        grid-template-columns:auto 1fr auto!important;
        min-height: 86px!important
    }

    .clean-header .menu-toggle {
        display: inline-flex!important;
        grid-column: 3!important;
        grid-row: 1!important
    }

    .clean-header .nav {
        display: none!important;
        position: absolute;
        top: 100%;
        left: 16px;
        right: 16px;
        background: rgba(8,4,12,.96);
        border: 1px solid rgba(233,191,120,.22);
        border-radius: 22px;
        padding: 14px;
        box-shadow: 0 24px 70px rgba(0,0,0,.4)
    }

    .clean-header .nav.is-open {
        display: block!important
    }

    .clean-header .nav ul {
        display: grid!important;
        gap: 6px!important
    }

    .clean-header .header-actions {
        grid-column: 2!important;
        justify-self: end!important
    }

    .clean-header .header-cta {
        padding: .78rem .88rem!important
    }

    .hero-bayane-elegant {
        min-height: auto;
        padding: 42px 0 0!important
    }

    .hero-elegant-wrap {
        grid-template-columns: 1fr;
        min-height: 0;
        text-align: center;
        gap: 0
    }

    .hero-elegant-copy {
        order: 2;
        text-align: center;
        padding-bottom: 0
    }

    .hero-elegant-copy p {
        margin-inline:auto}

    .hero-elegant-actions {
        justify-content: center
    }

    .hero-elegant-model {
        order: 1;
        min-height: 520px
    }

    .hero-elegant-model img {
        height: 520px
    }

    .model-halo {
        height: 440px;
        bottom: 60px
    }

    .hero-elegant-features {
        order: 3;
        max-width: 560px;
        margin: 24px auto 0;
        width: 100%
    }

    .hero-elegant-chip {
        margin-inline-start:0!important}

    .hero-elegant-plaque {
        order: 4;
        margin-top: 24px
    }

    .hero-elegant-plaque:before,.hero-elegant-plaque:after {
        display: none
    }

    .profile-hero-balanced {
        grid-template-columns: 1fr!important
    }

    .profile-photo-contain img {
        max-height: 680px!important
    }

    .profile-gallery-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width: 680px) {
    .clean-header .brand-logo-image img,.clean-header .custom-brand-logo img,.clean-header .custom-logo {
        max-height:72px!important;
        max-width: 132px!important
    }

    .clean-header .header-actions {
        gap: 6px!important
    }

    .clean-header .header-cta {
        font-size: .82rem!important;
        padding: .7rem .72rem!important
    }

    .hero-elegant-copy h1 {
        font-size: 2.48rem
    }

    .hero-elegant-copy p {
        font-size: 1rem
    }

    .hero-elegant-actions .btn {
        width: 100%;
        min-width: 0
    }

    .hero-elegant-model {
        min-height: 405px
    }

    .hero-elegant-model img {
        height: 430px
    }

    .hero-elegant-features {
        gap: 12px
    }

    .hero-elegant-chip {
        grid-template-columns: 48px 1fr;
        min-height: 70px
    }

    .hero-elegant-chip .icon {
        width: 48px;
        height: 48px
    }

    .hero-elegant-plaque {
        width: 100%;
        padding: 18px 20px
    }

    .hero-elegant-plaque strong {
        font-size: 2.05rem
    }

    .hero-elegant-plaque small {
        font-size: .66rem;
        letter-spacing: .08em
    }

    .profile-info-elegant {
        padding: 24px!important
    }

    .profile-character-grid {
        grid-template-columns: 1fr!important
    }

    .profile-photo-contain {
        padding: 10px
    }

    .profile-photo-contain img {
        max-height: 560px!important;
        border-radius: 24px
    }

    .profile-gallery-grid {
        grid-template-columns: 1fr
    }

    .profile-gallery-item,.profile-gallery-item img {
        min-height: 360px
    }
}

/* === 4.6 Logo hero and layout fixes === */
.logo-right-header .header-inner {
    display: grid!important;
    grid-template-columns: auto minmax(280px,1fr) auto;
    align-items: center;
    gap: 22px;
    min-height: 92px;
    position: relative;
    direction: ltr
}

.logo-right-header .header-actions {
    grid-column: 1;
    justify-self: start;
    display: flex;
    align-items: center;
    gap: 10px;
    direction: rtl
}

.logo-right-header .nav {
    grid-column: 2;
    justify-self: center;
    direction: rtl
}

.logo-right-header .header-brand-logo {
    grid-column: 3;
    justify-self: end;
    min-width: 0!important;
    direction: rtl
}

.brand-logo-image {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.brand-logo-image img,.custom-brand-logo img,.custom-logo {
    width: auto;
    max-width: 220px;
    max-height: 92px;
    object-fit: contain;
    filter: drop-shadow(0 16px 28px rgba(0,0,0,.35)) drop-shadow(0 0 16px rgba(231,189,114,.16))
}

.logo-right-header .brand-logo-header img,.logo-right-header .custom-brand-logo img {
    max-height: 96px;
    max-width: 230px
}

.logo-right-header .menu-toggle {
    grid-column: 1;
    justify-self: start;
    display: none
}

.luxury-burger {
    align-items: center;
    gap: 10px;
    border-color: rgba(233,191,120,.42);
    background: linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));
    box-shadow: 0 16px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)
}

.burger-lines {
    width: 28px;
    height: 20px;
    display: grid;
    gap: 5px
}

.burger-lines i {
    display: block;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg,#ffe4a4,#e7bd72);
    box-shadow: 0 0 12px rgba(231,189,114,.35)
}

.logo-luxury-hero {
    position: relative;
    overflow: hidden;
    padding: 82px 0 42px;
    min-height: 720px;
    background: radial-gradient(circle at 50% 18%,rgba(216,137,165,.34),transparent 24%),radial-gradient(circle at 14% 72%,rgba(233,191,120,.16),transparent 30%),linear-gradient(135deg,#050208 0%,#1a0718 47%,#08030a 100%);
    border-bottom: 1px solid rgba(233,191,120,.18)
}

.logo-luxury-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 9% 80%,rgba(255,226,163,.62) 0 2px,transparent 3px),radial-gradient(circle at 14% 70%,rgba(255,175,219,.42) 0 2px,transparent 3px),radial-gradient(circle at 23% 82%,rgba(255,226,163,.5) 0 2px,transparent 3px),linear-gradient(180deg,transparent 54%,rgba(2,1,4,.72));
    opacity: .9;
    pointer-events: none
}

.logo-hero-bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none
}

.logo-hero-glow {
    position: absolute;
    width: 640px;
    height: 640px;
    border-radius: 50%;
    left: 50%;
    top: 2%;
    transform: translateX(-50%);
    background: radial-gradient(circle,rgba(255,204,226,.35),rgba(129,42,90,.19) 42%,transparent 70%);
    filter: blur(18px);
    animation: ieesHeroGlow 6s ease-in-out infinite
}

.logo-hero-city {
    position: absolute;
    inset: auto 0 0 0;
    height: 250px;
    background: linear-gradient(180deg,transparent,rgba(3,1,5,.92)),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,224,166,.14) 35px 37px,transparent 38px 70px);
    opacity: .55;
    mask-image: linear-gradient(180deg,transparent,#000 35%,#000)
}

.logo-hero-arc {
    position: absolute;
    border: 1px solid rgba(233,191,120,.48);
    border-radius: 50%;
    filter: drop-shadow(0 0 18px rgba(233,191,120,.2));
    opacity: .85
}

.logo-hero-arc-a {
    width: 690px;
    height: 690px;
    left: -400px;
    top: -74px;
    border-bottom-color: transparent;
    border-right-color: transparent;
    transform: rotate(-15deg)
}

.logo-hero-arc-b {
    width: 760px;
    height: 760px;
    right: -460px;
    bottom: -320px;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(14deg)
}

.logo-hero-ornament-top {
    position: absolute;
    top: 48px;
    right: 50%;
    transform: translateX(50%);
    width: 360px;
    height: 36px;
    background: linear-gradient(90deg,transparent,rgba(233,191,120,.68),transparent);
    mask: radial-gradient(circle at 50% 50%,#000 0 8px,transparent 9px),linear-gradient(#000,#000)
}

.logo-hero-layout {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(210px,270px) minmax(300px,410px) minmax(430px,1fr);
    gap: 38px;
    align-items: center;
    min-height: 640px;
    direction: ltr
}

.logo-hero-features,.logo-hero-brand,.logo-hero-copy {
    direction: rtl
}

.logo-hero-features {
    display: grid;
    gap: 22px;
    z-index: 3
}

.logo-hero-chip {
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 14px;
    align-items: center;
    min-height: 82px;
    padding: 14px 16px;
    border: 1px solid rgba(233,191,120,.62);
    border-radius: 999px;
    background: linear-gradient(135deg,rgba(22,8,21,.78),rgba(55,18,44,.44));
    box-shadow: 0 24px 62px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);
    color: #fff3e6;
    font-weight: 950
}

.logo-hero-chip:nth-child(2) {
    margin-inline-start:24px}

.logo-hero-chip .icon {
    width: 54px;
    height: 54px;
    padding: 13px;
    border: 1px solid rgba(233,191,120,.52);
    border-radius: 50%;
    fill: #f1c67f;
    background: rgba(255,255,255,.045)
}

.logo-hero-brand {
    position: relative;
    z-index: 4;
    align-self: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 540px
}

.logo-hero-brand .brand-logo-image img {
    max-width: min(390px,88vw);
    max-height: 360px;
    filter: drop-shadow(0 34px 64px rgba(0,0,0,.55)) drop-shadow(0 0 34px rgba(233,191,120,.22))
}

.logo-hero-halo {
    position: absolute;
    width: 440px;
    height: 440px;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(233,191,120,.18),rgba(216,137,165,.18) 44%,transparent 70%);
    filter: blur(18px);
    z-index: -1
}

.logo-hero-plaque {
    margin-top: 14px;
    width: min(440px,92%);
    border: 1px solid rgba(233,191,120,.55);
    border-radius: 24px;
    background: linear-gradient(180deg,rgba(9,5,9,.95),rgba(12,7,11,.9));
    box-shadow: 0 24px 72px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.08);
    padding: 16px 24px;
    text-align: center
}

.logo-hero-plaque strong {
    display: block;
    font-family: Georgia,'Times New Roman',serif;
    font-size: clamp(1.55rem,3vw,2.6rem);
    line-height: 1;
    background: linear-gradient(180deg,#fff0bd,#c4854d 65%,#ffe1a0);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.logo-hero-plaque small {
    display: block;
    margin-top: 7px;
    color: #d8c5b7;
    font-weight: 850;
    letter-spacing: .09em
}

.logo-hero-copy {
    position: relative;
    z-index: 5;
    text-align: right;
    padding-bottom: 40px
}

.logo-hero-copy h1 {
    font-family: Georgia,'Times New Roman',Heebo,serif;
    margin: 0 0 22px;
    font-size: clamp(2.85rem,4.8vw,5.35rem);
    line-height: 1.05;
    letter-spacing: -.045em;
    background: linear-gradient(180deg,#fff8ee 0%,#f2ddc4 38%,#c8884e 72%,#ffe3aa 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 28px rgba(233,191,120,.12)
}

.logo-hero-copy p {
    max-width: 650px;
    margin: 0 auto 0 0;
    color: #efe3dc;
    font-size: 1.18rem;
    line-height: 1.76
}

.logo-hero-anchor-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px
}

.logo-hero-anchor-row a {
    border: 1px solid rgba(233,191,120,.22);
    border-radius: 999px;
    padding: .45rem .78rem;
    color: #e5caa7;
    background: rgba(255,255,255,.045);
    font-weight: 850;
    font-size: .88rem
}

.logo-hero-anchor-row a:hover {
    border-color: rgba(233,191,120,.52);
    background: rgba(233,191,120,.12)
}

.bento-luxury-grid {
    grid-template-columns: 1.15fr .85fr .85fr .9fr;
    gap: 20px
}

.bento-luxury-grid .bento-card {
    min-height: 260px;
    padding: 28px;
    border-radius: 36px;
    isolation: isolate
}

.bento-luxury-grid .bento-card:before {
    content: "";
    position: absolute;
    inset: -80px auto auto -80px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(233,191,120,.22),transparent 68%);
    z-index: -1
}

.bento-luxury-grid .bento-card:after {
    opacity: .92
}

.bento-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    margin-bottom: 16px;
    background: linear-gradient(135deg,rgba(255,228,164,.95),rgba(231,189,114,.72));
    box-shadow: 0 18px 42px rgba(231,189,114,.18)
}

.bento-icon .icon {
    width: 27px;
    height: 27px;
    fill: #180b10
}

.bento-hero-card {
    background: linear-gradient(145deg,rgba(233,191,120,.16),rgba(216,137,165,.08),rgba(255,255,255,.032))!important
}

.bento-luxury-grid .tall {
    min-height: 360px
}

.bento-luxury-grid a {
    display: inline-flex;
    margin-top: auto;
    color: #ffe2a3;
    font-weight: 950
}

.profile-card .profile-body p {
    display: none!important
}

.profile-card .profile-body {
    padding: 18px!important
}

.profile-card h3 {
    margin-bottom: 14px
}

.profile-card .profile-media {
    aspect-ratio: 3/4;
    background: radial-gradient(circle at 50% 22%,rgba(233,191,120,.18),rgba(216,137,165,.08),rgba(255,255,255,.025))
}

.profile-card .profile-media img {
    object-fit: contain!important;
    background: rgba(255,255,255,.025);
    padding: 0
}

.profile-card .profile-media:after {
    background: linear-gradient(180deg,transparent 58%,rgba(0,0,0,.76))
}

.profile-meta-chips {
    gap: 7px
}

.profile-meta-chips .pill {
    font-size: .78rem;
    max-width: 100%;
    white-space: normal;
    text-align: center
}

.profile-main-copy {
    font-size: 1.03rem
}

.profile-main-copy p {
    line-height: 1.85
}

.review-card {
    position: relative;
    overflow: hidden
}

.review-card:before {
    content: "\201D";
    position: absolute;
    left: 20px;
    top: 8px;
    font-family: Georgia,serif;
    font-size: 5rem;
    line-height: 1;
    color: rgba(233,191,120,.14)
}

.review-card strong {
    position: relative;
    z-index: 2
}

.profile-photo-contain img,.profile-photo-panel img {
    object-fit: contain!important;
    background: radial-gradient(circle at 50% 16%,rgba(233,191,120,.12),rgba(255,255,255,.025))
}

.profile-faq {
    display: none!important
}

.contact-luxury-panel {
    position: relative;
    overflow: hidden
}

.contact-luxury-panel:before {
    content: "";
    position: absolute;
    inset: -120px auto auto -120px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(233,191,120,.18),transparent 70%)
}

.contact-panel-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
    margin: 22px 0
}

.contact-panel-grid>div {
    border: 1px solid rgba(233,191,120,.18);
    border-radius: 22px;
    background: rgba(255,255,255,.045);
    padding: 18px;
    display: grid;
    gap: 6px
}

.contact-panel-grid .icon {
    width: 30px;
    height: 30px;
    fill: #ffe4a4
}

.contact-panel-grid strong {
    color: #fff4e5
}

.contact-panel-grid span {
    color: #cbbdcf;
    font-size: .92rem
}

.contact-actions-row {
    position: relative;
    z-index: 2
}

.site-footer .brand-logo-footer img,.site-footer .custom-brand-logo img,.footer-logo-image img {
    max-width: 260px;
    max-height: 160px;
    object-fit: contain;
    margin-bottom: 14px;
    filter: drop-shadow(0 14px 32px rgba(0,0,0,.36)) drop-shadow(0 0 16px rgba(231,189,114,.14))
}

@media(max-width: 1180px) {
    .logo-hero-layout {
        grid-template-columns:220px minmax(260px,350px) 1fr;
        gap: 24px
    }

    .logo-hero-brand .brand-logo-image img {
        max-width: 330px
    }

    .logo-hero-copy h1 {
        font-size: clamp(2.6rem,4.8vw,4.5rem)
    }
}

@media(max-width: 980px) {
    .logo-right-header .header-inner {
        grid-template-columns:auto 1fr auto!important;
        min-height: 86px
    }

    .logo-right-header .menu-toggle {
        display: inline-flex!important;
        grid-column: 1!important;
        grid-row: 1!important;
        justify-self: start
    }

    .logo-right-header .header-actions {
        grid-column: 2!important;
        justify-self: center!important
    }

    .logo-right-header .header-brand-logo {
        grid-column: 3!important;
        justify-self: end!important
    }

    .logo-right-header .nav {
        display: none!important;
        position: absolute;
        top: calc(100% + 12px);
        left: 18px;
        right: 18px;
        z-index: 100;
        background: linear-gradient(145deg,rgba(8,4,12,.98),rgba(28,10,25,.96));
        border: 1px solid rgba(233,191,120,.34);
        border-radius: 28px;
        padding: 18px;
        box-shadow: 0 26px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08)
    }

    .logo-right-header .nav.is-open {
        display: block!important;
        animation: menuDrop .22s ease both
    }

    .logo-right-header .nav ul {
        display: grid!important;
        border: 0!important;
        background: transparent!important;
        border-radius: 0!important;
        padding: 0!important;
        gap: 8px!important
    }

    .logo-right-header .nav a {
        justify-content: flex-start!important;
        border: 1px solid rgba(255,255,255,.1);
        background: rgba(255,255,255,.045);
        border-radius: 18px!important;
        padding: 1rem 1.1rem!important
    }

    .logo-luxury-hero {
        padding: 48px 0 34px;
        min-height: auto
    }

    .logo-hero-layout {
        grid-template-columns: 1fr;
        gap: 22px;
        min-height: 0;
        text-align: center
    }

    .logo-hero-copy {
        order: 1;
        text-align: center;
        padding-bottom: 0
    }

    .logo-hero-copy p {
        margin-inline:auto}

    .logo-hero-brand {
        order: 2;
        min-height: 0
    }

    .logo-hero-features {
        order: 3;
        max-width: 560px;
        margin: 0 auto;
        width: 100%
    }

    .logo-hero-chip {
        margin-inline-start:0!important}

    .logo-hero-anchor-row,.hero-elegant-actions {
        justify-content: center
    }

    .bento-luxury-grid {
        grid-template-columns: 1fr 1fr
    }

    .contact-panel-grid {
        grid-template-columns: 1fr
    }

    .brand-logo-image img,.custom-brand-logo img,.custom-logo {
        max-height: 82px;
        max-width: 190px;
    }
}

@media(max-width: 680px) {
    .logo-right-header .header-inner {
        gap:10px
    }

    .logo-right-header .header-actions {
        display: none!important
    }

    .logo-right-header .header-brand-logo {
        justify-self: end!important
    }

    .logo-right-header .brand-logo-header img,.logo-right-header .custom-brand-logo img {
        max-height: 74px;
        max-width: 142px
    }

    .luxury-burger {
        padding: .7rem .82rem
    }

    .burger-text {
        display: none
    }

    .logo-hero-copy h1 {
        font-size: 2.35rem
    }

    .logo-hero-copy p {
        font-size: 1rem
    }

    .logo-hero-brand .brand-logo-image img {
        max-width: 250px;
        max-height: 230px
    }

    .logo-hero-plaque {
        width: 100%;
        padding: 14px 18px
    }

    .logo-hero-features {
        gap: 12px
    }

    .logo-hero-chip {
        grid-template-columns: 48px 1fr;
        min-height: 70px
    }

    .logo-hero-chip .icon {
        width: 48px;
        height: 48px
    }

    .hero-elegant-actions .btn {
        width: 100%;
        min-width: 0
    }

    .bento-luxury-grid {
        grid-template-columns: 1fr
    }

    .bento-luxury-grid .bento-card,.bento-luxury-grid .tall {
        min-height: auto
    }

    .profile-card .profile-media {
        aspect-ratio: 4/5
    }

    .expanded-home-faq details summary {
        font-size: 1rem
    }
}

@keyframes menuDrop {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(.98)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

/* v4.7 precision fixes requested by client */
.logo-hero-plaque,.hero-flourish-line {
    display: none!important
}

.logo-right-header.clean-header .header-inner,.logo-right-header .header-inner {
    display: grid!important;
    /* grid-template-columns:auto minmax(320px,1fr) auto!important; */
    align-items: center!important;
    gap: 22px!important;
    direction: ltr!important;
    min-height: 96px!important
}

.logo-right-header .header-actions {
    grid-column: 1!important;
    justify-self: start!important;
    display: flex!important;
    align-items: center!important;
    gap: 10px!important;
    direction: rtl!important
}

.logo-right-header .nav {
    grid-column: 2!important;
    justify-self: center!important;
    direction: rtl!important
}

.logo-right-header .header-brand-logo {
    grid-column: 3!important;
    justify-self: end!important;
    min-width: 0!important;
    width: auto!important;
    direction: rtl!important
}

.logo-right-header .brand-logo-header img,.logo-right-header .custom-brand-logo img,.site-header .custom-logo {
    max-height: 106px!important;
    max-width: 250px!important;
    width: auto!important;
    height: auto!important;
    object-fit: contain!important
}

.header-cta .icon,.hero-elegant-actions .icon,.profile-card-actions .icon,.contact-actions-row .icon,.sidebox .icon {
    width: 1.12em!important;
    height: 1.12em!important;
    fill: currentColor!important;
    display: inline-block!important;
    vertical-align: middle!important;
    flex: 0 0 auto!important
}

.call-cta:before,.whatsapp-cta:before {
    content: none!important;
    display: none!important
}

.btn-label {
    display: inline-block;
    line-height: 1
}

.js-contact-trigger.is-loading {
    opacity: .82;
    cursor: wait
}

.js-contact-trigger.is-loading:after {
    content: "";
    width: .75em;
    height: .75em;
    border: 2px solid currentColor;
    border-inline-start-color:transparent;border-radius: 50%;
    animation: spinBtn .7s linear infinite
}

@keyframes spinBtn {
    to {
        transform: rotate(360deg)
    }
}

.logo-luxury-hero {
    min-height: 760px!important;
    padding: 58px 0 42px!important;
    background: radial-gradient(circle at 50% 26%,rgba(255,209,229,.24),transparent 26%),radial-gradient(circle at 75% 38%,rgba(233,191,120,.10),transparent 32%),radial-gradient(circle at 12% 78%,rgba(233,191,120,.16),transparent 30%),linear-gradient(135deg,#040207 0%,#170818 48%,#050208 100%)!important
}

.logo-hero-layout {
    grid-template-columns: minmax(230px,280px) minmax(360px,560px) minmax(420px,1fr)!important;
    gap: 34px!important;
    align-items: center!important;
    min-height: 650px!important
}

.logo-hero-brand {
    min-height: 650px!important;
    align-self: center!important;
    justify-content: center!important
}

.logo-hero-brand .brand-logo-image img {
    max-height: 610px!important;
    max-width: min(520px,34vw)!important;
    width: auto!important;
    object-fit: contain!important;
    filter: drop-shadow(0 42px 82px rgba(0,0,0,.62)) drop-shadow(0 0 42px rgba(233,191,120,.25)) drop-shadow(0 0 28px rgba(216,69,142,.18))!important
}

.logo-hero-halo {
    width: 540px!important;
    height: 560px!important;
    background: radial-gradient(circle,rgba(255,219,161,.18),rgba(220,69,142,.18) 43%,transparent 70%)!important
}

.logo-hero-copy h1 {
    font-size: clamp(3rem,4.65vw,5.25rem)!important
}

.logo-hero-copy p {
    font-size: 1.12rem!important;
    max-width: 680px!important
}

.logo-hero-chip {
    backdrop-filter: blur(12px);
    border-color: rgba(233,191,120,.52)!important
}

.logo-hero-chip .icon {
    color: #f5c982!important
}

.profile-card {
    display: flex!important;
    flex-direction: column!important;
    overflow: hidden!important
}

.profile-card-link {
    display: block;
    color: inherit;
    text-decoration: none
}

.profile-card-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    padding: 0 16px 18px;
    position: relative;
    z-index: 5;
    background: linear-gradient(180deg,rgba(8,4,12,.98),rgba(8,4,12,1))
}

.profile-mini-cta {
    min-height: 44px!important;
    padding: .75rem .85rem!important;
    font-size: .9rem!important;
    border-radius: 16px!important
}

.profile-card .profile-body {
    padding-bottom: 14px!important
}

.profile-card .profile-media {
    aspect-ratio: 4/5!important;
    min-height: 0!important
}

.profile-card .profile-media img {
    width: 100%!important;
    height: 100%!important;
    object-fit: contain!important;
    background: linear-gradient(145deg,rgba(255,255,255,.035),rgba(233,191,120,.045))!important
}

.profile-card .profile-body p {
    display: none!important
}

.bento-luxury-grid {
    display: grid!important;
    grid-template-columns: 1.2fr .9fr .9fr .8fr!important;
    gap: 22px!important
}

.bento-luxury-grid .bento-card {
    border: 1px solid rgba(233,191,120,.20)!important;
    background: linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035))!important;
    box-shadow: 0 26px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.09)!important
}

.bento-luxury-grid .bento-card:hover {
    transform: translateY(-4px);
    border-color: rgba(233,191,120,.42)!important
}

.bento-luxury-grid .bento-hero-card {
    background: radial-gradient(circle at 18% 12%,rgba(233,191,120,.24),transparent 34%),linear-gradient(145deg,rgba(216,69,142,.12),rgba(255,255,255,.035))!important
}

.bento-icon {
    border: 1px solid rgba(255,255,255,.22);
    background: linear-gradient(135deg,#ffe8ad,#d79a55)!important
}

.bento-icon .icon {
    fill: #13080d!important;
    color: #13080d!important
}

@media(max-width: 1100px) {
    .logo-hero-layout {
        grid-template-columns:1fr!important;
        text-align: center!important;
        gap: 14px!important
    }

    .logo-hero-copy {
        order: 2;
        text-align: center!important
    }

    .logo-hero-copy p {
        margin-inline:auto!important}

    .logo-hero-brand {
        order: 1;
        min-height: 360px!important
    }

    .logo-hero-brand .brand-logo-image img {
        max-height: 360px!important;
        max-width: min(420px,82vw)!important
    }

    .logo-hero-features {
        order: 3;
        max-width: 620px;
        margin: 0 auto;
        width: 100%
    }

    .logo-hero-anchor-row,.hero-elegant-actions {
        justify-content: center!important
    }

    .bento-luxury-grid {
        grid-template-columns: 1fr 1fr!important
    }
}

@media(max-width: 780px) {
    .logo-right-header .header-inner {
        grid-template-columns:auto 1fr auto!important;
        min-height: 86px!important
    }

    .logo-right-header .menu-toggle {
        display: inline-flex!important;
        grid-column: 1!important;
        grid-row: 1!important;
        justify-self: start!important
    }

    .logo-right-header .header-actions {
        display: none!important
    }

    .logo-right-header .nav {
        display: none!important;
        position: absolute!important;
        top: calc(100% + 10px)!important;
        left: 14px!important;
        right: 14px!important;
        border: 1px solid rgba(233,191,120,.32)!important;
        border-radius: 28px!important;
        background: radial-gradient(circle at 85% 0,rgba(233,191,120,.12),transparent 28%),linear-gradient(145deg,rgba(8,4,12,.99),rgba(30,9,28,.98))!important;
        padding: 16px!important;
        box-shadow: 0 30px 90px rgba(0,0,0,.58)!important
    }

    .logo-right-header .nav.is-open {
        display: block!important
    }

    .logo-right-header .nav ul {
        display: grid!important;
        gap: 9px!important;
        background: transparent!important;
        border: 0!important;
        padding: 0!important
    }

    .logo-right-header .nav a {
        justify-content: flex-start!important;
        border: 1px solid rgba(255,255,255,.11)!important;
        border-radius: 18px!important;
        background: rgba(255,255,255,.052)!important;
        padding: 1rem 1.05rem!important
    }

    .logo-right-header .header-brand-logo {
        grid-column: 3!important
    }

    .logo-right-header .brand-logo-header img,.logo-right-header .custom-brand-logo img {
        max-height: 76px!important;
        max-width: 156px!important
    }

    .logo-luxury-hero {
        min-height: auto!important;
        padding: 34px 0!important
    }

    .logo-hero-copy h1 {
        font-size: 2.25rem!important
    }

    .logo-hero-copy p {
        font-size: 1rem!important
    }

    .logo-hero-brand {
        min-height: 280px!important
    }

    .logo-hero-brand .brand-logo-image img {
        max-height: 285px!important;
        max-width: 76vw!important
    }

    .logo-hero-features {
        gap: 12px!important
    }

    .logo-hero-chip {
        grid-template-columns: 48px 1fr!important;
        min-height: 68px!important
    }

    .logo-hero-chip .icon {
        width: 48px!important;
        height: 48px!important
    }

    .hero-elegant-actions .btn {
        width: 100%
    }

    .bento-luxury-grid {
        grid-template-columns: 1fr!important
    }

    .profile-card-actions {
        grid-template-columns: 1fr!important
    }

    .profile-mini-cta {
        width: 100%
    }

    .profile-photo-panel img {
        object-fit: contain!important
    }
}

/* Targeted fixes: mobile header, clean hero logo, and text-only SEO section */
.logo-hero-ornament, .logo-hero-ornament-top, .logo-hero-plaque, .hero-flourish-line, .logo-hero-brand:before, .logo-hero-brand:after {
    display: none!important;
    content: none!important;
}

.logo-luxury-hero {
    min-height: 780px!important;
    padding: 42px 0 36px!important;
}

.logo-hero-layout {
    min-height: 700px!important;
    align-items: center!important;
}

.logo-hero-brand {
    min-height: 700px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}

.logo-hero-brand .brand-logo-image, .logo-hero-brand .custom-brand-logo {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    width: 100%!important;
}

.logo-hero-brand .brand-logo-image img, .logo-hero-brand .custom-brand-logo img {
    max-height: 680px!important;
    max-width: min(620px,38vw)!important;
    width: auto!important;
    height: auto!important;
    object-fit: contain!important;
    filter: drop-shadow(0 46px 82px rgba(0,0,0,.68)) drop-shadow(0 0 48px rgba(233,191,120,.28)) drop-shadow(0 0 34px rgba(216,69,142,.18))!important;
}

.logo-hero-halo {
    width: 680px!important;
    height: 680px!important;
    opacity: .95!important;
}

.home-seo-text-only {
    padding-top: 68px!important;
    padding-bottom: 52px!important;
}

.seo-text-shell {
    max-width: 1080px;
    margin-inline:auto; padding: 42px 48px;
    border: 1px solid rgba(233,191,120,.18);
    border-radius: 34px;
    background: linear-gradient(145deg,rgba(255,255,255,.078),rgba(255,255,255,.024));
    box-shadow: 0 26px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.075);
}

.seo-text-shell h2 {
    margin: 16px 0 20px;
    font-family: Georgia,'Times New Roman',Heebo,serif;
    font-size: clamp(2rem,4.4vw,3.65rem);
    line-height: 1.05;
    letter-spacing: -.045em;
    color: #fff4e5;
}

.seo-text-shell p {
    margin: 0 0 18px;
    color: #d8cbd7;
    font-size: 1.08rem;
    line-height: 1.9;
}

.seo-text-shell p:last-child {
    margin-bottom: 0
}

.seo-text-shell strong {
    color: #fff0d1;
    font-weight: 950
}

.seo-text-shell a {
    color: #ffe2a3;
    font-weight: 950;
    text-decoration: underline;
    text-decoration-color: rgba(233,191,120,.38);
    text-underline-offset: 4px;
}

.seo-text-shell a:hover {
    color: #fff5df;
    text-decoration-color: #ffe2a3
}

@media(max-width: 980px) {
    .logo-right-header .header-inner {
        display:grid!important;
        grid-template-columns: auto 1fr auto!important;
        min-height: 82px!important;
        gap: 12px!important;
        align-items: center!important;
        position: relative!important;
    }

    .logo-right-header .header-brand-logo {
        grid-column: 1!important;
        grid-row: 1!important;
        justify-self: start!important;
    }

    .logo-right-header .menu-toggle {
        display: inline-flex!important;
        grid-column: 3!important;
        grid-row: 1!important;
        justify-self: end!important;
        align-items: center!important;
        justify-content: center!important;
        min-width: 52px!important;
        height: 52px!important;
        border-radius: 18px!important;
        padding: 0!important;
        border: 1px solid rgba(233,191,120,.34)!important;
        background: linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
        box-shadow: 0 16px 42px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1)!important;
    }

    .logo-right-header .header-actions {
        display: none!important
    }

    .logo-right-header .burger-text {
        display: none!important
    }

    .logo-right-header .burger-lines {
        width: 24px!important;
        height: 18px!important;
        display: grid!important;
        gap: 5px!important
    }

    .logo-right-header .burger-lines i {
        display: block!important;
        height: 2px!important;
        border-radius: 99px!important;
        background: linear-gradient(90deg,#fff2d0,#e7bd72)!important;
        box-shadow: 0 0 10px rgba(233,191,120,.28)!important
    }

    .logo-right-header .nav {
        display: none!important;
        position: fixed!important;
        z-index: 999!important;
        top: 82px!important;
        left: 0!important;
        right: 0!important;
        width: 100vw!important;
        max-width: none!important;
        margin: 0!important;
        padding: 18px 18px 22px!important;
        border-radius: 0 0 30px 30px!important;
        border: 0!important;
        border-top: 1px solid rgba(233,191,120,.18)!important;
        border-bottom: 1px solid rgba(233,191,120,.34)!important;
        background: radial-gradient(circle at 12% 0%,rgba(233,191,120,.14),transparent 30%), radial-gradient(circle at 88% 6%,rgba(216,69,142,.13),transparent 34%), linear-gradient(145deg,rgba(7,3,10,.99),rgba(30,9,28,.99))!important;
        box-shadow: 0 32px 90px rgba(0,0,0,.65)!important;
        backdrop-filter: blur(22px)!important;
    }

    .logo-right-header .nav.is-open {
        display: block!important;
        animation: menuDrop .22s ease both!important
    }

    .logo-right-header .nav ul {
        display: grid!important;
        grid-template-columns: 1fr!important;
        width: min(100%,620px)!important;
        margin: 0 auto!important;
        padding: 0!important;
        gap: 10px!important;
        border: 0!important;
        background: transparent!important;
        border-radius: 0!important;
        list-style: none!important;
    }

    .logo-right-header .nav li {
        width: 100%!important
    }

    .logo-right-header .nav a {
        display: flex!important;
        justify-content: center!important;
        align-items: center!important;
        min-height: 54px!important;
        width: 100%!important;
        border-radius: 18px!important;
        border: 1px solid rgba(255,255,255,.11)!important;
        background: linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
        color: #fff3e6!important;
        font-size: 1.05rem!important;
        font-weight: 950!important;
        padding: 1rem 1.15rem!important;
    }

    .logo-right-header .nav a:hover, .logo-right-header .nav li.current-menu-item>a {
        border-color: rgba(233,191,120,.44)!important;
        background: linear-gradient(135deg,rgba(233,191,120,.18),rgba(216,69,142,.08))!important;
    }

    .logo-right-header .brand-logo-header img, .logo-right-header .custom-brand-logo img, .site-header .custom-logo {
        max-height: 78px!important;
        max-width: 158px!important;
    }

    .logo-luxury-hero {
        min-height: auto!important;
        padding: 32px 0 30px!important
    }

    .logo-hero-layout {
        grid-template-columns: 1fr!important;
        min-height: 0!important;
        text-align: center!important;
        gap: 16px!important
    }

    .logo-hero-brand {
        order: 1!important;
        min-height: 430px!important
    }

    .logo-hero-brand .brand-logo-image img, .logo-hero-brand .custom-brand-logo img {
        max-height: 430px!important;
        max-width: min(86vw,480px)!important
    }

    .logo-hero-copy {
        order: 2!important;
        text-align: center!important;
        padding-bottom: 0!important
    }

    .logo-hero-copy p {
        margin-inline:auto!important}

    .logo-hero-features {
        order: 3!important;
        max-width: 620px!important;
        margin: 0 auto!important;
        width: 100%!important
    }

    .logo-hero-anchor-row,.hero-elegant-actions {
        justify-content: center!important
    }

    .seo-text-shell {
        padding: 34px 26px!important;
        border-radius: 28px!important
    }
}

@media(max-width: 560px) {
    .logo-right-header .header-inner {
        min-height:76px!important;
        padding-inline:16px!important;}

    .logo-right-header .nav {
        top: 76px!important;
        padding: 14px 14px 18px!important;
        border-radius: 0 0 24px 24px!important
    }

    .logo-right-header .menu-toggle {
        width: 50px!important;
        height: 50px!important;
        min-width: 50px!important;
        border-radius: 17px!important;
        /* padding-right: 30px; */
    }

    .logo-right-header .brand-logo-header img, .logo-right-header .custom-brand-logo img, .site-header .custom-logo {
        max-height: 66px!important;
        max-width: 136px!important
    }

    .logo-hero-brand {
        min-height: 360px!important
    }

    .logo-hero-brand .brand-logo-image img, .logo-hero-brand .custom-brand-logo img {
        max-height: 360px!important;
        max-width: 90vw!important
    }

    .logo-hero-copy h1 {
        font-size: 2.28rem!important
    }

    .seo-text-shell {
        padding: 28px 20px!important
    }

    .seo-text-shell p {
        font-size: 1rem!important;
        line-height: 1.82!important
    }
}

/* Final targeted polish: elegant mobile menu, larger hero logo, and conversion SEO copy placement */
.mobile-menu-deco, .mobile-menu-actions {
    display: none;
}

.logo-luxury-hero {
    padding-block:0!important; min-height: 780px!important;
    display: flex!important;
    align-items: center!important;
}

.logo-hero-layout {
    min-height: 780px!important;
}

.logo-hero-brand {
    min-height: 760px!important;
    padding: 0!important;
    margin: 0!important;
}

.logo-hero-brand .brand-logo-image, .logo-hero-brand .custom-brand-logo {
    width: 100%!important;
    min-height: 760px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}

.logo-hero-brand .brand-logo-image img, .logo-hero-brand .custom-brand-logo img {
    max-height: min(760px,88vh)!important;
    max-width: min(870px,58vw)!important;
    width: auto!important;
    height: auto!important;
    object-fit: contain!important;
    margin: 0 auto!important;
}

.conversion-seo-copy h3 {
    margin: 2rem 0 .72rem!important;
    color: #f4d9aa!important;
    font-size: clamp(1.25rem,1.8vw,1.75rem)!important;
    line-height: 1.35!important;
}

.conversion-seo-copy h3:first-of-type {
    margin-top: 1.2rem!important
}

.conversion-seo-copy p strong {
    color: #fff4dc!important
}

.conversion-seo-copy a {
    color: #f2c67f!important;
    text-decoration: none!important;
    border-bottom: 1px solid rgba(242,198,127,.45)!important;
}

.conversion-seo-copy a:hover {
    border-color: rgba(242,198,127,.9)!important;
    color: #ffe0a7!important
}

@media(max-width: 980px) {
    .logo-right-header .header-inner {
        direction:ltr!important;
        display: grid!important;
        grid-template-columns: auto 1fr auto!important;
        align-items: center!important;
        gap: 12px!important;
    }

    .logo-right-header .header-brand-logo {
        grid-column: 1!important;
        justify-self: start!important;
        direction: rtl!important;
    }

    .logo-right-header .menu-toggle {
        grid-column: 3!important;
        justify-self: end!important;
        direction: rtl!important;
        overflow: hidden!important;
        position: relative!important;
    }

    .logo-right-header .menu-toggle:before {
        content: "";
        position: absolute;
        inset: -35%;
        background: radial-gradient(circle,rgba(233,191,120,.22),transparent 54%);
        opacity: .65;
        pointer-events: none;
    }

    .logo-right-header .nav {
        direction: rtl!important;
        position: fixed!important;
        top: 76px!important;
        left: 0!important;
        right: 0!important;
        width: 100vw!important;
        max-width: 100vw!important;
        min-height: calc(100dvh - 76px)!important;
        overflow-y: auto!important;
        padding: 20px 18px 24px!important;
        border-radius: 0!important;
        border: 0!important;
        border-top: 1px solid rgba(233,191,120,.22)!important;
        background: radial-gradient(circle at 15% 0%,rgba(232,190,119,.18),transparent 32%), radial-gradient(circle at 86% 10%,rgba(216,69,142,.16),transparent 36%), linear-gradient(155deg,rgba(5,2,8,.99),rgba(22,8,25,.99) 58%,rgba(7,3,10,.99))!important;
        box-shadow: 0 34px 110px rgba(0,0,0,.72)!important;
        backdrop-filter: blur(24px)!important;
    }

    .logo-right-header .nav:before, .logo-right-header .nav:after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .logo-right-header .nav:before {
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(90deg,transparent,rgba(255,224,170,.72),transparent);
    }

    .logo-right-header .nav:after {
        width: 280px;
        height: 280px;
        left: -120px;
        bottom: -120px;
        border: 1px solid rgba(233,191,120,.13);
        border-radius: 50%;
        box-shadow: 0 0 90px rgba(216,69,142,.11);
    }

    .logo-right-header .nav.is-open {
        display: block!important;
        animation: menuDrop .24s ease both!important
    }

    .mobile-menu-deco {
        display: grid!important;
        place-items: center!important;
        gap: 8px!important;
        width: min(100%,680px)!important;
        margin: 0 auto 16px!important;
        padding: 14px 14px 16px!important;
        border: 1px solid rgba(233,191,120,.22)!important;
        border-radius: 24px!important;
        background: linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
        color: #f4d49a!important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.09),0 18px 50px rgba(0,0,0,.22)!important;
        text-align: center!important;
    }

    .mobile-menu-deco svg {
        width: 142px!important;
        height: auto!important;
        color: #ecc47b!important;
        filter: drop-shadow(0 0 14px rgba(233,191,120,.22));
    }

    .mobile-menu-deco strong {
        display: block!important;
        color: #fff2d8!important;
        font-size: 1.25rem!important;
        letter-spacing: .01em!important;
    }

    .mobile-menu-deco span {
        color: #d7c2ad!important;
        font-size: .95rem!important;
        line-height: 1.55!important;
    }

    .logo-right-header .nav ul {
        width: min(100%,680px)!important;
        gap: 10px!important;
    }

    .logo-right-header .nav a {
        justify-content: flex-start!important;
        gap: 12px!important;
        min-height: 58px!important;
        padding: 1.05rem 1.1rem!important;
        border-radius: 20px!important;
        background: linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.032))!important;
        border: 1px solid rgba(255,255,255,.12)!important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.06)!important;
        text-align: right!important;
    }

    .logo-right-header .nav a:before {
        content: "";
        width: 34px;
        height: 34px;
        min-width: 34px;
        border-radius: 12px;
        background-color: #f1c77f;
        box-shadow: 0 0 18px rgba(233,191,120,.14);
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2l2.7 6.6L22 12l-7.3 3.4L12 22l-2.7-6.6L2 12l7.3-3.4L12 2z'/%3E%3C/svg%3E") center/21px 21px no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2l2.7 6.6L22 12l-7.3 3.4L12 22l-2.7-6.6L2 12l7.3-3.4L12 2z'/%3E%3C/svg%3E") center/21px 21px no-repeat;
    }

    .logo-right-header .nav li:nth-child(2) a:before {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm-9 9a9 9 0 0 1 18 0H3Z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm-9 9a9 9 0 0 1 18 0H3Z'/%3E%3C/svg%3E");
    }

    .logo-right-header .nav li:nth-child(3) a:before {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E");
    }

    .logo-right-header .nav li:nth-child(4) a:before {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 6h18v2H3V6Zm0 5h18v2H3v-2Zm0 5h18v2H3v-2Z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 6h18v2H3V6Zm0 5h18v2H3v-2Zm0 5h18v2H3v-2Z'/%3E%3C/svg%3E");
    }

    .logo-right-header .nav li:nth-child(5) a:before {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.6 2.8 9.2 2c.7-.2 1.4.2 1.7.8l1.2 2.8c.2.6.1 1.2-.4 1.7L10.5 8.5a13.7 13.7 0 0 0 5 5l1.2-1.2c.4-.4 1.1-.6 1.7-.4l2.8 1.2c.7.3 1 1 .8 1.7l-.8 2.6c-.2.7-.8 1.1-1.5 1.1A17.5 17.5 0 0 1 2.5 4.3c0-.7.4-1.3 1.1-1.5Z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.6 2.8 9.2 2c.7-.2 1.4.2 1.7.8l1.2 2.8c.2.6.1 1.2-.4 1.7L10.5 8.5a13.7 13.7 0 0 0 5 5l1.2-1.2c.4-.4 1.1-.6 1.7-.4l2.8 1.2c.7.3 1 1 .8 1.7l-.8 2.6c-.2.7-.8 1.1-1.5 1.1A17.5 17.5 0 0 1 2.5 4.3c0-.7.4-1.3 1.1-1.5Z'/%3E%3C/svg%3E");
    }

    .mobile-menu-actions {
        display: grid!important;
        grid-template-columns: 1fr 1fr!important;
        gap: 10px!important;
        width: min(100%,680px)!important;
        margin: 16px auto 0!important;
    }

    .mobile-menu-contact {
        width: 100%!important;
        justify-content: center!important;
        min-height: 54px!important;
        border-radius: 18px!important;
    }

    .logo-luxury-hero {
        padding-top: 0!important;
        padding-bottom: 24px!important;
    }

    .logo-hero-layout {
        gap: 10px!important
    }

    .logo-hero-brand {
        min-height: auto!important;
        padding-block:0!important; margin-block:0!important; }

    .logo-hero-brand .brand-logo-image, .logo-hero-brand .custom-brand-logo {
        min-height: 0!important;
        padding: 0!important;
        margin: 0!important;
    }

    .logo-hero-brand .brand-logo-image img, .logo-hero-brand .custom-brand-logo img {
        max-height: min(620px,78vh)!important;
        max-width: 92vw!important;
        margin-block:0!important; display: block!important;
    }
}

@media(max-width: 560px) {
    .logo-right-header .nav {
        top:72px!important;
        min-height: calc(100dvh - 72px)!important;
        padding: 16px 14px 20px!important
    }

    .mobile-menu-deco {
        border-radius: 22px!important;
        padding: 12px 12px 14px!important;
        margin-bottom: 12px!important
    }

    .mobile-menu-deco svg {
        width: 120px!important
    }

    .logo-right-header .nav a {
        min-height: 56px!important;
        font-size: 1.02rem!important;
        border-radius: 18px!important
    }

    .mobile-menu-actions {
        grid-template-columns: 1fr!important
    }

    .logo-luxury-hero {
        padding-top: 0!important;
        padding-bottom: 18px!important
    }

    .logo-hero-brand .brand-logo-image img, .logo-hero-brand .custom-brand-logo img {
        max-height: min(560px,76vh)!important;
        max-width: 96vw!important
    }
}