
@font-face { font-display: swap; }

 :root {
 --gold: #c9a84c;
 --gold-light: #e8d08a;
 --dark: #111111;
 --dark2: #1a1a1a;
 --dark3: #222222;
 --light: #f5f2ed;
 --white: #ffffff;
 --text-muted: #888888;
 --border: rgba(201,168,76,0.25);
 }

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

 html { scroll-behavior: smooth; }

 body {
    font-size: 16px;
    line-height: 1.6;
 font-family: 'Montserrat', Arial, Helvetica, sans-serif;
 background: var(--dark);
 color: var(--white);
 overflow-x: hidden;
 }

 header {
 position: fixed;
 top: 0; left: 0; right: 0;
 z-index: 1000;
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 0 60px;
 height: 80px;
 background: transparent;
 transition: background 0.4s, backdrop-filter 0.4s;
 }
 header.scrolled {
 background: rgba(10,10,10,0.92);
 backdrop-filter: blur(12px);
 border-bottom: 1px solid var(--border);
 }
 .logo {
 display: inline-block;
 text-decoration: none;
 }
 .logo img {
 height: 50px;
 width: auto;
 display: block;
 }
 nav { display: flex; gap: 32px; align-items: center; }
 nav a {
 font-size: 11px;
 font-weight: 500;
 letter-spacing: 2px;
 text-transform: uppercase;
 color: rgba(255,255,255,0.85);
 text-decoration: none;
 transition: color 0.3s;
 position: relative;
 }
 nav a::after {
 content: '';
 position: absolute;
 bottom: -4px; left: 0;
 width: 0; height: 1px;
 background: var(--gold);
 transition: width 0.3s;
 }
 nav a:hover { color: var(--gold); }
 nav a:hover::after { width: 100%; }
 .nav-dropdown { position: relative; }
 .nav-dropdown .dropdown-menu {
 display: none;
 position: absolute;
 top: 100%; left: 0;
 background: rgba(10,10,10,0.97);
 border: 1px solid var(--border);
 padding: 12px 0;
 min-width: 180px;
 z-index: 99;
 }
 .nav-dropdown:hover .dropdown-menu { display: block; }
 .dropdown-menu a {
 display: block;
 padding: 10px 20px;
 font-size: 11px;
 letter-spacing: 1.5px;
 }
 .btn-quote {
 background: var(--gold);
 color: var(--dark) !important;
 padding: 11px 26px;
 font-size: 11px;
 font-weight: 600;
 letter-spacing: 2px;
 text-transform: uppercase;
 border: none;
 cursor: pointer;
 text-decoration: none;
 transition: background 0.3s, transform 0.2s;
 display: inline-block;
 }
 .btn-quote:hover { background: var(--gold-light); transform: translateY(-1px); }
 .btn-quote::after { display: none !important; }
 .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; }
 .hamburger span { width: 24px; height: 1px; background: var(--white); display: block; }

 .hero {
 position: relative;
 height: 100vh;
 display: flex;
 align-items: center;
 overflow: hidden;
 }
 .hero-bg {
 position: absolute;
 inset: 0;
 background: linear-gradient(135deg, #0a0a0a 0%, #1a1208 50%, #0a0a0a 100%);
 }
 .hero-bg::before {
 content: '';
 position: absolute;
 inset: 0;
 background: url('images/cat-034.png') center/cover;
 opacity: 0.35;
 }
 .hero-bg::after {
 content: '';
 position: absolute;
 inset: 0;
 background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);
 }
 .hero-content {
 position: relative;
 z-index: 2;
 padding: 100px 60px 0;
 max-width: 700px;
 }
 .hero-tag {
 font-size: 13px;
 letter-spacing: 4px;
 color: var(--gold);
 text-transform: uppercase;
 margin-bottom: 20px;
 display: block;
 }
 .hero h1 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: clamp(48px, 7vw, 88px);
 font-weight: 300;
 line-height: 1.05;
 margin-bottom: 24px;
 color: var(--white);
 }
 .hero h1 em { font-style: italic; color: var(--gold); }
 .hero p {
 font-size: 15px;
 line-height: 1.8;
 color: rgba(255,255,255,0.7);
 margin-bottom: 40px;
 max-width: 480px;
 font-weight: 300;
 }
 .hero-actions { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
 .btn-outline {
 border: 1px solid rgba(255,255,255,0.4);
 color: var(--white);
 padding: 13px 28px;
 font-size: 11px;
 letter-spacing: 2px;
 text-transform: uppercase;
 text-decoration: none;
 transition: all 0.3s;
 display: inline-block;
 }
 .btn-outline:hover { border-color: var(--gold); color: var(--gold); }
 .hero-scroll {
 position: absolute;
 bottom: 40px; left: 50%;
 transform: translateX(-50%);
 z-index: 2;
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 8px;
 color: rgba(255,255,255,0.4);
 font-size: 10px;
 letter-spacing: 3px;
 text-transform: uppercase;
 }
 .scroll-line {
 width: 1px; height: 50px;
 background: linear-gradient(to bottom, var(--gold), transparent);
 animation: scrollPulse 2s ease-in-out infinite;
 }
 @keyframes scrollPulse { 0%,100%{opacity:0.4;transform:scaleY(0.7)} 50%{opacity:1;transform:scaleY(1)} }

 .categories {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 grid-template-rows: auto;
 gap: 2px;
 background: #000;
 margin: 0;
 padding: 0;
 }
 .cat-item:first-child { grid-column: span 2; }

 .cat-item {
 position: relative;
 overflow: hidden;
 height: 100%;
 min-height: 420px;
 cursor: pointer;
 margin: 0;
 padding: 0;
 }
 
 .cat-item img {
 width: 100%; height: 100%;
 object-fit: cover;
 transition: transform 0.7s ease;
 filter: brightness(0.65);
 }
 .cat-item:hover img { transform: scale(1.06); filter: brightness(0.5); }
 .cat-overlay {
 position: absolute;
 inset: 0;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 padding: 36px;
 background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 60%);
 }
 .cat-tag { font-size: 10px; letter-spacing: 3px; color: var(--gold); text-transform: uppercase; margin-bottom: 10px; }
 .cat-item h3 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 32px;
 font-weight: 400;
 color: var(--white);
 margin-bottom: 8px;
 line-height: 1.1;
 }
 .cat-item p { font-size: 13px; color: rgba(255,255,255,0.65); line-height: 1.6; margin-bottom: 18px; font-weight: 300; }
 .cat-link {
 font-size: 10px;
 letter-spacing: 2.5px;
 text-transform: uppercase;
 color: var(--gold);
 text-decoration: none;
 display: inline-flex;
 align-items: center;
 gap: 8px;
 transition: gap 0.3s;
 }
 .cat-link::after { content: '→'; }
 .cat-item:hover .cat-link { gap: 14px; }

 .about {
 display: grid;
 grid-template-columns: 1fr 1fr;
 min-height: 600px;
 }
 .about-img {
 position: relative;
 overflow: hidden;
 }
 .about-img img {
 width: 100%; height: 100%;
 object-fit: cover;
 transition: transform 0.7s ease;
 }
 .about-img:hover img { transform: scale(1.04); }
 .about-text {
 background: var(--dark2);
 padding: 80px 70px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 }
 .section-label {
 font-size: 10px;
 letter-spacing: 5px;
 color: var(--gold);
 text-transform: uppercase;
 margin-bottom: 20px;
 display: flex;
 align-items: center;
 gap: 12px;
 }
 .section-label::before { content: ''; width: 30px; height: 1px; background: var(--gold); }
 .about-text h2 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 52px;
 font-weight: 300;
 line-height: 1.1;
 margin-bottom: 24px;
 color: var(--white);
 }
 .about-text h2 em { color: var(--gold); font-style: italic; }
 .about-text p {
 font-size: 14px;
 line-height: 1.9;
 color: rgba(255,255,255,0.6);
 font-weight: 300;
 margin-bottom: 16px;
 }
 .about-text p:last-of-type { margin-bottom: 36px; }
 .stats {
 display: flex;
 gap: 40px;
 margin-top: 8px;
 padding-top: 36px;
 border-top: 1px solid var(--border);
 }
 .stat-num {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 44px;
 font-weight: 300;
 color: var(--gold);
 line-height: 1;
 }
 .stat-label { font-size: 10px; letter-spacing: 2px; color: var(--text-muted); text-transform: uppercase; margin-top: 6px; }

 .process {
 padding: 100px 60px;
 background: var(--dark);
 text-align: center;
 }
 .process h2 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 52px;
 font-weight: 300;
 color: var(--white);
 margin-bottom: 60px;
 }
 .process h2 em { color: var(--gold); font-style: italic; }
 .steps {
 display: flex;
 justify-content: center;
 align-items: flex-start;
 gap: 0;
 max-width: 1100px;
 margin: 0 auto;
 }
 .step {
 flex: 1;
 padding: 0 20px;
 position: relative;
 }
 .step:not(:last-child)::after {
 content: '';
 position: absolute;
 top: 28px; right: 0;
 width: 1px; height: 40px;
 background: var(--border);
 }
 .step-num {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 56px;
 font-weight: 300;
 color: rgba(201,168,76,0.75);
 line-height: 1;
 margin-bottom: 16px;
 }
 .step h4 {
 font-size: 12px;
 letter-spacing: 2px;
 text-transform: uppercase;
 color: var(--gold);
 margin-bottom: 10px;
 }
 .step p { font-size: 13px; color: var(--text-muted); line-height: 1.7; font-weight: 300; }

 .partners {
 padding: 80px 60px;
 background: var(--dark2);
 text-align: center;
 }
 .partners .section-label { justify-content: center; }
 .partners .section-label::before { display: none; }
 .partners-grid {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 48px;
 align-items: center;
 max-width: 1000px;
 margin: 40px auto 0;
 }
 .partner-item {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 22px;
 font-weight: 500;
 letter-spacing: 3px;
 color: rgba(255,255,255,0.25);
 text-transform: uppercase;
 transition: color 0.3s;
 }
 .partner-item:hover { color: var(--gold); }

 .values {
 padding: 100px 60px;
 background: var(--dark2);
 }
 .values-header {
 text-align: center;
 margin-bottom: 60px;
 }
 .values-header h2 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 52px;
 font-weight: 300;
 color: var(--white);
 }
 .values-header h2 em { color: var(--gold); font-style: italic; }
 .values-grid {
 display: grid;
 grid-template-columns: repeat(4,1fr);
 gap: 0;
 max-width: 1200px;
 margin: 0 auto;
 }
 
 .values-grid {
 grid-template-columns: repeat(4,1fr);
 gap: 20px;
 }
 .value-card {
 height: 300px;
 perspective: 1000px;
 background: transparent;
 padding: 0;
 border: none;
 }
 .value-card:hover { border-color: transparent; background: transparent; }
 .value-card-inner {
 position: relative;
 width: 100%;
 height: 100%;
 transform-style: preserve-3d;
 transition: transform 0.75s cubic-bezier(0.4,0.2,0.2,1);
 cursor: pointer;
 }
 .value-card:hover .value-card-inner { transform: rotateY(180deg); }
 .value-card-front, .value-card-back {
 position: absolute;
 inset: 0;
 backface-visibility: hidden;
 -webkit-backface-visibility: hidden;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 padding: 36px 28px;
 text-align: center;
 }
 .value-card-front {
 background: linear-gradient(145deg, #1a1208, #111111);
 border: 1px solid rgba(201,168,76,0.25);
 }
 .value-card-back {
 background: var(--gold);
 transform: rotateY(180deg);
 }
 .value-icon {
 font-size: 42px;
 color: var(--gold);
 margin-bottom: 20px;
 width: auto; height: auto;
 border: none;
 }
 .value-card-front h3 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 28px;
 font-weight: 300;
 color: var(--white);
 margin-bottom: 0;
 }
 .value-card-front .value-divider {
 width: 40px; height: 1px;
 background: var(--gold);
 margin-top: 16px;
 }
 .value-card-back h3 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 22px;
 font-weight: 400;
 color: var(--dark);
 margin-bottom: 14px;
 }
 .value-card-back p {
 font-size: 12px;
 color: #333;
 line-height: 1.85;
 font-weight: 300;
 }

 .testimonials { padding: 100px 60px; background: var(--dark); overflow: hidden; }
 .testimonials-header { text-align: center; margin-bottom: 60px; }
 .testimonials-header h2 { font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif; font-size: 52px; font-weight: 300; color: var(--white); }
 .testimonials-header p { color: var(--text-muted); font-size: 13px; margin-top: 12px; letter-spacing: 1px; }
 .testimonials-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; max-width: 1200px; margin: 0 auto; }
 .testi-card {
 background: #1a1a1a;
 border: 1px solid rgba(201,168,76,0.35);
 border-top: 3px solid #c9a84c;
 border-radius: 0 0 8px 8px;
 padding: 26px 24px 22px;
 transition: background 0.3s, border-color 0.3s;
 }
 .testi-card:hover { background: #202020; border-color: rgba(201,168,76,0.8); border-top-color: #c9a84c; }
 .testi-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
 .testi-author { display: flex; align-items: center; gap: 12px; }
 .testi-avatar {
 width: 44px; height: 44px;
 border-radius: 50%;
 display: flex; align-items: center; justify-content: center;
 font-family: 'Montserrat', Arial, Helvetica, sans-serif;
 font-size: 17px; font-weight: 600;
 color: #ffffff;
 flex-shrink: 0;
 }
 .testi-avatar.av-t { background: #e53935; }
 .testi-avatar.av-m { background: #1e88e5; }
 .testi-avatar.av-f { background: #43a047; }
 .testi-name { font-size: 13px; font-weight: 600; color: #ffffff; letter-spacing: 0.5px; }
 .testi-time { font-size: 11px; color: #888; margin-top: 2px; font-weight: 400; }
 .google-icon { flex-shrink: 0; }
 .testi-stars { color: #c9a84c; font-size: 16px; margin-bottom: 10px; letter-spacing: 2px; }
 .testi-divider { width: 30px; height: 2px; background: #c9a84c; margin-bottom: 12px; }
 .testi-text { font-size: 13px; color: rgba(255,255,255,0.65); line-height: 1.8; font-weight: 300; font-style: italic; }

 .news {
 padding: 100px 60px;
 background: var(--dark2);
 }
 .news-header {
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
 margin-bottom: 50px;
 max-width: 1200px;
 margin-left: auto;
 margin-right: auto;
 }
 .news-header h2 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 52px;
 font-weight: 300;
 color: var(--white);
 }
 .news-header h2 em { color: var(--gold); font-style: italic; }
 .news-grid {
 display: grid;
 grid-template-columns: repeat(3,1fr);
 gap: 24px;
 max-width: 1200px;
 margin: 0 auto;
 }
 .news-card {
 background: var(--dark2);
 overflow: hidden;
 transition: transform 0.3s;
 }
 .news-card:hover { transform: translateY(-4px); }
 .news-img {
 height: 220px;
 overflow: hidden;
 }
 .news-img img {
 width: 100%; height: 100%;
 object-fit: cover;
 transition: transform 0.5s;
 filter: brightness(0.8);
 }
 .news-card:hover .news-img img { transform: scale(1.06); }
 .news-body {
    font-size: 16px;
    line-height: 1.6; padding: 28px 28px 32px; }
 .news-date { font-size: 10px; letter-spacing: 2px; color: var(--gold); text-transform: uppercase; margin-bottom: 12px; }
 .news-body h3 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 22px;
 font-weight: 400;
 color: var(--white);
 margin-bottom: 12px;
 line-height: 1.35;
 }
 .news-body p { font-size: 13px; color: var(--text-muted); line-height: 1.7; font-weight: 300; margin-bottom: 20px; }
 .news-link {
 font-size: 10px;
 letter-spacing: 2px;
 text-transform: uppercase;
 color: var(--gold);
 text-decoration: none;
 transition: gap 0.3s;
 display: inline-flex;
 align-items: center;
 gap: 8px;
 }
 .news-link::after { content: '→'; }

 .contact {
 padding: 100px 60px;
 background: var(--dark2);
 }
 .contact-inner {
 max-width: 700px;
 margin: 0 auto;
 text-align: center;
 }
 .contact h2 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 52px;
 font-weight: 300;
 color: var(--white);
 margin-bottom: 16px;
 }
 .contact h2 em { color: var(--gold); font-style: italic; }
 .contact > .contact-inner > p {
 color: var(--text-muted);
 font-size: 14px;
 margin-bottom: 48px;
 line-height: 1.8;
 font-weight: 300;
 }
 .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; text-align: left; }
 .form-group { display: flex; flex-direction: column; gap: 8px; }
 .form-group.full { grid-column: span 2; }
 .form-group label { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--text-muted); }
 .form-group input,
 .form-group select,
 .form-group textarea {
 background: var(--dark3);
 border: 1px solid var(--border);
 color: var(--white);
 padding: 14px 16px;
 font-family: 'Montserrat', Arial, Helvetica, sans-serif;
 font-size: 13px;
 outline: none;
 transition: border-color 0.3s;
 width: 100%;
 }
 .form-group input:focus,
 .form-group select:focus,
 .form-group textarea:focus { border-color: var(--gold); }
 .form-group select option { background: var(--dark3); }
 .form-group textarea { resize: vertical; min-height: 100px; }
 .form-submit {
 grid-column: span 2;
 text-align: center;
 margin-top: 12px;
 }
 .btn-submit {
 background: var(--gold);
 color: var(--dark);
 border: none;
 padding: 16px 56px;
 font-family: 'Montserrat', Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: 600;
 letter-spacing: 3px;
 text-transform: uppercase;
 cursor: pointer;
 transition: background 0.3s, transform 0.2s;
 display: inline-block;
 }
 .btn-submit:hover { background: var(--gold-light); transform: translateY(-2px); }

 footer {
 background: #0a0a0a;
 padding: 80px 60px 40px;
 border-top: 1px solid var(--border);
 }
 .footer-top {
 display: grid;
 grid-template-columns: 2fr 1fr 1fr 1fr;
 gap: 60px;
 margin-bottom: 60px;
 }
 .footer-brand .logo { display: inline-block; margin-bottom: 20px; }
 .footer-brand .logo img { height: 40px; width: auto; display: block; }
 .footer-brand p { font-size: 13px; color: var(--text-muted); line-height: 1.8; font-weight: 300; margin-bottom: 24px; }
 .footer-contact p { font-size: 13px; color: var(--text-muted); line-height: 2; font-weight: 300; }
 .footer-contact a { color: var(--gold); text-decoration: none; font-size: 13px; }
 .social-links { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 8px; }
 .social-links a {
 width: 36px; height: 36px;
 border: 1px solid var(--border);
 display: flex;
 align-items: center;
 justify-content: center;
 color: var(--text-muted);
 text-decoration: none;
 font-size: 12px;
 letter-spacing: 0.5px;
 transition: border-color 0.3s, color 0.3s;
 }
 .social-links a:hover { border-color: var(--gold); color: var(--gold); }
 .footer-col h4 {
 font-size: 10px;
 letter-spacing: 3px;
 text-transform: uppercase;
 color: var(--white);
 margin-bottom: 24px;
 }
 .footer-col ul { list-style: none; }
 .footer-col ul li { margin-bottom: 12px; }
 .footer-col ul li a {
 font-size: 12px;
 color: var(--text-muted);
 text-decoration: none;
 letter-spacing: 1px;
 text-transform: uppercase;
 transition: color 0.3s;
 }
 .footer-col ul li a:hover { color: var(--gold); }
 .footer-bottom {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding-top: 30px;
 border-top: 1px solid var(--border);
 font-size: 11px;
 color: var(--text-muted);
 letter-spacing: 1px;
 }
 .footer-bottom a { color: var(--text-muted); text-decoration: none; }
 .footer-bottom a:hover { color: var(--gold); }

 .whatsapp-float {
 position: fixed;
 bottom: 30px; right: 30px;
 background: #25D366;
 width: 52px; height: 52px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 z-index: 999;
 text-decoration: none;
 font-size: 24px;
 box-shadow: 0 4px 20px rgba(37,211,102,0.4);
 transition: transform 0.3s;
 }
 .whatsapp-float:hover { transform: scale(1.1); }

 .modal-overlay {
 display: none;
 position: fixed;
 inset: 0;
 background: rgba(0,0,0,0.85);
 z-index: 2000;
 align-items: center;
 justify-content: center;
 backdrop-filter: blur(4px);
 }
 .modal-overlay.active { display: flex; }
 .modal {
 background: var(--dark2);
 border: 1px solid var(--border);
 padding: 50px;
 max-width: 500px;
 width: 90%;
 position: relative;
 }
 .modal-close {
 position: absolute;
 top: 20px; right: 20px;
 background: none;
 border: none;
 color: var(--text-muted);
 font-size: 22px;
 cursor: pointer;
 transition: color 0.3s;
 }
 .modal-close:hover { color: var(--gold); }
 .modal h2 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 36px;
 font-weight: 300;
 color: var(--white);
 margin-bottom: 30px;
 }

 @media(max-width: 1024px) {
 header { padding: 0 30px; }
 nav { display: none; }
 .hamburger { display: flex; }
 .hero-content { padding: 0 30px; }
 .categories { grid-template-columns: 1fr; }
 .cat-item:first-child { grid-column: span 1; }
 .about { grid-template-columns: 1fr; }
 .about-img { height: 350px; }
 .values-grid { grid-template-columns: 1fr 1fr; }
 .testimonials-grid { grid-template-columns: 1fr; max-width: 500px; }
 .news-grid { grid-template-columns: 1fr 1fr; }
 .footer-top { grid-template-columns: 1fr 1fr; }
 .steps { flex-wrap: wrap; }
 .step { min-width: 40%; }
 .process, .partners, .values, .testimonials, .news, .contact, footer { padding-left: 30px; padding-right: 30px; }
 }
 @media(max-width: 640px) {
 .news-grid { grid-template-columns: 1fr; }
 .values-grid { grid-template-columns: 1fr; }
 .footer-top { grid-template-columns: 1fr; gap: 40px; }
 .form-grid { grid-template-columns: 1fr; }
 .form-group.full { grid-column: span 1; }
 .form-submit { grid-column: span 1; }
 .about-text { padding: 50px 30px; }
 }

 .mobile-nav {
 display: none;
 position: fixed;
 inset: 0;
 background: var(--dark);
 z-index: 1500;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 28px;
 }
 .mobile-nav.active { display: flex; }
 .mobile-nav a {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 32px;
 font-weight: 300;
 color: var(--white);
 text-decoration: none;
 letter-spacing: 3px;
 transition: color 0.3s;
 }
 .mobile-nav a:hover { color: var(--gold); }
 .mobile-nav-close {
 position: absolute;
 top: 24px; right: 30px;
 font-size: 28px;
 color: var(--white);
 cursor: pointer;
 background: none;
 border: none;
 }

 .fade-up {
 opacity: 0;
 transform: translateY(30px);
 transition: opacity 0.7s ease, transform 0.7s ease;
 }
 .fade-up.visible { opacity: 1; transform: translateY(0); }

 .slides-container { position:absolute; inset:0; z-index:0; }
 .slide { position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transition:opacity 1.2s ease; }
 .slide.active { opacity:1; }
 .hero-overlay { position:absolute; inset:0; z-index:1; background:linear-gradient(to right,rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.3) 60%,rgba(0,0,0,0.15) 100%); }
 .hero-content { z-index:3; }
 .hero-scroll { z-index:3; }
 .slide-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:4; background:rgba(0,0,0,0.35); border:1px solid rgba(255,255,255,0.2); color:#fff; width:48px; height:48px; font-size:18px; cursor:pointer; transition:background 0.3s,border-color 0.3s; display:flex; align-items:center; justify-content:center; }
 .slide-arrow:hover { background:rgba(201,168,76,0.7); border-color:var(--gold); }
 .slide-arrow.prev { left:24px; }
 .slide-arrow.next { right:24px; }
 .slide-dots { position:absolute; bottom:90px; left:50%; transform:translateX(-50%); z-index:4; display:flex; gap:10px; }
 .dot { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.35); cursor:pointer; transition:background 0.3s,transform 0.3s; border:1px solid rgba(255,255,255,0.4); }
 .dot.active { background:var(--gold); transform:scale(1.3); border-color:var(--gold); }
 .slide-label { position:absolute; bottom:120px; right:60px; z-index:4; text-align:right; }
 .slide-label-tag { font-size:10px; letter-spacing:3px; color:var(--gold); text-transform:uppercase; display:block; margin-bottom:6px; }
 .slide-label-title { font-family:"Cormorant Garamond",serif; font-size:22px; font-weight:300; color:#fff; }
 .hero-bg { display:none; }

 .page-hero {
 padding-top: 80px;
 height: 380px;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 overflow: hidden;
 }
 .page-hero-bg {
 position: absolute; inset: 0;
 background: url('images/img-009.jpg') center/cover;
 filter: brightness(0.25);
 }
 .page-hero-content { position: relative; z-index: 2; }
 .page-hero-tag {
 font-size: 11px; letter-spacing: 5px; color: var(--gold);
 text-transform: uppercase; display: block; margin-bottom: 16px;
 }
 .page-hero h1 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: clamp(42px, 6vw, 72px);
 font-weight: 300; color: var(--white); line-height: 1.1;
 }
 .page-hero h1 em { font-style: italic; color: var(--gold); }
 .breadcrumb {
 margin-top: 20px; font-size: 11px; letter-spacing: 2px;
 color: rgba(255,255,255,0.45); text-transform: uppercase;
 }
 .breadcrumb a { color: var(--gold); text-decoration: none; }
 .breadcrumb a:hover { text-decoration: underline; }

 .filter-bar {
 background: var(--dark2);
 padding: 24px 60px;
 display: flex;
 align-items: center;
 gap: 12px;
 flex-wrap: wrap;
 border-bottom: 1px solid var(--border);
 }
 .filter-label { font-size: 11px; letter-spacing: 2px; color: var(--text-muted); text-transform: uppercase; margin-right: 8px; }
 .filter-btn {
 padding: 8px 20px;
 font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase;
 border: 1px solid var(--border); color: rgba(255,255,255,0.6);
 background: transparent; cursor: pointer; transition: all 0.3s;
 font-family: 'Montserrat', Arial, Helvetica, sans-serif;
 }
 .filter-btn:hover, .filter-btn.active { border-color: var(--gold); color: var(--gold); }
 .gallery-count { margin-left: auto; font-size: 12px; color: var(--text-muted); }

 .gallery-section { background: var(--dark); }
 .gallery-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 16px;
 max-width: 1400px;
 margin: 0 auto;
 }
 .gallery-item {
 position: relative; overflow: hidden; cursor: pointer;
 background: var(--dark2);
 }
 .gallery-item.wide { grid-column: span 2; }
 .gallery-item.tall { grid-row: span 2; }
 .gallery-item img {
 width: 100%; height: 100%; min-height: 320px;
 object-fit: cover; display: block;
 transition: transform 0.6s ease, filter 0.4s;
 filter: brightness(0.85);
 }
 .gallery-item:hover img { transform: scale(1.05); filter: brightness(0.6); }
 .gallery-overlay {
 position: absolute; inset: 0;
 background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 50%);
 opacity: 0; transition: opacity 0.4s;
 display: flex; align-items: flex-end; padding: 24px;
 }
 .gallery-item:hover .gallery-overlay { opacity: 1; }
 .gallery-overlay-text { color: var(--white); }
 .gallery-overlay-tag { font-size: 10px; letter-spacing: 2px; color: var(--gold); text-transform: uppercase; display: block; margin-bottom: 6px; }
 .gallery-overlay-title { font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif; font-size: 22px; font-weight: 300; }

 .lightbox {
 display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.93);
 z-index: 3000; align-items: center; justify-content: center;
 }
 .lightbox.active { display: flex; }
 .lightbox img { max-width: 90vw; max-height: 88vh; object-fit: contain; }
 .lightbox-close {
 position: absolute; top: 24px; right: 32px;
 font-size: 32px; color: rgba(255,255,255,0.7); cursor: pointer;
 background: none; border: none; transition: color 0.3s;
 }
 .lightbox-close:hover { color: var(--gold); }
 .lightbox-prev, .lightbox-next {
 position: absolute; top: 50%; transform: translateY(-50%);
 background: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.2);
 color: var(--white); width: 50px; height: 50px; font-size: 20px;
 cursor: pointer; transition: background 0.3s; display: flex; align-items: center; justify-content: center;
 }
 .lightbox-prev { left: 20px; }
 .lightbox-next { right: 20px; }
 .lightbox-prev:hover, .lightbox-next:hover { background: rgba(201,168,76,0.5); }
 .lightbox-counter {
 position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%);
 font-size: 12px; letter-spacing: 2px; color: rgba(255,255,255,0.5);
 }

 .load-more-wrap { text-align: center; padding: 40px 60px 60px; background: var(--dark); }
 .btn-load {
 border: 1px solid var(--border); color: rgba(255,255,255,0.6);
 padding: 14px 48px; font-size: 11px; letter-spacing: 3px;
 text-transform: uppercase; background: transparent; cursor: pointer;
 font-family: 'Montserrat', Arial, Helvetica, sans-serif; transition: all 0.3s;
 }
 .btn-load:hover { border-color: var(--gold); color: var(--gold); }

 .cta-banner {
 background: var(--dark2); padding: 80px 60px;
 text-align: center; border-top: 1px solid var(--border);
 border-bottom: 1px solid var(--border);
 }
 .cta-banner h2 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif; font-size: 46px;
 font-weight: 300; color: var(--white); margin-bottom: 16px;
 }
 .cta-banner h2 em { font-style: italic; color: var(--gold); }
 .cta-banner p { font-size: 14px; color: var(--text-muted); margin-bottom: 32px; max-width: 500px; margin-left: auto; margin-right: auto; line-height: 1.8; font-weight: 300; }

 footer { background: #0a0a0a; padding: 80px 60px 40px; border-top: 1px solid var(--border); }
 .footer-brand .logo { display: inline-block; margin-bottom: 20px; }
 .footer-brand .logo img { height: 40px; width: auto; display: block; }
 .footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 60px; margin-bottom: 60px; }
 .footer-brand p { font-size: 13px; color: var(--text-muted); line-height: 1.8; font-weight: 300; margin-bottom: 12px; }
 .footer-brand a { color: var(--gold); text-decoration: none; font-size: 13px; }
 .social-links { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 8px; }
 .social-links a {
 width: 36px; height: 36px; border: 1px solid var(--border);
 display: flex; align-items: center; justify-content: center;
 color: var(--text-muted); text-decoration: none; font-size: 12px;
 transition: border-color 0.3s, color 0.3s;
 }
 .social-links a:hover { border-color: var(--gold); color: var(--gold); }
 .footer-col h4 { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--white); margin-bottom: 24px; }
 .footer-col ul { list-style: none; }
 .footer-col ul li { margin-bottom: 12px; }
 .footer-col ul li a { font-size: 12px; color: var(--text-muted); text-decoration: none; letter-spacing: 1px; text-transform: uppercase; transition: color 0.3s; }
 .footer-col ul li a:hover { color: var(--gold); }
 .footer-bottom {
 display: flex; justify-content: space-between; align-items: center;
 padding-top: 30px; border-top: 1px solid var(--border);
 font-size: 11px; color: var(--text-muted); letter-spacing: 1px;
 }
 .footer-bottom a { color: var(--text-muted); text-decoration: none; }
 .footer-bottom a:hover { color: var(--gold); }
 .whatsapp-float {
 position: fixed; bottom: 30px; right: 30px; background: #25D366;
 width: 52px; height: 52px; border-radius: 50%; display: flex;
 align-items: center; justify-content: center; z-index: 999;
 text-decoration: none; font-size: 24px;
 box-shadow: 0 4px 20px rgba(37,211,102,0.4); transition: transform 0.3s;
 }
 .whatsapp-float:hover { transform: scale(1.1); }

 @media(max-width:1024px) {
 header { padding: 0 30px; }
 nav { display: none; }
 .hamburger { display: flex; }
 .gallery-grid { grid-template-columns: repeat(2,1fr); }
 .gallery-item.wide { grid-column: span 1; }
 .gallery-section, .filter-bar, .load-more-wrap, .cta-banner, footer { padding-left: 24px; padding-right: 24px; }
 .footer-top { grid-template-columns: 1fr 1fr; gap: 40px; }
 }
 @media(max-width:640px) {
 .gallery-grid { grid-template-columns: 1fr; }
 .gallery-item.tall { grid-row: span 1; }
 .footer-top { grid-template-columns: 1fr; }
 .page-hero { height: 300px; }
 }

 .deals-section {
 background: var(--dark2);
 padding: 80px 60px;
 border-bottom: 1px solid var(--border);
 }
 .deals-header {
 text-align: center;
 margin-bottom: 48px;
 }
 .deals-tag {
 font-size: 11px; letter-spacing: 5px; color: var(--gold);
 text-transform: uppercase; display: block; margin-bottom: 14px;
 }
 .deals-header h2 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: clamp(36px, 4vw, 56px);
 font-weight: 300; color: var(--white); line-height: 1.15; margin-bottom: 14px;
 }
 .deals-header h2 em { font-style: italic; color: var(--gold); }
 .deals-header p {
 font-size: 14px; color: var(--text-muted); max-width: 520px;
 margin: 0 auto; line-height: 1.8; font-weight: 300;
 }

 .deals-tabs {
 display: flex; justify-content: center; gap: 0;
 margin-bottom: 48px; border: 1px solid var(--border);
 max-width: 560px; margin-left: auto; margin-right: auto;
 margin-bottom: 48px;
 }
 .deal-tab {
 flex: 1; padding: 16px 12px;
 background: transparent; border: none;
 border-right: 1px solid var(--border);
 color: rgba(255,255,255,0.5); cursor: pointer;
 display: flex; flex-direction: column; align-items: center; gap: 6px;
 transition: all 0.3s; font-family: 'Montserrat', Arial, Helvetica, sans-serif;
 }
 .deal-tab:last-child { border-right: none; }
 .deal-tab:hover { background: rgba(201,168,76,0.08); color: var(--gold); }
 .deal-tab.active { background: rgba(201,168,76,0.12); color: var(--gold); }
 .tab-icon { font-size: 22px; }
 .tab-label { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; }

 .deals-panels { max-width: 1100px; margin: 0 auto; }
 .deal-panel { display: none; }
 .deal-panel.active { display: block; }
 .deal-panel-inner {
 display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;
 }
 .deal-image {
 position: relative; overflow: hidden;
 border: 1px solid var(--border);
 }
 .deal-image img {
 width: 100%; height: 420px; object-fit: cover; display: block;
 transition: transform 0.6s ease;
 }
 .deal-image:hover img { transform: scale(1.04); }
 .deal-badge {
 position: absolute; top: 20px; left: 20px;
 background: rgba(255,255,255,0.1); backdrop-filter: blur(8px);
 color: #fff; padding: 6px 16px; font-size: 12px;
 letter-spacing: 2px; text-transform: uppercase;
 border: 1px solid rgba(255,255,255,0.2);
 }

 .deal-content { padding: 10px 0; }
 .deal-label {
 font-size: 11px; letter-spacing: 4px; text-transform: uppercase;
 color: #4caf78; margin-bottom: 16px; display: block;
 }
 .deal-content h3 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: clamp(30px, 3vw, 44px); font-weight: 300;
 color: var(--white); line-height: 1.2; margin-bottom: 36px;
 }
 .deal-content h3 em { font-style: italic; color: var(--gold); }

 .deal-lines { display: flex; flex-direction: column; gap: 24px; margin-bottom: 40px; }
 .deal-line {
 display: flex; gap: 20px; align-items: flex-start;
 padding-bottom: 24px; border-bottom: 1px solid rgba(201,168,76,0.12);
 }
 .deal-line:last-child { border-bottom: none; padding-bottom: 0; }
 .line-num {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 36px; font-weight: 300;
 color: rgba(201,168,76,0.25); line-height: 1;
 min-width: 44px; flex-shrink: 0;
 }
 .deal-line p {
 font-size: 13px; color: var(--text-muted);
 line-height: 1.8; font-weight: 300; padding-top: 6px;
 }

 @media(max-width:900px) {
 .deal-panel-inner { grid-template-columns: 1fr; gap: 32px; }
 .deal-image img { height: 280px; }
 .deals-section { padding: 60px 24px; }
 .deals-tabs { max-width: 100%; }
 }

