/* ════════════════════════════════════════
    PR PAGE
════════════════════════════════════════ */

/* ── BACK HOME BUTTON ───────────────────────────────────── */
.back-btn {
    position: fixed;
    top: 5.5rem;
    left: 1.6rem;
    z-index: 600;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 0rem;

    color: var(--txt2);
    text-decoration: none;

    transition:
        color 0.5s var(--easing),
        filter 0.5s var(--easing),
        opacity 0.5s var(--easing);

    animation: backBtnFloat 3.2s ease-in-out infinite;
}

/* HOME SVG */
.home-back-icon {
    width: 3.1rem;
    height: 3.1rem;
    margin-bottom: -0.5rem;
    overflow: visible;

    opacity: 0.92;

    transition:
        transform 0.45s var(--easing),
        opacity 0.45s var(--easing),
        filter 0.45s var(--easing);
}

/* ARROW SVG */
.back-arrow {
    width: 3.5rem;
    height: 3.5rem;
    margin-top: -1.9rem;
    overflow: visible;

    opacity: 0.68;

    transition:
        transform 0.45s var(--easing),
        opacity 0.45s var(--easing);
}

/* HOVER EFFECT */
.back-btn:hover {
    color: var(--gold);
    filter: drop-shadow(0 0 14px rgba(201,168,76,0.22));
}

.back-btn:hover .home-back-icon {
    transform: scale(1.04);
    opacity: 1;
}

.back-btn:hover span {
    opacity: 1;
    letter-spacing: 0.28em;
}

.back-btn:hover .back-arrow {
    transform: translateX(-3px);
    opacity: 1;
}

/* FLOATING ANIMATION */
@keyframes backBtnFloat {
    0%,100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-4px);
    }
}

@media (max-width: 768px) {

    .back-btn {
        top: 6rem !important;
        left: 1.2rem !important;

        z-index: 250;

        transform: scale(1);

        transform-origin: top left;
    }

    .home-back-icon {
        width: 2.45rem;
        height: 2.45rem;

        margin-bottom: -0.42rem;
    }

    .back-arrow {
        width: 2.85rem;
        height: 2.85rem;

        margin-top: -1.55rem;
    }

    html[dir="rtl"] .back-btn {
        left: auto !important;
        right: 0.8rem !important;

        transform-origin: top right;
    }

}
@keyframes backBtnFloatMobile {

    0%,100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-3px);
    }

}

/* RTL SUPPORT */
html[dir="rtl"] .back-btn {
    left: auto;
    right: 1.6rem;
}

html[dir="rtl"] .back-btn:hover .back-arrow {
    transform: translateX(3px);
}

/* ── PR HERO ─────────────────────────────────────────────── */
#pr-hero {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 6rem 2rem 8rem;
}
#pr-hero-bg {
    position: absolute; inset: 0;
    background: linear-gradient(160deg,
        #1E180C 0%, #0D0B08 35%, #181410 65%, #1C1608 100%);
    background-size: 300% 300%;
    animation: prBg 18s ease infinite;
}
html.light #pr-hero-bg {
    background: linear-gradient(160deg,
        #F4EBD8 0%, #FAF7F0 35%, #F0EBE0 65%, #F5E6C8 100%);
}
@keyframes prBg {
    0%,100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}
#pr-hero-overlay {
    position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(to bottom,
        rgba(0,0,0,0.08) 0%,
        rgba(0,0,0,0.0) 40%,
        rgba(0,0,0,0.55) 100%);
}
html.light #pr-hero-overlay {
    background: linear-gradient(to bottom,
        rgba(242,235,215,0.0) 0%,
        rgba(230,218,195,0.0) 40%,
        rgba(218,200,168,0.4) 100%);
}
#pr-hero-glow {
    position: absolute; z-index: 2; top: 50%; left: 50%;
    transform: translate(-50%, -55%);
    width: clamp(320px, 60vw, 760px); height: 460px;
    background: radial-gradient(ellipse, rgba(201,168,76,0.1) 0%, transparent 70%);
    pointer-events: none;
    animation: gPulse 6s ease-in-out infinite;
}
html.light #pr-hero-glow {
    background: radial-gradient(ellipse, rgba(201,168,76,0.24) 0%, transparent 65%);
}
#pr-hero-dust { position: absolute; inset: 0; z-index: 2; overflow: hidden; pointer-events: none; }
#pr-hero-dust .dust { filter: blur(1px); mix-blend-mode: screen; }
html.light #pr-hero-dust .dust { mix-blend-mode: multiply; opacity: 0.14; }

