/* ============ TOKENS ============ */
:root{
  --maroon-950:#170808;
  --maroon-900:#220c0c;
  --maroon-800:#331111;
  --maroon-700:#4a1717;
  --maroon-600:#651e1e;
  --gold:#d8a94b;
  --gold-light:#f0cd82;
  --cream:#f4ead9;
  --cream-dim:#cbb8a3;
  --line:rgba(216,169,75,0.18);
  --shadow:0 20px 60px rgba(0,0,0,0.45);
  --radius:18px;
  --font-display:'Fraunces', serif;
  --font-body:'Manrope', sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--maroon-950);
  color:var(--cream);
  font-family:var(--font-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 .5em;color:var(--cream);font-weight:600;}
p{margin:0 0 1em;color:var(--cream-dim);}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px;}
.text-gold{color:var(--gold-light);font-style:italic;}
.eyebrow{
  display:flex;align-items:center;gap:8px;
  font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);font-weight:700;margin-bottom:14px;
   display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 16px;
    border-radius: 999px;
    border: 1px solid rgba(232, 184, 79, .35);
    background: rgba(232, 184, 79, .06);
    color: #f5dc98;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .28em;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);display:inline-block;}
.section-desc{color:var(--cream-dim);max-width:380px;}
.link-arrow{color:var(--gold-light);font-weight:600;white-space:nowrap;}
:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px;}

/* ============ BUTTONS ============ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:15px 30px;border-radius:100px;font-weight:700;font-size:14.5px;
  border:1px solid transparent;cursor:pointer;transition:.25s ease;
  font-family:var(--font-body);
}
.btn-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--maroon-950);}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(216,169,75,0.35);}
.btn-outline{border-color:var(--line);color:var(--cream);background:transparent;}
.btn-outline:hover{border-color:var(--gold);color:var(--gold-light);}
.btn-small{padding:10px 22px;font-size:13px;}

/* ============ HEADER ============ */
.site-header{
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: min(1200px, calc(100% - 48px));
    z-index: 1000;
    transition: .35s ease;
}

.header-inner{
    max-width: 1380px;
    margin: auto;
    padding: 16px 28px;

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

    background: rgba(34,10,10,.25);   /* Normal transparent */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 999px;
    transition: .35s ease;
}
.site-header.scrolled .header-inner{
    background: rgba(22,8,8,.70);     /* Dark overlay */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-color: rgba(255,255,255,.10);
    box-shadow: none;
}

.header-inner{display:flex;align-items:center;justify-content:space-between;height:78px;gap:24px;}
.brand{display:flex;align-items:center;gap:10px;}
.brand-mark{
  width:38px;height:38px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,var(--gold-light),var(--gold));
  color:var(--maroon-950);display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:700;font-size:18px;
}
.brand-name{font-family:var(--font-display);font-size:19px;font-weight:600;display:flex;flex-direction:column;line-height:1.15;}
.brand-name em{font-style:normal;font-family:var(--font-body);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim);font-weight:600;}
.main-nav{display:flex;gap:34px;margin-left:auto;margin-right:34px;}
.main-nav a{font-size:14.5px;font-weight:600;color:var(--cream-dim);transition:.2s;position:relative;}
.main-nav a:hover{color:var(--gold-light);}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}
.nav-toggle span{width:22px;height:2px;background:var(--cream);}

/* ============ HERO ============ */
.hero{position:relative;overflow:hidden;padding-top:70px; padding-bottom: 70px;}
.hero-glow{
  position:absolute;top:-200px;right:-150px;width:700px;height:700px;border-radius:50%;
  background:radial-gradient(circle,rgba(216,169,75,0.18),transparent 70%);
  pointer-events:none;
}
.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;padding-top:70px;padding-bottom:50px;position:relative;}
.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.01em;}
.script{font-style:italic;font-weight:500;color:var(--gold-light);}
.underline-gold{position:relative;color:var(--gold-light);}
.hero-sub{font-size:17px;max-width:460px;margin-top:20px;}
.hero-cta{display:flex;gap:16px;margin:30px 0 46px;flex-wrap:wrap;}
.hero-stats{display:flex;gap:44px;}
.hero-stats strong{display:block;font-family:var(--font-display);font-size:26px;color:var(--gold-light);}
.hero-stats span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--cream-dim);}