.page-hero{padding-top:80px;height:380px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;}
 .page-hero-bg{position:absolute;inset:0;background:url('images/img-062.jpg') center/cover;filter:brightness(0.22);}
 .page-hero-content{position:relative;z-index:2;}
 .page-hero-tag{font-size:11px;letter-spacing:5px;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:16px;}
 .page-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(42px,6vw,72px);font-weight:300;color:var(--white);line-height:1.1;}
 .page-hero h1 em{font-style:italic;color:var(--gold);}
 .breadcrumb{margin-top:20px;font-size:11px;letter-spacing:2px;color:rgba(255,255,255,0.45);text-transform:uppercase;}
 .breadcrumb a{color:var(--gold);text-decoration:none;}

 .deals-section{background:var(--dark2);padding:80px 60px;border-bottom:1px solid var(--border);}
 .deals-header{text-align:center;margin-bottom:48px;}
 .deals-tag{font-size:11px;letter-spacing:5px;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:14px;}
 .deals-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,4vw,56px);font-weight:300;color:var(--white);line-height:1.15;margin-bottom:14px;}
 .deals-header h2 em{font-style:italic;color:var(--gold);}
 .deals-header p{font-size:14px;color:var(--text-muted);max-width:560px;margin:0 auto;line-height:1.8;font-weight:300;}

 .deals-tabs{display:flex;justify-content:center;gap:0;max-width:720px;margin:0 auto 48px;border:1px solid var(--border);}
 .deal-tab{flex:1;padding:16px 10px;background:transparent;border:none;border-right:1px solid var(--border);color:rgba(255,255,255,0.5);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all 0.3s;font-family:'Montserrat',sans-serif;}
 .deal-tab:last-child{border-right:none;}
 .deal-tab:hover{background:rgba(201,168,76,0.08);color:var(--gold);}
 .deal-tab.active{background:rgba(201,168,76,0.12);color:var(--gold);}
 .tab-icon{font-size:20px;}
 .tab-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:500;}

 .deals-panels{max-width:1100px;margin:0 auto;}
 .deal-panel{display:none;} .deal-panel.active{display:block;}
 .deal-panel-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
 .deal-image{position:relative;overflow:hidden;border:1px solid var(--border);}
 .deal-image img{width:100%;height:420px;object-fit:cover;display:block;transition:transform 0.6s;}
 .deal-image:hover img{transform:scale(1.04);}
 .deal-badge{position:absolute;top:20px;left:20px;backdrop-filter:blur(8px);padding:6px 16px;font-size:11px;letter-spacing:2px;text-transform:uppercase;border:1px solid rgba(255,255,255,0.2);}
 .deal-content{padding:10px 0;}
 .deal-label{font-size:11px;letter-spacing:4px;text-transform:uppercase;margin-bottom:16px;display:block;}
 .deal-content h3{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,3vw,42px);font-weight:300;color:var(--white);line-height:1.2;margin-bottom:36px;}
 .deal-content h3 em{font-style:italic;color:var(--gold);}
 .deal-lines{display:flex;flex-direction:column;gap:22px;margin-bottom:40px;}
 .deal-line{display:flex;gap:20px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid rgba(201,168,76,0.12);}
 .deal-line:last-child{border-bottom:none;padding-bottom:0;}
 .line-num{font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:300;color:rgba(201,168,76,0.25);line-height:1;min-width:42px;flex-shrink:0;}
 .deal-line p{font-size:13px;color:var(--text-muted);line-height:1.8;font-weight:300;padding-top:6px;}

 .filter-bar{background:var(--dark2);padding:24px 60px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--border);}
 .filter-label{font-size:11px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-right:8px;}
 .filter-btn{padding:8px 20px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;border:1px solid var(--border);color:rgba(255,255,255,0.6);background:transparent;cursor:pointer;transition:all 0.3s;font-family:'Montserrat',sans-serif;}
 .filter-btn:hover,.filter-btn.active{border-color:var(--gold);color:var(--gold);}
 .gallery-count{margin-left:auto;font-size:12px;color:var(--text-muted);}

 .gallery-section{padding:60px;background:var(--dark);}
 .gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1400px;margin:0 auto;}
 .gallery-item{position:relative;overflow:hidden;cursor:pointer;background:var(--dark2);}
 .gallery-item.wide{grid-column:span 2;}
 .gallery-item img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block;transition:transform 0.6s,filter 0.4s;filter:brightness(0.85);}
 .gallery-item:hover img{transform:scale(1.05);filter:brightness(0.6);}
 .gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.7) 0%,transparent 50%);opacity:0;transition:opacity 0.4s;display:flex;align-items:flex-end;padding:24px;}
 .gallery-item:hover .gallery-overlay{opacity:1;}
 .gallery-overlay-text{color:var(--white);}
 .gallery-overlay-tag{font-size:10px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:6px;}
 .gallery-overlay-title{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:300;}

 .lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.93);z-index:3000;align-items:center;justify-content:center;}
 .lightbox.active{display:flex;}
 .lightbox img{max-width:90vw;max-height:88vh;object-fit:contain;}
 .lightbox-close{position:absolute;top:24px;right:32px;font-size:32px;color:rgba(255,255,255,0.7);cursor:pointer;background:none;border:none;transition:color 0.3s;}
 .lightbox-close:hover{color:var(--gold);}
 .lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.2);color:var(--white);width:50px;height:50px;font-size:20px;cursor:pointer;transition:background 0.3s;display:flex;align-items:center;justify-content:center;}
 .lightbox-prev{left:20px;} .lightbox-next{right:20px;}
 .lightbox-prev:hover,.lightbox-next:hover{background:rgba(201,168,76,0.5);}
 .lightbox-counter{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:2px;color:rgba(255,255,255,0.5);}

 .load-more-wrap{text-align:center;padding:40px 60px 60px;background:var(--dark);}
 .btn-load{border:1px solid var(--border);color:rgba(255,255,255,0.6);padding:14px 48px;font-size:11px;letter-spacing:3px;text-transform:uppercase;background:transparent;cursor:pointer;font-family:'Montserrat',sans-serif;transition:all 0.3s;}
 .btn-load:hover{border-color:var(--gold);color:var(--gold);}
 .cta-banner{background:var(--dark2);padding:80px 60px;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
 .cta-banner h2{font-family:'Cormorant Garamond',serif;font-size:46px;font-weight:300;color:var(--white);margin-bottom:16px;}
 .cta-banner h2 em{font-style:italic;color:var(--gold);}
 .cta-banner p{font-size:14px;color:var(--text-muted);margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.8;font-weight:300;}

 footer{background:#0a0a0a;padding:80px 60px 40px;border-top:1px solid var(--border);}
 .footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;}
 .footer-brand .logo{display:inline-block;margin-bottom:20px;}
 .footer-brand .logo img{height:40px;width:auto;display:block;}
 .footer-brand p{font-size:13px;color:var(--text-muted);line-height:1.8;font-weight:300;margin-bottom:12px;}
 .footer-brand a{color:var(--gold);text-decoration:none;font-size:13px;}
 .social-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;}
 .social-links a{width:36px;height:36px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;font-size:12px;transition:border-color 0.3s,color 0.3s;}
 .social-links a:hover{border-color:var(--gold);color:var(--gold);}
 .footer-col h4{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--white);margin-bottom:24px;}
 .footer-col ul{list-style:none;}
 .footer-col ul li{margin-bottom:12px;}
 .footer-col ul li a{font-size:12px;color:var(--text-muted);text-decoration:none;letter-spacing:1px;text-transform:uppercase;transition:color 0.3s;}
 .footer-col ul li a:hover{color:var(--gold);}
 .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);letter-spacing:1px;}
 .footer-bottom a{color:var(--text-muted);text-decoration:none;}
 .footer-bottom a:hover{color:var(--gold);}
 .whatsapp-float{position:fixed;bottom:30px;right:30px;background:#25D366;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:999;text-decoration:none;font-size:24px;box-shadow:0 4px 20px rgba(37,211,102,0.4);transition:transform 0.3s;}
 .whatsapp-float:hover{transform:scale(1.1);}

 @media(max-width:1024px){
 header{padding:0 30px;} nav{display:none;} .hamburger{display:flex;}
 .gallery-grid{grid-template-columns:repeat(2,1fr);}
 .gallery-item.wide{grid-column:span 1;}
 .deal-panel-inner{grid-template-columns:1fr;gap:32px;}
 .deal-image img{height:280px;}
 .gallery-section,.filter-bar,.load-more-wrap,.cta-banner,.deals-section,footer{padding-left:24px;padding-right:24px;}
 .footer-top{grid-template-columns:1fr 1fr;gap:40px;}
 .deals-tabs{max-width:100%;}
 }
 @media(max-width:640px){
 .gallery-grid{grid-template-columns:1fr;}
 .footer-top{grid-template-columns:1fr;}
 .page-hero{height:300px;}
 }

.page-hero{padding-top:80px;height:420px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;}
 .page-hero-bg{position:absolute;inset:0;background:url('images/cat-025.png') center/cover;filter:brightness(0.2);}
 .page-hero-content{position:relative;z-index:2;padding:0 20px;}
 .page-hero-tag{font-size:11px;letter-spacing:5px;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:16px;}
 .page-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,6vw,72px);font-weight:300;color:var(--white);line-height:1.1;}
 .page-hero h1 em{font-style:italic;color:var(--gold);}
 .page-hero p{margin-top:18px;font-size:13px;color:rgba(255,255,255,0.55);letter-spacing:1px;font-weight:300;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.8;}
 .breadcrumb{margin-top:20px;font-size:11px;letter-spacing:2px;color:rgba(255,255,255,0.4);text-transform:uppercase;}
 .breadcrumb a{color:var(--gold);text-decoration:none;}

 .gallery-section{padding:70px 60px;background:var(--dark);}
 .gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1400px;margin:0 auto;}
 .gallery-item{position:relative;overflow:hidden;cursor:pointer;background:var(--dark2);}
 .gallery-item.wide{grid-column:span 2;}
 .gallery-item img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block;transition:transform 0.7s ease,filter 0.4s;filter:brightness(0.88);}
 .gallery-item:hover img{transform:scale(1.06);filter:brightness(0.55);}
 .gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.75) 0%,transparent 55%);opacity:0;transition:opacity 0.4s;display:flex;align-items:flex-end;padding:28px;}
 .gallery-item:hover .gallery-overlay{opacity:1;}
 .gallery-overlay-text{color:var(--white);}
 .gallery-overlay-tag{font-size:10px;letter-spacing:2.5px;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:8px;}
 .gallery-overlay-title{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:300;line-height:1.2;}

 .lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:3000;align-items:center;justify-content:center;}
 .lightbox.active{display:flex;}
 .lightbox img{max-width:90vw;max-height:88vh;object-fit:contain;}
 .lightbox-close{position:absolute;top:24px;right:32px;font-size:32px;color:rgba(255,255,255,0.7);cursor:pointer;background:none;border:none;transition:color 0.3s;}
 .lightbox-close:hover{color:var(--gold);}
 .lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.2);color:var(--white);width:52px;height:52px;font-size:20px;cursor:pointer;transition:background 0.3s;display:flex;align-items:center;justify-content:center;}
 .lightbox-prev{left:20px;} .lightbox-next{right:20px;}
 .lightbox-prev:hover,.lightbox-next:hover{background:rgba(201,168,76,0.5);}
 .lightbox-caption{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);text-align:center;}
 .lightbox-title{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--white);font-weight:300;}
 .lightbox-counter{font-size:11px;letter-spacing:2px;color:rgba(255,255,255,0.4);margin-top:4px;}

 .load-more-wrap{text-align:center;padding:20px 60px 70px;background:var(--dark);}
 .btn-load{border:1px solid var(--border);color:rgba(255,255,255,0.6);padding:14px 48px;font-size:11px;letter-spacing:3px;text-transform:uppercase;background:transparent;cursor:pointer;font-family:'Montserrat',sans-serif;transition:all 0.3s;}
 .btn-load:hover{border-color:var(--gold);color:var(--gold);}

 .cta-banner{background:var(--dark2);padding:80px 60px;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
 .cta-banner h2{font-family:'Cormorant Garamond',serif;font-size:46px;font-weight:300;color:var(--white);margin-bottom:16px;}
 .cta-banner h2 em{font-style:italic;color:var(--gold);}
 .cta-banner p{font-size:14px;color:var(--text-muted);margin-bottom:32px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.8;font-weight:300;}

 footer{background:#0a0a0a;padding:80px 60px 40px;border-top:1px solid var(--border);}
 .footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;}
 .footer-brand .logo{display:inline-block;margin-bottom:20px;}
 .footer-brand .logo img{height:40px;width:auto;display:block;}
 .footer-brand p{font-size:13px;color:var(--text-muted);line-height:1.8;font-weight:300;margin-bottom:12px;}
 .footer-brand a{color:var(--gold);text-decoration:none;font-size:13px;}
 .social-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;}
 .social-links a{width:36px;height:36px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;font-size:12px;transition:border-color 0.3s,color 0.3s;}
 .social-links a:hover{border-color:var(--gold);color:var(--gold);}
 .footer-col h4{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--white);margin-bottom:24px;}
 .footer-col ul{list-style:none;}
 .footer-col ul li{margin-bottom:12px;}
 .footer-col ul li a{font-size:12px;color:var(--text-muted);text-decoration:none;letter-spacing:1px;text-transform:uppercase;transition:color 0.3s;}
 .footer-col ul li a:hover{color:var(--gold);}
 .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);letter-spacing:1px;}
 .footer-bottom a{color:var(--text-muted);text-decoration:none;}
 .footer-bottom a:hover{color:var(--gold);}
 .whatsapp-float{position:fixed;bottom:30px;right:30px;background:#25D366;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:999;text-decoration:none;font-size:24px;box-shadow:0 4px 20px rgba(37,211,102,0.4);transition:transform 0.3s;}
 .whatsapp-float:hover{transform:scale(1.1);}

 @media(max-width:1024px){
 header{padding:0 30px;} nav{display:none;} .hamburger{display:flex;}
 .gallery-grid{grid-template-columns:repeat(2,1fr);}
 .gallery-item.wide{grid-column:span 1;}
 .gallery-section,.load-more-wrap,.cta-banner,footer{padding-left:24px;padding-right:24px;}
 .footer-top{grid-template-columns:1fr 1fr;gap:40px;}
 }
 @media(max-width:640px){
 .gallery-grid{grid-template-columns:1fr;}
 .footer-top{grid-template-columns:1fr;}
 .page-hero{height:320px;}
 }

.page-hero{padding-top:80px;height:420px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;}
 .page-hero-bg{position:absolute;inset:0;background:url('images/img-038.jpg') center/cover;filter:brightness(0.18);}
 .page-hero-content{position:relative;z-index:2;padding:0 20px;}
 .page-hero-tag{font-size:11px;letter-spacing:5px;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:16px;}
 .page-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,6vw,72px);font-weight:300;color:var(--white);line-height:1.1;}
 .page-hero h1 em{font-style:italic;color:var(--gold);}
 .page-hero p{margin-top:18px;font-size:13px;color:rgba(255,255,255,0.55);letter-spacing:1px;font-weight:300;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.8;}
 .breadcrumb{margin-top:20px;font-size:11px;letter-spacing:2px;color:rgba(255,255,255,0.4);text-transform:uppercase;}
 .breadcrumb a{color:var(--gold);text-decoration:none;}
 .gallery-section{padding:70px 60px;background:var(--dark);}
 .gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1400px;margin:0 auto;}
 .gallery-item{position:relative;overflow:hidden;cursor:pointer;background:var(--dark2);}
 .gallery-item.wide{grid-column:span 2;}
 .gallery-item img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block;transition:transform 0.7s ease,filter 0.4s;filter:brightness(0.88);}
 .gallery-item:hover img{transform:scale(1.06);filter:brightness(0.55);}
 .gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.75) 0%,transparent 55%);opacity:0;transition:opacity 0.4s;display:flex;align-items:flex-end;padding:28px;}
 .gallery-item:hover .gallery-overlay{opacity:1;}
 .gallery-overlay-text{color:var(--white);}
 .gallery-overlay-tag{font-size:10px;letter-spacing:2.5px;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:8px;}
 .gallery-overlay-title{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:300;line-height:1.2;}
 .lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:3000;align-items:center;justify-content:center;}
 .lightbox.active{display:flex;}
 .lightbox img{max-width:90vw;max-height:88vh;object-fit:contain;}
 .lightbox-close{position:absolute;top:24px;right:32px;font-size:32px;color:rgba(255,255,255,0.7);cursor:pointer;background:none;border:none;transition:color 0.3s;}
 .lightbox-close:hover{color:var(--gold);}
 .lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.2);color:var(--white);width:52px;height:52px;font-size:20px;cursor:pointer;transition:background 0.3s;display:flex;align-items:center;justify-content:center;}
 .lightbox-prev{left:20px;} .lightbox-next{right:20px;}
 .lightbox-prev:hover,.lightbox-next:hover{background:rgba(201,168,76,0.5);}
 .lightbox-caption{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);text-align:center;}
 .lightbox-title{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--white);font-weight:300;}
 .lightbox-counter{font-size:11px;letter-spacing:2px;color:rgba(255,255,255,0.4);margin-top:4px;}
 .load-more-wrap{text-align:center;padding:20px 60px 70px;background:var(--dark);}
 .btn-load{border:1px solid var(--border);color:rgba(255,255,255,0.6);padding:14px 48px;font-size:11px;letter-spacing:3px;text-transform:uppercase;background:transparent;cursor:pointer;font-family:'Montserrat',sans-serif;transition:all 0.3s;}
 .btn-load:hover{border-color:var(--gold);color:var(--gold);}
 .cta-banner{background:var(--dark2);padding:80px 60px;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
 .cta-banner h2{font-family:'Cormorant Garamond',serif;font-size:46px;font-weight:300;color:var(--white);margin-bottom:16px;}
 .cta-banner h2 em{font-style:italic;color:var(--gold);}
 .cta-banner p{font-size:14px;color:var(--text-muted);margin-bottom:32px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.8;font-weight:300;}
 footer{background:#0a0a0a;padding:80px 60px 40px;border-top:1px solid var(--border);}
 .footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;}
 .footer-brand .logo{display:inline-block;margin-bottom:20px;}
 .footer-brand .logo img{height:40px;width:auto;display:block;}
 .footer-brand p{font-size:13px;color:var(--text-muted);line-height:1.8;font-weight:300;margin-bottom:12px;}
 .footer-brand a{color:var(--gold);text-decoration:none;font-size:13px;}
 .social-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;}
 .social-links a{width:36px;height:36px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;font-size:12px;transition:border-color 0.3s,color 0.3s;}
 .social-links a:hover{border-color:var(--gold);color:var(--gold);}
 .footer-col h4{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--white);margin-bottom:24px;}
 .footer-col ul{list-style:none;}
 .footer-col ul li{margin-bottom:12px;}
 .footer-col ul li a{font-size:12px;color:var(--text-muted);text-decoration:none;letter-spacing:1px;text-transform:uppercase;transition:color 0.3s;}
 .footer-col ul li a:hover{color:var(--gold);}
 .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);letter-spacing:1px;}
 .footer-bottom a{color:var(--text-muted);text-decoration:none;}
 .footer-bottom a:hover{color:var(--gold);}
 .whatsapp-float{position:fixed;bottom:30px;right:30px;background:#25D366;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:999;text-decoration:none;font-size:24px;box-shadow:0 4px 20px rgba(37,211,102,0.4);transition:transform 0.3s;}
 .whatsapp-float:hover{transform:scale(1.1);}
 @media(max-width:1024px){
 header{padding:0 30px;} nav{display:none;} .hamburger{display:flex;}
 .gallery-grid{grid-template-columns:repeat(2,1fr);}
 .gallery-item.wide{grid-column:span 1;}
 .gallery-section,.load-more-wrap,.cta-banner,footer{padding-left:24px;padding-right:24px;}
 .footer-top{grid-template-columns:1fr 1fr;gap:40px;}
 }
 @media(max-width:640px){
 .gallery-grid{grid-template-columns:1fr;}
 .footer-top{grid-template-columns:1fr;}
 .page-hero{height:320px;}
 }

.page-hero{padding-top:80px;height:420px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;}
 .page-hero-bg{position:absolute;inset:0;background:url('images/img-013.jpg') center/cover;filter:brightness(0.18);}
 .page-hero-content{position:relative;z-index:2;padding:0 20px;}
 .page-hero-tag{font-size:11px;letter-spacing:5px;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:16px;}
 .page-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,6vw,72px);font-weight:300;color:var(--white);line-height:1.1;}
 .page-hero h1 em{font-style:italic;color:var(--gold);}
 .page-hero p{margin-top:18px;font-size:13px;color:rgba(255,255,255,0.55);letter-spacing:1px;font-weight:300;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.8;}
 .breadcrumb{margin-top:20px;font-size:11px;letter-spacing:2px;color:rgba(255,255,255,0.4);text-transform:uppercase;}
 .breadcrumb a{color:var(--gold);text-decoration:none;}
 .gallery-section{padding:70px 60px;background:var(--dark);}
 .gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1400px;margin:0 auto;}
 .gallery-item{position:relative;overflow:hidden;cursor:pointer;background:var(--dark2);}
 .gallery-item.wide{grid-column:span 2;}
 .gallery-item img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;transition:transform 0.7s ease,filter 0.4s;filter:brightness(0.88);}
 .gallery-item:hover img{transform:scale(1.06);filter:brightness(0.55);}
 .gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.75) 0%,transparent 55%);opacity:0;transition:opacity 0.4s;display:flex;align-items:flex-end;padding:28px;}
 .gallery-item:hover .gallery-overlay{opacity:1;}
 .gallery-overlay-text{color:var(--white);}
 .gallery-overlay-tag{font-size:10px;letter-spacing:2.5px;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:8px;}
 .gallery-overlay-title{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:300;line-height:1.2;}
 .lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:3000;align-items:center;justify-content:center;}
 .lightbox.active{display:flex;}
 .lightbox img{max-width:90vw;max-height:88vh;object-fit:contain;}
 .lightbox-close{position:absolute;top:24px;right:32px;font-size:32px;color:rgba(255,255,255,0.7);cursor:pointer;background:none;border:none;transition:color 0.3s;}
 .lightbox-close:hover{color:var(--gold);}
 .lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.2);color:var(--white);width:52px;height:52px;font-size:20px;cursor:pointer;transition:background 0.3s;display:flex;align-items:center;justify-content:center;}
 .lightbox-prev{left:20px;} .lightbox-next{right:20px;}
 .lightbox-prev:hover,.lightbox-next:hover{background:rgba(201,168,76,0.5);}
 .lightbox-caption{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);text-align:center;}
 .lightbox-title{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--white);font-weight:300;}
 .lightbox-counter{font-size:11px;letter-spacing:2px;color:rgba(255,255,255,0.4);margin-top:4px;}
 .load-more-wrap{text-align:center;padding:20px 60px 70px;background:var(--dark);}
 .btn-load{border:1px solid var(--border);color:rgba(255,255,255,0.6);padding:14px 48px;font-size:11px;letter-spacing:3px;text-transform:uppercase;background:transparent;cursor:pointer;font-family:'Montserrat',sans-serif;transition:all 0.3s;}
 .btn-load:hover{border-color:var(--gold);color:var(--gold);}
 .cta-banner{background:var(--dark2);padding:80px 60px;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
 .cta-banner h2{font-family:'Cormorant Garamond',serif;font-size:46px;font-weight:300;color:var(--white);margin-bottom:16px;}
 .cta-banner h2 em{font-style:italic;color:var(--gold);}
 .cta-banner p{font-size:14px;color:var(--text-muted);margin-bottom:32px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.8;font-weight:300;}
 footer{background:#0a0a0a;padding:80px 60px 40px;border-top:1px solid var(--border);}
 .footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;}
 .footer-brand .logo{display:inline-block;margin-bottom:20px;}
 .footer-brand .logo img{height:40px;width:auto;display:block;}
 .footer-brand p{font-size:13px;color:var(--text-muted);line-height:1.8;font-weight:300;margin-bottom:12px;}
 .footer-brand a{color:var(--gold);text-decoration:none;font-size:13px;}
 .social-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;}
 .social-links a{width:36px;height:36px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;font-size:12px;transition:border-color 0.3s,color 0.3s;}
 .social-links a:hover{border-color:var(--gold);color:var(--gold);}
 .footer-col h4{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--white);margin-bottom:24px;}
 .footer-col ul{list-style:none;}
 .footer-col ul li{margin-bottom:12px;}
 .footer-col ul li a{font-size:12px;color:var(--text-muted);text-decoration:none;letter-spacing:1px;text-transform:uppercase;transition:color 0.3s;}
 .footer-col ul li a:hover{color:var(--gold);}
 .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);letter-spacing:1px;}
 .footer-bottom a{color:var(--text-muted);text-decoration:none;}
 .footer-bottom a:hover{color:var(--gold);}
 .whatsapp-float{position:fixed;bottom:30px;right:30px;background:#25D366;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:999;text-decoration:none;font-size:24px;box-shadow:0 4px 20px rgba(37,211,102,0.4);transition:transform 0.3s;}
 .whatsapp-float:hover{transform:scale(1.1);}
 @media(max-width:1024px){
 header{padding:0 30px;} nav{display:none;} .hamburger{display:flex;}
 .gallery-grid{grid-template-columns:repeat(2,1fr);}
 .gallery-item.wide{grid-column:span 1;}
 .gallery-section,.load-more-wrap,.cta-banner,footer{padding-left:24px;padding-right:24px;}
 .footer-top{grid-template-columns:1fr 1fr;gap:40px;}
 }
 @media(max-width:640px){
 .gallery-grid{grid-template-columns:1fr;}
 .footer-top{grid-template-columns:1fr;}
 .page-hero{height:320px;}
 }

 .about-decorative-panel {
 background: linear-gradient(145deg, #0d0d0d 0%, #1a1508 40%, #111111 100%);
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 overflow: hidden;
 min-height: 600px;
 }
 .about-decorative-panel::before {
 content: '';
 position: absolute;
 inset: 0;
 background: 
 radial-gradient(ellipse at 30% 40%, rgba(201,168,76,0.12) 0%, transparent 60%),
 radial-gradient(ellipse at 70% 70%, rgba(201,168,76,0.06) 0%, transparent 50%);
 }
 .about-panel-inner {
 position: relative;
 z-index: 2;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 width: 100%;
 height: 100%;
 padding: 60px;
 }
 .about-monogram {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: clamp(110px, 14vw, 180px);
 font-weight: 300;
 color: transparent;
 -webkit-text-stroke: 1px rgba(201,168,76,0.5);
 letter-spacing: 12px;
 line-height: 1;
 margin-bottom: 20px;
 position: relative;
 text-shadow: 0 0 80px rgba(201,168,76,0.08);
 animation: monogramPulse 4s ease-in-out infinite;
 }
 @keyframes monogramPulse {
 0%, 100% { -webkit-text-stroke: 1px rgba(201,168,76,0.5); }
 50% { -webkit-text-stroke: 1px rgba(201,168,76,0.85); }
 }
 .about-panel-tagline {
 font-size: 11px;
 letter-spacing: 8px;
 color: var(--gold);
 text-transform: uppercase;
 font-family: 'Montserrat', Arial, Helvetica, sans-serif;
 font-weight: 300;
 }
 .about-panel-lines {
 display: flex;
 gap: 6px;
 margin-bottom: 32px;
 align-items: center;
 }
 .about-panel-lines span {
 display: block;
 height: 1px;
 background: var(--gold);
 opacity: 0.5;
 }
 .about-panel-lines span:nth-child(1) { width: 20px; }
 .about-panel-lines span:nth-child(2) { width: 60px; opacity: 0.8; }
 .about-panel-lines span:nth-child(3) { width: 20px; }
 .about-panel-diamond {
 width: 8px;
 height: 8px;
 background: var(--gold);
 transform: rotate(45deg);
 margin-top: 28px;
 opacity: 0.7;
 }
 
 .about-panel-corner {
 position: absolute;
 width: 36px;
 height: 36px;
 border-color: rgba(201,168,76,0.4);
 border-style: solid;
 }
 .about-panel-corner.tl { top: 32px; left: 32px; border-width: 1px 0 0 1px; }
 .about-panel-corner.tr { top: 32px; right: 32px; border-width: 1px 1px 0 0; }
 .about-panel-corner.bl { bottom: 32px; left: 32px; border-width: 0 0 1px 1px; }
 .about-panel-corner.br { bottom: 32px; right: 32px; border-width: 0 1px 1px 0; }

 .blog-hero {
 padding-top: 80px;
 height: 480px;
 position: relative;
 display: flex;
 align-items: flex-end;
 overflow: hidden;
 }
 .blog-hero-img {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: center;
 filter: brightness(0.4);
 }
 .blog-hero-content {
 position: relative;
 z-index: 2;
 padding: 0 80px 60px;
 max-width: 900px;
 }
 .blog-hero-tag {
 font-size: 11px;
 letter-spacing: 5px;
 color: var(--gold);
 text-transform: uppercase;
 display: block;
 margin-bottom: 16px;
 }
 .blog-hero-content h1 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: clamp(32px, 5vw, 58px);
 font-weight: 300;
 color: var(--white);
 line-height: 1.15;
 margin-bottom: 20px;
 }
 .blog-hero-content h1 em { color: var(--gold); font-style: italic; }
 .blog-meta {
 display: flex;
 align-items: center;
 gap: 10px;
 font-size: 12px;
 color: rgba(255,255,255,0.6);
 letter-spacing: 2px;
 text-transform: uppercase;
 flex-wrap: wrap;
 }
 .blog-meta span { color: var(--gold); }
 .blog-body {
    font-size: 16px;
    line-height: 1.6;
 max-width: 820px;
 margin: 0 auto;
 padding: 80px 40px;
 }
 .blog-body h2 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 36px;
 font-weight: 300;
 color: var(--white);
 margin: 48px 0 18px;
 line-height: 1.2;
 }
 .blog-body h2 em { color: var(--gold); font-style: italic; }
 .blog-body p {
 font-size: 15px;
 line-height: 1.95;
 color: rgba(255,255,255,0.7);
 font-weight: 300;
 margin-bottom: 22px;
 }
 .blog-body ul { margin: 0 0 24px 0; padding-left: 0; list-style: none; }
 .blog-body ul li {
 font-size: 15px;
 line-height: 1.9;
 color: rgba(255,255,255,0.7);
 font-weight: 300;
 padding: 6px 0 6px 28px;
 position: relative;
 }
 .blog-body ul li::before {
 content: "✦";
 position: absolute;
 left: 0;
 color: var(--gold);
 font-size: 10px;
 top: 10px;
 }
 .blog-body blockquote {
 border-left: 2px solid var(--gold);
 padding: 20px 32px;
 margin: 36px 0;
 background: rgba(201,168,76,0.05);
 }
 .blog-body blockquote p {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 22px;
 font-style: italic;
 color: rgba(255,255,255,0.85);
 margin: 0;
 line-height: 1.6;
 }
 .blog-divider { width: 60px; height: 1px; background: var(--gold); margin: 40px 0; opacity: 0.5; }
 .blog-back {
 display: inline-flex;
 align-items: center;
 gap: 10px;
 font-size: 11px;
 letter-spacing: 3px;
 text-transform: uppercase;
 color: var(--gold);
 text-decoration: none;
 margin-bottom: 48px;
 transition: gap 0.3s;
 }
 .blog-back:hover { gap: 16px; }
 .blog-related { background: var(--dark2); padding: 80px 60px; border-top: 1px solid var(--border); }
 .blog-related h3 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 36px;
 font-weight: 300;
 color: var(--white);
 margin-bottom: 40px;
 text-align: center;
 }
 .blog-related h3 em { color: var(--gold); font-style: italic; }
 .blog-related-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 800px; margin: 0 auto; }
 .blog-related-card {
 background: var(--dark);
 padding: 28px;
 border: 1px solid var(--border);
 cursor: pointer;
 transition: border-color 0.3s, transform 0.3s;
 }
 .blog-related-card:hover { border-color: var(--gold); transform: translateY(-4px); }
 .blog-related-card .tag {
 font-size: 10px;
 letter-spacing: 3px;
 color: var(--gold);
 text-transform: uppercase;
 margin-bottom: 10px;
 display: block;
 }
 .blog-related-card h4 {
 font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
 font-size: 20px;
 font-weight: 300;
 color: var(--white);
 line-height: 1.3;
 }
 @media (max-width: 768px) {
 .blog-hero { height: 360px; }
 .blog-hero-content { padding: 0 24px 40px; }
 .blog-body {
    font-size: 16px;
    line-height: 1.6; padding: 50px 24px; }
 .blog-related { padding: 60px 24px; }
 .blog-related-grid { grid-template-columns: 1fr; }
 }
 @media (max-width: 480px) {
 .blog-hero { height: 280px; }
 .blog-hero-content h1 { font-size: 26px; }
 .blog-body {
    font-size: 16px;
    line-height: 1.6; padding: 40px 16px; }
 .blog-body h2 { font-size: 26px; }
 .blog-body blockquote { padding: 16px 20px; }
 .blog-body blockquote p { font-size: 18px; }
 }

