:root { --primary:#C6A13D; --dark:#2E3A23; }
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;color:#0f172a;background:#fff}
.container{max-width:1120px;margin:0 auto;padding:0 16px}
.header{position:sticky;top:0;z-index:50;backdrop-filter:blur(6px);background:rgba(255,255,255,.9);border-bottom:1px solid #f1d889}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand strong{color:var(--dark)}
.nav{display:flex;gap:24px}
.nav a{color:#334155;text-decoration:none} .nav a:hover{color:var(--primary)}
.hamb{display:none;border:1px solid #e5c97a;border-radius:10px;padding:6px 10px;background:#fff}
.mobile-nav{display:none;border-top:1px solid #f1d889;background:#fff}
.mobile-nav a{display:block;padding:12px 16px;text-decoration:none;color:#334155}
.btn{border-radius:12px;padding:12px 18px;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.08);display:inline-flex;align-items:center;gap:8px}
.btn-primary{background:var(--primary);color:#fff;border:none}
.btn-outline{border:1px solid var(--primary);color:var(--dark);background:transparent}
.hero{padding:28px 0 18px}
.carousel{position:relative;aspect-ratio:16/7;border:1px solid rgba(198,161,61,.6);border-radius:24px;overflow:hidden;background:#101010}
.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}
.slide.active{opacity:1}
@media (max-width: 640px){ .slide{object-fit:contain;background:#000} }
.ctrl{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:none;border-radius:999px;padding:8px 10px;box-shadow:0 1px 3px rgba(0,0,0,.15);cursor:pointer}
.prev{left:10px} .next{right:10px}
.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:12px}
.count-box{display:inline-flex;align-items:center;gap:clamp(8px,2.5vw,18px);background:rgba(0,0,0,.45);padding:12px 18px;border-radius:16px}
.count-num{font-weight:900;font-size:clamp(22px,8vw,56px)}
.count-label{font-size:clamp(10px,2.4vw,12px);text-transform:uppercase;letter-spacing:.12em}
.count-sep{font-size:clamp(18px,6vw,28px)}
.section{padding:70px 0 88px;position:relative}
.section.alt{background:#FFFBEB}
.h2{font-size:clamp(28px,6vw,40px);font-weight:900;color:var(--dark);margin:0}
.hr{width:96px;height:4px;border-radius:4px;background:var(--primary);margin-top:16px}
.grid{display:grid;gap:24px}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{border-radius:16px;border:1px solid rgba(198,161,61,.5);background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.06);padding:24px}
.center{display:flex;align-items:center;justify-content:center;text-align:center}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;margin-top:20px}
.hero-title{font-size:clamp(28px,7vw,48px);font-weight:900;color:var(--dark);margin:0}
.hero-sub{margin-top:8px;color:#334155;font-size:clamp(14px,3.6vw,18px);max-width:680px}
.hero-logo{width:clamp(120px,28vw,200px);opacity:.9}
@media (max-width: 900px){ .grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width: 560px){ .grid.cols-4{grid-template-columns:repeat(1,minmax(0,1fr))} }
.gallery-main{border-radius:24px;overflow:hidden;border:1px solid rgba(198,161,61,.6);height:clamp(240px,52vw,420px)}
.thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}
.thumbs button{border-radius:12px;border:1px solid #e5c97a;overflow:hidden;height:80px;cursor:pointer;background:#000}
.thumbs button.active{outline:3px solid rgba(198,161,61,.5)}
@media (max-width:700px){ .thumbs{grid-template-columns:repeat(3,1fr)} .thumbs button{height:64px} }
.contact-icons a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#111827}
.contact-icons a:hover{opacity:.85}
.icon{width:22px;height:22px;display:inline-block}
.map-embed{border:1px solid #e5c97a;border-radius:16px;width:100%;height:clamp(240px,55vw,360px)}
footer{background:var(--dark);color:#FFFBEB;text-align:center;padding:28px 0}
@media (max-width: 900px){
  .nav{display:none}
  .hamb{display:inline-block}
  .mobile-nav.show{display:block}
}