:root{
  --bg:#140d0c;
  --bg-soft:#231614;
  --surface:rgba(34,23,19,.78);
  --surface-strong:#261813;
  --text:#fff6eb;
  --muted:#e3cdb7;
  --primary:#d98f38;
  --primary-2:#f0b567;
  --green:#5c8f57;
  --line:rgba(255,255,255,.1);
  --shadow:0 20px 60px rgba(0,0,0,.28);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--text);
  line-height:1.6;
  background:
    radial-gradient(circle at top left, rgba(217,143,56,.24), transparent 26%),
    radial-gradient(circle at bottom right, rgba(92,143,87,.18), transparent 22%),
    linear-gradient(180deg, #1a110f 0%, #100a09 100%);
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto}
.section{padding:88px 0;position:relative;z-index:1}
.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.22;pointer-events:none;z-index:0}
.ambient-1{width:280px;height:280px;background:var(--primary);left:-90px;top:120px}
.ambient-2{width:320px;height:320px;background:var(--green);right:-120px;bottom:90px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(15,10,9,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0;position:relative}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand img{width:56px;height:56px;border-radius:16px;object-fit:cover;border:2px solid rgba(240,181,103,.45);box-shadow:var(--shadow)}
.brand strong{display:block;font-size:1.04rem}
.brand span{display:block;font-size:.82rem;color:var(--muted)}
.nav-actions{display:flex;align-items:center;gap:10px}
.lang-toggle,.menu-toggle{
  border:1px solid var(--line);
  background:rgba(255,255,255,.06);
  color:#fff;
  border-radius:14px;
  min-width:46px;
  height:46px;
  display:grid;
  place-items:center;
  font-weight:800;
}
.menu-toggle{display:none;font-size:1.45rem}
.site-nav{display:flex;align-items:center;gap:20px}
.site-nav a{font-weight:700;color:#f6e2cc}
.site-nav a:hover,.site-nav a:focus-visible{color:#fff}
.hero{min-height:94vh;display:grid;place-items:center;position:relative;overflow:hidden}
.hero-media,.hero-media img{position:absolute;inset:0;width:100%;height:100%}
.hero-media img{object-fit:cover;object-position:center center;filter:brightness(.98) saturate(1.06) contrast(1.06)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(17,10,9,.86) 0%, rgba(17,10,9,.58) 44%, rgba(17,10,9,.24) 100%),linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.44))}
.hero-content{position:relative;z-index:1;padding:120px 0 72px}
.eyebrow,.section-tag,.mini-tag{
  display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:var(--primary-2);font-weight:700
}
h1,h2,h3{margin:0 0 14px;line-height:1.12}
h1{font-size:clamp(2.6rem,6vw,5.1rem);max-width:820px}
h2{font-size:clamp(1.95rem,4vw,3.2rem)}
h3{font-size:1.18rem}
p{margin:0 0 16px;color:var(--muted)}
.hero p{max-width:700px;font-size:1.1rem;color:#f6e6d6}
.hero-actions,.hero-pills,.cta-stack{display:flex;flex-wrap:wrap;gap:14px}
.hero-actions{margin-top:26px}
.hero-pills{margin-top:20px}
.hero-pills span,.mini-card{
  padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);font-weight:700
}
.btn{
  min-height:52px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  font-weight:800;border:1px solid transparent;transition:transform .2s ease, box-shadow .2s ease, background .2s ease
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#271609;box-shadow:0 12px 28px rgba(217,143,56,.28)}
.btn-secondary{background:rgba(255,255,255,.07);border-color:var(--line);color:#fff}
.btn-block{width:100%}
.card{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  backdrop-filter:blur(8px)
}
.split-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.feature-card,.contact-card,.embed-card,.form-card,.video-card{padding:22px}
.feature-card{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:22px}
.spotlight{overflow:hidden}
.spotlight img{width:100%;height:420px;object-fit:cover}
.spotlight-copy{padding:24px}
.section-heading{max-width:780px;margin:0 auto 40px}
.center{text-align:center}
.gallery-section{padding-top:56px}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gallery-item{padding:0;border:none;border-radius:22px;overflow:hidden;background:none;box-shadow:var(--shadow)}
.gallery-item img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .35s ease, filter .35s ease}
.gallery-item:hover img{transform:scale(1.05);filter:brightness(1.05)}
.social-section{padding-top:60px}
.embed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.embed-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.embed-head img{width:52px;height:52px;border-radius:14px;object-fit:cover}
.embed-head span{display:block;color:var(--muted);font-size:.95rem}
.embed-frame{border-radius:22px;overflow:hidden;background:#fff;min-height:560px}
.embed-frame iframe{display:block;width:100%;height:560px}
.instagram-fallback{display:grid;gap:16px}
.instagram-fallback img{width:100%;height:560px;object-fit:cover;border-radius:22px}
.video-grid{align-items:center}
.video-wrapper{position:relative;padding-top:56.25%;overflow:hidden;border-radius:22px}
.video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mini-card{display:flex;flex-direction:column;border-radius:20px;min-width:180px}
.mini-card strong{color:#fff}
.mini-card span{color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.contact-list{display:grid;gap:16px;margin:22px 0 24px}
.contact-card p{margin:0;color:#fff}
.contact-card a{color:var(--primary-2);font-weight:800}
.form-note{font-size:.95rem}
.contact-form{display:grid;gap:14px;margin-top:18px}
.contact-form input,.contact-form textarea{
  width:100%;padding:16px 18px;border-radius:18px;border:1px solid var(--line);
  background:rgba(255,255,255,.05);color:#fff;outline:none
}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#c9b19a}
.site-footer{padding:28px 0;background:rgba(0,0,0,.18);border-top:1px solid var(--line);position:relative;z-index:1}
.footer-wrap{text-align:center;display:flex;justify-content:center}
.footer-wrap a{color:var(--primary-2);font-weight:800}
.whatsapp-float{
  position:fixed;right:18px;bottom:18px;z-index:40;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;
  background:#25d366;box-shadow:0 18px 35px rgba(0,0,0,.35)
}
.whatsapp-float svg{width:34px;height:34px;fill:#fff}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:20px;z-index:60}
.lightbox.active{display:flex}
.lightbox img{max-width:min(100%,980px);max-height:88vh;border-radius:22px;box-shadow:var(--shadow)}
.lightbox-close{position:absolute;top:18px;right:18px;border:none;background:rgba(255,255,255,.1);color:#fff;width:48px;height:48px;border-radius:50%;font-size:2rem}
@media (max-width: 1024px){
  .split-grid,.contact-grid,.embed-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 780px){
  .menu-toggle{display:grid}
  .site-nav{
    display:none;position:absolute;top:84px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:14px;
    padding:18px;border-radius:22px;background:rgba(20,13,12,.98);border:1px solid var(--line)
  }
  .site-nav.open{display:flex}
  .hero{min-height:86vh}
  .hero-content{padding:112px 0 56px}
  .feature-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .embed-frame,.embed-frame iframe,.instagram-fallback img{min-height:460px;height:460px}
}
@media (max-width: 560px){
  .section{padding:72px 0}
  .container{width:min(100% - 24px, 1180px)}
  .brand strong{font-size:.98rem}
  .brand span{font-size:.74rem}
  .gallery-grid{grid-template-columns:1fr}
  .hero p{font-size:1rem}
  .whatsapp-float{width:58px;height:58px}
}