.spa-page { display: none; }
.spa-page.active { display: block; }

nav a.current-page { color: var(--gold); }
nav a.current-page::after { width: 100%; }

@media (max-width: 1024px) {

 header { padding: 0 24px; }
 nav { display: none; }
 .hamburger { display: flex; }

 .hero-content { padding: 80px 24px 0; max-width: 100%; }
 .hero h1 { font-size: clamp(36px, 7vw, 60px); }
 .hero p { font-size: 14px; }
 .hero-actions { flex-direction: column; gap: 12px; align-items: flex-start; }

 .categories { grid-template-columns: 1fr 1fr; gap: 0; }
 

 .about { grid-template-columns: 1fr; }
 .about-img { height: 380px; min-height: 380px; }
 .about-decorative-panel { min-height: 380px; }
 .about-monogram { font-size: 120px; }
 .about-text { padding: 60px 40px; }

 .values { padding: 80px 30px; }
 .values-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
 .value-card { height: 260px; }

 .process { padding: 80px 30px; }
 .steps { flex-wrap: wrap; gap: 40px; }
 .step { min-width: calc(33% - 20px); }

 .testimonials { padding: 80px 30px; }
 .testimonials-grid { grid-template-columns: 1fr 1fr; }

 .news { padding: 80px 30px; }
 .news-grid { grid-template-columns: 1fr 1fr; }

 .contact { padding: 80px 30px; }
 .contact-inner { grid-template-columns: 1fr; }
 .form-grid { grid-template-columns: 1fr 1fr; }

 footer { padding: 60px 30px 0; }
 .footer-top { grid-template-columns: 1fr 1fr; gap: 40px; }

 .page-hero { height: 280px; }
 .page-hero h1 { font-size: clamp(32px, 6vw, 52px); }

 .gallery-section { padding: 40px 24px; }
 .gallery-grid { gap: 8px; }

 .deals-section { padding: 60px 30px; }
 .deals-tabs { flex-wrap: wrap; gap: 8px; }
 .deals-panels { padding: 0; }
 .deal-panel-inner { grid-template-columns: 1fr; }
 .deal-image { height: 280px; }

 #style-preview { padding: 60px 30px; }
}