.hero-visual{position:relative;}
.hero-stack{position:relative;width:100%;height:100%;}
.stack-item{
  position:absolute;border-radius:20px;object-fit:cover;box-shadow:var(--shadow);
  border:1px solid var(--line);
}
.stack-1{width:100%;height:auto;top:0;right:0;z-index:2;}
.stack-2{width:50%;height:50%;bottom:0;left:0;z-index:3;border-radius:16px;}
.stack-3{width:38%;height:42%;bottom:10%;right:8%;z-index:4;border-radius:14px;box-shadow:0 24px 50px rgba(0,0,0,0.55);}

.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--maroon-900);overflow:hidden;}
.marquee-track{display:flex;gap:14px;white-space:nowrap;padding:16px 0;animation:scroll-left 28s linear infinite;width:max-content;}
.marquee-track span{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-light);font-weight:700;}
.marquee-track .dot{color:var(--maroon-600);}
@keyframes scroll-left{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ============ SECTION GENERIC ============ */
section{padding:60px 0;}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:50px;flex-wrap:wrap;}
.section-head h2{font-size:clamp(28px,3vw,40px);max-width:520px; line-height: 46px;}

/* ============ STORY ============ */
.story{background:var(--maroon-900);}
.story-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;}
.story-visual{position:relative;}
.story-visual img{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);}
.story-badge{
  position:absolute;bottom:-24px;right: -26px;background: linear-gradient(135deg, rgba(232, 184, 79, .10) 0%, rgba(232, 184, 79, .04) 100%);
    border: 1px solid rgba(232, 184, 79, .25);
    border-radius: 24px;
    backdrop-filter: blur(18px) saturate(180%);
    -webkit-backdrop-filter: blur(18px) saturate(180%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 10px 30px rgba(0, 0, 0, .15);
    padding: 12px 35px;
}
.badge-mark{width:32px;height:32px;border-radius:50%;background:var(--gold);color:var(--maroon-950);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;}
.story-badge strong{font-family:var(--font-display);font-size:20px;color:var(--gold-light);}
.story-badge span{font-size:11px;color:var(--cream-dim);display:block;}
.story-copy h2{font-size:clamp(28px,3.4vw,42px);}
.story-lead{font-size:16px;max-width:520px;}
.story-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:30px;border-top:1px solid var(--line);padding-top:30px;}
.story-col h4{color:var(--gold-light);font-size:16px;margin-bottom:8px;}
.story-col p{font-size:14px;margin:0;}

/* ============ WHY ============ */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.why-card{
  background:var(--maroon-900);border:1px solid var(--line);border-radius:var(--radius);
  padding:32px 26px;transition:.25s;
}
.why-card:hover{transform:translateY(-6px);border-color:var(--gold);}
.why-icon{font-family:var(--font-display);color:var(--gold);font-size:15px;font-weight:700;
  width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.why-card h4{font-size:17px;}
.why-card p{font-size:14px;margin:0;}

/* ============ PRODUCTS ============ */
.products{background:var(--maroon-900);}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.product-card{background:var(--maroon-950);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.3s;}
.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);}
.product-img{height:240px;background-size:cover;background-position:center;}
.product-body{padding:26px;}
.product-body h4{font-size:19px;margin-bottom:6px;}
.product-body p{font-size:14px;}
.product-tag{font-size:10.5px;letter-spacing:.1em;color:var(--gold);font-weight:700;}

/* ============ CATEGORIES ============ */
.categories h2{max-width:560px;font-size:clamp(28px,3.4vw,40px); line-height: 50px;}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px;}
.cat-card{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;border:1px solid var(--line);}
.cat-card img{width:100%;height:100%;object-fit:cover;transition:.4s;}
.cat-card:hover img{transform:scale(1.06);}
.cat-card span{
  position:absolute;left:16px;bottom:16px;font-family:var(--font-display);font-size:19px;
  color:var(--cream);text-shadow:0 2px 10px rgba(0,0,0,.6);
}
.cat-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 55%);}

