/* ================= RESET UNIVERSAL ================= */

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

html{
-webkit-text-size-adjust:100%;
}

body{
font-family:'Poppins', sans-serif;
line-height:1.5;
background:#f5f5f5;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

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

a{
text-decoration:none;
color:inherit;
}

ul{
list-style:none;
}

button{
border:none;
background:none;
cursor:pointer;
font-family:inherit;
}

/* ================= SEU CSS COMEÇA AQUI ================= */


:root{
--gold:#c7a36b;
--dark:#1e1e1e;
--gray:#f3f3f3;

}

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

body{
font-family:'Poppins',sans-serif;
background:#f5f5f5;
}

.outer-bg{
background:url('../assets/images/backgrounds/marble-bg.jpg') center/cover;
padding:60px 0;
}

.site{
max-width:1200px;
width:92%;
margin:0 auto;
background:#ffffff;
box-shadow:0 60px 140px rgba(0,0,0,0.25);
}






.logo img{
height:108px;
margin-right:10px;


}



/* ================= HERO ================= */

.hero{
  position:relative;
  height:640px;          /* tamanho “mock” */
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  
}


.hero-title{
font-family:'Playfair Display', serif;
font-size:56px;
font-weight:500;
line-height:1.15;
color:#ffffff;
text-align:center;
max-width:900px;
margin:auto;
text-shadow:0 6px 25px rgba(0,0,0,0.45);
}

.hero-title .gold{
color:#d6a85a;
}

/* SLIDES */
.hero-slide{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-size:cover;
background-position:center;
opacity:0;
transition:opacity 1.5s ease-in-out;
z-index:0;
}

.hero-slide.active{
opacity:1;
z-index:0;
}

/* OVERLAY */
.hero::after{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.65));
z-index:1;
}
.overlay{
position:absolute;
width:100%;
height:100%;
background:linear-gradient(
rgba(0,0,0,0.55),
rgba(0,0,0,0.35)
);
}


/* CONTENT */
.hero-content{
position:relative;
z-index:3;
text-align:center;
color:white;
max-width:900px;
margin:auto;
}

.hero h1{
  font-family:'Playfair Display',serif;
  font-size:56px;
  line-height:1.18;
  margin-bottom:18px;
  color:#fff;
  text-shadow:0 6px 28px rgba(0,0,0,0.55);
}

.hero p{
margin-bottom:30px;
opacity:0.9;
}

/* BUTTON */
.btn{
background:var(--gold);
padding:12px 30px;
border-radius:40px;
color:#fff;
text-decoration:none;
display:inline-block;
transition:0.3s ease;
}

.btn:hover{
opacity:0.9;
}


.hero-content h1{
font-family:'Playfair Display', serif;
font-size:64px;
font-weight:500;
line-height:1.15;
letter-spacing:0.5px;
max-width:900px;
margin:auto;
text-align:center;
text-shadow:0 6px 18px rgba(0,0,0,0.45);
}

.hero-content p{
font-family:'Poppins', sans-serif;
font-size:18px;
margin-top:18px;
opacity:0.9;
}

.hero-content .gold{
color:#c7a36b;
font-weight:600;
}

/* ================= ABOUT PREMIUM ================= */

.about{
padding:120px 60px;
background:#ffffff;
position:relative;
}

.about-wrapper{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:1.1fr 0.9fr;
gap:70px;
align-items:center;
}

/* title */

.about-left h2{
font-family:'Playfair Display',serif;
font-size:42px;
margin-bottom:20px;
position:relative;

/* efeito flutuando */
text-shadow:
0 4px 10px rgba(0,0,0,0.20),
0 10px 25px rgba(0,0,0,0.15);
}


/* text */

.about-left p{
font-size:16px;
line-height:1.7;
color:#666;
margin-bottom:18px;
max-width:540px;
}

/* stats */

.about-stats{
display:flex;
gap:20px;
margin-top:35px;
position:relative;
z-index:2;
}

.stat-box{
background:#fff;
padding:26px 26px;
border-radius:14px;
box-shadow:0 20px 45px rgba(0,0,0,0.08);
text-align:center;
min-width:150px;
transition:all .35s ease;
}

.stat-box:hover{
transform:translateY(-6px);
box-shadow:0 28px 60px rgba(0,0,0,0.15);
}

.stat-box h3{
font-size:36px;
font-weight:800;
color:#c7a36b;
margin-bottom:6px;
}

.stat-box p{
font-size:13px;
color:#777;
}

/* image */

.about-right{
position:relative;
}

.about-right img{
width:100%;
height:420px;
object-fit:cover;
border-radius:18px;
box-shadow:0 35px 80px rgba(0,0,0,0.18);
}

/* stats overlap image */

.about-stats{
margin-right:-110px;
}

/* animation */

.about{
opacity:0;
transform:translateY(60px);
transition:all 1s ease;
}

.about.show{
opacity:1;
transform:translateY(0);
}





.about-history{
margin-top:28px;
max-width:560px;
padding:24px 26px;
background:linear-gradient(180deg, rgba(199,163,107,0.08), rgba(199,163,107,0.03));
border-left:3px solid #c7a36b;
border-radius:0 18px 18px 0;
box-shadow:0 18px 40px rgba(0,0,0,0.07);
position:relative;
z-index:1;
}

.about-history-label{
display:block;
font-family:'Playfair Display',serif;
font-size:42px;
margin-bottom:20px;
position:relative;
color:#111;
text-shadow:
0 4px 10px rgba(0,0,0,0.20),
0 10px 25px rgba(0,0,0,0.15);
}

.about-history-label::after{
display:none;
}


.about-history p{
font-size:15px;
line-height:1.8;
color:#666;
margin-bottom:14px;
max-width:none;
}

.about-history p:last-child{
margin-bottom:0;
}


@media (max-width: 900px){
.about-history{
max-width:100%;
margin-top:24px;
}

.about-stats{
margin-right:0;
flex-wrap:wrap;
}
}







.nav-portal{
display:inline-flex;
align-items:center;
justify-content:center;
padding:8px 14px;
margin-left:12px;
border:1px solid rgba(255,255,255,0.22);
border-radius:999px;
font-size:13px;
font-weight:500;
color:#fff;
transition:all .3s ease;
backdrop-filter:blur(6px);
}

