/* Styles for Tiramit Prest one-page site */
:root{
  --bg:#000;
  --text:#fff;
  --accent:#FFD400;
  --muted:#bfbfbf;
  --container:1100px;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,'Helvetica Neue',Arial;color:var(--text);background:var(--bg);}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}

/* Header / Nav */
.site-header{position:fixed;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(0,0,0,0.6),rgba(0,0,0,0.3));backdrop-filter:blur(4px);z-index:40}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.logo{height:48px}
.main-nav a{color:var(--text);text-decoration:none;margin-left:18px;font-weight:600}
.nav-toggle{display:none;background:none;border:0;color:var(--text);font-size:20px}

/* Hero */
.hero{position:relative;height:100vh;min-height:640px;display:flex;align-items:center;justify-content:center}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;/*filter:contrast(0.95) saturate(0.85) brightness(0.55)*/;background-attachment:fixed;transform:scale(1.0)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.35),rgba(0,0,0,0.65))}
.hero-content{position:relative;z-index:2;color:var(--text);text-align:center;padding:30px;max-width:980px}
.hero-logo{height:96px;margin-bottom:18px}
.hero h1{font-size:3.6rem;margin:6px 0;color:var(--accent);letter-spacing:1px}
.lead{color:var(--text);opacity:0.95;margin:12px 0 26px;font-size:0.85rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:300}
.btn{display:inline-block;padding:14px 22px;border-radius:8px;text-decoration:none;font-weight:800}

/* Jumbotron specifics */
.hero .cta{margin-top:18px}

.btn.primary{background:var(--accent);color:#000}
.btn.ghost{border:2px solid rgba(255,255,255,0.12);color:var(--text);margin-left:10px}

/* Sections */
.section{padding:80px 0}
.section.alt{background:#070707}
h2{color:var(--accent);margin:0 0 14px}
p{color:var(--muted);line-height:1.6}

.services-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.services-list li{background:#0b0b0b;padding:18px;border-radius:10px;border:1px solid rgba(255,255,255,0.03)}
.services-list h3{margin:0 0 6px;color:var(--text)}

.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.gallery img{width:100%;height:160px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,0.04)}

.contact-form{max-width:720px;margin-top:16px}
.contact-form label{display:block;margin-bottom:10px;color:var(--muted)}
.contact-form input,.contact-form textarea{width:100%;padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,0.06);background:#0b0b0b;color:var(--text)}

.site-footer{padding:18px 0;border-top:1px solid rgba(255,255,255,0.03);text-align:center}

/* Responsive */
@media (max-width:900px){
  .main-nav{display:none}
  .nav-toggle{display:inline-flex}
  .hero{min-height:520px}
  .hero h1{font-size:2.2rem}
  .hero-logo{height:72px}
  .lead{font-size:0.9rem}
}

@media (max-width:520px){
  .hero{height:70vh;min-height:420px}
  .gallery img{height:120px}
  .hero h1{font-size:1.6rem}
  .hero-logo{height:56px}
  .lead{font-size:0.85rem}
}

/* Utility */
.muted{color:var(--muted)}