:root {
    --cyan: #d4a373; 
    --cyan-dark: #bc8a5f; 
    --bg: linear-gradient(135deg, #2b231d 0%, #1a1512 100%);
    --glass: rgba(58, 45, 37, 0.7); 
    --text: #fefae0; 
    --muted: #faedcd; 
    --radius: 20px;
    --max-w: 1240px;
    --btn: #d4a373;
}

* {margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--text);background:var(--bg);background-attachment:fixed;line-height:1.65;min-height:100vh;}
.container{max-width:var(--max-w);margin:0 auto;padding:0 20px}

/* Back button */
.back-home{
    position:fixed;top:20px;left:20px;z-index:1000;
    background:var(--btn);color:#1a1512;font-weight:600;padding:12px 24px;border-radius:50px;
    display:flex;align-items:center;gap:10px;box-shadow:0 8px 32px rgba(0,0,0,0.6);
    transition:all .3s;text-decoration:none;
}
.back-home:hover{background:var(--cyan-dark);transform:translateY(-3px);}

/* Hero */
.hero{text-align:center;padding:150px 20px 90px}
.hero h1{font-size:clamp(3rem,8vw,5.5rem);font-weight:900;letter-spacing:-2px}
.slim{display:inline-block;margin-left:14px;background:linear-gradient(90deg,var(--cyan),#faedcd);-webkit-background-clip:text;color:transparent;
      font-size:0.65em;padding:8px 20px;border:2px solid rgba(212,163,115,0.4);border-radius:50px;vertical-align:middle;}
.subtitle{font-size:1.55rem;color:var(--muted);margin:24px 0 12px}
.highlight{background:linear-gradient(90deg,var(--cyan),#faedcd);-webkit-background-clip:text;color:transparent;font-weight:700;}
.tagline{font-size:1.25rem;color:var(--cyan);font-weight:600;margin-top:16px}

/* Sections */
.section{padding:100px 0}
h2{font-size:2.5rem;text-align:center;margin-bottom:60px;font-weight:800;
   background:linear-gradient(90deg,#fff,var(--cyan));-webkit-background-clip:text;color:transparent;}

/* Grids & cards */
.grid-2,.features-grid,.contact-grid,.gallery-grid{display:grid;gap:28px;}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));max-width:1100px;margin:0 auto;}
.features-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));max-width:1150px;margin:40px auto 0;}
.contact-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:800px;margin:40px auto 0; justify-content: center;}
.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-width:1200px;margin:0 auto;}

.card,.feature,.contact-card{
    background:var(--glass);padding:36px;border-radius:var(--radius);
    border:1px solid rgba(212,163,115,0.2);backdrop-filter:blur(12px);
    transition:transform .4s,border .4s, box-shadow .4s;
}
.card:hover,.feature:hover,.contact-card:hover{
    transform:translateY(-12px);border-color:var(--cyan);box-shadow:0 25px 60px rgba(0,0,0,0.5);
}
.icon{font-size:3.2rem;color:var(--cyan);margin-bottom:20px}
.feature i{font-size:2.8rem;background:linear-gradient(135deg,var(--cyan),#faedcd);-webkit-background-clip:text;color:transparent;margin-bottom:16px}

/* Contact */
.contact-card{
    display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text);
    text-align:center;
}
.contact-card i{font-size:2.5rem;margin-bottom:10px;color:var(--cyan);}
.contact-card .label{display:block;margin-bottom:8px;font-weight:600;color:var(--cyan);}
.contact-card strong{font-size:1.2rem;}
.contact .lead {text-align: center; max-width: 800px; margin: 0 auto 40px; color: var(--muted); font-size: 1.1rem;}

/* Gallery */
.gallery-grid img{
    width:100%;height:240px;object-fit:cover;border-radius:16px;cursor:zoom-in;
    box-shadow:0 12px 40px rgba(0,0,0,0.6);transition:all .4s;
}
.gallery-grid img:hover{transform:scale(1.04);box-shadow:0 30px 80px rgba(0,0,0,0.7)}

/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,0.97);display:flex;align-items:center;justify-content:center;
          z-index:9999;opacity:0;visibility:hidden;transition:all .4s;backdrop-filter:blur(8px);}
.lightbox.show{opacity:1;visibility:visible}
.lightbox img{max-width:92%;max-height:92%;border-radius:16px;}
.close{position:absolute;top:30px;right:30px;width:56px;height:56px;background:rgba(255,255,255,0.15);
       border-radius:50%;color:white;font-size:2rem;display:grid;place-items:center;cursor:pointer; border:none;}

/* Footer */
.footer{text-align:center;padding:70px 20px 40px;color:var(--muted);font-size:0.95rem; opacity: 0.8;}

/* Main Photo */
.main-photo {
    text-align: center;
    margin: 50px auto 0;
    max-width: 800px;
}
.main-photo img {
    width: 100%;
    max-width: 800px;
    height: auto;
    border-radius: 24px;
    border: 3px solid rgba(212,163,115,0.3);
    box-shadow: 0 20px 60px rgba(0,0,0,0.5);
    transition: all .4s ease;
}

@media(max-width:768px){
    .hero{padding:120px 20px 70px}
    .back-home{position:static;margin:20px auto;display:block;width:fit-content}
    .grid-2,.features-grid,.contact-grid,.gallery-grid{grid-template-columns:1fr;gap:20px;}
    .contact-grid{max-width: 400px; margin: 0 auto;}
}