.nav-portal:hover{
border-color:#c7a36b;
color:#c7a36b;
background:rgba(255,255,255,0.06);
}


/* ================= SERVICES ================= */
/* ================= SERVICES ================= */

.services{
position:relative;
padding:140px 80px;
background:url('../assets/images/backgrounds/marble-dark.jpg') center/cover no-repeat;
text-align:center;
color:#fff;
overflow:hidden;
z-index:1;
}

.services::before{
content:"";
position:absolute;
inset:0;
background:rgba(0,0,0,0.55);
z-index:1;
pointer-events:none;
}

.services-content{
position:relative;
z-index:2;
max-width:1300px;
margin:auto;
}
.services h2{
font-family:'Playfair Display', serif;

font-size:52px;
font-weight:600;

color:#d4af6a;

margin-bottom:14px;
letter-spacing:0.5px;
text-align:center;

position:relative;
z-index:3;

text-shadow:
0 2px 4px rgba(0,0,0,0.8),
0 8px 20px rgba(0,0,0,0.6),
0 0 25px rgba(199,163,107,0.35);
}
.services-subtitle{
max-width:650px;
margin:0 auto 60px;
font-size:15px;
line-height:1.7;
color:#d9d9d9;
text-align:center;
position:relative;
z-index:3;
text-shadow:0 2px 6px rgba(0,0,0,0.7);
}



.services > p{
max-width:650px;
margin:0 auto 70px;
color:#d9d9d9;
font-size:15px;
line-height:1.7;
}

/* GRID */

.services-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:35px;
}

/* ================= EDGE PROFILES ================= */

.edge-grid{
display:grid;
grid-template-columns:repeat(3, 280px);
justify-content:center;
gap:45px;
margin-top:60px;
}



/* CARD */

.service-card{
position:relative;
overflow:hidden;
border-radius:18px;
cursor:pointer;

box-shadow:0 18px 40px rgba(0,0,0,0.35);
transition:transform .35s ease, box-shadow .35s ease;
}

/* IMAGE */

.service-card img{
width:100%;
height:360px;
object-fit:cover;
display:block;
	transition:transform .45s ease;
position:relative;
z-index:1;
}

/* OVERLAY */

.service-overlay{
position:absolute;
bottom:0;
left:0;
right:0;
padding:20px;

background:linear-gradient(
to top,
rgba(0,0,0,0.85),
rgba(0,0,0,0.35),
transparent
);

z-index:2;
}

/* TITLE */

.service-overlay h3{
font-size:20px;
font-weight:600;
margin-bottom:4px;
color:#fff;
}

/* DESCRIPTION */

.service-overlay p{
font-size:13px;
line-height:1.5;
color:#e5e5e5;
margin:0;
}

/* HOVER */

.service-card:hover img{
transform:scale(1.08);
}

/* BUTTON */

.services .btn{
display:inline-block;
margin-top:60px;
background:var(--gold);
color:#000;
padding:13px 32px;
border-radius:30px;
text-decoration:none;
font-size:14px;
transition:0.3s ease;
}

.services .btn:hover{
opacity:0.85;
transform:translateY(-2px);
}
/* ===== EDGE SECTION ===== */

.edge-section{
padding:120px 60px;
text-align:center;
}

.edge-section h2{
font-size:40px;
margin-bottom:15px;
}

.edge-section p{
color:#cfcfcf;
margin-bottom:60px;
}

.services h2::after,
.services-subtitle-title::after{
content:"";
display:block;
width:90px;
height:2px;
background:var(--gold);
margin:18px auto 0;
opacity:0.9;
}
/* ================= GALLERY ================= */

.gallery{
padding:180px 160px;
background:#ffffff;
text-align:center;
}

.gallery-header h2{
font-family:'Playfair Display',serif;
font-size:42px;
margin-bottom:10px;
}

.gallery-subtitle{
max-width:720px;
margin:0 auto 70px auto;
color:#666;
font-size:15px;
}

/* grid */

.gallery-grid{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:5px;
max-width:1100px;
margin:auto;
}

/* primeira linha */

.gallery-item:nth-child(1){
grid-column:1 / 3;
}

.gallery-item:nth-child(2){
grid-column:3 / 5;
}

.gallery-item:nth-child(3){
grid-column:5 / 7;
}

/* segunda linha centralizada */

.gallery-item:nth-child(4){
grid-column:2 / 4;
}

.gallery-item:nth-child(5){
grid-column:4 / 6;
}
/* card */

.gallery-item{
position:relative;
height:260px;
border-radius:16px;
overflow:hidden;
box-shadow:0 25px 60px rgba(0,0,0,0.15);
}


/* image */

.gallery-item img{
width:100%;
height:100%;
object-fit:cover;
transition:transform .6s ease;
}

.gallery-item:hover img{
transform:scale(1.08);
}

/* overlay */

.gallery-overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,0.35);
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:30px;
color:white;
}

.gallery-overlay h3{
font-family:'Playfair Display',serif;
font-size:22px;
margin-bottom:10px;
}

.gallery-overlay p{
font-size:13px;
opacity:0.85;
margin-bottom:15px;
}


.gallery-wrapper{
position:relative;
padding:120px 0;
background:
linear-gradient(rgba(10,10,10,0.75),rgba(10,10,10,0.85)),
url('../assets/images/backgrounds/marble-dark.jpg') center/cover;
display:flex;
justify-content:center;
}

.gallery-box{
background:#f9f9f9;
border-radius:20px;
padding:60px 70px;
box-shadow:
0 40px 120px rgba(0,0,0,0.35),
0 10px 30px rgba(0,0,0,0.15);
max-width:1100px;
width:90%;
}


/* button */
.btn-small{
display:inline-block;
padding:10px 22px;
background:var(--gold);
color:#fff;
text-decoration:none;
font-size:14px;
border-radius:30px;
margin-top:12px;
transition:all .3s ease;
cursor:pointer;
}

/* efeito hover */

.btn-small:hover{
background:#b89255;
transform:translateY(-2px);
box-shadow:0 6px 18px rgba(0,0,0,0.2);
}


