* {

margin:0;
padding:0;
box-sizing:border-box;

}



html {

scroll-behavior:smooth;

}



body {

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

background:#f8f1e8;

color:#171717;

overflow-x:hidden;

}



h1,
h2,
h3 {

font-family:'Playfair Display',serif;

}




/* NAV */


nav {

display:flex;

justify-content:space-between;

align-items:center;

padding:30px 8%;

}



.logo {

font-size:36px;

letter-spacing:8px;

text-decoration:none;

color:#171717;

}



.menu a {

text-decoration:none;

color:#171717;

margin-left:25px;

transition:.3s;

}



.menu a:hover {

color:#b08a4f;

}





/* HERO */


.hero {

height:90vh;

background:

linear-gradient(
rgba(0,0,0,.35),
rgba(0,0,0,.35)
),

url("https://images.unsplash.com/photo-1560066984-138dadb4c035")

center/cover;



display:flex;

justify-content:center;

align-items:center;

text-align:center;

color:white;

padding:40px 8%;

}



.hero-content {

max-width:900px;

}



.small {

letter-spacing:5px;

font-size:13px;

}



.hero h1 {

font-size:75px;

line-height:1.1;

margin:20px 0;

}



.hero p {

font-size:22px;

margin:30px 0;

}







.button {

display:inline-block;

padding:15px 40px;

background:#c6a15b;

color:white;

border-radius:40px;

text-decoration:none;

transition:.3s;

}



.button:hover {

background:white;

color:#171717;

}







section {

padding:90px 8%;

}







/* O NAMA */


.about-grid {

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}



.about-image img {

width:100%;

height:600px;

object-fit:cover;

}



.about-text h2 {

font-size:55px;

margin:20px 0;

}



.about-text p:last-child {

color:#666;

font-size:19px;

line-height:1.8;

}








/* RITUALI */


.title {

text-align:center;

margin-bottom:50px;

}



.title h2 {

font-size:45px;

margin-top:15px;

}



.ritual-list {

max-width:900px;

margin:auto;

}



.ritual-item {

display:grid;

grid-template-columns:100px 1fr;

gap:30px;

padding:35px 0;

border-bottom:1px solid rgba(0,0,0,.15);

}



.ritual-item span {

font-size:50px;

color:#c6a15b;

}



.ritual-item h3 {

font-size:32px;

margin-bottom:10px;

}



.ritual-item p {

color:#666;

line-height:1.7;

}








/* GALERIJA */


.gallery {

display:grid;

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

gap:20px;

}



.gallery img {

width:100%;

height:400px;

object-fit:cover;

border-radius:20px;

}







/* INSTAGRAM */


.instagram {

text-align:center;

background:white;

}



.instagram h2 {

font-size:45px;

}



.instagram p {

color:#c6a15b;

margin-top:15px;

}







/* REVIEW */


.review {

text-align:center;

}



.review h2 {

font-size:50px;

color:#c6a15b;

}



.review p {

color:#666;

}







/* KONTAKT */


.contact {

background:#171717;

color:white;

text-align:center;

}



.contact h2 {

font-size:45px;

margin-bottom:20px;

}



.contact p {

margin-bottom:30px;

}







/* FOOTER */


footer {

background:#111;

color:white;

text-align:center;

padding:30px;

}



footer a {

display:inline-block;

margin-top:15px;

color:#c6a15b;

text-decoration:none;

}







@media(max-width:800px){


nav {

flex-direction:column;

gap:20px;

}



.menu a {

margin:0 8px;

}



.hero h1 {

font-size:45px;

}



.about-grid {

grid-template-columns:1fr;

}



.about-image img {

height:400px;

}



.ritual-item {

grid-template-columns:60px 1fr;

}



.ritual-item span {

font-size:35px;

}



.gallery {

grid-template-columns:1fr;

}



}