:root {
  --ink: #e8e8ea;
  --bg: #000000;
  --bg2: #0d0d0e;
  --acid: #d4a94a;
  --coral: #c9c9cf;
  --muted: #7a7a80;
  --line: #232326;
  --radius: 18px;
  --ease: cubic-bezier(.16,1,.3,1);
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  background:var(--bg); color:var(--ink);
  font-family:'Space Grotesk',sans-serif;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none} ul{list-style:none} img{max-width:100%;display:block}
::selection{background:var(--acid);color:#000}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--acid);outline-offset:3px}

.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--acid);margin-bottom:14px}
h1,h2,h3{font-family:'Anton',sans-serif;font-weight:400;letter-spacing:.5px;line-height:1}
.h2{font-size:clamp(34px,5.5vw,58px);margin-bottom:36px}

/* ===== NAV ===== */
nav{position:fixed;top:0;left:0;right:0;z-index:999;background:rgba(14,13,11,.7);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-in{max-width:1180px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between}
.logo-img{height:70px;display:block}
.nav-links{display:flex;gap:26px}
.nav-links a{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);transition:color .25s}
.nav-links a:hover,.nav-links a.active{color:var(--ink)}
.nav-links a.active{color:var(--acid)}
.nav-cta{background:var(--acid);color:#0e0d0b;padding:10px 20px;border-radius:100px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px}
.burger{display:none;flex-direction:column;gap:5px;width:26px;background:none;border:none}
.burger span{height:2px;background:var(--ink)}
@media(max-width:880px){.nav-links{position:fixed;top:70px;right:-100%;flex-direction:column;background:var(--bg2);width:220px;padding:28px;gap:20px;height:calc(100vh - 70px);transition:right .35s var(--ease)}.nav-links.open{right:0}.nav-cta{display:none}.burger{display:flex}}

/* ===== PAGE HERO (inner pages) ===== */
.page-hero{padding:150px 0 70px;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 75% 20%, rgba(212,169,74,.14), transparent 60%);z-index:0}
.page-hero .wrap{position:relative;z-index:1}
.page-hero h1{font-size:clamp(38px,6.5vw,72px)}
.page-hero .acc{color:var(--acid)}
.page-hero p{margin-top:18px;color:var(--muted);font-size:16px;max-width:560px;line-height:1.7}
.crumbs{color:var(--muted);font-size:13px;margin-bottom:16px}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--acid)}
.crumbs span{color:var(--coral)}

/* ===== HERO (home) ===== */
.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:110px 0 60px;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:
  radial-gradient(ellipse 70% 50% at 30% 20%, rgba(212,169,74,.12), transparent 60%),
  radial-gradient(ellipse 60% 50% at 80% 80%, rgba(201,201,207,.08), transparent 60%);
  z-index:0}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;width:100%}
.hero-tag{color:var(--muted);font-size:14px;letter-spacing:1px;margin-bottom:18px}
.hero h1{font-size:clamp(48px,8vw,96px)}
.hero h1 .l1{display:block}
.hero h1 .acc{color:var(--acid)}
.hero-sub{margin-top:22px;font-size:16px;color:var(--muted);max-width:460px;line-height:1.6}
.stat-row{display:flex;gap:28px;margin-top:34px;flex-wrap:wrap}
.stat b{font-family:'Anton',sans-serif;font-size:30px;color:var(--acid);display:block}
.stat span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.hero-actions{margin-top:38px;display:flex;gap:14px;flex-wrap:wrap}

.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 30px;border-radius:100px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1px;transition:transform .3s var(--ease)}
.btn-fill{background:var(--acid);color:#0e0d0b}
.btn-fill:hover{transform:translateY(-3px)}
.btn-line{border:1px solid var(--line);color:var(--ink)}
.btn-line:hover{border-color:var(--acid);transform:translateY(-3px)}

.hero-photo{position:relative}
.photo-card{border-radius:var(--radius);overflow:hidden;aspect-ratio:3/4;background:linear-gradient(160deg,#1a1a1c,#000000);position:relative;border:1px solid var(--line)}
.photo-card img{width:100%;height:100%;object-fit:cover}
.photo-tag{position:absolute;bottom:18px;left:18px;background:rgba(14,13,11,.85);backdrop-filter:blur(6px);padding:10px 16px;border-radius:100px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;border:1px solid var(--line)}
.photo-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid)}

/* marquee */
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;overflow:hidden}
.marquee-track{display:flex;gap:50px;width:max-content;animation:scroll 22s linear infinite}
.marquee-track span{font-family:'Anton',sans-serif;font-size:22px;color:var(--muted);white-space:nowrap;letter-spacing:1px}
.marquee-track span i{color:var(--coral);margin:0 12px;font-size:10px}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== ABOUT ===== */
.about{padding:110px 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.about p{color:var(--muted);font-size:16px;line-height:1.85;margin-bottom:18px}
.about strong{color:var(--acid)}
.quote-box{margin-top:26px;padding:24px 26px;border-left:3px solid var(--coral);background:var(--bg2);border-radius:0 var(--radius) var(--radius) 0}
.quote-box p{color:var(--ink);font-style:italic;margin:0;font-size:15px}
.badge-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.badge{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:18px;font-size:13.5px;font-weight:600}
.badge i{color:var(--acid);margin-right:8px}

/* ===== WHY ===== */
.why{padding:100px 0;background:var(--bg2)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.why-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:30px 24px;transition:transform .35s var(--ease),border-color .35s}
.why-card:hover{transform:translateY(-6px);border-color:var(--acid)}
.why-card i{color:var(--coral);font-size:22px;margin-bottom:16px;display:block}
.why-card h3{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:16px;margin-bottom:8px}
.why-card p{color:var(--muted);font-size:13.5px;line-height:1.6}

/* ===== ARTISTS ===== */
.artists{padding:100px 0}
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}
.tag-cloud span{border:1px solid var(--line);padding:8px 16px;border-radius:100px;font-size:13px;color:var(--muted);transition:.25s}
.tag-cloud span:hover{border-color:var(--coral);color:var(--ink)}
.tag-cloud span.big{border-color:var(--acid);color:var(--acid);font-weight:700}