.gallery{
background:#f7f7f7;
padding:140px 120px;
text-align:center;
}

.gallery-header{
position:relative;
margin-bottom:70px;
}

.gallery-header h2{
font-family:'Playfair Display',serif;
font-size:42px;
font-weight:600;
color:#111;

text-shadow:
0 4px 6px rgba(0,0,0,0.15),
0 10px 20px rgba(0,0,0,0.20),
0 18px 35px rgba(0,0,0,0.25);
}

.gallery-subtitle{
max-width:700px;
margin:20px auto 0;
color:#555;
font-size:15px;
line-height:1.6;
}

/* HERO INDICATORS */

.hero-indicators{
position:absolute;
bottom:35px;
right:20px;
left:auto;
transform:none;
display:flex;
gap:10px;
z-index:3;
}

.indicator{
width:35px;
height:4px;
background:rgba(255,255,255,0.35);
border-radius:3px;
transition:0.4s ease;
}

.indicator.active{
background:var(--gold);
width:45px;
}
/* HERO ARROWS */

.hero-arrows{
position:absolute;
top:50%;
left:0;
width:100%;
display:flex;
justify-content:space-between;
transform:translateY(-50%);
padding:0 30px;
z-index:4;
}

.hero-prev,
.hero-next{
width:38px;
height:38px;
border-radius:50%;
border:none;
background:rgba(255,255,255,0.18);
color:#fff;
font-size:22px;
cursor:pointer;
backdrop-filter:blur(6px);
transition:0.3s;
}

.hero-prev:hover,
.hero-next:hover{
background:rgba(199,163,107,0.85);
color:#111;
}
/* LIGHTBOX */
.lightbox{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.95);
display:none;
align-items:center;
justify-content:center;
z-index:10000;
}

.lightbox.active{
display:flex;
}


.lightbox img{

max-width:90%;
max-height:88vh;

border-radius:14px;

box-shadow:
0 40px 120px rgba(0,0,0,0.7);

animation:lightboxFade .35s ease;

}

@keyframes lightboxFade{

from{
opacity:0;
transform:scale(.96);
}

to{
opacity:1;
transform:scale(1);
}

}

.services-subtitle-title{

font-family:'Playfair Display',serif;
font-size:42px;
font-weight:600;

color:#d4af6a;

margin-top:120px;
margin-bottom:15px;

text-align:center;
letter-spacing:0.5px;

text-shadow:
0 2px 6px rgba(0,0,0,0.75),
0 10px 25px rgba(0,0,0,0.55),
0 0 30px rgba(199,163,107,0.30);

}
/* ================= GALLERY / PORTFOLIO ================= */

.gallery{
padding:160px 120px;
background:#f7f7f7;
text-align:center;
}

.gallery-header{
max-width:720px;
margin:auto;
margin-bottom:60px;
}

.gallery h2{
font-family:'Playfair Display',serif;
font-size:46px;
color:#111;
margin-bottom:18px;
position:relative;
}

.gallery h2::after{
content:"";
display:block;
width:80px;
height:2px;
background:var(--gold);
margin:18px auto 0;
}

.gallery-subtitle{
color:#666;
font-size:16px;
line-height:1.7;
}

/* GRID */

.gallery-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:35px;
}

/* CARD */

.gallery-item{
border-radius:16px;
overflow:hidden;
box-shadow:0 25px 60px rgba(0,0,0,0.15);
transition:all .35s ease;
}




.gallery-item:hover{
transform:translateY(-8px);
box-shadow:0 40px 90px rgba(0,0,0,0.25);
}

/* IMAGE */

.gallery-item img{
width:100%;
height:300px;
object-fit:cover;
display:block;
transition:transform .7s ease;
}

.gallery-item:hover img{
transform:scale(1.06);
}

.gallery-item::after{
content:"";
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:linear-gradient(
120deg,
transparent,
rgba(255,255,255,0.25),
transparent
);
transition:all .6s;
}

.gallery-item:hover::after{
left:100%;
}

/* OVERLAY */

.gallery-overlay{
position:absolute;
inset:0;
background:linear-gradient(
to top,
rgba(0,0,0,0.65) 0%,
rgba(0,0,0,0.35) 40%,
rgba(0,0,0,0.15) 100%
);
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:30px;
color:white;
}

/* TITLE */

.gallery-overlay h3{
font-size:18px;
margin-bottom:12px;
}

/* BUTTON */
.btn-small{
background:var(--gold);
color:#fff;
padding:10px 24px;
border-radius:30px;
font-size:13px;
letter-spacing:.3px;
}

.btn-small:hover{
transform:translateY(-2px);
opacity:0.9;
}

.lightbox img{
max-width:90%;
max-height:90%;
border-radius:10px;
}

.lightbox.active{
display:flex;
}

.project-grid{

display:grid;

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

gap:28px;

max-width:1000px;

margin:auto;

}
@media (max-width:768px){

.project-grid{
grid-template-columns:1fr;
gap:16px;
max-width:100%;
width:100%;
padding:0 16px;
}

}
body{
overflow-x:hidden;
}

.project-item{

position:relative;

overflow:hidden;
border-radius:16px;

box-shadow:0 20px 60px rgba(0,0,0,0.15);

transition:.35s;

cursor:pointer;

}

.project-item:hover{

transform:translateY(-6px);

box-shadow:0 35px 80px rgba(0,0,0,0.25);

}




.project-item img{

width:100%;
height:260px;

object-fit:cover;

transition:transform .6s ease;

}

.project-item:hover img{
transform:scale(1.08);
}

.project-gallery h2{
font-family:'Playfair Display',serif;
font-size:38px;
margin-bottom:20px;
}
/* ================= PROJECT GALLERY ================= */



/* ===== PROJECT GALLERY ===== */
.gallery-grid{
display:grid;
grid-template-columns:repeat(6, 1fr);
gap:22px;
max-width:980px;
margin:auto;
}

.gallery-item{
grid-column:span 2;
}

.gallery-item:nth-child(4),
.gallery-item:nth-child(5){
grid-column:span 3;
}

.gallery-item img{
width:100%;
height:100%;
object-fit:cover;
display:block;
border-radius:16px;
transition:transform .45s ease;
box-shadow:0 10px 30px rgba(0,0,0,0.25);
}