/* ============ PROCESS ============ */
.process{background:var(--maroon-900);}
.process h2{max-width:560px;font-size:clamp(28px,3.4vw,40px); line-height: 48px;}
.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px;position:relative;}
.process-track::before{content:'';position:absolute;top:16px;left:0;right:0;height:1px;background:var(--line);}
.process-step{position:relative;padding-top:16px;}
.step-no{
  display:inline-block;font-family:var(--font-display);color:var(--gold-light);font-size:14px;
  background:var(--maroon-900);padding-right:12px;position:relative;top:-30px;font-weight:700;
}
.process-step h4{font-size:18px;}
.process-step p{font-size:14px;margin:0;}

/* ============ CHANNELS ============ */
.channels h2{max-width:560px;font-size:clamp(28px,3.4vw,40px);}
.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;}
.channel-card{background:var(--maroon-900);border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:14px;}
.channel-dot{width:10px;height:10px;border-radius:50%;background:var(--gold);margin-top:6px;flex-shrink:0;}
.channel-card h4{font-size:16px;margin-bottom:4px;}
.channel-card p{font-size:13.5px;margin:0;}

.stat-bar{
  margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);
  background:linear-gradient(135deg,var(--maroon-700),var(--maroon-800));
  border-radius:var(--radius);padding:40px 20px;border:1px solid var(--line);text-align:center;
}
.stat-bar strong{display:block;font-family:var(--font-display);font-size:32px;color:var(--gold-light);}
.stat-bar span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--cream-dim);}

/* ============ GALLERY ============ */
.gallery h2{max-width:560px;font-size:clamp(28px,3.4vw,40px); line-height: 48px;}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px;}
.gallery-grid img{width:100%;height:220px;object-fit:cover;border-radius:14px;border:1px solid var(--line);transition:.3s;}
.gallery-grid img:hover{transform:scale(1.02);filter:brightness(1.08);}

/* ============ TESTIMONIAL ============ */
.testimonial{background:var(--maroon-900);text-align:center;}
.testimonial-inner{max-width:720px;}
.quote-mark{font-family:var(--font-display);font-size:70px;color:var(--gold);margin:0;line-height:.5;}
.testimonial blockquote{font-family:var(--font-display);font-size:clamp(22px,3vw,32px);font-style:italic;margin:20px 0;color:var(--cream);}
.testimonial cite{font-style:normal;color:var(--cream-dim);font-size:14px;}
.testimonial-dots{display:flex;justify-content:center;gap:8px;margin-top:26px;}
.t-dot{width:8px;height:8px;border-radius:50%;background:var(--maroon-600);}
.t-dot.active{background:var(--gold);}

/* ============ NEWS ============ */
.news h2{max-width:560px;font-size:clamp(28px,3.4vw,40px);}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px;}
.news-card img{width:100%;height:190px;object-fit:cover;border:1px solid var(--line);margin-bottom:18px;}
.news-card h4{font-size:17px;}
.news-card p{font-size:14px;}

/* ============ FAQ ============ */
.faq{background:var(--maroon-900);}
.faq-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;}
.faq-img{margin-top:30px;border-radius:var(--radius);border:1px solid var(--line);}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{
  width:100%;background:none;border:none;text-align:left;color:var(--cream);
  font-family:var(--font-body);font-size:16px;font-weight:600;padding:22px 0;
  display:flex;justify-content:space-between;align-items:center;cursor:pointer;
}
.faq-q span{color:var(--gold);font-size:20px;transition:.25s;}
.faq-item.open .faq-q span{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-item.open .faq-a{max-height:200px;}
.faq-a p{padding-bottom:22px;font-size:14.5px;margin:0;}

/* ============ CONTACT ============ */
.contact-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;}
.contact-copy h2{font-size:clamp(28px,3.4vw,40px); line-height: 48px;}
.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px;}
.contact-info strong{display:block;color:var(--gold-light);font-size:14px;margin-bottom:4px;}
.contact-info span{font-size:14px;color:var(--cream-dim);}
.contact-form{background:var(--maroon-900);border:1px solid var(--line);border-radius:var(--radius);padding:34px;display:flex;flex-direction:column;gap:16px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.contact-form input,.contact-form textarea{
  width:100%;background:var(--maroon-950);border:1px solid var(--line);border-radius:10px;
  padding:14px 16px;color:var(--cream);font-family:var(--font-body);font-size:14.5px;resize:vertical;
}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--cream-dim);}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold);outline:none;}
.form-status{font-size:13.5px;color:var(--gold-light);min-height:18px;margin:0;}

