@charset "utf-8"; 
:root {--gold:#fc2318; --dark:#01295d;}
html, body {width:100%; overflow-x:hidden;}
body {font-family:'Poppins', system-ui, sans-serif; color:#222;}
section {padding:60px 0}
.navbar {background:#fff; box-shadow:0 6px 20px rgba(0,0,0,.06); transition:.4s; border-bottom:5px solid rgba(0, 0, 0, .12);}
.navbar.scrolled {box-shadow:0 14px 35px rgba(0,0,0,.15); border-bottom:5px solid rgba(0, 0, 0, 0.15);}
.navbar-brand img {height:50px}
.nav-link {font-weight:300; position:relative; color:#535353!important; font-size:14px; margin-right:10px;}
.nav-link::after {content:''; position:absolute; left:0; bottom:-5px; width:0; height:2px; background:var(--gold); transition:.4s;}
.nav-link.active::after, .nav-link:hover::after {width:100%}
.nav-link.active {color:var(--gold)!important}
.btn-book {background:transparent; color:var(--gold)!important; padding:9px 26px; border-radius:30px; font-weight:600; border:2px solid var(--gold); letter-spacing:.4px; transition:all .4s cubic-bezier(.22,.61,.36,1);}
.btn-book:hover {background:var(--gold); color:#fff!important; transform:translateY(-2px); box-shadow:0 18px 40px rgba(212,160,23,.35);}
.hero-safe {display:flex; width:100%; height:90vh; overflow:hidden;}
.hero-safe-text {width:35%; padding:0 20px; display:flex; flex-direction:column; justify-content:center; background:linear-gradient( 135deg, rgba(14,26,43,.96), rgba(14, 26, 43, .88) ); color:#fff; animation:fadeSlide 1.1s ease forwards;}
.hero-eyebrow {font-size:.8rem; letter-spacing:3px; color:var(--gold); margin-bottom:14px; opacity:0; animation:fadeUp .8s ease forwards .2s;}
.hero-title {font-size:3rem; font-weight:700; line-height:1.15; margin-bottom:22px; opacity:0; animation:fadeUp .8s ease forwards .35s;}
.hero-sub {font-size:1.05rem; line-height:1.8; color:#d8dce2; margin-bottom:36px; max-width:420px; opacity:0; animation:fadeUp .8s ease forwards .5s;}
.hero-actions {display:flex; gap:16px; flex-wrap:wrap; opacity:0; animation:fadeUp .8s ease forwards .65s;}
.btn-room {background:var(--gold); color:#111; border-radius:30px; padding:12px 30px; font-weight:600; border:none; transition:.35s ease;}
.btn-room:hover {background:#c19114; transform:translateY(-2px); box-shadow:0 12px 28px rgba(212,160,23,.45);}
.btn-outline-gold {border:2px solid var(--gold); color:var(--gold); border-radius:30px; padding:12px 30px; font-weight:600; background:transparent; transition:.35s ease;}
.btn-outline-gold:hover {background:var(--gold); color:#111; transform:translateY(-2px);}
.hero-safe-image {width:65%; position:relative; overflow:hidden;}
.hero-safe-image img {width:100%; height:100%; object-fit:cover; transform:scale(1.08); animation:imageSlowZoom 12s ease forwards;}
.hero-safe-image::after {content:''; position:absolute; inset:0; background:linear-gradient( to left, rgba(0,0,0,.55), rgba(0, 0, 0, .25), rgba(0, 0, 0, 0) );}

@keyframes fadeUp {
from {opacity:0; transform:translateY(22px)}
to {opacity:1; transform:none}
}

@keyframes fadeSlide {
from {opacity:0; transform:translateX(-30px)}
to {opacity:1; transform:none}
}

@keyframes imageSlowZoom {
from {transform:scale(1.12)}
to {transform:scale(1)}
}

@media(max-width:768px) {
.hero-safe {flex-direction:column; height:auto;}
.hero-safe-text {width:100%; padding:80px 24px 50px;}
.hero-safe-image {width:100%; height:340px;}
.hero-title {font-size:2.2rem;}
}

.experience {background:#fff;}
.experience-image {border-radius:22px; overflow:hidden; box-shadow:0 30px 70px rgba(0,0,0,.15);}
.experience-image img {width:100%; height:100%; object-fit:cover; transition:transform 1.2s ease;}
.experience-image:hover img {transform:scale(1.05);}
.experience-content {max-width:520px;}
.experience-eyebrow {display:block; font-size:.75rem; letter-spacing:3px; color:var(--gold); margin-bottom:14px; font-weight:500;}
.experience-title {font-size:2.6rem; font-weight:700; line-height:1.2; margin-bottom:24px;}
.experience-text {font-size:1.05rem; line-height:1.9; color:#555; margin-bottom:16px; opacity:0; transform:translateX(40px); transition:all .9s cubic-bezier(.22,.61,.36,1);}
.image-grid {display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:auto auto; gap:18px;}
.grid-item {overflow:hidden; border-radius:20px; box-shadow:0 5px 10px rgba(0,0,0,.15); opacity:0; transform:translateY(40px) scale(.96); transition:all .9s cubic-bezier(.22, .61, .36, 1);}
.grid-item.large {grid-row:1 / span 2;}
.image-grid img {width:100%; height:100%; object-fit:cover; transition:transform 1.2s ease;}
.grid-item:hover img {transform:scale(1.08);}
.experience-actions {display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
.btn-outline-gold {border:2px solid var(--gold); color:var(--gold); padding:10px 26px; border-radius:30px; font-weight:600; background:transparent; transition:.4s ease;}
.btn-outline-gold:hover {background:var(--gold); color:#fff; transform:translateY(-3px); box-shadow:0 15px 35px rgba(212,160,23,.35);}
.text-link {color:#555; font-weight:500; text-decoration:none; position:relative; transition:.3s;}
.text-link::after {content:''; position:absolute; left:0; bottom:-3px; width:0; height:2px; background:var(--gold); transition:.3s;}
.text-link:hover {color:#000;}
.text-link:hover::after {width:100%;}

@media(max-width:768px) {
.experience-actions {flex-direction:column; align-items:flex-start;}
}

.reveal-left.show .grid-item {opacity:1; transform:none;}
.reveal-left.show .grid-item:nth-child(1) {transition-delay:.1s}
.reveal-left.show .grid-item:nth-child(2) {transition-delay:.25s}
.reveal-left.show .grid-item:nth-child(3) {transition-delay:.4s}

@media(max-width:768px) {
.image-grid {grid-template-columns:1fr;}
.grid-item.large {grid-row:auto;}
}

.experience.show .experience-text {opacity:1; transform:none;}
.experience-text.delay-1 {transition-delay:.15s}
.experience-text.delay-2 {transition-delay:.3s}
.experience-text.delay-3 {transition-delay:.45s}
.reveal-left {opacity:0; transform:translateX(-60px); transition:1s cubic-bezier(.22,.61,.36,1);}
.reveal-left.show {opacity:1; transform:none;}

@media(max-width:768px) {
.experience-title {font-size:2.1rem;}
.experience-text {transform:translateY(30px);}
}

.stay {background:#fbfbfb; overflow:hidden;}
.stay .text-center {margin-bottom:20px;}
.room {position:relative; min-height:70vh; display:flex; align-items:center; overflow:hidden;}
.bg-lightG {background:#F0ECD9; background:linear-gradient(90deg,rgba(240, 236, 217, 1) 0%, rgba(240, 236, 217, 1) 21%, rgba(255, 244, 148, 1) 100%);}
.bg-lightG2 {background:#F5F4ED; background:linear-gradient(90deg, rgba(245, 244, 237, 1) 0%, rgba(255, 247, 210, 1) 21%, rgba(240, 236, 217, 1) 100%);}
.room.row {margin-left:0; margin-right:0;}
.room .col-lg-6:first-child {position:absolute; top:0; left:0; width:50vw; height:100%; padding:0;}
.room.flex-lg-row-reverse .col-lg-6:first-child {left:auto; right:0;}
.room-image {width:100%; height:100%; overflow:hidden; box-shadow:inset -25px 0 35px rgba(0,0,0,.12);}
.room.flex-lg-row-reverse .room-image {box-shadow:inset 25px 0 35px rgba(0,0,0,.12);}
.room-image img {width:100%; height:100%; object-fit:cover; transition:transform 1.2s ease;}
.room-image:hover img {transform:scale(1.04);}
.room .col-lg-6:last-child {margin-left:50vw; padding:60px;}
.room.flex-lg-row-reverse .col-lg-6:last-child {margin-left:0; margin-right:50vw;}
.room-title {font-size:2rem; font-weight:600; margin-bottom:16px;}
.room-desc {font-size:1.05rem; line-height:1.9; color:#555; max-width:520px;}
.room-meta {margin-top:22px; display:flex; align-items:center; gap:22px; flex-wrap:wrap;}
.room-price {font-size:1.1rem; font-weight:600; color:#000;}
.facility-list {list-style:none; padding:0; display:grid; grid-template-columns:repeat(2,1fr); gap:16px 24px;}
.facility-list li {font-size:1rem; color:#444; display:flex; align-items:center; gap:10px;}
.facility-list i {color:var(--gold); font-size:1.2rem;}
.btn-room {background:var(--gold); color:#fff !important; padding:10px 28px; border-radius:30px; font-weight:600; border:none; letter-spacing:.3px; box-shadow:0 10px 25px rgba(212,160,23,.35); transition:all .35s cubic-bezier(.22, .61, .36, 1);}
.btn-room:hover {transform:translateY(-3px); box-shadow:0 22px 45px rgba(212,160,23,.55); background:#c19114;}

@media(max-width:991px) {
.room {min-height:auto; flex-direction:column;}
.room .col-lg-6:first-child, .room.flex-lg-row-reverse .col-lg-6:first-child {position:relative; width:100%; height:280px;}
.room-image {box-shadow:none;}
.room .col-lg-6:last-child, .room.flex-lg-row-reverse .col-lg-6:last-child {margin:0; padding:50px 20px;}
.facility-list {grid-template-columns:1fr;}
}

@media(max-width:768px) {
.section-title {font-size:2.1rem;}
.facility-list {grid-template-columns:1fr;}
.room-meta {flex-direction:column; align-items:flex-start;}
}

.room-content {padding:90px 80px;}
.room-content {max-width:720px;}
.room:not(.reverse) .room-content {padding-left:100px;}
.room.reverse .room-content {padding-right:100px;}

@media(max-width:991px) {
.room-content, .room.reverse .room-content {padding:50px 20px;}
}

.room-title, .room-desc, .room-meta, .facility-list li {opacity:0; transform:translateY(20px); transition:all .9s cubic-bezier(.22,.61,.36,1);}
.reveal.show .room-title {opacity:1; transform:none; transition-delay:.1s;}
.reveal.show .room-desc {opacity:1; transform:none; transition-delay:.25s;}
.reveal.show .room-meta {opacity:1; transform:none; transition-delay:.4s;}
.reveal.show .facility-list li {opacity:1; transform:none;}
.reveal.show .facility-list li:nth-child(1) {transition-delay:.55s}
.reveal.show .facility-list li:nth-child(2) {transition-delay:.65s}
.reveal.show .facility-list li:nth-child(3) {transition-delay:.75s}
.reveal.show .facility-list li:nth-child(4) {transition-delay:.85s}
.room-title, .room-desc, .room-meta, .facility-list li {will-change:transform, opacity;}
.dine {background:#fff; padding:120px 0;}
.dine-row {margin-top:60px;}
.dine-text h4 {font-size:1.4rem; font-weight:600; margin-bottom:6px;}
.dine-sub {display:block; font-size:.85rem; color:var(--gold); margin-bottom:14px; letter-spacing:1px;}
.dine-text p {font-size:1.05rem; line-height:1.9; color:#555; max-width:420px;}
.dine-text.text-end p {margin-left:auto;}
.dine-text.text-center p {margin:0 auto;}
.dine-image {display:flex; justify-content:center;}
.dine-image img {width:100%; max-width:360px; border-radius:18px; box-shadow:0 8px 18px rgba(0,0,0,.10), 0 2px 6px rgba(0, 0, 0, .06); transition:transform 1.2s ease, box-shadow .6s ease;}
.dine-image img:hover {transform:scale(1.04);}
.btn-outline-gold {border:2px solid var(--gold); color:#333; padding:10px 26px; border-radius:30px; font-weight:600; background:transparent; transition:.35s cubic-bezier(.22,.61,.36,1);}
.btn-outline-gold:hover {background:var(--gold); color:#fff; transform:translateY(-2px); box-shadow:0 16px 35px rgba(212,160,23,.35);}

@media(max-width:991px) {
.dine-row {margin-top:40px;}
.dine-text {text-align:center !important; margin-bottom:30px;}
.dine-text p {margin:0 auto;}
.dine-image img {max-width:100%;}
}

.events {background:#fbfbfb; ; padding:0 0;}
.event-block {display:flex; align-items:center; gap:80px; margin-bottom:60px;}
.event-block.reverse {flex-direction:row-reverse;}
.event-image {flex:1;}
.event-image img {width:100%; border-radius:24px; box-shadow:0 10px 22px rgba(0,0,0,.10), 0 2px 6px rgba(0, 0, 0, .05);}
.event-content {flex:1; max-width:520px;}
.event-content h3 {font-size:2rem; font-weight:600; margin-bottom:6px;}
.event-sub {display:block; font-size:.85rem; color:var(--gold); letter-spacing:1px; margin-bottom:18px;}
.event-content p {font-size:1.05rem; line-height:1.9; color:#555; margin-bottom:24px;}
.event-meta {display:flex; gap:30px; font-size:.95rem; color:#444; margin-bottom:30px;}

@media(max-width:991px) {
.event-block, .event-block.reverse {flex-direction:column; gap:40px;}
.event-content {max-width:100%; text-align:center;}
.event-meta {justify-content:center; flex-wrap:wrap;}
}

.event-tags {display:flex; gap:10px; margin-bottom:18px; flex-wrap:wrap;}
.event-tags span {font-size:.75rem; padding:6px 14px; border-radius:20px; background:rgba(212,160,23,.12); color:var(--gold); font-weight:500; letter-spacing:.3px;}
.event-meta i {color:var(--gold); margin-right:6px; font-size:1.1rem;}
.event-actions {display:flex; gap:16px; flex-wrap:wrap;}
.parallax img {transform:translateY(0); transition:transform .2s ease-out;}
.gallery-modal {position:fixed; inset:0; background:rgba(0,0,0,.75); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:.4s ease; z-index:9999;}
.gallery-modal.show {opacity:1; pointer-events:auto;}
.gallery-box {background:#fff; padding:20px; border-radius:16px; max-width:900px; width:90%;}
.gallery-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
.gallery-grid img {width:100%; border-radius:12px; cursor:pointer; transition:.4s ease;}
.gallery-grid img:hover {transform:scale(1.05);}
.gallery-close {text-align:right; margin-bottom:10px;}
.gallery-close button {background:none; border:none; font-size:1.5rem; cursor:pointer;}

@media(max-width:768px) {
.gallery-grid {grid-template-columns:1fr;}
}

.gallery {background:#F5F4ED; background:linear-gradient(90deg, rgba(245, 244, 237, 1) 0%, rgba(255, 247, 210, 1) 21%, rgba(240, 236, 217, 1) 100%); padding:40px 0;}
.gallery-grid {display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:220px; gap:18px;}
.gallery-item {position:relative; overflow:hidden; border-radius:18px;}
.gallery-item img {width:100%; height:100%; object-fit:cover; transition:transform 1.2s ease, opacity .6s ease;}
.gallery-item:hover img {transform:scale(1.06); opacity:.95;}
.gallery-item.tall {grid-row:span 2;}
.gallery-item.wide {grid-column:span 2;}

@media(max-width:991px) {
.gallery-grid {grid-template-columns:repeat(2,1fr); grid-auto-rows:200px;}
.gallery-item.wide {grid-column:span 2;}
}

@media(max-width:576px) {
.gallery-grid {grid-template-columns:1fr; grid-auto-rows:220px;}
.gallery-item.wide, .gallery-item.tall {grid-column:auto; grid-row:auto;}
}

.footer-cta {background:#111; color:#ccc;}
.footer-top {background:linear-gradient( 135deg, rgba(212,160,23,.95), rgba(185, 135, 18, .95) ); color:#fff; padding:100px 0;}
.footer-top h2 {font-size:2.6rem; font-weight:700; margin-bottom:18px;}
.footer-top p {font-size:1.15rem; max-width:720px; margin:0 auto 40px; opacity:.95;}
.footer-actions {display:flex; justify-content:center; gap:20px; flex-wrap:wrap;}
.footer-main {padding:80px 0;}
.footer-logo {height:50px; margin-bottom:20px;}
.footer-text {font-size:.95rem; line-height:1.8; color:#aaa;}
.footer-main h5 {color:#fff; font-size:1.05rem; margin-bottom:18px;}
.footer-links {list-style:none; padding:0; margin:0;}
.footer-links li {margin-bottom:10px; font-size:.95rem;}
.footer-links a {color:#aaa; text-decoration:none; transition:.3s;}
.footer-links a:hover {color:var(--gold);}
.footer-bottom {border-top:1px solid rgba(255,255,255,.08); padding:18px 0; font-size:.85rem; color:#777;}

@media(max-width:768px) {
.footer-top h2 {font-size:2rem;}
.footer-top {padding:70px 0;}
.footer-main {padding:60px 0;}
}

.footer-social {display:flex; gap:14px; margin-top:22px;}
.footer-social a {width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#aaa; border:1px solid rgba(255,255,255,.15); transition:all .35s ease; text-decoration:none;}
.footer-social a i {font-size:1.1rem;}
.footer-social a:hover {color:#fff; border-color:var(--gold); background:rgba(212,160,23,.15); transform:translateY(-2px);}
img {filter:saturate(1.05) contrast(1.03);}

@media(min-width:992px) {
html {scroll-snap-type:y mandatory;}
section {scroll-snap-align:start;}
}

.hero-bleed {height:calc(100vh - 80px);}
.mobile-booking-bar {position:fixed; bottom:0; left:0; right:0; background:#111; padding:12px 16px; display:none; z-index:9999;}
.mobile-booking-bar a {display:block; width:100%; text-align:center; background:var(--gold); color:#fff; font-weight:600; padding:14px; border-radius:30px; text-decoration:none;}

@media(max-width:768px) {
.mobile-booking-bar {display:block;}
body {padding-bottom:80px;}
}

.section-divider {text-align:center; font-size:.75rem; letter-spacing:3px; color:#aaa; margin:20px 0 60px;}
.dine-text:hover .dine-logo {transform:translateY(-4px) scale(1.05); box-shadow:0 12px 30px rgba(212,160,23,.25); background:#fff;}

@media(max-width:991px) {
.dine-logo {margin-left:auto; margin-right:auto;}
}

.dine-logo {width:100px; height:100px; display:flex; align-items:center; justify-content:center; border-radius:12px; border:1px solid rgba(212,160,23,.35); background:#fff; overflow:hidden; margin-bottom:14px; transition:all .35s cubic-bezier(.22, .61, .36, 1);}
.dine-logo img {max-width:80%; max-height:80%; object-fit:contain; display:block;}
.dine-logo.align-right {margin-left:auto; margin-right:0;}
.dine-logo.align-center {margin-left:auto; margin-right:auto;}
.dine-logo.align-left {margin-left:0;}
.dine-text:hover .dine-logo {transform:translateY(-4px) scale(1.05); box-shadow:0 12px 30px rgba(212,160,23,.25);}
.stay-hero {background:linear-gradient(rgba(0,0,0,.45), rgba(0, 0, 0, .45)), url("https://images.unsplash.com/photo-1505693416388-ac5ce068fe85"); background-size:cover; background-position:center; padding:180px 0; text-align:center; color:#fff;}
.stay-hero h1 {font-size:3rem; font-weight:700;}
.stay-hero p {max-width:640px; margin:16px auto 0; font-size:1.1rem; opacity:.95;}
.stay-rooms {padding:120px 0;}
.stay-room {display:flex; align-items:center; gap:80px; margin-bottom:120px;}
.stay-room.reverse {flex-direction:row-reverse;}
.stay-room-image {flex:1; overflow:hidden; border-radius:22px;}
.stay-room-image img {width:100%; height:100%; object-fit:cover; transition:transform 1.2s ease;}
.stay-room-image:hover img {transform:scale(1.05);}
.stay-room-content {flex:1; max-width:520px;}
.stay-room-content h3 {font-size:2rem; font-weight:600; margin-bottom:12px;}
.stay-room-content p {font-size:1.05rem; line-height:1.9; color:#555; margin-bottom:22px;}
.stay-room-features {list-style:none; padding:0; margin-bottom:26px; display:grid; grid-template-columns:repeat(2,1fr); gap:14px 20px;}
.stay-room-features li {display:flex; align-items:center; gap:10px; font-size:.95rem;}
.stay-room-features i {color:var(--stay-gold);}
.stay-room-actions {display:flex; gap:16px; flex-wrap:wrap; align-items:center;}
.stay-room-price {font-weight:600; font-size:1.05rem;}
.stay-btn-primary {background:var(--stay-gold); color:#fff; padding:10px 28px; border-radius:30px; font-weight:600;}
.stay-btn-primary:hover {background:#c19114; color:#fff;}
.stay-btn-outline {border:2px solid var(--stay-gold); color:var(--stay-gold); padding:10px 26px; border-radius:30px; font-weight:600;}
.stay-btn-outline:hover {background:var(--stay-gold); color:#fff;}

@media(max-width:991px) {
.stay-room, .stay-room.reverse {flex-direction:column; gap:40px;}
.stay-room-content {text-align:center;}
.stay-room-features {grid-template-columns:1fr;}
.stay-room-actions {justify-content:center;}
}

.sr-deluxe-hero {position:relative; height:80vh; background:url("https://images.unsplash.com/photo-1505693416388-ac5ce068fe85") center/cover no-repeat; overflow:hidden;}
.sr-deluxe-hero::after {content:''; position:absolute; inset:0; background:linear-gradient( to right, rgba(18,40,85,.85), rgba(18, 40, 85, .45), rgba(18, 40, 85, .05) );}
.sr-deluxe-hero-content {position:relative; z-index:2; height:100%; display:flex; align-items:center; padding-left:80px; max-width:640px; color:#fff; animation:srFadeUp 1.2s ease both;}
.sr-deluxe-hero h1 {font-size:3rem; font-weight:700; margin-bottom:18px;}
.sr-deluxe-hero p {font-size:1.1rem; line-height:1.8; opacity:.95;}
.sr-deluxe-section {padding:100px 0;}
.sr-deluxe-title {font-size:2.4rem; font-weight:600; margin-bottom:18px;}
.sr-deluxe-text {font-size:1.05rem; line-height:1.9; color:#555;}
.sr-deluxe-facilities {display:grid; grid-template-columns:repeat(2,1fr); gap:16px 30px; margin-top:30px;}
.sr-deluxe-facilities li {list-style:none; display:flex; align-items:center; gap:10px; font-size:1rem; opacity:0; transform:translateY(12px); animation:srFadeUp .8s ease forwards;}
.sr-deluxe-facilities li:nth-child(1) {animation-delay:.1s}
.sr-deluxe-facilities li:nth-child(2) {animation-delay:.2s}
.sr-deluxe-facilities li:nth-child(3) {animation-delay:.3s}
.sr-deluxe-facilities li:nth-child(4) {animation-delay:.4s}
.sr-deluxe-facilities li:nth-child(5) {animation-delay:.5s}
.sr-deluxe-facilities li:nth-child(6) {animation-delay:.6s}
.sr-deluxe-facilities i {color:var(--gold); font-size:1.2rem;}
.sr-deluxe-price {background:#fff; border-radius:24px; padding:42px; box-shadow:0 25px 60px rgba(0,0,0,.08); transition:all .45s cubic-bezier(.22, .61, .36, 1);}
.sr-deluxe-price:hover {transform:translateY(-6px); box-shadow:0 40px 90px rgba(0,0,0,.12);}
.sr-deluxe-price h3 {font-size:2rem; margin-bottom:8px;}
.sr-deluxe-price span {display:block; font-size:1.05rem; margin-bottom:24px; color:#666;}
.sr-deluxe-btn {display:inline-block; background:var(--gold); color:#fff; padding:14px 36px; border-radius:30px; font-weight:600; text-decoration:none; transition:all .35s cubic-bezier(.22,.61,.36,1);}
.sr-deluxe-btn:hover {transform:translateY(-3px); box-shadow:0 20px 45px rgba(212,160,23,.45); color:#fff;}
.sr-deluxe-gallery {display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.sr-deluxe-gallery img {width:100%; height:240px; object-fit:cover; border-radius:20px; transition:transform 1s ease, box-shadow .5s ease;}
.sr-deluxe-gallery img:hover {transform:scale(1.06); box-shadow:0 30px 60px rgba(0,0,0,.18);}

@keyframes srFadeUp {
from {opacity:0; transform:translateY(30px)}
to {opacity:1; transform:none}
}

@media(max-width:768px) {
.sr-deluxe-hero-content {padding:0 24px;}
.sr-deluxe-hero h1 {font-size:2.2rem;}
.sr-deluxe-facilities {grid-template-columns:1fr;}
.sr-deluxe-gallery {grid-template-columns:1fr;}
}

.sr-suite-hero {height:70vh; background:linear-gradient(to right, rgba(0,0,0,.55), rgba(0, 0, 0, .25)), url("https://images.unsplash.com/photo-1566665797739-1674de7a421a") center/cover no-repeat; display:flex; align-items:center;}
.sr-suite-hero-content {color:#fff; max-width:720px; padding-left:80px;}
.sr-suite-hero-content h1 {font-size:3rem; font-weight:700; margin-bottom:18px;}
.sr-suite-hero-content p {font-size:1.1rem; line-height:1.8; color:#f0f0f0;}
.sr-suite-section {padding:100px 0;}
.sr-suite-title {font-size:2.4rem; font-weight:700; margin-bottom:24px;}
.sr-suite-text {font-size:1.05rem; line-height:1.9; color:#555; margin-bottom:30px;}
.sr-suite-facilities {list-style:none; padding:0; display:grid; grid-template-columns:repeat(2,1fr); gap:14px 20px;}
.sr-suite-facilities li {display:flex; align-items:center; gap:10px; font-size:1rem; color:#444;}
.sr-suite-facilities i {color:var(--gold); font-size:1.2rem;}
.sr-suite-price {background:#fff; border-radius:20px; padding:40px; box-shadow:0 20px 50px rgba(0,0,0,.1); text-align:center;}
.sr-suite-price h3 {font-size:2rem; font-weight:700; margin-bottom:10px;}
.sr-suite-price span {display:block; color:#777; margin-bottom:30px;}
.sr-suite-btn {display:inline-block; background:var(--gold); color:#fff; padding:12px 34px; border-radius:30px; font-weight:600; text-decoration:none; transition:.3s ease;}
.sr-suite-btn:hover {transform:translateY(-3px); box-shadow:0 12px 30px rgba(212,160,23,.45); color:#fff;}
.sr-suite-gallery {display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.sr-suite-gallery img {width:100%; height:240px; object-fit:cover; border-radius:16px; transition:.4s ease;}
.sr-suite-gallery img:hover {transform:scale(1.05);}

@media(max-width:768px) {
body {padding-top:70px}
.sr-suite-hero {height:60vh;}
.sr-suite-hero-content {padding:0 24px;}
.sr-suite-hero-content h1 {font-size:2.1rem;}
.sr-suite-facilities {grid-template-columns:1fr;}
.sr-suite-gallery {grid-template-columns:1fr;}
}

.sr-apartment-hero {height:70vh; background:linear-gradient(to right, rgba(0,0,0,.6), rgba(0, 0, 0, .25)), url("https://images.unsplash.com/photo-1522708323590-d24dbb6b0267") center/cover no-repeat; display:flex; align-items:center;}
.sr-apartment-hero-content {color:#fff; max-width:760px; padding-left:80px;}
.sr-apartment-hero-content h1 {font-size:3rem; font-weight:700; margin-bottom:18px;}
.sr-apartment-hero-content p {font-size:1.1rem; line-height:1.8; color:#f1f1f1;}
.sr-apartment-section {padding:100px 0;}
.sr-apartment-title {font-size:2.4rem; font-weight:700; margin-bottom:24px;}
.sr-apartment-text {font-size:1.05rem; line-height:1.9; color:#555; margin-bottom:30px;}
.sr-apartment-facilities {list-style:none; padding:0; display:grid; grid-template-columns:repeat(2,1fr); gap:14px 20px;}
.sr-apartment-facilities li {display:flex; align-items:center; gap:10px; font-size:1rem; color:#444;}
.sr-apartment-facilities i {color:var(--gold); font-size:1.2rem;}
.sr-apartment-price {background:#fff; border-radius:20px; padding:40px; box-shadow:0 20px 50px rgba(0,0,0,.1); text-align:center;}
.sr-apartment-price h3 {font-size:2rem; font-weight:700; margin-bottom:10px;}
.sr-apartment-price span {display:block; color:#777; margin-bottom:30px;}
.sr-apartment-btn {display:inline-block; background:var(--gold); color:#fff; padding:12px 34px; border-radius:30px; font-weight:600; text-decoration:none; transition:.3s ease;}
.sr-apartment-btn:hover {transform:translateY(-3px); box-shadow:0 12px 30px rgba(212,160,23,.45); color:#fff;}
.sr-apartment-gallery {display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.sr-apartment-gallery img {width:100%; height:240px; object-fit:cover; border-radius:16px; transition:.4s ease;}
.sr-apartment-gallery img:hover {transform:scale(1.05);}

@media(max-width:768px) {
body {padding-top:70px}
.sr-apartment-hero {height:60vh;}
.sr-apartment-hero-content {padding:0 24px;}
.sr-apartment-hero-content h1 {font-size:2.1rem;}
.sr-apartment-facilities {grid-template-columns:1fr;}
.sr-apartment-gallery {grid-template-columns:1fr;}
}

.sr-dine-hero {background:linear-gradient(rgba(0,0,0,.45), rgba(0, 0, 0, .45)), url('https://images.unsplash.com/photo-1555396273-367ea4eb4db5') center/cover no-repeat; padding:120px 0; color:#fff; text-align:center;}
.sr-dine-hero h1 {font-size:3rem; font-weight:700;}
.sr-dine-hero p {max-width:720px; margin:20px auto 0; font-size:1.1rem; opacity:.95;}
.sr-dine-section {padding:100px 0;}
.sr-dine-card {background:#fff; border-radius:22px; overflow:hidden; box-shadow:0 25px 60px rgba(0,0,0,.12); transition:transform .45s ease, box-shadow .45s ease; height:100%;}
.sr-dine-card:hover {transform:translateY(-10px); box-shadow:0 35px 80px rgba(0,0,0,.18);}
.sr-dine-image img {width:100%; height:260px; object-fit:cover;}
.sr-dine-content {padding:34px;}
.sr-dine-type {display:block; font-size:.8rem; color:#edd00c; letter-spacing:1.5px; margin-bottom:10px;}
.sr-dine-content h3 {font-size:1.6rem; color:#fff; font-weight:600; margin-bottom:12px;}
.sr-dine-content p {font-size:1rem; line-height:1.8; color:#555;}
.sr-dine-meta {margin:22px 0; font-size:.95rem; color:#edd00c;}
.sr-dine-btn {display:inline-block; background:#c19114; color:#fff; padding:12px 32px; border-radius:30px; font-weight:600; text-decoration:none; transition:.35s ease;}
img.res-logo {width:80px; height:80px;}
.sr-dine-btn:hover {background:#c19114; color:#fff;}

@media(max-width:768px) {
.sr-dine-hero h1 {font-size:2.2rem}
.sr-dine-section {padding:70px 0}
}

.kl05-hero {height:70vh; background:linear-gradient(rgba(0,0,0,.45), rgba(0, 0, 0, .25)), url('../i/kl05-1949-4.jpg') center/cover no-repeat; display:flex; align-items:center;}
.kl05-hero h1 {font-size:3rem; font-weight:700;}
.kl05-eyebrow {letter-spacing:3px; font-size:.75rem; color:var(--gold);}
.kl05-section {padding:100px 0;}
.kl05-features li {margin-bottom:12px; font-size:1.05rem;}
.kl05-features i {color:var(--gold); margin-right:10px;}
.kl05-gallery {display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.kl05-gallery img {width:100%; height:240px; object-fit:cover; border-radius:18px; transition:.4s;}
.kl05-gallery img:hover {transform:scale(1.05);}

@media(max-width:768px) {
.kl05-hero h1 {font-size:2.2rem}
.kl05-gallery {grid-template-columns:1fr}
}

.lattice-hero {height:70vh; background:linear-gradient(rgba(0,0,0,.4), rgba(0, 0, 0, .2)), url('../i/lattice.jpg') center/cover no-repeat; display:flex; align-items:center;}
.lattice-eyebrow {letter-spacing:3px; font-size:.75rem; color:var(--gold);}
.lattice-hero h1 {font-size:3rem; font-weight:700;}
.lattice-section {padding:100px 0;}
.lattice-features li {margin-bottom:12px; font-size:1.05rem;}
.lattice-features i {color:var(--gold); margin-right:10px;}
.lattice-gallery {display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.lattice-gallery img {width:100%; height:240px; object-fit:cover; border-radius:18px; transition:.4s;}
.lattice-gallery img:hover {transform:scale(1.05);}

@media(max-width:768px) {
.lattice-hero h1 {font-size:2.2rem}
.lattice-gallery {grid-template-columns:1fr}
}

.obsidian-hero {height:70vh; background:linear-gradient(rgba(0,0,0,.55), rgba(0, 0, 0, .35)), url('../i/obsidian.jpg') center/cover no-repeat; display:flex; align-items:center;}
.obsidian-eyebrow {letter-spacing:3px; font-size:.75rem; color:var(--gold);}
.obsidian-hero h1 {font-size:3rem; font-weight:700;}
.obsidian-section {padding:100px 0;}
.obsidian-features li {margin-bottom:12px; font-size:1.05rem;}
.obsidian-features i {color:var(--gold); margin-right:10px;}
.obsidian-gallery {display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.obsidian-gallery img {width:100%; height:240px; object-fit:cover; border-radius:18px; transition:.4s;}
.obsidian-gallery img:hover {transform:scale(1.05);}

@media(max-width:768px) {
.obsidian-hero h1 {font-size:2.2rem}
.obsidian-gallery {grid-template-columns:1fr}
}

.sr-menu-hero {height:50vh; background:linear-gradient(rgba(0,0,0,.75), rgba(0, 0, 0, .6)), url('../i/kl05-1949-5.jpg') center/cover no-repeat; display:flex; align-items:center;}
.sr-menu-hero h2 {font-size:3rem; font-weight:700; color:#fff;}
.sr-menu-hero span {font-size:.8rem; letter-spacing:3px; color:var(--gold);}
.sr-menu-hero2 {height:50vh; background:linear-gradient(rgba(0,0,0,.75), rgba(0, 0, 0, .6)), url('../i/lattice2.jpg') center/cover no-repeat; display:flex; align-items:center;}
.sr-menu-hero2 h2 {font-size:3rem; font-weight:700; color:#fff;}
.sr-menu-hero2 span {font-size:.8rem; letter-spacing:3px; color:var(--gold);}
.sr-menu-hero3 {height:50vh; background:linear-gradient(rgba(0,0,0,.75), rgba(0, 0, 0, .6)), url('../i/obsidian2.jpg') center/cover no-repeat; display:flex; align-items:center;}
.sr-menu-hero3 h2 {font-size:3rem; font-weight:700; color:#fff;}
.sr-menu-hero3 span {font-size:.8rem; letter-spacing:3px; color:var(--gold);}
.sr-menu-wrap {padding:80px 0;}
.sr-accordion {max-width:900px; margin:auto;}
.sr-acc-item {background:#151515; border-radius:16px; margin-bottom:18px; overflow:hidden; box-shadow:0 15px 40px rgba(0,0,0,.6);}
.sr-acc-header {padding:22px 26px; cursor:pointer; display:flex; justify-content:space-between; align-items:center;}
.sr-acc-header h3 {font-size:1.2rem; font-weight:600; margin:0; color:#fff;}
.sr-acc-header i {color:var(--gold); font-size:1.2rem; transition:.4s ease;}
.sr-acc-item.active .sr-acc-header i {transform:rotate(180deg);}
.sr-acc-body {max-height:0; overflow:hidden; transition:max-height .6s ease;}
.sr-acc-content {padding:0 26px 24px;}
.sr-menu-item {display:flex; justify-content:space-between; gap:20px; padding:14px 0; border-bottom:1px dashed rgba(255,255,255,.15);}
.sr-menu-item:last-child {border-bottom:none;}
.sr-item-name {font-weight:500; color:#fff;}
.sr-item-desc {font-size:.9rem; color:#aaa;}
.sr-item-price {color:var(--gold); font-weight:600; white-space:nowrap;}

@media(max-width:768px) {
.sr-menu-hero h1 {font-size:2.2rem}
}

.sr-packages-hero {height:55vh; background:linear-gradient(rgba(0,0,0,.6), rgba(0, 0, 0, .6)), url('https://images.unsplash.com/photo-1566073771259-6a8506099945') center/cover no-repeat; display:flex; align-items:center; color:#fff;}
.sr-packages-hero h1 {font-size:3rem; font-weight:700;}
.sr-packages-hero span {letter-spacing:3px; font-size:.8rem; color:var(--gold);}
.sr-packages-wrap {padding:100px 0;}
.sr-package-card {background:#fff; border-radius:22px; overflow:hidden; box-shadow:0 20px 50px rgba(0,0,0,.08); transition:.4s ease; height:100%;}
.sr-package-card:hover {transform:translateY(-10px); box-shadow:0 30px 70px rgba(0,0,0,.15);}
.sr-package-img {height:220px; background-size:cover; background-position:center;}
.sr-package-body {padding:30px;}
.sr-package-title {font-size:1.4rem; font-weight:600; margin-bottom:10px;}
.sr-package-desc {font-size:.95rem; line-height:1.8; color:#555; margin-bottom:20px;}
.sr-package-meta {display:flex; gap:20px; font-size:.85rem; color:#666; margin-bottom:24px;}
.sr-package-meta i {color:var(--gold);}
.sr-package-price {font-size:1.3rem; font-weight:700; color:#000; margin-bottom:18px;}
.sr-package-btn {display:inline-block; padding:12px 30px; border-radius:30px; background:var(--gold); color:#fff; font-weight:600; text-decoration:none; transition:.35s ease;}
.sr-package-btn:hover {background:#c19114; color:#fff;}
.sr-packages-cta {background:linear-gradient(135deg,#111,#1a1a1a); color:#fff; padding:90px 0; text-align:center;}
.sr-packages-cta h2 {font-size:2.4rem; font-weight:700; margin-bottom:16px;}
.sr-packages-cta p {font-size:1.1rem; color:#ccc; margin-bottom:30px;}

@media(max-width:768px) {
.sr-packages-hero h1 {font-size:2.2rem}
}

.sr-events-hero {height:60vh; background:linear-gradient(rgba(0,0,0,.55), rgba(0, 0, 0, .55)), url('../i/event.jpg') center/cover no-repeat; display:flex; align-items:center; color:#fff;}
.sr-events-hero span {letter-spacing:3px; font-size:.8rem; color:var(--gold);}
.sr-events-hero h1 {font-size:3rem; font-weight:700;}
.sr-events-section {padding:30px 0;}
.sr-event-type {background:#fff; padding:40px 30px; border-radius:22px; text-align:center; box-shadow:0 18px 45px rgba(0,0,0,.08); transition:.4s ease; height:100%;}
.sr-event-type:hover {transform:translateY(-10px); box-shadow:0 28px 65px rgba(0,0,0,.14);}
.sr-event-type i {font-size:2.4rem; color:var(--gold); margin-bottom:20px;}
.sr-event-type h4 {font-size:1.3rem; font-weight:600; margin-bottom:12px;}
.sr-event-type p {font-size:.95rem; line-height:1.8; color:#555;}
.sr-venue {display:flex; gap:60px; align-items:center; margin-bottom:120px;}
.sr-venue.reverse {flex-direction:row-reverse;}
.sr-venue-img img {width:100%; border-radius:26px; box-shadow:0 25px 55px rgba(0,0,0,.12);}
.sr-venue-content {max-width:520px;}
.sr-venue-content h3 {font-size:2rem; font-weight:600; margin-bottom:10px;}
.sr-venue-sub {font-size:.85rem; letter-spacing:2px; color:var(--gold); margin-bottom:18px; display:block;}
.sr-venue-content p {font-size:1.05rem; line-height:1.9; color:#555; margin-bottom:22px;}
.sr-venue-meta {display:flex; gap:28px; font-size:.95rem; color:#444; margin-bottom:26px;}
.sr-venue-meta i {color:var(--gold); margin-right:6px;}
.sr-venue-btn {display:inline-block; padding:12px 30px; border-radius:30px; background:var(--gold); color:#fff; font-weight:600; text-decoration:none; transition:.35s ease;}
.sr-venue-btn:hover {background:#c19114; color:#fff;}
.sr-events-cta {background:linear-gradient(135deg,#111,#1b1b1b); color:#fff; padding:90px 0; text-align:center;}
.sr-events-cta h2 {font-size:2.4rem; font-weight:700; margin-bottom:18px;}
.sr-events-cta p {font-size:1.1rem; color:#ccc; margin-bottom:30px;}

@media(max-width:991px) {
.sr-venue, .sr-venue.reverse {flex-direction:column; gap:40px; text-align:center;}
.sr-venue-meta {justify-content:center; flex-wrap:wrap;}
}

@media(max-width:768px) {
.sr-events-hero h1 {font-size:2.2rem}
}

.sr-gallery-hero {height:55vh; background:linear-gradient(rgba(0,0,0,.55), rgba(0, 0, 0, .55)), url('https://images.unsplash.com/photo-1566073771259-6a8506099945') center/cover no-repeat; display:flex; align-items:center; color:#fff;}
.sr-gallery-hero span {letter-spacing:3px; font-size:.8rem; color:var(--gold);}
.sr-gallery-hero h1 {font-size:3rem; font-weight:700;}
.sr-gallery-section {padding:100px 0;}
.sr-gallery-filter {display:flex; justify-content:center; gap:16px; margin-bottom:50px; flex-wrap:wrap;}
.sr-gallery-filter button {background:#fff; border:1px solid #ddd; padding:8px 22px; border-radius:30px; font-size:.85rem; font-weight:500; transition:.3s ease;}
.sr-gallery-filter button.active, .sr-gallery-filter button:hover {background:var(--gold); color:#fff; border-color:var(--gold);}
.sr-gallery-grid {display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.sr-gallery-item {position:relative; overflow:hidden; border-radius:18px; background:#000; cursor:pointer;}
.sr-gallery-item img {width:100%; height:100%; object-fit:cover; transition:transform 1.2s ease, opacity .6s ease;}
.sr-gallery-item:hover img {transform:scale(1.08); opacity:.9;}
.sr-gallery-overlay {position:absolute; inset:0; display:flex; align-items:flex-end; padding:18px; background:linear-gradient( to top, rgba(0,0,0,.65), rgba(0, 0, 0, .0) ); opacity:0; transition:.4s ease;}
.sr-gallery-item:hover .sr-gallery-overlay {opacity:1;}
.sr-gallery-overlay span {color:#fff; font-size:.85rem; letter-spacing:1px;}

@media(max-width:1200px) {
.sr-gallery-grid {grid-template-columns:repeat(3,1fr);}
}

@media(max-width:768px) {
.sr-gallery-grid {grid-template-columns:repeat(2,1fr);}
.sr-gallery-hero h1 {font-size:2.2rem;}
}

@media(max-width:480px) {
.sr-gallery-grid {grid-template-columns:1fr;}
}

@keyframes fadeIn {
from {opacity:0; transform:scale(.96);}
to {opacity:1; transform:scale(1);}
}

.sr-contact-hero {background:linear-gradient( rgba(0,0,0,.55), rgba(0, 0, 0, .55) ), url('../i/contact.jpg') center/cover no-repeat; padding:180px 0; text-align:center; color:#fff;}
.sr-contact-hero h1 {font-size:3rem; font-weight:700;}
.sr-contact-hero p {max-width:720px; margin:16px auto 0; opacity:.95;}
.sr-contact-section {padding:100px 0;}
.sr-contact-box {background:#fff; border-radius:18px; padding:40px; box-shadow:0 20px 50px rgba(0,0,0,.08); height:100%;}
.sr-contact-box h4 {font-weight:600; margin-bottom:20px;}
.sr-contact-item {display:flex; gap:16px; margin-bottom:18px;}
.sr-contact-item i {font-size:1.3rem; color:var(--sr-gold); margin-top:4px;}
.sr-contact-form input, .sr-contact-form textarea {border-radius:12px; padding:14px 16px;}
.sr-contact-form textarea {min-height:140px;}
.sr-btn {background:var(--sr-gold); border:3px solid #c19114; color:#c19114; padding:14px 34px; border-radius:30px; font-weight:600; transition:.3s ease;}
.sr-btn:hover {background:#c19114; color:#fff; transform:translateY(-2px);}
.sr-map iframe {width:100%; height:100%; min-height:380px; border-radius:18px; border:0;}

@media(max-width:768px) {
.sr-contact-hero h1 {font-size:2.2rem}
}

.hero-title {font-size:clamp(36px, 4vw, 64px); line-height:1.15; font-weight:600; font-size:26px;}
.hero-title span {display:block; overflow:hidden;}
.hero-title span:nth-child(1) em {animation-delay:0.2s;}
.hero-title span:nth-child(2) em {animation-delay:0.45s;}
.hero-title span:nth-child(3) em {animation-delay:0.7s;}

@keyframes maskReveal {
to {transform:translateX(0);}
}

.hero-eyebrow {position:relative; display:inline-block; font-size:22px; letter-spacing:0.08em; font-weight:600; color:#caa84a; overflow:hidden;}
.hero-eyebrow::after {content:""; position:absolute; inset:0; left:-130%; background:linear-gradient( 120deg, transparent 0%, rgba(255, 236, 180, 0.35) 42%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 236, 180, 0.35) 58%, transparent 100% ); animation:eyebrowShine 5.5s cubic-bezier(.4, 0, .2, 1) infinite;}

@keyframes eyebrowShine {
0% {transform:translateX(-130%);}
55% {transform:translateX(130%);}
100% {transform:translateX(130%);}
}

.hero-sub {font-size:16px; line-height:1.7; max-width:520px; white-space:pre-wrap;}
.hero-sub::after {content:"|"; display:inline-block; margin-left:3px; animation:blink 1s infinite; color:#caa84a;}

@keyframes blink {
0%, 50% {opacity:1;}
50.01%, 100% {opacity:0;}
}

.hero-safe-image {position:relative; overflow:hidden;}
.hero-safe-image img {width:100%; height:100%; object-fit:cover; transform-origin:center; animation:slowZoom 16s ease-in-out infinite;}

@keyframes slowZoom {
0% {transform:scale(1) translateX(0);}
50% {transform:scale(1.08) translateX(-2%);}
100% {transform:scale(1) translateX(0);}
}

.hero-safe-image:hover img {animation-play-state:paused;}
.whatsapp-float {position:fixed; bottom:24px; right:24px; width:60px; height:60px; background:#25D366; color:#fff; border-radius:12px; display:flex; align-items:center; justify-content:center; z-index:99999; box-shadow:0 10px 30px rgba(0,0,0,0.25); opacity:1; transform:translateY(0) scale(1); transition:all 0.6s cubic-bezier(.4, 0, .2, 1);}
.whatsapp-float.show {opacity:1; transform:translateY(0) scale(1);}
.whatsapp-float::before {content:""; position:absolute; inset:-5px; border-radius:16px; border:2px solid rgba(212,160,23,0.85); box-shadow:0 0 14px rgba(212, 160, 23, 0.35), inset 0 0 10px rgba(212, 160, 23, 0.25);}
.whatsapp-float:hover {transform:translateY(0) scale(1.08);}
.whatsapp-float svg {width:28px; height:28px; display:block;}
.wa-tooltip {position:absolute; right:72px; background:#111; color:#d4a017; padding:8px 14px; font-size:13px; border-radius:8px; white-space:nowrap; opacity:0; transform:translateX(10px); transition:all 0.3s ease; pointer-events:none;}
.whatsapp-float:hover .wa-tooltip {opacity:1; transform:translateX(0);}
.sr-dine-showcase {background:linear-gradient(135deg,#0e1422,#111827); padding:120px 0; color:#fff;}
.sr-dine-header {text-align:center; margin-bottom:80px;}
.sr-dine-eyebrow {font-size:.8rem; letter-spacing:3px; color:var(--gold);}
.sr-dine-title {font-size:2.8rem; font-weight:700; margin-top:12px;}
.sr-dine-featured {display:grid; grid-template-columns:55% 45%; gap:0; background:#0b1220; border-radius:28px; overflow:hidden; box-shadow:0 40px 90px rgba(0,0,0,.45); margin-bottom:80px;}
.sr-dine-featured-image img {width:100%; height:100%; object-fit:cover;}
.sr-dine-featured-content {padding:70px 60px; display:flex; flex-direction:column; justify-content:center;}
.sr-dine-featured-content h3 {font-size:2.4rem; font-weight:700; margin:16px 0;}
.sr-dine-featured-content p {font-size:1.05rem; line-height:1.9; color:#d6d9e3; margin-bottom:30px;}
.sr-dine-tag {display:inline-block; font-size:.75rem; letter-spacing:2px; color:var(--gold);}
.sr-dine-logo {width:90px; margin-bottom:18px;}
.sr-dine-btn-primary {align-self:flex-start; background:var(--gold); color:#111; padding:14px 36px; border-radius:30px; font-weight:600; text-decoration:none; transition:.35s ease;}
.sr-dine-btn-primary:hover {transform:translateY(-3px); box-shadow:0 18px 40px rgba(212,160,23,.45);}
.sr-dine-secondary {display:grid; grid-template-columns:repeat(2,1fr); gap:40px;}
.sr-dine-card {background:#0b1220; padding:46px 40px; border-radius:24px; text-align:center; transition:.4s ease;}
.sr-dine-card:hover {transform:translateY(-10px); box-shadow:0 30px 70px rgba(0,0,0,.35);}
.sr-dine-card p {font-size:1rem; line-height:1.8; color:#cfd3e0; margin:18px 0 28px;}
.sr-dine-btn-outline {display:inline-block; border:2px solid var(--gold); color:var(--gold); padding:12px 30px; border-radius:30px; font-weight:600; text-decoration:none; transition:.3s ease;}
.sr-dine-btn-outline:hover {background:var(--gold); color:#111;}

@media(max-width:991px) {
.sr-dine-featured {grid-template-columns:1fr;}
.sr-dine-featured-content {padding:50px 30px; text-align:center;}
.sr-dine-btn-primary {align-self:center;}
.sr-dine-secondary {grid-template-columns:1fr;}
}

.sr-feature-list {list-style:none; padding:0; margin:32px 0 0; display:grid; grid-template-columns:repeat(2, 1fr); gap:18px 26px;}
.sr-feature-list li {display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:14px; background:linear-gradient( 135deg, rgba(212,160,23,.08), rgba(212, 160, 23, .02) ); transition:all .35s cubic-bezier(.22, .61, .36, 1);}
.sr-feature-list li:hover {transform:translateY(-4px); background:linear-gradient( 135deg, rgba(212,160,23,.18), rgba(212, 160, 23, .06) ); box-shadow:0 14px 35px rgba(212, 160, 23, .25);}
.sr-feature-icon {width:42px; height:42px; min-width:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#fff; color:var(--gold); font-size:1.2rem; box-shadow:0 6px 18px rgba(0,0,0,.12); transition:.35s ease;}
.sr-feature-list li:hover .sr-feature-icon {background:var(--gold); color:#111; transform:scale(1.1) rotate(-6deg);}
.sr-feature-text {font-size:1rem; font-weight:500; color:#333; line-height:1.4;}
.dark .sr-feature-list li {background:rgba(255,255,255,.06);}
.dark .sr-feature-text {color:#f1f1f1;}

@media(max-width:768px) {
.sr-feature-list {grid-template-columns:1fr;}
}

.sr-events-hero {position:relative; background:linear-gradient(135deg, rgba(15,15,20,.85), rgba(15, 15, 20, .65)), url('../i/event.jpg') center/cover no-repeat; padding:160px 0 140px;}
.sr-events-hero span {display:inline-block; letter-spacing:4px; font-size:.75rem; color:#d4a017; margin-bottom:14px;}
.sr-events-hero h1 {font-size:3.6rem; font-weight:700; line-height:1.1; margin-bottom:22px;}
.sr-events-hero p {font-size:1.15rem; color:#e0e0e0;}
.sr-event-type {position:relative; background:linear-gradient(145deg, #fff, #f8f8f8); border-radius:26px; padding:50px 34px; box-shadow:0 30px 70px rgba(0, 0, 0, .12); transition:all .45s cubic-bezier(.22, .61, .36, 1); overflow:hidden;}
.sr-event-type::after {content:''; position:absolute; inset:0; background:linear-gradient(135deg, rgba(212,160,23,.18), rgba(212, 160, 23, 0)); opacity:0; transition:.45s;}
.sr-event-type:hover {transform:translateY(-14px); box-shadow:0 45px 90px rgba(0,0,0,.18);}
.sr-event-type:hover::after {opacity:1;}
.sr-event-type i {font-size:2.8rem; color:#d4a017; margin-bottom:22px;}
.sr-event-type h4 {font-size:1.45rem; font-weight:600; margin-bottom:14px;}
.sr-venue {position:relative; gap:90px; margin-bottom:140px;}
.sr-venue-img img {border-radius:30px; box-shadow:0 40px 90px rgba(0,0,0,.18);}
.sr-venue-sub {letter-spacing:3px; font-size:.75rem; color:#d4a017;}
.sr-venue-content h3 {font-size:2.3rem; font-weight:700; margin-bottom:16px;}
.sr-venue-content p {font-size:1.1rem; line-height:1.9;}
.sr-venue-meta span {display:inline-flex; align-items:center; gap:6px; font-weight:500;}
.sr-venue-btn {background:linear-gradient(135deg, #d4a017, #b88a12); box-shadow:0 20px 45px rgba(212, 160, 23, .45);}
.sr-venue-btn:hover {transform:translateY(-3px); box-shadow:0 30px 70px rgba(212,160,23,.65);}
.sr-events-cta {background:linear-gradient(135deg, #0e0e0e, #1b1b1b); padding:110px 0;}
.sr-events-cta h2 {font-size:2.8rem; font-weight:700;}

@media(max-width:768px) {
.sr-events-hero h1 {font-size:2.4rem;}
.sr-venue {gap:40px;}
}

.sr-royal-venue-wrap {position:relative; padding:30px 0;}
.sr-royal-venue {position:relative; background:linear-gradient(145deg, #ffffff, #f6f6f6); border-radius:36px; padding:80px; box-shadow:0 10px 20px rgba(0, 0, 0, .15), inset 0 0 0 1px rgba(212, 160, 23, .25); overflow:hidden;}
.sr-royal-venue::before {content:''; position:absolute; inset:0; border-radius:36px; background:linear-gradient(135deg, rgba(212,160,23,.55), rgba(212, 160, 23, 0), rgba(212, 160, 23, .35)); opacity:.35; pointer-events:none;}
.sr-royal-venue::after {content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:140px; height:4px; background:linear-gradient(to right, transparent, #d4a017, transparent);}
.sr-venue-img img {border-radius:28px; box-shadow:0 40px 90px rgba(0,0,0,.35), 0 0 0 1px rgba(255, 255, 255, .35);}
.sr-venue-content h3 {font-size:2.6rem; font-weight:700; letter-spacing:.3px;}
.sr-venue-sub {display:inline-block; padding:6px 18px; border-radius:20px; background:rgba(212,160,23,.15); color:#b88a12; font-weight:600; margin-bottom:18px;}
.sr-venue-meta span {padding:8px 18px; border-radius:18px; background:rgba(0,0,0,.04);}
.sr-venue-btn {background:linear-gradient(135deg, #d4a017, #b88a12); border-radius:40px; padding:14px 42px; font-size:.95rem; box-shadow:0 25px 55px rgba(212, 160, 23, .55);}
.sr-venue-btn:hover {transform:translateY(-4px); box-shadow:0 40px 85px rgba(212,160,23,.75);}
.sr-event-type {background:linear-gradient(160deg, #fff, #f3f3f3); border-radius:30px; padding:60px 36px; box-shadow:0 5px 15px rgba(0, 0, 0, 0); position:relative;}
.sr-event-type::before {content:''; position:absolute; inset:-1px; border-radius:30px; background:linear-gradient(135deg, rgba(212,160,23,.4), transparent); opacity:.4; pointer-events:none;}
.sr-event-type i {font-size:3rem; background:linear-gradient(135deg, #d4a017, #b88a12); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.sr-events-cta {background:radial-gradient(circle at center, rgba(212,160,23,.15), transparent 55%), linear-gradient(135deg, #0b0b0b, #141414);}

@media(max-width:768px) {
.sr-royal-venue {padding:50px 24px;}
.sr-venue-content h3 {font-size:2.1rem;}
}

.srx-contact-card {background:linear-gradient(145deg,#ffffff,#f6f6f6); border-radius:26px; padding:42px; box-shadow:0 25px 60px rgba(0, 0, 0, .08), inset 0 0 0 1px rgba(212, 160, 23, .18); position:relative;}
.srx-contact-card::before {content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:120px; height:3px; background:linear-gradient(to right,transparent,#d4a017,transparent);}
.srx-contact-title {font-size:1.6rem; font-weight:600; margin-bottom:32px; color:#111;}
.srx-contact-list {list-style:none; padding:0; margin:0;}
.srx-contact-row {display:flex; gap:18px; align-items:flex-start; padding:16px 0; border-bottom:1px dashed rgba(0,0,0,.08);}
.srx-contact-row:last-child {border-bottom:none;}
.srx-contact-icon {width:46px; height:46px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:rgba(212,160,23,.15); color:#b88a12; font-size:1.2rem; flex-shrink:0; transition:.35s ease;}
.srx-contact-text strong {display:block; font-size:.9rem; font-weight:600; color:#111; margin-bottom:4px;}
.srx-contact-text span, .srx-contact-text a {font-size:.95rem; color:#555; text-decoration:none; line-height:1.6;}
.srx-contact-row:hover .srx-contact-icon {transform:translateY(-2px) scale(1.05); background:#d4a017; color:#fff; box-shadow:0 12px 30px rgba(212,160,23,.35);}
.srx-contact-text a:hover {color:#b88a12;}

@media(max-width:768px) {
.srx-contact-card {padding:32px 24px;}
}

.project-table {width:100%; border-collapse:separate; border-spacing:0; background:#ffffff; border-radius:12px; overflow:hidden; box-shadow:0 12px 30px rgba(0, 0, 0, 0.08);}
.project-table thead th {background:linear-gradient(135deg, #0f172a, #1e293b); color:#ffffff; font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:0.5px; padding:16px 14px; text-align:center; border-bottom:2px solid #caa24d;}
.project-table tbody td {padding:16px 14px; font-size:14px; color:#333; vertical-align:middle; border-bottom:1px solid #eee;}
.project-table tbody tr {transition:background 0.3s ease, transform 0.2s ease;}
.project-table tbody tr:hover {background:#f9fafb;}
.project-table td:nth-child(1), .project-table td:last-child {text-align:center; font-weight:600;}
.status {display:inline-block; padding:6px 14px; font-size:12px; font-weight:600; border-radius:30px; text-transform:uppercase; letter-spacing:0.5px;}
.status.ongoing {background:rgba(202, 162, 77, 0.15); color:#caa24d; border:1px solid rgba(202, 162, 77, 0.4);}

@media (max-width: 768px) {
.project-table thead {display:none;}
.project-table, .project-table tbody, .project-table tr, .project-table td {display:block; width:100%;}
.project-table tr {margin-bottom:20px; border:1px solid #eee; border-radius:10px; padding:10px; box-shadow:0 8px 20px rgba(0, 0, 0, 0.05);}
.project-table td {text-align:right; padding-left:50%; position:relative; border:none; border-bottom:1px dashed #ddd;}
.project-table td::before {content:attr(data-label); position:absolute; left:15px; width:45%; font-weight:600; text-transform:uppercase; font-size:12px; color:#666; text-align:left;}
.project-table td:last-child {border-bottom:none;}
}

.hero-slider {position:relative; width:100%; height:100%; min-height:420px; overflow:hidden; border-radius:0;}
.hero-slide {position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transition:opacity 1.6s ease-in-out, transform 2.5s ease; transform:scale(1.05);}
.hero-slide.active {opacity:1; transform:scale(1);}
.hero-slider::after {content:""; position:absolute; inset:0; background:linear-gradient( to left, rgba(0,0,0,0.15), rgba(0, 0, 0, 0.35) ); pointer-events:none;}
.svg-bg {position:fixed; inset:0; z-index:-1; opacity:0.12;}
.svg-bg svg {width:100%; height:100%;}
.about-page {max-width:100%; margin:auto; padding:40px 20px 40px;background: #f5f7fa;}
.page-header {text-align:center; margin-bottom:90px;}
.page-header span {color:var(--gold); letter-spacing:2px; font-size:13px; font-weight:600;}
.page-header h1 {font-size:40px; margin-top:12px;}
.about-grid {display:grid; grid-template-columns:1fr 1.2fr; gap:60px; align-items:center; margin-bottom:110px;}
.about-images {display:grid; grid-template-columns:repeat(2, 1fr); gap:16px;}
.about-images img {width:100%; height:180px; object-fit:cover; border-radius:18px;}
.about-images img:first-child {grid-column:span 2; height:260px;}
.about-text h2 {font-size:30px; margin-bottom:20px;}
.about-text p {font-size:16px; line-height:1.9; color:var(--text); margin-bottom:18px;}
.mv-section {background:#ffffff; border-radius:26px; padding:70px 60px; box-shadow:0 25px 60px rgba(0,0,0,0.08);}
.mv-tabs {display:flex; gap:20px; margin-bottom:40px;}
.mv-tab {padding:14px 38px; border-radius:30px; border:1px solid #ddd; background:#fff; cursor:pointer; font-weight:500; transition:all 0.3s ease;}
.mv-tab.active {background:var(--dark); color:#fff; border-color:var(--dark);}
.mv-panel {display:none; animation:slideFade 0.7s ease forwards;}
.mv-panel.active {display:block;}

@keyframes slideFade {
from {opacity:0; transform:translateY(30px);}
to {opacity:1; transform:translateY(0);}
}

.mv-grid {display:grid; grid-template-columns:1.1fr 0.9fr; gap:50px; align-items:center;}
.mv-grid.reverse {grid-template-columns:0.9fr 1.1fr;}
.mv-text h3 {font-size:28px; margin-bottom:18px;}
.mv-text p {font-size:16px; line-height:1.9; color:var(--text);}
.mv-image {overflow:hidden;}
.mv-image img {width:100%; height:300px; object-fit:cover; transition:transform 0.6s ease;}
.right-curve img {border-radius:0 90px 90px 0;}
.left-curve img {border-radius:90px 0 0 90px;}
.mv-image:hover img {transform:scale(1.05);}

@media (max-width: 900px) {
.about-grid {grid-template-columns:1fr;}
.about-images img {height:160px;}
.mv-section {padding:45px 30px;}
.mv-grid, .mv-grid.reverse {grid-template-columns:1fr;}
.mv-image img {height:220px; border-radius:24px !important;}
}

.animate-images img {opacity:0; transform:translateY(40px) scale(0.96); animation:imgReveal 0.9s ease forwards; animation-delay:calc(var(--i) * 0.2s);}

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

.about-images img {transition:transform 0.5s ease, box-shadow 0.5s ease;}
.about-images img:hover {transform:translateY(-8px) scale(1.04); box-shadow:0 18px 45px rgba(0,0,0,0.15);}
.mv-50 {max-width:1320px; margin:100px auto; padding-top:0 !important; background:#fff; border-radius:26px; box-shadow:0 25px 60px rgba(0,0,0,0.08); overflow:hidden;}
.mv-tabs-50 {display:grid; grid-template-columns:1fr 1fr; background:#f1f5f9;}
.mv-tab-50 {padding:22px 20px; text-align:center; font-weight:600; cursor:pointer; color:#374151; transition:all 0.3s ease;}
.mv-tab-50.active {background:#0f172a; color:#fff;}
.mv-content-50 {padding:60px;}
.mv-panel-50 {display:none; animation:fadeSlide 0.6s ease forwards;}
.mv-panel-50.active {display:block;}

@keyframes fadeSlide {
from {opacity:0; transform:translateY(25px);}
to {opacity:1; transform:translateY(0);}
}

.mv-grid {display:grid; grid-template-columns:1.1fr 0.9fr; gap:50px; align-items:center;}
.mv-grid.reverse {grid-template-columns:0.9fr 1.1fr;}
.mv-text h3 {font-size:30px; margin-bottom:18px;}
.mv-text p {font-size:16px; line-height:1.9; color:#374151;}
.mv-image img {width:100%; height:320px; object-fit:cover; transition:transform 0.6s ease;}
.right-curve img {border-radius:0 110px 110px 0;}
.left-curve img {border-radius:110px 0 0 110px;}
.mv-image:hover img {transform:scale(1.05);}

@media (max-width: 900px) {
.mv-content-50 {padding:40px 25px;}
.mv-grid, .mv-grid.reverse {grid-template-columns:1fr;}
.mv-image img {height:230px; border-radius:28px !important;}
}

.services-hero {padding:140px 20px 30px; text-align:center; background:#f5f7fa;}
.services-hero h1 {font-size:42px; font-weight:700;}
.services-hero p {max-width:850px; margin:18px auto 0; font-size:16px; color:var(--text);}
.service-section {padding:90px 20px; background:#f5f7fa;}
.trade-title {text-align:center; font-size:32px; font-weight:700; margin-bottom:50px;}
.services-grid {max-width:1200px; margin:auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:30px;}
.service-card {background:#fff; border-radius:24px; padding:40px; box-shadow:0 18px 45px rgba(0,0,0,0.08); position:relative; overflow:hidden; perspective:1000px; transform-style:preserve-3d; transition:transform .6s ease, box-shadow .6s ease;}
.service-card:hover {transform:rotateY(8deg) rotateX(3deg) translateY(-10px); box-shadow:0 30px 70px rgba(0,0,0,0.25);}
.service-card * {backface-visibility:hidden;}
.trade-icon {margin-bottom:18px;}
.service-card h3 {font-size:22px; margin-bottom:18px;}
.service-card ul {list-style:none; padding:0; margin:0;}
.service-card ul li {position:relative; padding-left:28px; margin-bottom:12px; line-height:1.7; color:var(--text);}
.service-card ul li::before {content:"✓"; position:absolute; left:0; color:var(--gold); font-weight:700;}
.reveal {opacity:0; transform:translateY(40px); transition:opacity .9s ease, transform .9s ease;}
.reveal.show {opacity:1; transform:translateY(0);}
.service-card::before {content:""; position:absolute; inset:0; background:linear-gradient(135deg,#0f172a,#1e293b); opacity:0; transition:opacity .45s ease; z-index:0;}
.service-card:hover::before {opacity:1;}
.service-card > * {position:relative; z-index:1;}
.service-card:hover h3, .service-card:hover ul li {color:#ffffff;}
.service-card:hover ul li::before {color:#caa24d;}
.trade-icon svg {transition:transform .5s ease, stroke .4s ease; stroke-dasharray:120; stroke-dashoffset:120; animation:svgDraw 1.1s ease forwards;}

@keyframes svgDraw {
to {stroke-dashoffset:0}
}

.service-card:hover .trade-icon svg {transform:scale(1.15) rotate(-4deg); stroke:#caa24d;}

@media(max-width:768px) {
.services-hero h1 {font-size:32px}
.trade-title {font-size:26px}
}

.breadcrumb-hero {position:relative; background:url("../img/hero/hero-1.jpg") center/cover no-repeat; padding:140px 20px 90px; color:#ffffff;}
.breadcrumb-hero::before {content:""; position:absolute; inset:0; background:rgba(15, 23, 42, 0.75);}
.breadcrumb-content {position:relative; max-width:1200px; margin:auto; text-align:center; z-index:1;}
.breadcrumb-content h1 {font-size:42px; font-weight:700; margin-bottom:12px;}
.breadcrumb-nav {display:inline-flex; gap:10px; align-items:center; font-size:14px; opacity:0.9;}
.breadcrumb-nav a {color:#caa24d; text-decoration:none; transition:opacity 0.3s ease;}
.breadcrumb-nav a:hover {opacity:0.75;}
.breadcrumb-separator {color:#ffffff;}

@media (max-width: 768px) {
.breadcrumb-content h1 {font-size:30px;}
}

.section {padding:40px 20px;}
.section-title {text-align:center; font-size:34px; margin-bottom:40px;}
.project-filters {display:flex; justify-content:center; gap:16px; margin-bottom:60px;}
.filter-btn {padding:10px 26px; border-radius:30px; border:2px solid var(--gold); background:transparent; color:#92400e; font-size:14px; font-weight:600; cursor:pointer; transition:.35s;}
.filter-btn:hover, .filter-btn.active {background:var(--gold); color:#fff;}
.projects-grid {max-width:1200px; margin:auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:30px;}
.project-card {background:#fff; border-radius:22px; padding:36px; box-shadow:0 18px 45px rgba(0,0,0,.08); position:relative; overflow:hidden; transition:.45s;}
.project-card::before {content:""; position:absolute; inset:0; background:linear-gradient(135deg,#0f172a,#1e293b); opacity:0; transition:.4s;}
.project-card:hover::before {opacity:1}
.project-card > * {position:relative; z-index:1}
.project-card:hover {transform:translateY(-12px); box-shadow:0 30px 70px rgba(0,0,0,.25);}
.project-title {font-size:20px; font-weight:600; margin-bottom:6px;}
.project-location {font-size:14px; color:var(--gold); margin-bottom:18px;}
.project-meta {font-size:14px; line-height:1.7; color:var(--text);}
.project-meta strong {color:#111827}
.project-card:hover .project-title, .project-card:hover .project-meta, .project-card:hover .project-meta strong {color:#fff;}
.status {position:absolute; top:22px; right:22px; padding:6px 14px; font-size:12px; border-radius:20px; font-weight:600;}
.status.ongoing {background:#fde68a; color:#92400e}
.status.completed {background:#bbf7d0; color:#065f46}
.reveal {opacity:0; transform:translateY(40px); transition:.9s ease;}
.reveal.show {opacity:1; transform:translateY(0);}

@media(max-width:768px) {
.breadcrumb-content h1 {font-size:30px}
.section-title {font-size:26px}
}

.downloads-grid {max-width:1000px; margin:auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:40px;}
.download-card {background:#fff; border-radius:24px; padding:50px 40px; text-align:center; box-shadow:0 18px 45px rgba(0,0,0,.08); position:relative; overflow:hidden; transition:.45s ease;}
.download-card::before {content:""; position:absolute; inset:0; background:linear-gradient(135deg,#0f172a,#1e293b); opacity:0; transition:.4s ease;}
.download-card:hover::before {opacity:1}
.download-card > * {position:relative; z-index:1;}
.download-card:hover {transform:translateY(-12px); box-shadow:0 30px 70px rgba(0,0,0,.25);}
.download-icon {width:70px; height:70px; margin:0 auto 25px; border-radius:50%; background:rgba(202,162,77,.15); display:flex; align-items:center; justify-content:center; font-size:34px; color:var(--gold); transition:.4s ease;}
.download-card:hover .download-icon {background:var(--gold); color:#fff; transform:scale(1.1) rotate(-4deg);}
.download-card h3 {font-size:22px; margin-bottom:12px;}
.download-card p {font-size:14px; color:var(--text); margin-bottom:28px;}
.download-card:hover h3, .download-card:hover p {color:#fff;}
.download-btn {display:inline-block; padding:12px 32px; border-radius:30px; background:var(--gold); color:#fff; font-size:14px; font-weight:600; text-decoration:none; transition:.3s ease;}
.download-btn:hover {background:#b08a3c;}.
.section-title{
  text-align:center;
  font-size:34px;
  margin-bottom:14px;
}
.section-sub{
  text-align:center;
  max-width:680px;
  margin:0 auto 60px;
  color:var(--text);
  font-size:15px;
}

.uc-hero {min-height:100vh; display:flex; align-items:center; justify-content:center; text-align:center; padding:40px 20px; position:relative; overflow:hidden;}
.uc-hero::before {content:""; position:absolute; inset:0; background:radial-gradient(circle at 20% 30%, rgba(202,162,77,.08), transparent 40%), radial-gradient(circle at 80% 70%, rgba(15, 23, 42, .08), transparent 40%);}
.uc-content {position:relative; max-width:640px; background:#fff; padding:70px 50px; border-radius:26px; box-shadow:0 30px 80px rgba(0,0,0,.12);}
.uc-icon {font-size:64px; margin-bottom:20px;}
.uc-content h1 {font-size:36px; margin-bottom:14px;}
.uc-content p {font-size:15px; color:var(--text); line-height:1.8; margin-bottom:32px;}
.uc-badge {display:inline-block; padding:8px 18px; border-radius:30px; background:rgba(202,162,77,.15); color:#92400e; font-size:13px; font-weight:600; margin-bottom:20px;}
.uc-btn {display:inline-block; padding:14px 34px; border-radius:30px; background:var(--gold); color:#fff; font-size:14px; font-weight:600; text-decoration:none; transition:.3s ease;}
.uc-btn:hover {background:#b08a3c; transform:translateY(-2px);}

@media(max-width:768px) {
.uc-content {padding:50px 30px;}
.uc-content h1 {font-size:28px;}
}

.gallery-grid {max-width:1200px; margin:auto; column-count:4; column-gap:24px;}
.gallery-item {break-inside:avoid; margin-bottom:24px; position:relative; overflow:hidden; border-radius:20px; cursor:pointer;}
.gallery-item img {width:100%; height:auto; display:block; transition:transform .6s ease, filter .4s ease;}
.gallery-item::after {content:""; position:absolute; inset:0; background:linear-gradient(to bottom, transparent, rgba(15,23,42,.7)); opacity:0; transition:.4s ease;pointer-events: none;}
.gallery-item:hover::after {opacity:1;}
.gallery-item:hover img {transform:scale(1.08); filter:brightness(.9);}
.lightbox {position:fixed; inset:0; background:rgba(15,23,42,.92); display:none; align-items:center; justify-content:center; z-index:99999; padding:30px;}
.lightbox img {max-width:95%; max-height:90vh; border-radius:16px; box-shadow:0 30px 80px rgba(0,0,0,.6);}
.lightbox.close {display:none;}
.lightbox.show {display:flex;}
.lightbox-close {position:absolute; top:30px; right:40px; font-size:36px; color:#fff; cursor:pointer; user-select:none;}

@media(max-width:1200px) {
.gallery-grid {column-count:3}
}

@media(max-width:900px) {
.gallery-grid {column-count:2}
}

@media(max-width:600px) {
.gallery-grid {column-count:1}
.breadcrumb-content h1 {font-size:30px}
.section-title {font-size:26px}
}

.contact-info {background:#fff; border-radius:24px; padding:50px; box-shadow:0 20px 50px rgba(0,0,0,.08);}
.contact-info h2 {font-size:28px; margin-bottom:20px;}
.contact-info p {font-size:15px; color:var(--text); line-height:1.8; margin-bottom:30px;}
.info-item {display:flex; gap:18px; margin-bottom:22px; align-items:flex-start;}
.info-icon {width:44px; height:44px; border-radius:50%; background:rgba(202,162,77,.15); display:flex; align-items:center; justify-content:center; font-size:20px; color:var(--gold);}
.info-item strong {display:block; font-size:14px; margin-bottom:4px;}
.info-item span, .info-item a {font-size:14px; color:var(--text); text-decoration:none;}
.contact-form {background:#fff; border-radius:24px; padding:50px; box-shadow:0 20px 50px rgba(0,0,0,.08);}
.contact-form h2 {font-size:28px; margin-bottom:25px;}
.form-group {margin-bottom:18px;}
.form-group input, .form-group textarea {width:100%; padding:14px 16px; border-radius:12px; border:1px solid #d1d5db; font-family:'Poppins', sans-serif; font-size:14px;}
.form-group textarea {resize:none; height:140px;}
.form-group input:focus, .form-group textarea:focus {outline:none; border-color:var(--gold);}
.submit-btn {display:inline-block; margin-top:10px; padding:14px 34px; border-radius:30px; background:var(--gold); color:#fff; font-size:14px; font-weight:600; border:none; cursor:pointer; transition:.3s ease;}
.submit-btn:hover {background:#b08a3c; transform:translateY(-2px);}

@media(max-width:900px) {
.contact-wrapper {grid-template-columns:1fr;}
}

@media(max-width:600px) {
.breadcrumb h1 {font-size:30px}
}

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

.contact-wrapper{
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:50px;
  max-width:1200px;
  margin:auto;
}

/* ---------- LEFT: ADDRESS CARD ---------- */
.contact-info{
  background:linear-gradient(160deg,#0f172a,#1e293b);
  border-radius:26px;
  padding:50px;
  color:#fff;
  box-shadow:0 30px 80px rgba(0,0,0,.25);
  position:relative;
  overflow:hidden;
}

.contact-info::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top left, rgba(202,162,77,.18), transparent 45%);
}

.contact-info h2{
  font-size:30px;
  margin-bottom:18px;
  position:relative;
}

.contact-info p{
  font-size:15px;
  line-height:1.8;
  color:#e5e7eb;
  margin-bottom:35px;
  position:relative;
}

/* Address items */
.info-item{
  display:flex;
  gap:18px;
  margin-bottom:26px;
  position:relative;
}

.info-icon{
  min-width:46px;
  height:46px;
  border-radius:50%;
  background:rgba(202,162,77,.15);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  color:var(--gold);
}

.info-item strong{
  display:block;
  font-size:14px;
  margin-bottom:4px;
  color:#fff;
}

.info-item span,
.info-item a{
  font-size:14px;
  color:#d1d5db;
  text-decoration:none;
}

.info-item a:hover{
  color:var(--gold);
}

/* ---------- RIGHT: FORM CARD ---------- */
.contact-form{
  background:#ffffff;
  border-radius:26px;
  padding:50px;
  box-shadow:0 30px 80px rgba(0,0,0,.15);
}

.contact-form h2{
  font-size:30px;
  margin-bottom:28px;
}

/* Inputs */
.form-group{
  margin-bottom:18px;
}

.form-group input,
.form-group textarea{
  width:100%;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid #d1d5db;
  font-family:'Poppins',sans-serif;
  font-size:14px;
  transition:.3s ease;
}

.form-group input:focus,
.form-group textarea:focus{
  outline:none;
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(202,162,77,.2);
}

.form-group textarea{
  resize:none;
  height:150px;
}

/* Submit button */
.submit-btn{
  display:inline-block;
  margin-top:12px;
  padding:14px 36px;
  border-radius:30px;
  background:var(--gold);
  color:#fff;
  font-size:14px;
  font-weight:600;
  border:none;
  cursor:pointer;
  transition:.35s ease;
}

.submit-btn:hover{
  background:#b08a3c;
  transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(202,162,77,.45);
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:992px){
  .contact-wrapper{
    grid-template-columns:1fr;
  }
  .contact-info,
  .contact-form{
    padding:40px;
  }
}