*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Georgia,"Times New Roman",serif;background:#0b0b0b;color:#e7ddcf}
a{color:inherit;text-decoration:none}

.header{
  position:fixed;top:0;left:0;right:0;z-index:10;
  background:rgba(0,0,0,.55);backdrop-filter:blur(6px);
  padding:18px 48px;
}
.container{display:flex;align-items:center;justify-content:space-between}
.brand{letter-spacing:6px;font-size:12px;opacity:.85}
.menu a{margin-left:18px;font-size:12px;letter-spacing:2px;opacity:.75}
.menu a:hover{opacity:1}

.hero{
  height:100vh;
  background: url("imagem/hero.jpg") center/cover no-repeat;
  display:flex;align-items:center;
  padding:120px 8% 60px;
}
.hero-content{max-width:560px}
.kicker{font-size:11px;letter-spacing:4px;opacity:.85;margin-bottom:14px}
h1{font-size:56px;letter-spacing:2px;line-height:1.0;margin-bottom:14px}
.hero p{opacity:.9;line-height:1.8;font-size:14px;margin-bottom:22px}

.buttons{display:flex;gap:12px;flex-wrap:wrap}
.btn{
  border:1px solid rgba(231,221,207,.85);
  padding:12px 22px;font-size:11px;letter-spacing:3px
}
.btn:hover{background:#e7ddcf;color:#0b0b0b}
.btn-ghost{opacity:.9}

.section{padding:90px 8%;background:#0b0b0b;border-top:1px solid rgba(255,255,255,.06)}
.section h2{font-size:22px;letter-spacing:6px;margin-bottom:10px;color:#caa86a}
.section p{opacity:.85;line-height:1.9}
.product-img{
 display:block;
 width:100%;
 max-height:480px;
 height:auto;
 margin:32px auto;
border-radius:12px;
 opacity:95;
} 
/* ===============================
   CONEXÃO — Instagram (luxo silencioso)
   =============================== */

#contato .instagram-link {
  display: inline-block;
  margin-top: 26px;
  font-family: 'Didot', serif;
  font-size: 15px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #c9b27d;
  text-decoration: none;
  opacity: 0.75;
  transition: opacity 0.3s ease;
}

#contato .instagram-link:hover {
  opacity: 1;
}
#contato {
  position: relative;
  z-index: 1;
}

#contato .instagram-link {
  position: relative;
  z-index: 2;
  pointer-events: auto;
  cursor: pointer;
}
.section h2, #contato .instagram-link {
  transition: text-shadow 0.35s ease, opacity 0.35s ease;
}

.section h2:hover, #contato .instagram-link:hover {
  text-shadow: 0 0 14px rgba(201,178,125,0.25);
  opacity: 1;
}
/* Brilho sutil (luxo) — títulos + link Instagram */
.section-wrap h2,
#contato a.instagram-link,
#contato a.instagram-link:visited {
  transition: text-shadow 0.35s ease, opacity 0.35s ease;
}

.section-wrap h2:hover,
#contato a.instagram-link:hover {
  text-shadow: 0 0 14px rgba(201, 178, 125, 0.25);
  opacity: 1;
}
img, video {
  max-width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 900px) {
  body { font-size: 16px; }

  .section-wrap {
    width: 92%;
    padding: 48px 0;
  }

  h1 { font-size: 34px; line-height: 1.1; }
  h2 { font-size: 22px; }

  .produto-imagem { margin-top: 20px; }

  .product-img {
    width: 100%;
    max-height: none;
    border-radius: 14px;
  }
}
a, button {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}