/* ============ FOOTER ============ */
.site-footer{background:var(--maroon-950);border-top:1px solid var(--line);padding-top:70px;}
.footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px;}
.footer-brand p{font-size:13.5px;margin-top:14px;max-width:280px;}
.footer-col h5{font-family:var(--font-body);color:var(--gold-light);font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;}
.footer-col a{display:block;font-size:14px;color:var(--cream-dim);margin-bottom:10px;}
.footer-col a:hover{color:var(--gold-light);}
.footer-bottom{
  border-top:1px solid var(--line);padding:22px 32px;display:flex;justify-content:space-between;
  font-size:13px;color:var(--cream-dim);flex-wrap:wrap;gap:10px;
}
.footer-links{display:flex;gap:20px;}

/* ============ SCROLL TOP ============ */
.scroll-top{
  position:fixed;bottom:28px;right:28px;width:46px;height:46px;border-radius:50%;
  background:var(--gold);color:var(--maroon-950);border:none;font-size:18px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;
  transition:.3s;z-index:90;box-shadow:var(--shadow);
}
.scroll-top.visible{opacity:1;pointer-events:auto;}

/* ============ REVEAL ============ */
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
[data-reveal].revealed{opacity:1;transform:none;}

.hero{
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(135deg,
            #4a050b 0%,
            #260104 40%,
            #120202 100%);
}

.hero::before{
    content: "";
    position: absolute;
    inset: -20%;
    background:
        radial-gradient(circle at 18% 22%,
            rgba(146,25,18,.95) 0%,
            rgba(120,10,12,.75) 20%,
            rgba(80,5,8,.45) 45%,
            transparent 70%);
    filter: blur(90px);
    pointer-events: none;
}

.hero::after{
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 80% 10%,
            rgba(0,0,0,.15),
            transparent 45%);
    pointer-events: none;
}

.hero-head{
  letter-spacing: 0;
    font-family: "Space Grotesk", ui-sans-serif, system-ui;
    margin-top: 0px !important;
}
.story-copy h2{
  letter-spacing: 0;
    font-family: "Space Grotesk", ui-sans-serif, system-ui;
    line-height: 48px;
}

    .story-col{
-webkit-backdrop-filter: blur(18px)saturate(140%);
    background: linear-gradient(135deg, oklab(100% 0 5.96046e-8 / .06), oklab(100% 0 5.96046e-8 / .02));
    border: 1px solid oklab(100% 0 5.96046e-8 / .1);
    padding: 23px;
    border-radius: 22px;
    }

    .news-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
}

.news-card{
    background:#1f0909;
    border:1px solid rgba(255,255,255,.06);
    border-radius:30px;
    overflow:hidden;
    transition:.4s ease;
}

.news-card:hover{
    transform:translateY(-10px);
    border-color:rgba(232,184,79,.25);
    box-shadow:0 20px 60px rgba(0,0,0,.35);
}

.news-image{
    overflow:hidden;
}

.news-image img{
    width:100%;
    height:290px;
    display:block;
    object-fit:cover;
    transition:.6s;
}

.news-card:hover .news-image img{
    transform:scale(1.06);
}

.news-content{
    padding:25px;
}

.news-date{
    display:inline-block;
    margin-bottom:10px;
    color:#D8A63E;
    font-size:12px;
    font-weight:600;
    letter-spacing:.30em;
    text-transform:uppercase;
}

.news-content h4{
    font-size: 18px;
    line-height: 28px;
    color: #F8F2EA;
    margin-bottom: 10px;
    font-weight: 600;
}
.news-image img{
  margin-bottom: 0px !important;
}
.news-content p{
    color:rgba(248,242,234,.65);
    font-size: 14px;
    line-height: 24px;
    margin-bottom:16px;
}

