:root{
2
--green:#1f4637;
3
--gold:#b88a3b;
4
--cream:#f7f3eb;
5
--dark:#14231d;
6
}
7
 
8
*{
9
margin:0;
10
padding:0;
11
box-sizing:border-box;
12
}
13
 
14
html{
15
scroll-behavior:smooth;
16
}
17
 
18
body{
19
font-family:Montserrat,sans-serif;
20
line-height:1.8;
21
color:#333;
22
}
23
 
24
header{
25
position:fixed;
26
width:100%;
27
z-index:1000;
28
background:rgba(0,0,0,.55);
29
backdrop-filter:blur(8px);
30
}
31
 
32
nav{
33
max-width:1200px;
34
margin:auto;
35
padding:20px;
36
display:flex;
37
justify-content:space-between;
38
align-items:center;
39
}
40
 
41
.logo{
42
font-size:2rem;
43
color:white;
44
font-weight:700;
45
letter-spacing:4px;
46
}
47
 
48
.menu a{
49
color:white;
50
text-decoration:none;
51
margin-left:25px;
52
font-size:.95rem;
53
}
54
 
55
.hero{
56
height:100vh;
57
background:url("images/hero.png") center center/cover;
58
position:relative;
59
display:flex;
60
justify-content:center;
61
align-items:center;
62
text-align:center;
63
}
64
 
65
.overlay{
66
position:absolute;
67
inset:0;
68
background:rgba(0,0,0,.45);
69
}
70
 
71
.hero-content{
72
position:relative;
73
color:white;
74
z-index:2;
75
}
76
 
77
.hero h1{
78
font-family:'Playfair Display',serif;
79
font-size:6rem;
80
margin-bottom:10px;
81
}
82
 
83
.location{
84
opacity:.9;
85
margin-top:10px;
86
}
87
 
88
.btn{
89
display:inline-block;
90
margin-top:30px;
91
padding:15px 40px;
92
background:var(--gold);
93
color:white;
94
text-decoration:none;
95
border-radius:40px;
96
}
97
 
98
.section{
99
padding:100px 10%;
100
}
101
 
102
.light{
103
background:var(--cream);
104
}
105
 
106
.dark{
107
background:var(--dark);
108
}
109
 
110
.white{
111
color:white;
112
}
113
 
114
.container{
115
max-width:1200px;
116
margin:auto;
117
display:grid;
118
grid-template-columns:1fr 1fr;
119
gap:60px;
120
align-items:center;
121
}
122
 
123
.container img{
124
width:100%;
125
border-radius:12px;
126
}
127
 
128
.text h2,
129
.center{
130
font-family:'Playfair Display',serif;
131
font-size:3rem;
132
margin-bottom:25px;
133
color:var(--green);
134
}
135
 
136
.dark .center{
137
color:white;
138
}
139
 
140
.gallery{
141
display:grid;
142
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
143
gap:25px;
144
max-width:1200px;
145
margin:40px auto;
146
}
147
 
148
.gallery img{
149
width:100%;
150
height:450px;
151
object-fit:cover;
152
border-radius:12px;
153
}
154
 
155
.intro{
156
max-width:900px;
157
margin:auto;
158
text-align:center;
159
font-size:1.1rem;
160
}
161
 
162
.contact{
163
text-align:center;
164
background:var(--green);
165
color:white;
166
}
167
 
168
.contact h2{
169
color:white;
170
font-family:'Playfair Display',serif;
171
margin-bottom:20px;
172
}
173
 
174
footer{
175
background:#0f1a15;
176
color:white;
177
text-align:center;
178
padding:25px;
179
}
180
 
181
@media(max-width:900px){
182
 
183
.container{
184
grid-template-columns:1fr;
185
}
186
 
187
.hero h1{
188
font-size:4rem;
189
}
190
 
191
.menu{
192
display:none;
193
}
194
 
195
}