.gallery-overlay{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:18px;
background:rgba(0,0,0,0.30);
border-radius:16px;
}

.gallery-overlay h3{
font-family:'Playfair Display',serif;
font-size:18px;
line-height:1.2;
color:#fff;
margin-bottom:10px;
}

.gallery-overlay p{
font-size:13px;
line-height:1.45;
color:#fff;
max-width:240px;
margin:0 auto 16px;
}

.btn-small{
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 22px;
border-radius:999px;
background:#c7a36b;
color:#fff;
font-size:14px;
font-weight:600;
border:none;
cursor:pointer;
}

@media (max-width: 900px){
.gallery-grid{
grid-template-columns:repeat(2, 1fr);
}
}

@media (max-width: 640px){
.gallery-grid{
grid-template-columns:1fr;
}

.gallery-item{
height:240px;
}
}

/* PROJECT MODAL */
/* PREMIUM PROJECT MODAL */
.project-modal{

position:fixed;
top:0;
left:0;
width:100%;
height:100%;

background:
linear-gradient(rgba(10,10,10,0.75),rgba(10,10,10,0.9)),
url('/assets/images/backgrounds/marble-dark.jpg') center/cover;

backdrop-filter:blur(14px);

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

opacity:0;
visibility:hidden;

transition:opacity .45s ease, visibility .45s ease;

z-index:9999;
}

/* quando abre */

.project-modal.active{
opacity:1;
visibility:visible;
}

.project-modal.active{
opacity:1;
visibility:visible;
}

.modal-content{
position:relative;
width:85%;
max-width:1100px;
box-shadow:0 60px 160px rgba(0,0,0,0.45);

margin:auto;

max-height:85vh;
overflow-y:auto;

background:
linear-gradient(rgba(255,255,255,0.85),rgba(255,255,255,0.9)),
url('/assets/images/backgrounds/marble-dark.jpg');


border-radius:26px;

padding:65px;

box-shadow:
0 60px 160px rgba(0,0,0,0.45),
0 10px 40px rgba(0,0,0,0.25);

animation:modalFade .35s ease;


/* esconder scroll feio */
scrollbar-width:none;
}

.modal-content::-webkit-scrollbar{
display:none;
}




.close-modal{
position:absolute;
top:30px;
right:40px;

font-size:36px;
color:#fff;
cursor:pointer;
transition:.3s;
}

.close-modal:hover{
color:#c7a36b;
}
.lightbox{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;

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

background:
linear-gradient(rgba(10,10,10,0.85),rgba(10,10,10,0.92)),
url('/assets/images/backgrounds/marble-dark.jpg') center/cover;

backdrop-filter:blur(12px);

z-index:10000;
}

.lightbox.active{
display:flex;
}



.lightbox.active{
display:flex;
}

#lightboxImg{
max-width:90%;
max-height:85%;
border-radius:12px;
box-shadow:0 40px 120px rgba(0,0,0,0.7);
transition:opacity 0.25s ease;
}
.modal-head{

margin-bottom:25px;
padding:20px 25px;

background:
linear-gradient(rgba(255,255,255,0.65),rgba(255,255,255,0.75)),
url('/assets/images/backgrounds/marble-bg.jpg');

background-size:cover;
background-position:center;
background-repeat:no-repeat;

border-radius:12px;

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

}


.modal-head h2{
font-family:'Playfair Display',serif;
font-size:34px;
color:#1e1e1e;
margin:0;
position:relative;
display:inline-block;
}


.modal-head h2::after{

content:"";

display:block;

width:100px;
height:2px;

background:linear-gradient(to right,var(--gold),transparent);

margin-top:14px;

}


.lightbox img{

max-width:90%;
max-height:90%;

border-radius:10px;

box-shadow:0 30px 100px rgba(0,0,0,0.8);

}

/* gallery grid */

.project-grid{

display:grid;

grid-template-columns:repeat(auto-fill,minmax(260px,1fr));

gap:28px;

}


/* gallery cards */

.project-item{

border-radius:16px;
overflow:hidden;

box-shadow:0 20px 60px rgba(0,0,0,0.18);

transition:.3s ease;

cursor:pointer;

}

.project-item:hover{

transform:translateY(-6px);

box-shadow:0 30px 80px rgba(0,0,0,0.25);

}


/* images */

.project-item img{
cursor:pointer;
}

.project-item img:hover{
transform:scale(1.05);
box-shadow:0 20px 40px rgba(0,0,0,0.25);
}



/* LIGHTBOX NAVIGATION */

.lightbox-prev,
.lightbox-next{

position:absolute;
top:50%;
transform:translateY(-50%);

background:rgba(0,0,0,0.35);
color:white;

border:none;
width:50px;
height:50px;

border-radius:50%;
cursor:pointer;

font-size:22px;

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

backdrop-filter:blur(10px);

transition:all 0.25s ease;

}

.lightbox-prev:hover,
.lightbox-next:hover{
background:rgba(255,255,255,0.2);
transform:translateY(-50%) scale(1.1);
}

.lightbox-prev{
left:40px;
}

.lightbox-next{
right:40px;
}


.lightbox-prev{
left:40px;
}

.lightbox-next{
right:40px;
}

.lightbox-prev:hover,
.lightbox-next:hover{

background:var(--gold);
color:#111;

transform:translateY(-50%) scale(1.08);

box-shadow:
0 20px 40px rgba(0,0,0,0.45);

}

/* escondidas no services */
.lightbox-prev,
.lightbox-next{
display:none;
}

.lightbox-prev:hover,
.lightbox-next:hover{
background:var(--gold);
color:#111;
}

.lightbox-prev{
left:40px;
}

.lightbox-next{
right:40px;
}

.lightbox-prev,
.lightbox-next{
display:none;
}
/* ===== PROJECT GALLERY FIX ===== */

.modal-gallery{

display:grid;

grid-template-columns:repeat(auto-fill,minmax(280px,1fr));

gap:25px;

margin-top:30px;

}

.project-item{

border-radius:16px;
overflow:hidden;

box-shadow:0 20px 60px rgba(0,0,0,0.18);

transition:.35s;

}