.news-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#E8B84F;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
    font-size: 14px;
}

.news-link span{
    transition:.3s;
}

.news-link:hover span{
    transform:translateX(6px);
}

.news-link:hover{
    color:#F4CD69;
}
h1, h2, h3, h4 {
    font-family: "Space Grotesk", ui-sans-serif, system-ui !important;
}
.stats-box{
    position: relative;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 40px;
    align-items: center;

    max-width: 1200px;
    margin: 0 auto;

    padding: 55px 40px;

    background: linear-gradient(
        135deg,
        rgba(255,255,255,.05),
        rgba(255,255,255,.02)
    );

    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);

    border: 1px solid rgba(232,184,79,.28);
    border-radius: 40px;

    overflow: hidden;
}

.stats-box::before{
    content:"";
    position:absolute;
    inset:0;
    padding:1px;
    border-radius:40px;

    background:linear-gradient(
        135deg,
        rgba(232,184,79,.45),
        rgba(232,184,79,.10),
        rgba(232,184,79,.25)
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;
            mask-composite:exclude;

    pointer-events:none;
}

.stat-item{
    text-align:center;
}

.stat-item h2{
    margin:0;
    color:#F3CC69;
    font-size:72px;
    font-weight:300;
    line-height:1;
}
.stat-item h2{
    display:flex;
    justify-content:center;
    align-items:baseline;
    gap:2px;
}
#channels{
  padding-bottom: 0px;
}
.suffix{
    font-size:0.8em;
}
.stat-item .counter{
    margin:0;
    color:#F3CC69;
    font-size: 60px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0px;
}

.stat-item span{
    display:block;
    margin-top:18px;

    color:rgba(255,255,255,.55);

    font-size:13px;
    letter-spacing:.35em;
}
.footer-brand .brand{
  display: flex;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:20px;
}

.gallery-grid img{
    width:100%;
    height:280px;
    object-fit:cover;
    border-radius:18px;
    cursor:pointer;
    transition:.4s;
}

.gallery-grid img:hover{
    transform:scale(1.04);
}

.lightbox{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.9);
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:0;
    visibility:hidden;
    transition:.35s;
    z-index:9999;
}

.lightbox.active{
    opacity:1;
    visibility:visible;
}

.lightbox img{
    max-width:90%;
    max-height:90%;
    border-radius:18px;
    animation:zoom .35s ease;
}

.close-lightbox{
    position:absolute;
    top:25px;
    right:35px;
    color:#fff;
    font-size:42px;
    cursor:pointer;
}

@keyframes zoom{
    from{
        transform:scale(.8);
        opacity:0;
    }
    to{
        transform:scale(1);
        opacity:1;
    }
}
.process-track{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:60px;
    margin-top:70px;
}

.process-track::before{
    content:"";
    position:absolute;
    top:18px;
    left:0;
    right:0;
    height:1px;
    background:rgba(232,184,79,.25);
}

.process-step{
    position:relative;
    padding-top:33px;
}