@media (max-width: 768px) {

 .hero-content { padding: 90px 20px 0; }
 .hero h1 { font-size: clamp(30px, 8vw, 48px); }
 .hero-tag { font-size: 10px; letter-spacing: 3px; }
 .hero p { font-size: 13px; max-width: 100%; }
 .slide-arrow { display: none; }
 .hero-scroll { display: none; }

 .about-img { height: 300px; }
 .about-decorative-panel { min-height: 300px; }
 .about-monogram { font-size: 90px; }
 .about-text { padding: 50px 24px; }
 .about-text h2 { font-size: 36px; }
 .stats { gap: 24px; flex-wrap: wrap; }
 .stat-num { font-size: 34px; }

 .categories { grid-template-columns: 1fr; }
 .cat-item:first-child { grid-column: span 1; }
 .cat-item { height: 280px; }

 .values-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
 .value-card { height: 240px; }
 .value-card-front h3 { font-size: 22px; }
 .value-card-back h3 { font-size: 18px; }
 .value-card-back p { font-size: 11px; }

 .steps { flex-direction: column; align-items: center; }
 .step { min-width: 80%; max-width: 300px; }
 .step:not(:last-child)::after { display: none; }

 .testimonials-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }

 .news-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }
 .news-header { flex-direction: column; gap: 16px; }

 .footer-top { grid-template-columns: 1fr; gap: 36px; }
 .footer-bottom { flex-direction: column; text-align: center; gap: 12px; }
 .footer-social { justify-content: center; }

 .form-grid { grid-template-columns: 1fr; }
 .form-group.full { grid-column: span 1; }
 .form-submit { grid-column: span 1; }

 .page-hero { height: 240px; padding-top: 80px; }
 .page-hero h1 { font-size: clamp(26px, 7vw, 40px); }

 .gallery-grid { grid-template-columns: 1fr 1fr !important; }
 .gallery-item.wide { grid-column: span 2; }

 .deals-tabs { flex-direction: column; align-items: stretch; }
 .deal-tab { width: 100%; justify-content: flex-start; padding: 14px 20px; }
 .deal-panel-inner { flex-direction: column; }

 .modal { padding: 40px 24px; width: 95vw; }

 .whatsapp-float { bottom: 20px; right: 20px; font-size: 28px; width: 52px; height: 52px; }

 .values-header h2,
 .testimonials-header h2,
 .news-header h2 { font-size: 36px; }
}