.project-item img{

width:100%;
height:260px;

object-fit:cover;

display:block;

}

.project-item:hover img{
transform:scale(1.06);
}
.close-modal{

position:absolute;

top:15px;
right:15px;

width:38px;
height:38px;

background:white;

border-radius:50%;

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

font-size:20px;

color:#333;

cursor:pointer;

box-shadow:0 8px 20px rgba(0,0,0,0.25);

transition:.25s;

z-index:100;

}

.close-modal:hover{

background:#c7a36b;
color:white;

transform:scale(1.1);

}
/* ================= REVIEWS + CONTACT ================= */
/* ================= REVIEWS + CONTACT ================= */

.reviews-contact{
position:relative;
display:grid;
grid-template-columns:56% 44%;
min-height:650px;
background:
linear-gradient(to right, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.96) 56%, transparent 56%, transparent 100%),
url('../assets/images/backgrounds/marble-darsk.jpg') center/cover no-repeat;
overflow:visible;
isolation:isolate;
}
.reviews-contact::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:5px;
background:linear-gradient(
to right,
transparent 0%,
rgba(199,163,107,0.55) 12%,
rgba(199,163,107,1) 50%,
rgba(199,163,107,0.55) 88%,
transparent 100%
);
z-index:2;
pointer-events:none;
}

.reviews-contact::after{


content:"";
position:absolute;

top:0;
bottom:180px;   /* controla onde a linha termina */

left:56%;
width:18px;

background:linear-gradient(
to bottom,
transparent 0%,
rgba(199,163,107,0.55) 12%,
rgba(199,163,107,1) 50%,
rgba(199,163,107,0.55) 88%,
transparent 100%
);

transform:translateX(-50%);
z-index:2;
pointer-events:none;

}

.reviews-left{
position:relative;
z-index:1;
padding:60px 40px 60px 78px;
background:
linear-gradient(rgba(255,255,255,0.78), rgba(255,255,255,0.82)),
url('../assets/images/backgrounds/marble-bg.jpg') center/cover no-repeat;
}

.reviews-left::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0.04));
pointer-events:none;
z-index:0;
}

.reviews-left > *{
position:relative;
z-index:1;
}

.reviews-left h2{
font-family:'Playfair Display',serif;
font-size:36px;
color:#111;
margin-bottom:10px;
}

.reviews-subtitle{
max-width:360px;
color:#666;
font-size:14px;
line-height:1.6;
margin-bottom:24px;
}

.reviews-widget{
width:100%;
max-width:500px;
min-height:auto;
position:relative;
z-index:3;
}

.reviews-static{
display:flex;
flex-direction:column;
gap:18px;
width:100%;
max-width:430px;
margin-top:24px;
}

.review-card{
background:rgba(255,255,255,0.92);
border-radius:14px;
padding:22px 22px 18px;
box-shadow:0 18px 45px rgba(0,0,0,0.10);
border:1px solid rgba(0,0,0,0.04);
}

.review-stars{
font-size:18px;
letter-spacing:2px;
color:var(--gold);
margin-bottom:10px;
}

.review-card p{
font-size:14px;
line-height:1.7;
color:#444;
margin-bottom:12px;
}

.review-card span{
font-size:13px;
font-weight:600;
color:#111;
display:block;
}

.reviews-right{
position:relative;
z-index:5;
min-height:650px;
background:
linear-gradient(rgba(8,8,8,0.72), rgba(8,8,8,0.82)),
url('../assets/images/backgrounds/menu.png') center/cover no-repeat;
box-shadow:inset 40px 0 80px rgba(0,0,0,0.18);
overflow:visible;
}

.reviews-header h2{
font-family:'Playfair Display',serif;
font-size:42px;
font-weight:600;
color:#111;

text-shadow:
0 4px 6px rgba(0,0,0,0.15),
0 10px 20px rgba(0,0,0,0.20),
0 18px 35px rgba(0,0,0,0.25);
}




.reviews-left h2{
font-family:'Playfair Display',serif;
font-size:42px;
font-weight:600;
color:#111;

text-shadow:
0 4px 6px rgba(0,0,0,0.15),
0 10px 20px rgba(0,0,0,0.20),
0 18px 35px rgba(0,0,0,0.25);

margin-bottom:20px;
}








.contact-panel{
position:absolute !important;
top:130px !important;
left:-95px !important;
width:460px !important;
max-width:460px !important;
background:
linear-gradient(rgba(18,18,18,0.78), rgba(18,18,18,0.84)),
url('../assets/images/backgrounds/menu.png') center/cover no-repeat !important;
padding:38px 34px 34px !important;
border-radius:0 !important;
border:1px solid rgba(199,163,107,0.18) !important;
box-shadow:
0 55px 140px rgba(0,0,0,0.46),
0 20px 45px rgba(0,0,0,0.24),
-18px 0 35px rgba(0,0,0,0.10) !important;
z-index:20 !important;
}

.contact-panel h2{
font-family:'Playfair Display',serif;
font-size:42px;
margin-bottom:12px;
color:#d4af6a;
line-height:1.05;
text-align:center;
}

.contact-subtitle{
font-size:14px;
line-height:1.6;
color:rgba(255,255,255,0.86);
margin:0 auto 24px auto;
max-width:100%;
text-align:center;
white-space:nowrap;
}

.contact-form{
display:flex;
flex-direction:column;
gap:10px;
width:100%;
max-width:340px;
margin:0 auto;
border:1px solid rgba(199,163,107,0.65);
padding:18px;
background:rgba(0,0,0,0.12);
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.03),
0 20px 45px rgba(0,0,0,0.18);
}

.contact-form input,
.contact-form textarea{
width:100%;
border:1px solid rgba(199,163,107,0.22);
background:rgba(0,0,0,0.18);
color:#fff;
padding:12px 13px;
font-family:'Poppins', sans-serif;
font-size:12px;
outline:none;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
color:rgba(255,255,255,0.68);
}

.contact-form textarea{
height:74px;
resize:none;
}

.contact-form button{
margin-top:8px;
align-self:center;
min-width:150px;
border:none;
border-radius:8px;
background:var(--gold);
color:#fff;
padding:11px 18px;
font-family:'Poppins', sans-serif;
font-size:12px;
font-weight:600;
cursor:pointer;
transition:0.25s ease;
box-shadow:0 10px 24px rgba(0,0,0,0.18);
}

