:root{

--ivory:#f7f3ee;
--champagne:#d6c2a3;
--dark:#171717;

}

body{

font-family:'Montserrat',sans-serif;
background:var(--ivory);
color:var(--dark);
overflow-x:hidden;

}

h1,h2,h3{

font-family:'Cormorant Garamond',serif;

}

.main-header{

position:fixed;
width:100%;
z-index:999;

backdrop-filter:blur(15px);

background:rgba(255,255,255,.25);

}

.navbar-brand{

font-family:'Cormorant Garamond',serif;
font-size:2rem;
color: var(--champagne);
text-shadow: 1px 1px 3px var(--dark);
font-weight: 600;
}

.hero{

display:grid;
grid-template-columns:60% 40%;
min-height:100vh;

}

.hero-image{

background:url('../img/foto-noivos-sol.avif');
background-size:cover;
background-position:center;

}

.hero-content{

display:flex;
flex-direction:column;
justify-content:center;

padding:80px;

}

.eyebrow{

letter-spacing:5px;
font-size:.8rem;

}

.hero h1{

font-size:6rem;
line-height:0.9;

margin:30px 0;

}

.btn-fashion{

display:inline-block;
padding:15px 40px;

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

text-decoration:none;

color:var(--dark);

transition:.3s;

}

.btn-fashion:hover{

background:var(--dark);
color:white;

}

.manifesto{

padding:150px 0;
text-align:center;

}

.manifesto h2{

font-size:4rem;
max-width:1000px;
margin:auto;

}

.editorial-img{

width:100%;
height:900px;
object-fit:cover;

}

.editorial-text{

padding:100px;

}

.editorial-text span{

letter-spacing:4px;
font-size:.8rem;

}

.editorial-text h2{

font-size:4rem;
margin:20px 0;

}

.editorial-text a{

text-decoration:none;
color:black;

}

.experience{

padding:140px 0;

}

.timeline{

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

gap:40px;
margin-top:80px;

}

.timeline span{

font-size:4rem;
font-family:'Cormorant Garamond',serif;
color:var(--champagne);

}

.testimonials{

padding:180px 0;

text-align:center;

}

.quote{

font-size:3rem;
font-family:'Cormorant Garamond',serif;

max-width:900px;
margin:auto;

}

.author{

margin-top:40px;

}

.final-cta{

height:70vh;

background:url('../img/foto-maos-dadas.avif');

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

position:relative;

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

}

.final-cta .overlay{

position:absolute;
inset:0;
background:rgba(0,0,0,.4);

}

.final-cta .content{

position:relative;
z-index:2;
text-align:center;
color:white;

}

.final-cta h2{

font-size:5rem;
margin-bottom:30px;

}

footer{

padding:80px 0;

background:#111;
color:white;

}

.credits {
    padding-top: 25px;
    font-size: 8pt;
}

@media(max-width:991px){

.hero{

grid-template-columns:1fr;

}

.hero-image{

height:60vh;

}

.hero h1{

font-size:4rem;

}

.manifesto h2{

font-size:2.5rem;

}

.editorial-text{

padding:60px 30px;

}

.editorial-text h2{

font-size:2.8rem;

}

.editorial-img{

height:500px;

}

.timeline{

grid-template-columns:1fr 1fr;

}

.final-cta h2{

font-size:3rem;

}

}