:root{
  --gl-dark:#141414;
  --gl-dark-2:#1e1e1e;
  --gl-metal:#8a8a86;
  --gl-metal-light:#c9c9c3;
  --gl-cream:#f6f5f1;
  --gl-white:#ffffff;
  --gl-accent:#a68a5b;
  --gl-text:#2b2b2b;
  --font-head: 'Cormorant Garamond', serif;
  --font-body: 'Poppins', sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--font-body);color:var(--gl-text);background:var(--gl-white);overflow-x:hidden;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
h1,h2,h3{font-family:var(--font-head);font-weight:600;margin:0 0 .5em;letter-spacing:.02em;}
p{line-height:1.7;margin:0 0 1em;color:#555;}
.gl-container{max-width:1200px;margin:0 auto;padding:0 24px;}

/* ---------- Header ---------- */
.gl-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(20,20,20,.85);backdrop-filter:blur(8px);transition:background .3s;}
.gl-header-inner{display:flex;align-items:center;justify-content:space-between;height:78px;}
.gl-logo-text{font-family:var(--font-head);font-size:24px;letter-spacing:.12em;color:var(--gl-white);font-weight:600;}
.gl-logo-text span{color:var(--gl-accent);}
.gl-logo-img{height:40px;width:auto;max-width:170px;object-fit:contain;background:#fff;padding:6px 12px;border-radius:4px;}
.gl-footer-logo-img{height:36px;background:#fff;padding:5px 10px;border-radius:4px;}
.gl-nav{display:flex;gap:36px;}
.gl-nav a{color:var(--gl-metal-light);font-size:14px;letter-spacing:.05em;text-transform:uppercase;transition:color .25s;}
.gl-nav a:hover{color:var(--gl-white);}
.gl-nav-cta{display:inline-block;}
.gl-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:0;}
.gl-hamburger span{display:block;width:100%;height:2px;background:var(--gl-white);transition:.3s;}
.gl-hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.gl-hamburger.active span:nth-child(2){opacity:0;}
.gl-hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ---------- Buttons ---------- */
.gl-btn{display:inline-block;padding:14px 32px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-radius:2px;transition:all .3s ease;border:1px solid transparent;cursor:pointer;}
.gl-btn-primary{background:var(--gl-accent);color:#fff;}
.gl-btn-primary:hover{background:#8f7549;}
.gl-btn-outline{border-color:var(--gl-metal-light);color:var(--gl-white);}
.gl-btn-outline:hover{background:var(--gl-white);color:var(--gl-dark);}
.gl-btn-outline-light{border-color:rgba(255,255,255,.6);color:#fff;}
.gl-btn-outline-light:hover{background:#fff;color:var(--gl-dark);}
.gl-btn-dark{background:var(--gl-dark);color:#fff;}
.gl-btn-dark:hover{background:var(--gl-accent);}

/* ---------- Hero ---------- */
.gl-hero{position:relative;min-height:100vh;display:flex;align-items:center;color:#fff;}
.gl-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-color:#1a1a1a;filter:grayscale(55%) brightness(.55) contrast(1.05);}
.gl-hero-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(10,10,10,.72) 0%,rgba(20,18,14,.82) 100%);}
.gl-hero-content{position:relative;z-index:2;text-align:center;max-width:820px;margin:0 auto;padding-top:78px;}
.gl-hero-content h1{font-size:clamp(34px,6vw,64px);letter-spacing:.06em;text-transform:uppercase;color:#fff;}
.gl-hero-content p{font-size:18px;color:var(--gl-metal-light);margin-bottom:2em;}
.gl-hero-buttons{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;}

/* fade in */
.gl-fade-in{opacity:0;transform:translateY(24px);animation:glFadeIn 1s ease forwards .3s;}
@keyframes glFadeIn{to{opacity:1;transform:translateY(0);}}

/* scroll reveal */
.gl-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease, transform .8s ease;}
.gl-reveal.gl-visible{opacity:1;transform:translateY(0);}

/* ---------- Section heading ---------- */
.gl-eyebrow{display:block;font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:var(--gl-accent);margin-bottom:10px;}
.gl-section-heading{text-align:center;max-width:600px;margin:0 auto 56px;}
.gl-section-heading.gl-light h2{color:#fff;}
.gl-section-heading.gl-light .gl-eyebrow{color:var(--gl-accent);}

/* ---------- About ---------- */
.gl-about{padding:110px 0;background:var(--gl-cream);}
.gl-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.gl-about-image{background:#fff;border-radius:2px;box-shadow:0 24px 60px rgba(0,0,0,.15);padding:36px;display:flex;align-items:center;justify-content:center;aspect-ratio:9/10;}
.gl-about-image img{max-height:100%;width:auto;object-fit:contain;}
.gl-about-text h2{font-size:36px;}

/* ---------- Products ---------- */
.gl-products{padding:110px 0;}
.gl-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.gl-product-card{background:#fff;border:1px solid #ececea;border-radius:3px;overflow:hidden;transition:transform .35s ease, box-shadow .35s ease;}
.gl-product-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(0,0,0,.1);}
.gl-product-image{aspect-ratio:4/3;overflow:hidden;background:#fafaf8;display:flex;align-items:center;justify-content:center;padding:20px;}
.gl-product-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease;}
.gl-product-card:hover .gl-product-image img{transform:scale(1.06);}
.gl-product-body{padding:22px;}
.gl-product-model{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gl-accent);margin-bottom:4px;}
.gl-product-body h3{font-size:20px;margin-bottom:8px;}
.gl-product-body p{font-size:14px;margin-bottom:14px;}
.gl-link-arrow{font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--gl-accent);font-weight:500;}

/* ---------- Why choose us ---------- */
.gl-why{padding:110px 0;background:var(--gl-dark);}
.gl-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.gl-why-card{padding:36px 26px;background:var(--gl-dark-2);border-radius:3px;border:1px solid #2a2a2a;}
.gl-why-icon{font-family:var(--font-head);font-size:34px;color:var(--gl-accent);margin-bottom:14px;}
.gl-why-card h3{color:#fff;font-size:20px;}
.gl-why-card p{color:var(--gl-metal-light);font-size:14px;margin:0;}

/* ---------- CTA ---------- */
.gl-cta{padding:120px 0;background:linear-gradient(135deg,#1a1a1a,#2c2620);text-align:center;}
.gl-cta-inner h2{color:#fff;font-size:clamp(28px,4vw,44px);text-transform:uppercase;letter-spacing:.04em;}
.gl-cta-inner p{color:var(--gl-metal-light);margin-bottom:2em;}

/* ---------- Footer ---------- */
.gl-footer{background:#111;color:var(--gl-metal-light);padding:70px 0 0;}
.gl-footer-inner{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding-bottom:50px;}
.gl-footer-logo{color:#fff;}
.gl-footer-brand p{margin-top:12px;font-size:14px;}
.gl-footer h4{color:#fff;font-size:15px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px;}
.gl-footer-links{display:flex;flex-direction:column;gap:10px;}
.gl-footer-links a{font-size:14px;color:var(--gl-metal-light);transition:color .25s;}
.gl-footer-links a:hover{color:#fff;}
.gl-footer-contact p{font-size:14px;margin-bottom:8px;}
.gl-footer-bottom{border-top:1px solid #262626;padding:22px 24px;text-align:center;font-size:12px;color:#777;}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .gl-products-grid,.gl-why-grid{grid-template-columns:repeat(2,1fr);}
  .gl-about-grid{gap:40px;}
}
@media (max-width:900px){
  .gl-nav,.gl-nav-cta{display:none;}
  .gl-hamburger{display:flex;}
  .gl-nav.gl-nav-open{
    display:flex;position:fixed;top:78px;left:0;right:0;background:rgba(15,15,15,.98);
    flex-direction:column;padding:24px;gap:0;z-index:999;
  }
  .gl-nav.gl-nav-open a{padding:16px 0;border-bottom:1px solid #262626;text-align:center;}
}
@media (max-width:768px){
  .gl-about-grid{grid-template-columns:1fr;}
  .gl-about-image{order:-1;}
  .gl-products-grid{grid-template-columns:1fr 1fr;}
  .gl-why-grid{grid-template-columns:1fr;}
  .gl-footer-inner{grid-template-columns:1fr;text-align:center;}
  .gl-footer-links{align-items:center;}
}
@media (max-width:520px){
  .gl-products-grid{grid-template-columns:1fr;}
  .gl-hero-content{padding:0 8px;padding-top:78px;}
  .gl-hero-buttons{flex-direction:column;align-items:center;}
  .gl-about,.gl-products,.gl-why,.gl-cta{padding:70px 0;}
}