@media (max-width: 480px) {

 header { padding: 0 16px; height: 64px; }
 .logo img { height: 40px; }

 .hero-content { padding: 80px 16px 0; }
 .hero h1 { font-size: clamp(28px, 9vw, 40px); }
 .hero-actions { width: 100%; }
 .btn-quote, .btn-outline { width: 100%; text-align: center; padding: 14px 20px; }

 .about-monogram { font-size: 70px; letter-spacing: 6px; }
 .about-text h2 { font-size: 30px; }
 .stats { flex-direction: column; gap: 20px; padding-top: 24px; }

 .values-grid { grid-template-columns: 1fr; }
 .value-card { height: 220px; }

 .cat-item { height: 240px; }
 .cat-name { font-size: 22px; }

 .page-hero { height: 200px; }
 .page-hero h1 { font-size: clamp(24px, 8vw, 34px); }

 .gallery-grid { grid-template-columns: 1fr !important; }
 .gallery-item.wide { grid-column: span 1; }

 .step { min-width: 90%; }
 .step-num { font-size: 40px; }

 .news-img { height: 180px; }

 footer { padding: 50px 16px 0; }
 .footer-col h4 { font-size: 13px; }

 .mobile-nav a { font-size: 24px; }

 .deals-section { padding: 50px 16px; }
 .deals-header h2 { font-size: 32px; }

 .process, .partners, .values, .testimonials,
 .news, .contact { padding-left: 16px; padding-right: 16px; }
}