.contact-form button:hover{
background:#b89356;
transform:translateY(-1px);
}

@media (max-width:1100px){
.reviews-contact{
grid-template-columns:1fr;
min-height:auto;
background:#f3f3f3;
}

.reviews-left{
padding:50px 24px 20px;
background:
linear-gradient(rgba(255,255,255,0.88), rgba(255,255,255,0.90)),
url('../assets/images/backgrounds/marble-bg.jpg') center/cover no-repeat;
}

.reviews-widget{
margin-top:14px;
max-width:100%;
}

.reviews-static{
max-width:100%;
}

.reviews-right{
min-height:auto;
padding:30px 24px 40px;
}

.contact-panel{
position:relative !important;
top:auto !important;
left:auto !important;
width:100% !important;
max-width:420px !important;
margin:0 auto !important;
}
}



/* ================= GOLD DIVIDER ================= */

.section-divider{
height:2px;
width:100%;
background:linear-gradient(
to right,
transparent 0%,
rgba(199,163,107,0.25) 15%,
rgba(199,163,107,0.95) 50%,
rgba(199,163,107,0.25) 85%,
transparent 100%
);
margin:70px 0;
}

/* ===== FOOTER BASE ===== */

/* ================= FOOTER ================= */

.site-footer{
position:relative;
margin-top:-40px;
padding-top:80px;

background:
linear-gradient(rgba(20,20,20,0.86), rgba(20,20,20,0.86)),
url('../assets/images/backgrounds/menu.png') center/cover no-repeat;

padding:70px 60px 25px;
color:#f3f3f3;
overflow:hidden;
}

.footer-inner{
max-width:1200px;
margin:0 auto;
display:grid;

grid-template-columns:1.3fr 1fr 1fr 1.1fr;

gap:45px;

align-items:start;
}


.footer-inner h2{
font-family:'Playfair Display',serif;
font-size:34px;
font-weight:600;
letter-spacing:0.5px;
color:#f8f8f8;
margin-bottom:14px;
}


.footer-brand h2{
font-size:46px;
line-height:1.1;
letter-spacing:-0.5px;
color:#c7a36b;
}

.footer-brand p{
font-size:15px;
line-height:1.7;
color:#cfcfcf;
max-width:320px;
margin-bottom:18px;
}

.footer-contact-list p{
font-size:14px;
line-height:1.8;
color:rgba(255,255,255,0.78);
margin-bottom:6px;
}

.footer-column h4{
font-family:'Playfair Display',serif;
font-size:20px;
font-weight:500;
color:#c7a36b;
margin-bottom:18px;
letter-spacing:0.5px;
}

.footer-column ul{
list-style:none;
padding:0;
margin:0;
}

.footer-column li{
margin-bottom:10px;
}

.footer-column a{
text-decoration:none;
color:#d5d5d5;
font-size:15px;
transition:0.3s;
}

.footer-column a:hover{
color:#c7a36b;
padding-left:4px;
}

.footer-contact-list p{
font-size:14px;
color:#cfcfcf;
margin-bottom:8px;
}

.footer-contact-list strong{
color:#ffffff;
font-weight:500;
}


.footer-map{
height:220px;
border:1px solid rgba(199,163,107,0.45);
overflow:hidden;
box-shadow:0 20px 50px rgba(0,0,0,0.35);
border-radius:4px;
}

.footer-map iframe{
width:100%;
height:100%;
border:0;
display:block;
}.footer-inner{
grid-template-columns:1.4fr 0.9fr 0.9fr 1.2fr;
}

.footer-bottom{
text-align:center;
margin-top:40px;
padding-top:18px;
border-top:1px solid rgba(199,163,107,0.15);
}

.footer-bottom p{
font-size:13px;
color:#9a9a9a;
letter-spacing:0.4px;
}


.site-footer::before{
content:"";
position:absolute;
top:0;
left:50%;
width:92%;
height:2px;
transform:translateX(-50%);
background:linear-gradient(
to right,
transparent 0%,
rgba(199,163,107,0.30) 15%,
rgba(199,163,107,1) 50%,
rgba(199,163,107,0.30) 85%,
transparent 100%
);
pointer-events:none;
z-index:2;
}


@media (max-width: 1100px){

.footer-inner{
grid-template-columns:1.4fr 0.9fr 0.9fr 1.2fr;
}
.footer-map{
grid-column:1 / -1;
}

}

@media (max-width: 768px){

.site-footer{
padding:50px 25px 20px;
}

.footer-inner{
grid-template-columns:1fr;
gap:30px;
}

.footer-brand h2{
font-size:40px;
color:#c7a36b;
}

.footer-map{
min-height:220px;
}

}
.footer-column ul{
list-style:none;
padding:0;
margin:0;
}

.footer-column li{
margin-bottom:10px;
}

.footer-column a{
text-decoration:none;
color:#d5d5d5;
font-size:15px;
transition:0.3s;
}



.top-word{
width:100%;
text-align:center;
padding:20px 0;
background:#c7a36b; /* dourado do site */
}

/* afasta o Quick Links da primeira coluna */
.footer-column:first-of-type{
margin-left:30px;
}

.footer-inner .footer-column:first-of-type{
margin-left:50px;
}


/* ================= NAVBAR ================= */
/* ================= NAVBAR ================= */

/* ================= NAVBAR ================= */

/* ================= NAVBAR ================= */

.navbar{
width:100%;
padding:28px 40px;
box-sizing:border-box;

position:relative;
z-index:10;

/* textura + gradiente claro */
background:
linear-gradient(
rgba(255,255,255,0.30),
rgba(255,255,255,0.12)
),
url('../assets/images/backgrounds/menu.png');

background-size:cover;
background-position:center;

/* sombra leve para separar do hero */
box-shadow:0 6px 18px rgba(0,0,0,0.08);

/* linha inferior elegante */
border-bottom:1px solid rgba(0,0,0,0.06);
}

/* linha dourada premium no topo */

.navbar::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:2px;

background:linear-gradient(
to right,
transparent,
#c7a36b,
transparent
);
}