.step-no{
     width: 60px;
    padding-right: 0px;
    height: 60px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    color: #F3CC69;
    font-size: 18px;
    font-weight: 600;
    background: linear-gradient(135deg, rgba(232, 184, 79, .12), rgba(232, 184, 79, .03));
    backdrop-filter: blur(18px);
    border: 1px solid rgba(232, 184, 79, .25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 25px rgba(0, 0, 0, .15);
}

.process-step h4{
    margin:0 0 18px;
    color:#F8F2EA;
    
    font-weight:600;
}

.process-step p{
    color:rgba(248,242,234,.65);
    line-height:1.8;
    
}
.process-track{
    position:relative;
}

.process-track::before{
    content:"";
    position:absolute;

    top:36px;
    left:36px;
    right:36px;

    height:1px;

    background:rgba(232,184,79,.20);

    z-index:1;
}


.testimonial-slider{
    position:relative;
    overflow:hidden;
    min-height:280px;
}

.testimonial-item{
    display:none;
    text-align:center;
    animation:fade .6s ease;
}

.testimonial-item.active{
    display:block;
}

.testimonial-item blockquote{
    font-size:32px;
    line-height:1.5;
    max-width:900px;
    margin:20px auto;
    color:#F8F2EA;
}

.testimonial-item cite{
    display:block;
    margin-top:30px;
    color:#E8B84F;
    font-style:normal;
    font-weight:600;
}

.testimonial-item cite span{
    display:block;
    margin-top:8px;
    color:#c7b9b0;
    font-size:15px;
}

@keyframes fade{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}
.testimonial-item{
    display:none;
    animation:fade .6s ease;
}

.testimonial-item.active{
    display:block;
}
.cur-slider{
  padding-top: 0px;
  padding-bottom: 0px;
}

.hero-visual{
    display:flex;
    justify-content:center;
    align-items:center;
}

.hero-visual img{
    width:100%;
    max-width:400px;   /* Image sirusa */
    border-radius:24px;
    object-fit:cover;
    filter:drop-shadow(0 25px 45px rgba(0,0,0,.35));
}

.hero-head{
    font-size:clamp(56px,6vw,86px);
    line-height:1.05;
    margin:24px 0;
}

.hero-sub{
    max-width:580px;
    margin:30px 0;
}

.hero-cta{
    display:flex;
    gap:18px;
    margin:40px 0;
}

.hero-stats{
    display:flex;
    gap:70px;
    margin-top:55px;
}
#top{
  padding-bottom: 0px !important;
}

/* ===============================
   FULL SCREEN MENU
================================= */

.menu-overlay{
    position:fixed;
    inset:0;
    background:rgba(18,6,6,.96);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

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

    opacity:0;
    visibility:hidden;
    transform:scale(.96);

    transition:.45s ease;

    z-index:99999;
}

.menu-overlay.active{
    opacity:1;
    visibility:visible;
    transform:scale(1);
}

.overlay-nav{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:28px;
}

.overlay-nav a{
    color:#fff;
    font-size:42px;
    font-weight:600;
    text-decoration:none;
    transition:.35s;
}

.overlay-nav a:hover{
    color:#F3CC69;
    transform:translateX(10px);
}

.overlay-btn{
    margin-top:30px;
    background:#F3CC69;
    color:#180606!important;
    padding:16px 42px;
    border-radius:999px;
    font-size:18px!important;
}

.menu-close{
    position:absolute;
    top:35px;
    right:45px;

    font-size:60px;
    color:#fff;
    background:none;
    border:none;
    cursor:pointer;

    transition:.3s;
}

.menu-close:hover{
    color:#F3CC69;
    transform:rotate(90deg);
}

body.menu-open{
    overflow:hidden;
}

/* Left Call Button */
.floating-call{
    position:fixed;
    left:20px;
    bottom:25px;
    width:60px;
    height:60px;
    background:#8b0000;
color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    text-decoration:none;
    box-shadow:0 10px 25px rgba(0,0,0,.25);
    z-index:9999;
    animation:ring 1.8s infinite;
    transition:.3s;
}

.floating-call:hover{
    transform:scale(1.1);
}

/* Right Side Icons */
.floating-icons{
    position:fixed;
    right: 25px;
bottom: 25px;
gap: 18px;
    display:flex;
    flex-direction:column;
    
    z-index:9999;
}

.floating-icons a{
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 25px rgba(0,0,0,.25);
    transition:.3s;
}

.floating-icons a:hover{
    transform:scale(1.1);
}

.whatsapp{
    background:#25D366;
    color:#fff;
    font-size:34px;
}

.google-review{
    background:#fff;
}

.google-review img{
    width:36px;
    height:36px;
}