/* Watermark logo */
.pr-watermark {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transition: opacity 1.8s ease;
}
.pr-watermark img {
    width: clamp(200px, 42vw, 500px);
    filter: sepia(1) hue-rotate(-10deg) brightness(0.28) saturate(0.4) opacity(0.1);
}
html.light .pr-watermark img {
    filter: sepia(1) hue-rotate(-10deg) brightness(0.44) saturate(0.45) opacity(0.12);
}
.pr-watermark.on { opacity: 1; }

/* Hero content */
#pr-hero-content {
    position: relative; z-index: 3;
    display: flex; flex-direction: column;
    align-items: center; gap: 1.4rem;
    text-align: center;
    opacity: 0; transform: translateY(28px);
}
.pr-eyebrow {
    font-size: 0.55rem; letter-spacing: 0.52em; text-transform: uppercase;
    color: var(--gold);
    display: flex; align-items: center; justify-content: center; gap: 1.1rem;
}
.pr-eyebrow::before,
.pr-eyebrow::after {
    content: ''; display: block;
    width: 38px; height: 1px;
    background: var(--gold); opacity: 0.5;
}

/* Signature title */
.pr-sig-title {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: clamp(3.2rem, 8vw, 7rem);
    font-weight: 300;
    line-height: 1.1;
    color: var(--gold);
    text-shadow:
        0 0 40px rgba(201,168,76,0.28),
        0 0 80px rgba(201,168,76,0.12);
    letter-spacing: 0.02em;
    transition: text-shadow 0.6s ease;
}
html.light .pr-sig-title {
    text-shadow:
        0 0 30px rgba(201,168,76,0.35),
        0 0 70px rgba(201,168,76,0.18);
}
.pr-sig-title-wrap {
    position: relative;
    display: inline-block;
}
.pr-sig-title-wrap::after {
    content: '';
    position: absolute;
    bottom: 0.3rem; left: 10%; right: 10%;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(201,168,76,0.4), transparent);
    opacity: 0;
    transition: opacity 0.8s ease 0.6s;
}
.pr-sig-title-wrap.on::after { opacity: 1; }

.pr-hero-sub {
    font-size: 0.57rem; letter-spacing: 0.36em; text-transform: uppercase;
    color: var(--txt2);
    display: flex; align-items: center; gap: 1.2rem;
}
.pr-hero-sub-dot {
    width: 3px; height: 3px; border-radius: 50%;
    background: var(--gold); opacity: 0.55;
}

/* ── NEWS SECTION ───────────────────────────────────────── */
#pr-news {
    position: relative;
    background: var(--bg2);
    padding: 7rem 0 8rem;
    overflow: hidden;
}
.pr-news-ambient {
    position: absolute; top: 0; left: 0; right: 0;
    height: 400px;
    background: radial-gradient(ellipse at 50% 0%, rgba(201,168,76,0.045) 0%, transparent 70%);
    pointer-events: none;
}
.pr-news-header {
    padding: 0 clamp(2rem, 8vw, 8rem);
    margin-bottom: 5rem;
}

/* News card */
.news-card {
    position: relative;
    margin: 0 clamp(2rem, 8vw, 8rem);
    margin-bottom: 3.5rem;
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 0;
    background: var(--card);
    border: 1px solid rgba(201,168,76,0.13);
    overflow: hidden;
    transition: all 0.75s var(--easing);
    opacity: 0;
    transform: translateY(30px);
}
.news-card.on {
    opacity: 1;
    transform: translateY(0);
}
.news-card:hover {
    border-color: rgba(201,168,76,0.3);
    transform: translateY(-5px);
    box-shadow:
        0 24px 64px rgba(0,0,0,0.22),
        0 0 0 1px rgba(201,168,76,0.1),
        inset 0 0 60px rgba(201,168,76,0.02);
}
/* Shimmer sweep on hover */
.news-card::before {
    content: '';
    position: absolute; inset: 0; z-index: 5;
    background: linear-gradient(105deg,
        transparent 30%,
        rgba(201,168,76,0.06) 50%,
        transparent 70%);
    transform: translateX(-100%);
    transition: transform 0.85s var(--easing-out);
    pointer-events: none;
}
.news-card:hover::before { transform: translateX(100%); }