/* ── PERFORMANCE: GPU acceleration for animations ── */
.slide { will-change: opacity; }
.value-card-inner { will-change: transform; }
.gallery-item { will-change: transform; }
.fade-up { will-change: opacity, transform; }
.lightbox { will-change: opacity; }
header { will-change: background-color; }

/* ── PERFORMANCE: Contain layout for heavy sections ── */
.gallery-section { contain: layout; }
.values { contain: layout; }
.testimonials { contain: layout; }
.news { contain: layout; }

/* ── DOM & REFLOW OPTIMIZATION ── */
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
.spa-page:not(.active) { display: none !important; visibility: hidden; pointer-events: none; }
.gallery-item, .news-card, .value-card, .testimonial-card { transform: translateZ(0); backface-visibility: hidden; }
.about-img img, .gallery-item img, .news-img img { display: block; }

/* ── PREVENT FORCED REFLOW ── */
.hero { overflow: hidden; }
.slides-container { transform: translateZ(0); }
.slide { transform: translateZ(0); }

/* ── REDUCE TBT: Optimize paint areas ── */
.spa-page { isolation: isolate; }
.gallery-grid { contain: layout style; }
.news-grid { contain: layout style; }
.values-grid { contain: layout style; }
footer { contain: layout; }

/* ── ACCESSIBILITY ── */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
[aria-hidden="true"] { pointer-events: none; }
:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}
button:focus-visible, a:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}

/* ── CLS FIX: Prevent layout shift ── */
.gallery-item img,
.news-img img,
.about-img img,
.cat-img img,
.blog-hero-img { aspect-ratio: auto; }

.gallery-item { aspect-ratio: 4/3; overflow: hidden; }
.news-img { aspect-ratio: 16/9; overflow: hidden; }
.cat-item { aspect-ratio: 4/3; }

/* ── LCP FIX: Optimize hero rendering ── */
.hero { contain: layout size; }
.slides-container { contain: strict; }
.slide { contain: layout style; }