/* Ring Animation */
@keyframes ring{
    0%{
        box-shadow:0 0 0 0 rgba(0,123,255,.6);
    }
    70%{
        box-shadow:0 0 0 18px rgba(0,123,255,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(0,123,255,0);
    }
}

.floating-call .fa-phone-alt{
transform: rotate(94deg);
}


/* ============ RESPONSIVE ============ */
@media (max-width:980px){
  .hero-inner,.story-inner,.faq-inner,.contact-inner{grid-template-columns:1fr;}
  .why-grid,.product-grid,.cat-grid,.process-track,.channel-grid,.news-grid,.gallery-grid,.stat-bar,.footer-inner{grid-template-columns:repeat(2,1fr);}
  .main-nav{display:none;}
  .hero-visual{height:340px;margin-top:20px;}
}

@media (max-width:991px){

.header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 18px;
    border-radius: 0px !important;
}
.site-header{
    top: 0px;
        left: 0px;
        right: 6px;
        width: auto;
        transform: none;
}
.brand{
    flex:0 0 auto;
}

.main-nav{
    display:none;
}

.btn-small{
    display:none;
}

.nav-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    border:none;
    background:none;
    color:#fff;
    font-size:34px;
    cursor:pointer;
    margin-left:auto;
}
.main-nav.is-open{
    display:flex;
    flex-direction:column;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    padding:20px;
    background:#230808;
    border-radius:0 0 20px 20px;
    gap:18px;
    z-index:999;
}

.main-nav.is-open a{
    color:#fff;
    text-decoration:none;
}
.process-track::before {
display: none;
}
.process-track {
   
    gap: 26px;
    margin-top: 35px;
}

    .story-inner{
        display: block;
    }
    .story-copy{
      margin-top: 25px;
    }
    .story-cols {
   
    display: flex;
    flex-direction: column;
}

 .main-nav{
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;

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

    background: rgba(23,8,8,.98);
    backdrop-filter: blur(18px);

    transition: .4s ease;
    z-index: 9999;
  }

  .main-nav.is-open{
    left: 0;
    margin-right:0px !important;
  }

  .main-nav a{
    font-size: 24px;
    margin: 0px 0;
    color: #fff;
  }

  .nav-toggle{
    position: relative;
    z-index: 10000;
  }



}
@media (max-width:640px){
  section{padding:70px 0;}
  .wrap{padding:0 20px;}
  .why-grid,.product-grid,.cat-grid,.process-track,.channel-grid,.news-grid,.gallery-grid,.stat-bar,.footer-inner,.form-row,.contact-info{grid-template-columns:1fr;}
  .hero-cta{flex-direction:column;}
  .hero-stats{gap:26px;}
  .header-inner .btn-small{display:none;}
  .nav-toggle{display:flex;}

.hero-inner{
  padding-top:80px;
}
.eyebrow {
font-size: 8px;
}
.hero-sub {
    font-size: 14px;
}
.story-badge {
    position: absolute;
    bottom: -35px;
    right: 0px;
}
.marquee{
  margin-top:30px;
}
.hero-inner {
    
    gap: 12px;
}
.hero-cta{
  margin-bottom: 0px;
}
#story{
  padding:35px 0px !important;
}
.story-copy h2 {
    
    line-height: 38px;
}
.why{
   padding:35px 0px !important;
}
.section-head h2 {
 line-height: 38px;
}
.section-head {
    
    margin-bottom: 20px;
   
}
.categories h2 {
line-height: 38px;

}
.process h2 {
line-height: 38px;
}
.stats-box {
   
    gap: 18px;
   
    padding: 15px 21px;
    
   
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    margin-right: 20px;
}
.stat-item h2 {
   
    font-size: 50px;
    
}
.gallery h2 {
line-height: 38px;
}

.stat-item .counter {
   
    font-size: 50px;
    
}

.news h2 {
line-height: 38px;

}
.testimonial-item blockquote {
    font-size: 20px;

}
#contact{
  padding-top:0px;
}
.contact-form {
    
    padding: 16px;
    
}
.footer-inner {
    
    gap: 5px;
    
}
.footer-bottom {
padding-top:20px !important;
padding-bottom: 20px !important;

}
.footer-inner{
  padding-bottom: 20px !important;
}
.site-footer{
  padding-top:45px !important;
}
.overlay-nav a{
    font-size:30px;
}

.menu-close{
    top:20px;
    right:24px;
    font-size:46px;
}
.floating-call,
    .floating-icons a{
        width:55px;
        height:55px;
    }

    .floating-call{
        left:15px;
        bottom:20px;
        font-size:24px;
    }

    .floating-icons{
        right:15px;
        bottom:20px;
    }

    .whatsapp{
        font-size:30px;
    }

    .google-review img{
        width:32px;
        height:32px;
    }

}