/* Alternate layout: even cards flip gallery/content */
.news-card.alt {
    grid-template-columns: 1.15fr 1fr;
}
.news-card.alt .news-gallery { order: 1; }
.news-card.alt .news-body    { order: 2; }

@media (max-width: 900px) {
    .news-card,
    .news-card.alt {
        grid-template-columns: 1fr;
    }
    .news-card.alt .news-gallery { order: 0; }
    .news-card.alt .news-body    { order: 0; }
}

/* ── GALLERY ─────────────────────────────────────────────── */
.news-gallery {
    position: relative;
    min-height: 360px;
    overflow: hidden;
    flex-shrink: 0;
}
@media (max-width: 900px) {
    .news-gallery { min-height: 240px; }
}
.gallery-slides {
    position: absolute; inset: 0;
    display: flex;
    transition: transform 0.78s var(--easing);
    will-change: transform;
}
.gallery-slide {
    position: relative;
    min-width: 100%; height: 100%;
    flex-shrink: 0;
    overflow: hidden;
}
/* Gradient art placeholders — each card gets unique palette */
.g-slide-1a { background: linear-gradient(135deg, #1C0C0A 0%, #2E1408 40%, #1A0E06 70%, #120A04 100%); }
.g-slide-1b { background: linear-gradient(160deg, #0E0A06 0%, #261808 50%, #1A1206 100%); }
.g-slide-1c { background: linear-gradient(110deg, #180E06 0%, #2A1A08 55%, #0E0804 100%); }
.g-slide-2a { background: linear-gradient(135deg, #060E08 0%, #0C1E0E 40%, #081408 70%, #040C06 100%); }
.g-slide-2b { background: linear-gradient(160deg, #040E06 0%, #102010 50%, #081008 100%); }
.g-slide-2c { background: linear-gradient(110deg, #06100A 0%, #0E1E0C 55%, #060C06 100%); }
.g-slide-3a { background: linear-gradient(135deg, #06080E 0%, #0C1020 40%, #0A0C1A 70%, #060810 100%); }
.g-slide-3b { background: linear-gradient(160deg, #040610 0%, #080E1E 50%, #060810 100%); }
.g-slide-3c { background: linear-gradient(110deg, #08061A 0%, #10102A 55%, #080614 100%); }
.g-slide-4a { background: linear-gradient(135deg, #0E0608 0%, #200C14 40%, #160A0E 70%, #0C0608 100%); }
.g-slide-4b { background: linear-gradient(160deg, #0C0610 0%, #180A18 50%, #100810 100%); }
.g-slide-4c { background: linear-gradient(110deg, #08060C 0%, #16081A 55%, #0C0610 100%); }
.g-slide-5a { background: linear-gradient(135deg, #060C0E 0%, #0A1820 40%, #081418 70%, #040C10 100%); }
.g-slide-5b { background: linear-gradient(160deg, #040E10 0%, #081A1E 50%, #060E12 100%); }
.g-slide-5c { background: linear-gradient(110deg, #06101A 0%, #0C1E2A 55%, #060C14 100%); }

/* Architectural art overlay on each slide */
.gallery-slide::before {
    content: '';
    position: absolute; inset: 0;
    background:
        radial-gradient(ellipse at 30% 40%, rgba(201,168,76,0.18) 0%, transparent 55%),
        radial-gradient(ellipse at 75% 70%, rgba(201,168,76,0.08) 0%, transparent 45%);
}
.gallery-slide::after {
    content: '';
    position: absolute; inset: 0;
    background-image:
        linear-gradient(rgba(201,168,76,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(201,168,76,0.06) 1px, transparent 1px);
    background-size: 48px 48px;
    opacity: 0.5;
}
/* Vertical line art — architectural feel */
.slide-art {
    position: absolute; inset: 0; z-index: 2;
    pointer-events: none;
    overflow: hidden;
}
.slide-art svg { width: 100%; height: 100%; }

/* Gold shimmer line across slide */
.slide-gold-line {
    position: absolute;
    top: 50%; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(201,168,76,0.6), transparent);
    transform: translateY(-50%);
    opacity: 0.3;
}

/* Gallery tag (category badge) */
.gallery-tag {
    position: absolute;
    top: 1.1rem; left: 1.1rem; z-index: 10;
    font-size: 0.48rem; letter-spacing: 0.28em; text-transform: uppercase;
    padding: 0.35rem 0.85rem;
    border: 1px solid rgba(201,168,76,0.38);
    background: rgba(0,0,0,0.45);
    backdrop-filter: blur(12px);
    color: var(--gold);
}
html[dir="rtl"] .gallery-tag { left: auto; right: 1.1rem; }

/* Gallery navigation arrows */
.gallery-nav {
    position: absolute; top: 50%; z-index: 10;
    transform: translateY(-50%);
    width: 36px; height: 36px;
    background: rgba(0,0,0,0.5);
    border: 1px solid rgba(201,168,76,0.28);
    backdrop-filter: blur(10px);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    color: rgba(201,168,76,0.8);
    opacity: 0;
    transition: opacity 0.4s, border-color 0.4s, color 0.4s, background 0.4s;
}
.news-gallery:hover .gallery-nav { opacity: 1; }
.gallery-nav:hover { border-color: var(--gold); color: var(--gold); background: rgba(0,0,0,0.7); }
.gallery-nav.prev { left: 0.8rem; }
.gallery-nav.next { right: 0.8rem; }
html[dir="rtl"] .gallery-nav.prev { left: auto; right: 0.8rem; }
html[dir="rtl"] .gallery-nav.next { right: auto; left: 0.8rem; }
.gallery-nav svg { width: 14px; height: 14px; }

/* Gallery dots */
.gallery-dots {
    position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%);
    z-index: 10;
    display: flex; gap: 0.5rem;
}
.gallery-dot {
    width: 22px; height: 2px;
    background: rgba(201,168,76,0.28);
    cursor: pointer;
    transition: background 0.4s, width 0.4s;
}
.gallery-dot.active {
    background: var(--gold);
    width: 34px;
}

/* ── NEWS BODY ──────────────────────────────────────────── */
.news-body {
    padding: 2.8rem clamp(1.5rem, 3.5vw, 3.2rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.1rem;
    position: relative;
}
/* Subtle left accent line */
.news-body::before {
    content: '';
    position: absolute; top: 2rem; bottom: 2rem; left: 0;
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(201,168,76,0.18), transparent);
}
.news-card.alt .news-body::before { left: auto; right: 0; }
@media (max-width: 900px) {
    .news-body::before { display: none; }
}

.news-meta {
    display: flex; align-items: center; gap: 0.8rem;
    flex-wrap: wrap;
}
.news-date {
    font-size: 0.54rem; letter-spacing: 0.22em; text-transform: uppercase;
    color: var(--muted); font-weight: 400;
}
.news-meta-dot {
    width: 3px; height: 3px; border-radius: 50%;
    background: rgba(201,168,76,0.4); flex-shrink: 0;
}
.news-tag-pill {
    font-size: 0.46rem; letter-spacing: 0.22em; text-transform: uppercase;
    color: var(--gold);
    padding: 0.28rem 0.7rem;
    border: 1px solid rgba(201,168,76,0.25);
    background: rgba(201,168,76,0.05);
}

.news-headline {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(1.4rem, 2.4vw, 2.0rem);
    font-weight: 300;
    line-height: 1.22;
    color: var(--txt);
    letter-spacing: -0.01em;
    transition: color 0.45s;
}
.news-card:hover .news-headline { color: var(--gold); }

.news-excerpt {
    font-size: 0.84rem;
    line-height: 1.85;
    color: var(--txt2);
    font-weight: 300;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.news-read-more {
    display: inline-flex; align-items: center; gap: 0.7rem;
    font-size: 0.55rem; letter-spacing: 0.24em; text-transform: uppercase;
    color: var(--gold);
    text-decoration: none;
    cursor: pointer;
    background: none; border: none;
    font-family: 'Inter', sans-serif;
    padding: 0;
    transition: all 0.4s;
    margin-top: 0.4rem;
}
.news-read-more .read-arrow {
    width: 26px; height: 1px;
    background: var(--gold);
    position: relative;
    transition: width 0.4s var(--easing);
}
.news-read-more .read-arrow::after {
    content: '';
    position: absolute; right: 0; top: -3px;
    width: 6px; height: 6px;
    border-top: 1px solid var(--gold);
    border-right: 1px solid var(--gold);
    transform: rotate(45deg);
}
html[dir="rtl"] .news-read-more .read-arrow::after {
    right: auto; left: 0;
    transform: rotate(-135deg);
}
.news-read-more:hover { gap: 1.1rem; }
.news-read-more:hover .read-arrow { width: 44px; }

/* ── PR CLOSING SECTION ─────────────────────────────────── */
#pr-closing {
    position: relative;
    min-height: 68vh;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
    padding: 0 2rem;
}
.pr-closing-bg {
    position: absolute; inset: 0;
    background: linear-gradient(160deg, #1C1810 0%, #0D0B08 50%, #181410 100%);
}
html.light .pr-closing-bg {
    background: linear-gradient(160deg, #EDE3C8 0%, #F4EBD8 50%, #E8DEC8 100%);
}
.pr-closing-glow {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 680px; height: 480px;
    background: radial-gradient(ellipse, rgba(201,168,76,0.07) 0%, transparent 70%);
    pointer-events: none;
    animation: gPulse 6s ease-in-out infinite;
}
html.light .pr-closing-glow {
    background: radial-gradient(ellipse, rgba(201,168,76,0.2) 0%, transparent 65%);
}
.pr-closing-lines {
    position: absolute; inset: 0; overflow: hidden; opacity: 0.07; pointer-events: none;
}
.pr-closing-lines::before,
.pr-closing-lines::after {
    content: '';
    position: absolute; left: 0; right: 0; height: 1px;
    background: linear-gradient(to right, transparent, rgba(201,168,76,1), transparent);
}
.pr-closing-lines::before { top: 18%; }
.pr-closing-lines::after  { bottom: 25%; }

.pr-closing-content {
    position: relative; z-index: 2;
    text-align: center;
    max-width: 680px;
}
.pr-closing-eyebrow {
    font-size: 0.56rem; letter-spacing: 0.5em; text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 2.2rem;
    display: flex; align-items: center; justify-content: center; gap: 1.1rem;
}
.pr-closing-eyebrow::before,
.pr-closing-eyebrow::after {
    content: ''; display: block;
    width: 44px; height: 1px;
    background: var(--gold); opacity: 0.42;
}
.pr-closing-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2.1rem, 5.5vw, 4.4rem);
    font-weight: 300;
    color: #F8F4EC;
    line-height: 1.08;
}
html.light .pr-closing-title { color: #1C1810; }
.pr-closing-title em { font-style: italic; color: var(--gold); }
.pr-closing-sub {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(1.1rem, 2.2vw, 1.75rem);
    font-weight: 300;
    color: var(--gold);
    font-style: italic;
    margin-top: 0.6rem;
}
.pr-closing-body {
    font-size: 0.84rem;
    color: rgba(250,247,240,0.42);
    margin: 1.6rem auto 0;
    font-weight: 300;
    letter-spacing: 0.03em;
    line-height: 1.85;
    max-width: 480px;
}
html.light .pr-closing-body { color: rgba(28,24,16,0.5); }
.pr-closing-btn {
    margin-top: 3rem;
    display: inline-flex; align-items: center; gap: 0.5rem;
}

/* ── RESPONSIVE ─────────────────────────────────────────── */
@media (max-width: 768px) {
    .news-card { margin: 0 1.2rem 2.5rem; }
    .pr-news-header { padding: 0 1.4rem; }
    .back-btn { top: 0.8rem; left: 0.9rem; }
}
@media (max-width: 480px) {
    .news-card { margin: 0 0.8rem 2rem; }
    .news-gallery { min-height: 200px; }
    .news-body { padding: 1.8rem 1.2rem; }
    .pr-news-header { padding: 0 0.9rem; }
}

/* ── PR NAV LINK (active state) ─────────────────────────── */
.nav-a.nav-pr-active {
    color: var(--gold) !important;
}
.nav-a.nav-pr-active::after {
    transform: translateX(-50%) scaleX(1) !important;
    opacity: 0.6 !important;
}