/* ================= MENU ================= */

.nav-menu{
display:flex;
justify-content:flex-end;
align-items:center;
gap:46px;
}


/* ================= LINKS ================= */

.nav-menu a{
font-family:'Poppins',sans-serif;
font-size:14px;
letter-spacing:1.6px;
text-decoration:none;

color:#444;

font-weight:500;
position:relative;

transition:all .35s ease;
}

.nav-menu a:hover{
color:#c7a36b;
}


/* ================= HOVER ================= */

.nav-menu a:hover{
color:#c7a36b;
}


/* ================= LINHA DOURADA ================= */

.nav-menu a::after{
content:"";

position:absolute;
left:0;
bottom:-7px;

width:0;
height:2px;

background:#c7a36b;

transition:width .35s ease;
}

.nav-menu a:hover::after{
width:100%;
}
/* ================= LANGUAGE SWITCH ================= */

.lang-switch{
display:flex;
align-items:center;
gap:10px;
margin-left:25px;
}

/* bandeira */

.lang-flag{
display:flex;
align-items:center;
justify-content:center;

width:34px;
height:26px;

font-size:18px;

border:2px solid transparent;
border-radius:6px;

transition:all .3s ease;
}

/* hover */

.lang-flag:hover{
border-color:#c7a36b;
transform:translateY(-2px);
box-shadow:0 4px 10px rgba(0,0,0,0.15);
}

/* idioma ativo */

.lang-flag.active{
border-color:#c7a36b;
background:rgba(199,163,107,0.12);
}

/* ================= FLOATING LOGO ================= */


.floating-logo{
position:absolute;
top:35px;
left:54%;

transform:translateX(-630px);

z-index:60;
pointer-events:none;
}

.floating-logo img{
height:135px;
display:block;

filter:
drop-shadow(0 20px 35px rgba(0,0,0,0.45))
drop-shadow(0 40px 80px rgba(0,0,0,0.35))
drop-shadow(0 80px 140px rgba(0,0,0,0.25));

background:transparent;
}

/* ================= FLOATING EFFECT ================= */

.floating-logo img{
animation:logoFloat 6s ease-in-out infinite;
}

@keyframes logoFloat{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-6px);
}

100%{
transform:translateY(0px);
}

}




/* ================= Fontes ================= */

h1,h2,h3{
font-family:'Playfair Display', serif;
font-weight:500;
letter-spacing:0.5px;
}
body,p,a,li,span{
font-family:'Poppins', sans-serif;
}

/* ================= linha dourada dividindo o hero e about ================= */
.gold-divider{
width:100%;
height:2px;

background:linear-gradient(
to right,
transparent 0%,
rgba(199,163,107,0.2) 20%,
#c7a36b 50%,
rgba(199,163,107,0.2) 80%,
transparent 100%
);
}



/* ================= PREMIUM GOLD DIVIDER ================= */

.gold-divider-premium{
width:100%;
height:3px;

background:linear-gradient(
90deg,
transparent 0%,
rgba(199,163,107,0.15) 15%,
#c7a36b 50%,
rgba(199,163,107,0.15) 85%,
transparent 100%
);

position:relative;

box-shadow:
0 0 8px rgba(199,163,107,0.35),
0 0 25px rgba(199,163,107,0.25);

}



/* ================================================= */
/* ================= RESPONSIVE ==================== */
/* ================================================= */


/* ================= TABLET ================= */

@media (max-width:1024px){

.site{
width:95%;
}

/* ABOUT */

.about-wrapper{
grid-template-columns:1fr;
gap:50px;
}

.about-stats{
margin-right:0;
justify-content:center;
}

/* SERVICES */

.services-grid{
grid-template-columns:repeat(2,1fr);
}

/* EDGE */

.edge-grid{
grid-template-columns:repeat(2,1fr);
}

/* GALLERY */

.gallery-grid{
grid-template-columns:repeat(2,1fr);
}

/* PROJECT */

.project-grid{
grid-template-columns:repeat(2,1fr);
}

/* FOOTER */

.footer-inner{
grid-template-columns:1fr 1fr;
}

}


/* ================= MOBILE ================= */

@media (max-width:768px){

/* NAVBAR */

.navbar{
padding:18px 20px;
}

.nav-menu{
flex-wrap:wrap;
justify-content:center;
gap:20px;
}

/* FLOATING LOGO */

.floating-logo{
display:none;
}

/* HERO */

.hero{
height:520px;
padding:0 20px;
}

.hero h1,
.hero-content h1{
font-size:34px;
}

/* ABOUT */

.about{
padding:80px 25px;
}

.about-wrapper{
grid-template-columns:1fr;
}

.about-stats{
flex-direction:column;
align-items:center;
gap:20px;
}

/* SERVICES */

.services{
padding:90px 25px;
}

.services-grid{
grid-template-columns:1fr;
}

/* EDGE PROFILES */

.edge-grid{
grid-template-columns:1fr;
}

/* GALLERY */

.gallery{
padding:90px 25px;
}

.gallery-grid{
grid-template-columns:1fr;
gap:25px;
}

/* PROJECT GALLERY */

.project-gallery{
padding:90px 25px;
}

.project-grid{
display:grid;
grid-template-columns:1fr;
gap:26px;
max-width:420px;
margin:auto;
}

.project-item{
border-radius:18px;
overflow:hidden;
box-shadow:0 18px 50px rgba(0,0,0,0.18);
}

.project-item img{
width:100%;
height:280px;
object-fit:cover;
}

/* REVIEWS + CONTACT */

.reviews-contact{
grid-template-columns:1fr;
}

.reviews-contact::after{
display:none;
}

/* REVIEWS */

.reviews-left{
padding:40px 25px;
}

.reviews-right{
padding:40px 25px;
min-height:auto;
}

/* CONTACT */

.contact-panel{
position:relative !important;
left:auto !important;
top:auto !important;

width:100% !important;
max-width:380px !important;

margin:40px auto !important;

padding:28px 22px !important;
}

/* FORM */

.contact-form{
max-width:100%;
padding:16px;
}

.contact-subtitle{
white-space:normal;
text-align:center;
}

/* FOOTER */

.site-footer{
padding:50px 25px 20px;
}

.footer-inner{
grid-template-columns:1fr;
text-align:center;
}

.footer-map{
min-height:220px;
}

}