/* ===== CITIES ===== */
.cities{padding:100px 0;background:var(--bg2)}
.city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.city-card{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:24px}
.city-card h4{font-family:'Anton',sans-serif;font-size:20px;color:var(--acid);margin-bottom:10px;letter-spacing:1px}
.city-card p{color:var(--muted);font-size:13px;line-height:1.7}

/* ===== BRANDS ===== */
.brands{padding:90px 0;text-align:center}
.brand-row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px}
.brand-pill{border:1px solid var(--line);padding:12px 22px;border-radius:100px;font-family:'Anton',sans-serif;font-size:16px;letter-spacing:1px;color:var(--muted);transition:.25s}
.brand-pill:hover{color:var(--ink);border-color:var(--coral)}

/* ===== GALLERY ===== */
.gallery{padding:100px 0}
.gal-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.gal-filter button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 20px;border-radius:100px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:13px;cursor:pointer;transition:.25s}
.gal-filter button:hover{color:var(--ink);border-color:var(--coral)}
.gal-filter button.active{background:var(--acid);color:#0e0d0b;border-color:var(--acid)}
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gal-item{aspect-ratio:1;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#1a1a1c,#000000);position:relative;border:1px solid var(--line)}
.gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.gal-item:hover img{transform:scale(1.08)}
.gal-cap{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);padding:16px 14px 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}

/* ===== TESTIMONIALS ===== */
.testi{padding:100px 0;background:var(--bg2)}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.testi-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.testi-card .stars{color:var(--acid);font-size:13px;margin-bottom:14px;letter-spacing:2px}
.testi-card p{font-size:14.5px;line-height:1.7;color:var(--ink);margin-bottom:16px}
.testi-card h5{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}

/* ===== FAQ ===== */
.faq{padding:100px 0}
.faq-list{max-width:820px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 4px;cursor:pointer;background:none;border:none;width:100%;text-align:left;color:var(--ink);font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:16.5px}
.faq-q i{color:var(--acid);transition:transform .3s var(--ease);flex-shrink:0}
.faq-item.open .faq-q i{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}
.faq-a p{color:var(--muted);font-size:14.5px;line-height:1.8;padding:0 4px 26px}
.faq-item.open .faq-a{max-height:300px}

/* ===== BOOKING ===== */
.booking{padding:100px 0}
.book-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px}
.contact-links{display:flex;flex-direction:column;gap:14px;margin-top:28px}
.contact-links a{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:15px;transition:.25s}
.contact-links a:hover{color:var(--acid)}
.contact-links i{width:18px;color:var(--coral)}
.social-row{display:flex;gap:12px;margin-top:24px}
.social-row a{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.25s}
.social-row a:hover{border-color:var(--acid);color:var(--acid);transform:translateY(-3px)}

.form-card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);padding:32px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.f-group label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:7px}
.f-group input,.f-group select,.f-group textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:12px 14px;color:var(--ink);font-family:inherit;font-size:14px}
.f-group input:focus,.f-group select:focus,.f-group textarea:focus{border-color:var(--acid)}
.f-group.full{grid-column:1/-1;margin-bottom:16px}
.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.btn-wa{background:#25d366;color:#fff}

/* ===== MAP ===== */
.map-box{margin-top:40px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);aspect-ratio:16/6}
.map-box iframe{width:100%;height:100%;border:0;filter:grayscale(.3) invert(.92) contrast(.9)}

/* ===== FOOTER ===== */
footer{border-top:1px solid var(--line);padding:50px 0 26px}
.foot-grid{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:30px}
.foot-grid p{color:var(--muted);font-size:13.5px}
.foot-logo{height:70px}
.bottom-row{border-top:1px solid var(--line);padding-top:20px;text-align:center;color:var(--muted);font-size:12.5px}

.wa-float{position:fixed;bottom:26px;right:26px;width:54px;height:54px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 8px 22px rgba(37,211,102,.4);z-index:900}

@media(max-width:900px){
  .hero-grid,.about-grid,.book-grid{grid-template-columns:1fr;gap:36px}
  .why-grid,.city-grid,.testi-grid{grid-template-columns:1fr 1fr}
  .gal-grid{grid-template-columns:1fr 1fr}
  .badge-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .why-grid,.city-grid,.testi-grid,.gal-grid{grid-template-columns:1fr}
  .f-row{grid-template-columns:1fr}
  .stat-row{gap:20px}
}

/* Contact Form 7 inside .form-card */
.form-card .wpcf7-form-control-wrap{display:block}
.form-card .wpcf7-form-control{width:100%}
.form-card .form-actions .wpcf7-submit{flex:1;width:auto;cursor:pointer}
.form-card .wpcf7-spinner{margin:0 0 0 8px}
.form-card .wpcf7-not-valid-tip{color:#e0857a;font-size:12px;margin-top:6px}
.form-card .wpcf7-response-output{border:1px solid var(--line);border-radius:9px;padding:12px 14px;font-size:13.5px;margin:16px 0 0}