```css
:root{

--gold:#c7a46a;
--gold-light:#d8b57b;

--dark:#090909;
--dark-2:#111111;
--dark-3:#181818;

--white:#ffffff;
--gray:#cfcfcf;

--shadow:0 20px 40px rgba(0,0,0,.25);

}

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

html{
scroll-behavior:smooth;
}

body{

font-family:'Montserrat',sans-serif;

background:var(--dark);

color:var(--white);

overflow-x:hidden;

line-height:1.8;

}

img{
max-width:100%;
display:block;
}

a{
text-decoration:none;
}

.container{

width:90%;
max-width:1280px;

margin:auto;

}

/* HEADER */

header{

position:fixed;

top:0;
left:0;

width:100%;

z-index:9999;

padding:18px 0;

transition:.4s;

background:rgba(0,0,0,.70);

backdrop-filter:blur(15px);
 border-bottom:1px solid rgba(199,164,106,.15);
}

header.scrolled{

background:#050505;

box-shadow:0 10px 30px rgba(0,0,0,.4);

}

header .container{

display:flex;

align-items:center;

min-height:110px;

justify-content:space-between;

}

.logo img{

height:120px;

width:auto;

}

nav{

display:flex;

gap:35px;

}

nav a{

color:white;

font-weight:500;

transition:.3s;

position:relative;

}

nav a:hover{

color:var(--gold);

}

nav a::after{

content:'';

position:absolute;

left:0;
bottom:-6px;

width:0;

height:2px;

background:var(--gold);

transition:.3s;

}

nav a:hover::after{

width:100%;

}

.mobile-menu{

display:none;

font-size:28px;

cursor:pointer;

}

/* HERO */

.hero{

height:100vh;

background:url('../images/hero.png');

background-size:cover;

background-position:center;

position:relative;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

}

.overlay{

position:absolute;

inset:0;

background:
linear-gradient(
to bottom,
rgba(0,0,0,.45),
rgba(0,0,0,.75)
);

}

.hero-content{

position:relative;

z-index:2;

max-width:900px;

padding:20px;

}

.hero-subtitle{

display:block;

color:#c7a46a !important;

letter-spacing:4px;

font-size:18px;

margin-bottom:25px;

color:var(--gold);

}

.hero h1{

font-family:'Playfair Display',serif;

color:#ffffff;

text-shadow:0 5px 20px rgba(0,0,0,.6);

font-size:85px;

line-height:1.05;

margin-bottom:25px;

font-weight:700;

}

.hero p{

max-width:700px;

color:#ffffff;

text-shadow:0 5px 20px rgba(0,0,0,.6);

margin:auto;

font-size:20px;

color:#ddd;

margin-bottom:40px;

}

.hero-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}

.btn-primary{

padding:16px 38px;

background:var(--gold);

color:#fff;

font-weight:600;

border-radius:4px;

transition:.3s;

}

.btn-primary:hover{

transform:translateY(-3px);

}

.btn-outline{

padding:16px 38px;

border:1px solid var(--gold);

color:var(--gold);

border-radius:4px;

transition:.3s;

}

.btn-outline:hover{

background:var(--gold);

color:white;

}

/* SECTIONS */

section{

padding:120px 0;

}

.section-title{

text-align:center;

margin-bottom:70px;

}

.section-title span{

 color:#c7a46a;

letter-spacing:3px;

font-size:14px;

}

.section-title h2{

font-size:52px;

font-family:'Playfair Display',serif;

font-weight:700;

color:#ffffff;

text-align:center;

text-shadow:0 2px 10px rgba(0,0,0,.3);

}

/* SOBRE */

.about{

background:#0f0f0f;

}

.about-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}

.about-image img{

border-radius:10px;

box-shadow:var(--shadow);

max-width:420px;

margin:auto;

}

.section-subtitle{

color:var(--gold);

letter-spacing:3px;

font-size:14px;

}

.about-content h2{

font-family:'Playfair Display',serif;

font-size:56px;

margin:10px 0;

color:#ffffff;

}

.about-content h3{

font-weight:400;

margin-bottom:25px;

color:#d8d8d8;



}

.about-content p{

margin-bottom:20px;

color:#cfcfcf;

}

.about-contact{

margin-top:35px;

display:flex;

flex-direction:column;

gap:12px;

color:#d8d8d8;

}

/* SERVIÇOS */

.services{

background:#0f0f0f;

}

.services-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}

.service-card{

background:#161616;

padding:40px;

border:1px solid #2a2a2a;

transition:.4s;

color:white;

}

.service-card:hover{

transform:translateY(-10px);

border-color:#c7a46a;

box-shadow:0 20px 40px rgba(199,164,106,.15);

}

.service-number{

font-size:50px;

font-family:'Playfair Display',serif;

color:rgba(199,164,106,.25);

margin-bottom:20px;

}

.service-card h3{

margin-bottom:15px;

font-size:24px;

}

.service-card p{

color:#cfcfcf;

}

/* PORTFOLIO */

.portfolio{

background:#0f0f0f;

}

.portfolio-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:20px;

}

.portfolio-item{

overflow:hidden;

border-radius:8px;

position:relative;

}

.portfolio-item img{

border-radius:12px;

width:100%;

height:320px;

object-fit:cover;

transition:.6s;

}

.portfolio-item:hover img{

transform:scale(1.05);

}

.portfolio .section-title h2{
    color:#ffffff;
    font-size:56px;
    font-family:'Playfair Display',serif;
}

.portfolio .section-title span{
    color:#c7a46a;
}

/* INSTAGRAM */

.instagram{

background:#0f0f0f;

text-align:center;

}

.instagram-links{

display:flex;

justify-content:center;

gap:30px;

flex-wrap:wrap;

}

.insta-card{

display:flex;

align-items:center;

gap:12px;

padding:15px 25px;

background:#161616;

border:1px solid #2a2a2a;

border-radius:10px;

transition:.3s;

}

.insta-card:hover{

transform:translateY(-5px);

border-color:#c7a46a;

}

.insta-card img{

width:32px;

height:32px;

}

.insta-card span{

color:white;

font-weight:500;

}

.instagram-profile{

display:flex;

justify-content:center;

margin:40px 0;

}

.instagram-profile img{

width:220px;

height:220px;

object-fit:cover;

border-radius:50%;

border:4px solid #c7a46a;

box-shadow:0 10px 30px rgba(0,0,0,.4);

transition:.4s;

}

.instagram-profile img:hover{

transform:scale(1.05);

}

/* CONTATO */

.contact{

background:#0f0f0f;

}

.contact-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:60px;

}

.contact-info span{

color:var(--gold);

}

.contact-info h2{

font-size:30px;

font-family:'Playfair Display',serif;

margin:15px 0;

}

.contact-info p{

margin-bottom:25px;

color:#cfcfcf;

}

.contact-info ul{

list-style:none;

margin-bottom:35px;

}

.contact-content h2{
    color:#ffffff;
    font-size:60px;
    line-height:1.1;
}

.contact-info{
    color:#d8d8d8;
}

.contact-info a{
    color:#ffffff;
}

.contact-info li{
    margin-bottom:10px;
    font-size:14px;
}
.contact-info{
    color:#d8d8d8;
}

.contact-form form{

display:flex;

flex-direction:column;

gap:15px;

}

.contact-form input,
.contact-form textarea{

background:#161616;

border:1px solid #333;

 font-size:18px;
    padding:15px 20px;
    color:#ffffff;

}

.contact-form input:focus,
.contact-form textarea:focus{

border-color:#c7a46a;

outline:none;

}

.contact-photo img{

width:200px;

border-radius:20px;

margin-bottom:30px;

}

.contact-form button{

background:#c7a46a;

color:white;

padding:65px 35px;

border:none;

border-radius:8px;

font-weight:700;

cursor:pointer;

transition:.3s;

}

.contact-photo{

    display:flex;

    justify-content:center;

    margin-bottom:30px;

}

.contact-photo img{

    width:220px;

    max-width:100%;

    border-radius:20px;

}

.contact-form button:hover{

transform:translateY(-3px);

background:#b89258;

}
/* FOOTER */

footer{

padding:50px 0;

background:#050505;

text-align:center;

}

.footer-logo img{

height:80px;

margin:auto;

margin-bottom:20px;

}

footer p{

color:#999;

}

/* WHATSAPP */

/* BOTÃO FLUTUANTE WHATSAPP */

.whatsapp-float{
    position:fixed;
    bottom:25px;
    right:25px;

    width:70px;
    height:70px;

    background:#25D366;

    border-radius:50%;

    display:flex;
    justify-content:center;
    align-items:center;

    z-index:99999;

    box-shadow:0 10px 25px rgba(0,0,0,.35);

    transition:.3s;
}

.whatsapp-float:hover{
    transform:scale(1.1);
}

.whatsapp-float img{
    width:38px;
    height:38px;
}
/* WHATSAPP FINAL */
.whatsapp-card{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    width:220x;

    padding:15px 25px;

    background:#161616;

    border:1px solid #2a2a2a;

    border-radius:10px;

    transition:.3s;

    margin-top:20px;

}

.whatsapp-card:hover{

    transform:translateY(-5px);

    border-color:#25D366;

    box-shadow:0 10px 25px rgba(37,211,102,.15);

}

.whatsapp-card img{

    width:40px;
    height:40px;

}

.whatsapp-card span{

    color:#ffffff;

    font-weight:600;

    font-size:18px;

}

/* RESPONSIVO */

@media(max-width:1024px){

.hero h1{

font-size:65px;

}

.services-grid{

grid-template-columns:repeat(2,1fr);

}

.portfolio-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

nav{

display:none;

}

.mobile-menu{

display:block;

}

.hero h1{

font-size:42px;

}

.hero p{

font-size:16px;

}

.about-grid{

grid-template-columns:1fr;

}

.contact-grid{

grid-template-columns:1fr;

}

.services-grid{

grid-template-columns:1fr;

}

.portfolio-grid{

grid-template-columns:1fr;

}

.section-title h2{

font-size:52px;

font-family:'Playfair Display',serif;

font-weight:700;

color:#ffffff;

text-align:center;

text-shadow:0 2px 10px rgba(0,0,0,.3);

}

.about-content h2{

font-size:42px;

}

.contact-info h2{

font-size:38px;

}

.logo img{

height:110px;
    width:auto;

}

/* WHATSAPP FLUTUANTE */

.whatsapp-float{
    position:fixed;
    width:70px;
    height:70px;
    bottom:30px;
    right:30px;
    z-index:99999;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#25D366;
    border-radius:50%;

    box-shadow:0 8px 25px rgba(0,0,0,.3);

    transition:.3s;
}

.whatsapp-float:hover{
    transform:scale(1.1);
}

.whatsapp-float img{
    width:38px;
    height:38px;
}

}
```