@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap');

:root{
--bg:#f8fafc;
--text:#0f172a;
--muted:#64748b;

```
--shadow:
0 10px 30px rgba(0,0,0,.06);

--shadow-hover:
0 25px 60px rgba(0,0,0,.15);
```

}

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

body{
font-family:'Plus Jakarta Sans',sans-serif;
background:var(--bg);
color:var(--text);
}

/* NAVBAR */

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;

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

  padding: 10px 8%;

  background-color: #8feb93;   /* Lighter Navy Blue */
  backdrop-filter: blur(20px);

  z-index: 999;
}

.logo {
  display: flex;
  align-items: center;
  gap: 15px;
}

.logo img {
  width: 60px;
  height: 60px;
}

.logo span {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;              /* White text for logo name */
}

.nav-links {
  display: flex;
  gap: 30px;
}

.nav-links a {
  text-decoration: none;
  color: #ffffff;              /* White text for links */
  font-weight: 600;
  transition: color 0.3s ease;
}

.nav-links a:hover {
  color: #C5A46D;              /* Muted Gold hover effect */
}


/* HERO */

.hero{

```
min-height:100vh;

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

text-align:center;

padding:120px 20px 60px;
```

}

.hero-logo{
width:150px;
}

.hero-title{

```
font-family:
'Cormorant Garamond',
serif;

font-size:
clamp(4rem,10vw,7rem);

margin-top:20px;
```

}

.signature{
    font-family:'Allura',cursive;
    font-size:clamp(5rem,10vw,8rem);
    font-weight:400;
    color:#0f172a;
    line-height:1;
    margin-bottom:20px;
}

.hero-subtitle{

```
margin-top:20px;

color:var(--muted);

font-size:1.1rem;
```

}

.hero-btn{

```
display:inline-block;

margin-top:30px;

padding:15px 28px;

background:white;

color:var(--text);

text-decoration:none;

border-radius:999px;

box-shadow:var(--shadow);
```

}

.social-icons{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:22px;
    margin-top:50px;
}

.social-icons a{

    width:80px;
    height:80px;

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

    background:#ffffff;

    border-radius:28px;

    color:#0f172a;

    text-decoration:none;

    font-size:34px;

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

    transition:.35s ease;
}

.social-icons a:hover{

    transform:
    translateY(-8px)
    scale(1.05);

    box-shadow:
    0 25px 60px rgba(0,0,0,.15);
}
/* GALLERY */

.gallery{


column-count:3;

column-gap:24px;

padding:50px 6% 100px;


}

.gallery-item{


margin-bottom:24px;

break-inside:avoid;

position:relative;


}

.gallery-item img{


width:100%;

display:block;

border-radius:22px;

cursor:pointer;

box-shadow:var(--shadow);

transition:.4s;


}

.gallery-item img:hover{


transform:translateY(-8px);

box-shadow:var(--shadow-hover);


}

.source-badge{


position:absolute;

right:12px;
bottom:12px;

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

color:white;

text-decoration:none;

padding:6px 10px;

border-radius:999px;

font-size:12px;


}

/* FOOTER */

footer{

```
text-align:center;

padding:50px;

color:var(--muted);
```

}

/* LIGHTBOX */

#lightbox{

```
position:fixed;

inset:0;

display:none;

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

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

z-index:9999;
```

}

#lightbox img{

```
max-width:90%;

max-height:90vh;

border-radius:20px;
```

}

#closeLightbox{

```
position:absolute;

top:30px;
right:40px;

color:white;

font-size:40px;

cursor:pointer;
```

}

@media(max-width:900px){

```
.gallery{
    column-count:2;
}
```

}

@media(max-width:600px){

```
.gallery{
    column-count:1;
}

.hero-title{
    font-size:4rem;
}

```

}
.footer{
    padding:40px 20px;
    text-align:center;
    background:#8feb93;
    border-top:1px solid #e5e7eb;
}

.footer-social{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-bottom:15px;
}

.footer-social a{
    color:#0f172a;
    font-size:1.3rem;
    transition:.3s;
}

.footer-social a:hover{
    transform:translateY(-3px);
    color:#22c55e;
}

.footer p{
    color:#64748b;
    font-size:0.95rem;
}

/* MOBILE OPTIMIZATION */

@media (max-width: 768px) {

    .navbar{
        padding:10px 20px;
    }

    .logo{
        gap:10px;
    }

    .logo img{
        width:45px;
        height:45px;
    }

    .logo span{
        font-size:18px;
        display:block;
    }

    .nav-links{
        gap:15px;
    }

    .nav-links a{
        font-size:14px;
    }

    .hero{
        min-height:85vh;
        padding:100px 20px 40px;
    }

    .signature{
        font-size:clamp(3rem,12vw,5rem);
        line-height:1.1;
        margin-bottom:15px;
    }

    .hero-btn{
        padding:12px 24px;
        font-size:14px;
    }

    .social-icons{
        gap:12px;
        margin-top:35px;
    }

    .social-icons a{
        width:60px;
        height:60px;
        border-radius:20px;
        font-size:26px;
    }

    .gallery{
        column-count:1;
        column-gap:0;
        padding:30px 15px 60px;
    }

    .gallery-item{
        margin-bottom:15px;
    }

    .gallery-item img{
        border-radius:16px;
    }

    .footer{
        padding:30px 15px;
    }

    .footer-social{
        gap:15px;
    }
}
html{
    overflow-x:hidden;
}

body{
    overflow-x:hidden;
}