/* ================= SMALL PHONES ================= */

@media (max-width:480px){

.hero h1,
.hero-content h1{
font-size:28px;
}

.services h2{
font-size:34px;
}

.gallery h2{
font-size:34px;
}

.about-left h2{
font-size:34px;
}

.nav-menu{
gap:15px;
}

.nav-menu a{
font-size:13px;
}

}

/* ===== FIX GALLERY MOBILE ===== */

@media (max-width:768px){

.gallery-grid{
grid-template-columns:1fr;
gap:25px;
}

/* remove layout desktop */

.gallery-item:nth-child(1),
.gallery-item:nth-child(2),
.gallery-item:nth-child(3),
.gallery-item:nth-child(4),
.gallery-item:nth-child(5){
grid-column:auto !important;
}

.gallery-item{
height:260px;
}

}

/* ===== CALL NOW ===== */

/* Desktop e tablets maiores: escondido */
@media (min-width:769px){
  .call-now-mobile{
    display:none !important;
  }
}

/* Mobile: visível e fixo */
@media (max-width:768px){
  .call-now-mobile{
    display:flex !important;

    position:fixed;
    bottom:20px;
    right:20px;

    background:#c7a36b;
    color:#fff;

    padding:14px 22px;
    border-radius:40px;

    font-size:16px;
    font-weight:600;
    text-decoration:none;

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

    z-index:99999;
  }
}

/* ===== FOOTER PARTNERS ===== */

.footer-brands{

margin-top:35px;
padding-top:25px;

border-top:1px solid rgba(255,255,255,0.15);

text-align:center;

}

.footer-brands-title{

font-family:'Playfair Display',serif;
font-size:20px;

color:#c7a36b; /* dourado do site */

margin-bottom:20px;

letter-spacing:0.5px;

}


.footer-brands-logos{

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

gap:60px;

flex-wrap:wrap;

}

.footer-brands-logos img{

height:30px;
width:auto;

opacity:0.8;

filter:grayscale(100%);

transition:0.3s;

}

.footer-brands-logos img:hover{

opacity:1;

filter:grayscale(0%);

transform:scale(1.05);

}

/* ===== FOOTER BRANDS MOBILE ===== */

@media (max-width:768px){

.footer-brands-logos{
gap:30px;
}

.footer-brands-logos img{
height:20px;
}

}

.success-modal{
position:fixed;
inset:0;
background:rgba(0,0,0,0.55);
display:flex;
align-items:center;
justify-content:center;
z-index:9999;

opacity:0;
visibility:hidden;

transition:.3s;
}

.success-modal.show{
opacity:1;
visibility:visible;
}

.success-card{

background:white;
padding:55px;
text-align:center;

box-shadow:0 40px 120px rgba(0,0,0,0.25);

max-width:420px;

}

.success-icon{

font-size:38px;
color:#c7a36b;

}

.success-card h2{

font-family:'Playfair Display',serif;
margin:10px 0;

}

.success-btn{

margin-top:18px;
background:#c7a36b;
color:white;

border:none;
padding:12px 20px;

cursor:pointer;

}
.success-popup{

position:fixed;
inset:0;

background:rgba(0,0,0,0.6);

display:none;

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

z-index:9999;

}

.success-box{

background:white;

padding:40px;

text-align:center;

max-width:420px;

box-shadow:0 40px 120px rgba(0,0,0,0.25);

}

.success-box h2{

font-family:'Playfair Display',serif;
color:#c7a36b;

}

.success-box button{

margin-top:15px;

background:#c7a36b;
color:white;

border:none;

padding:10px 20px;

cursor:pointer;

}


/* ===== galeria mobile ===== */

@media (max-width:768px){

.project-modal-content{
width:100%;
max-width:100%;
padding:20px;
box-sizing:border-box;
}

.project-grid{
width:100%;
max-width:100%;
margin:0;
padding:0;
box-sizing:border-box;
}

.project-item{
width:100%;
}

.project-item img{
width:100%;
height:auto;
display:block;
}

.project-modal{
overflow-x:hidden;
}

}
@media (max-width:768px){

.project-grid{
grid-template-columns:1fr;
gap:16px;
padding:0 12px;
}

.project-item{
width:92%;
margin:0 auto;
}

}
.project-item img{
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,0.25);
}



/* ===== SUCCESS POPUP ===== */

.success-popup{

position:fixed;
top:0;
left:0;
width:100%;
height:100%;

background:rgba(0,0,0,0.55);
backdrop-filter:blur(4px);

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

z-index:9999;

}

/* BOX */

.success-box{

background:#ffffff;

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

padding:40px 35px;

border-radius:6px;

text-align:center;

box-shadow:
0 30px 80px rgba(0,0,0,0.35);

animation:popupFade .35s ease;

}

/* CHECK ICON */

.success-box::before{

content:"✓";

display:block;

font-size:38px;
color:#c7a36b;

margin-bottom:10px;

}

/* TITLE */

.success-box h2{

font-family:'Playfair Display',serif;
font-size:30px;

color:#c7a36b;

margin-bottom:10px;

}

/* TEXT */

.success-box p{

font-family:'Poppins',sans-serif;
font-size:14px;

color:#444;

line-height:1.6;

margin-bottom:25px;

}

/* BUTTON */

.success-box button{

background:#c7a36b;

color:white;

border:none;

padding:10px 24px;

font-size:14px;

border-radius:3px;

cursor:pointer;

transition:.25s;

}

.success-box button:hover{

background:#b89357;

transform:translateY(-1px);

}

/* ANIMATION */

@keyframes popupFade{

from{

opacity:0;
transform:translateY(20px) scale(.95);

}

to{

opacity:1;
transform:translateY(0) scale(1);

}

}


@media (max-width:768px){

.hero-prev,
.hero-next,
.slider-arrow,
.hero-arrow{
display:none;
}

}


@media (max-width:768px){

.modal-content{
width:94%;
max-width:94%;
padding:25px;
margin:auto;
}

.project-grid{
grid-template-columns:1fr;
gap:18px;
}

.project-item img{
height:auto;
}

}