:root{
  --bg:#FFFFFF; --hero-base:#0B0D10; --text-hi:#FFFFFF; --text-mid:rgba(255,255,255,0.82); --text-low:rgba(255,255,255,0.55);
  --line-strong:rgba(255,255,255,0.22); --pill-bg:rgba(255,255,255,0.08);
  --blue:#1C7ED6; --blue-light:#6FB4EE; --blue-deep:#0E4E9C;
  --amber:#F0AA43; --cyan:#00B4D8; --magenta:#E6398C; --yellow:#FFD23F;
  --shadow:rgba(10,12,16,0.35);
  --font-display:'Space Grotesk',sans-serif; --font-body:'Inter',sans-serif; --font-mono:'IBM Plex Mono',monospace;
  --nav-ink:var(--text-hi); --nav-mid:var(--text-mid); --nav-line:var(--line-strong); --nav-pill:var(--pill-bg); --nav-bg:transparent;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--bg); color:var(--text-hi); font-family:var(--font-body); overflow-x:hidden; }
img { max-width:100%; display:block; }
a { text-decoration:none; color:inherit; }
button { font-family:inherit; cursor:pointer; border:none; background:none; }



#preloader{position:fixed;inset:0;z-index:99999;background:#0c0c0d;display:flex;align-items:center;justify-content:center;overflow:hidden;}
#preloader::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 1px,transparent 1px 26px);pointer-events:none;}

.pl-reg{position:absolute;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.1em;color:#f5f2ea44;opacity:0;}
.pl-reg-tl{top:32px;left:32px;}
.pl-reg-br{bottom:32px;right:32px;text-align:right;}

.pl-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:34px;}

.logo-frame{position:relative;width:min(70vw,340px);height:96px;opacity:0;}
.logo-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;}
.logo-cover{position:absolute;top:0;bottom:0;left:0;width:100%;background:#0c0c0d;}

.odometer{display:flex;align-items:center;gap:8px;}
.digit-col{width:46px;height:64px;overflow:hidden;position:relative;background:#131314;border:1px solid #f5f2ea14;border-radius:2px;}
.digit-strip{position:absolute;top:0;left:0;width:100%;}
.digit-strip div{height:64px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:34px;font-weight:700;color:#f5f2ea;}
.odometer-pct{font-family:'IBM Plex Mono',monospace;font-size:14px;color:#8a8a86;letter-spacing:.1em;}

.status-label{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#8a8a86;opacity:0;}

.pl-wipe{position:fixed;top:0;bottom:0;left:0;width:100%;background:#f5f2ea;z-index:10000;transform:scaleX(0);transform-origin:left;pointer-events:none;}




/* ============================================================
   HEADER STYLES — top strip + normal nav + peel-style dropdown
   ============================================================
   This reuses your existing token names (--bg, --blue, --cyan,
   --magenta, --amber, --text-hi, --text-mid, --text-low,
   --line-strong, --pill-bg, --shadow, --font-display, --font-body,
   --font-mono, --hero-base, --blue-light). If they're already
   declared in your global stylesheet, nothing else is needed.
   If NOT, uncomment and adjust this fallback block:

:root{
  --bg:#0a1219;
  --hero-base:#071019;
  --blue:#3a7bfd;
  --blue-light:#7fb0ff;
  --cyan:#22c7c2;
  --magenta:#d94fc9;
  --amber:#f5a623;
  --text-hi:#f6f8fa;
  --text-mid:rgba(246,248,250,.68);
  --text-low:rgba(246,248,250,.42);
  --line-strong:rgba(255,255,255,.13);
  --pill-bg:rgba(255,255,255,.055);
  --shadow:rgba(0,0,0,.55);
  --font-display:'Sora',sans-serif;
  --font-body:'Inter',sans-serif;
  --font-mono:'JetBrains Mono',monospace;
}
   ============================================================ */

/* ===================== TOP STRIP ===================== */
.top-strip{
  position:fixed;top:0;left:0;width:100%;z-index:1001;
  display:flex;align-items:center;justify-content:space-between;
  padding:.55rem 4.2rem;
  /* background:var(--bg); */
  border-bottom:1px solid var(--line-strong);
  font-family:var(--font-mono);
  transition:transform .4s ease;
}
.strip-left{
  display:flex;align-items:center;gap:.55rem;
  font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mid);
}
.strip-left .pulse-dot{
  width:6px;height:6px;border-radius:50%;background:var(--cyan);flex-shrink:0;
  box-shadow:0 0 0 0 rgba(34,199,194,.6);
  animation:pulseDot 2.2s ease-out infinite;
}
@keyframes pulseDot{
  0%{box-shadow:0 0 0 0 rgba(34,199,194,.55);}
  70%{box-shadow:0 0 0 6px rgba(34,199,194,0);}
  100%{box-shadow:0 0 0 0 rgba(34,199,194,0);}
}
.strip-social{display:flex;align-items:center;gap:.6rem;}
.strip-social a{
  width:26px;height:26px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line-strong);color:var(--text-mid);text-decoration:none;
  transition:color .25s ease,border-color .25s ease,transform .25s ease,background .25s ease;
}
.strip-social a svg{width:12px;height:12px;}
.strip-social a:hover{color:var(--hero-base);background:var(--cyan);border-color:var(--cyan);transform:translateY(-1px);}

/* ===================== MAIN NAV ===================== */
.site-nav{
  position:fixed;top:45px;left:0;width:100%;z-index:1000;
  padding:1.1rem 4.2rem;
  display:flex;align-items:center;justify-content:space-between;
  /* background:rgba(10,18,25,.72); */
  /* backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px); */
  /* border-bottom:1px solid var(--line-strong); */
  transition:padding .35s ease,background .35s ease,box-shadow .35s ease;
}
.site-nav.is-fixed{padding:.65rem 4.2rem;background:rgba(8,14,20,.92);box-shadow:0 14px 34px -20px var(--shadow);}

.nav-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;}
.nav-logo img { /* height: 34px; */ width: 80%; display: block; transition: width .35s ease; }
.site-nav.is-fixed .nav-logo img{width: 60%;}
.nav-logo .logo-fallback{font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:-.01em;color:var(--text-hi);}
.nav-logo .logo-fallback span{color:var(--cyan);}

.nav-right { display: flex; align-items: end; flex-direction: column; }

/* --- column: phone --- */
.nav-col-phone{
  display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.2rem;
  /* padding-right:2.1rem;margin-right:2.1rem; */
  /* border-right:1px solid var(--line-strong); */
}
.nav-col-phone .col-eyebrow{
  font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-low);margin-bottom:.3rem;display:flex;align-items:center;gap:.4rem;margin-bottom: 0;
}
.nav-col-phone .col-eyebrow svg{width:11px;height:11px;color:var(--amber);}
.nav-col-phone .phone-primary{
  font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--text-hi);
  text-decoration:none;letter-spacing:.01em;transition:color .25s ease;
}
.nav-col-phone .phone-primary:hover{color:var(--blue-light);}
.nav-col-phone .phone-secondary{
  display:flex;gap:.4rem;margin-top:.2rem;font-family:var(--font-mono);font-size:.7rem;color:var(--text-low);
}
.nav-col-phone .phone-secondary a{color:var(--text-low);text-decoration:none;transition:color .25s ease;}
.nav-col-phone .phone-secondary a:hover{color:var(--cyan);}
.nav-col-phone .phone-secondary .sep{opacity:.5;}

/* --- column: links --- */
.nav-links{list-style:none;display:flex;align-items:center;gap:2.1rem;margin:0;padding:0;}
.nav-links > li{position:relative;}
.nav-links > li > a{
  font-family:var(--font-body);font-weight:500;font-size:.86rem;letter-spacing:.01em;
  color:var(--text-mid);text-decoration:none;display:flex;align-items:center;gap:.35rem;
  padding:.5rem 0;position:relative;transition:color .25s ease;
}
.nav-links > li > a::after{
  content:'';position:absolute;left:0;bottom:0;height:1.5px;width:0;background:var(--cyan);
  transition:width .3s ease;
}
.nav-links > li > a:hover{color:var(--text-hi);}
.nav-links > li > a:hover::after{width:100%;}
.nav-links > li.current > a{color:var(--text-hi);}
.nav-links > li.current > a::after{width:100%;background:var(--blue-light);}

 

.dd-chevron{width:9px;height:9px;transition:transform .35s cubic-bezier(.65,0,.35,1);flex-shrink:0;}
.has-dropdown.dd-open .dd-chevron{transform:rotate(180deg);}

.btn-enquiry{
  font-family:var(--font-mono);font-size:.75rem;letter-spacing:.03em;color:var(--hero-base);
  text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;
  padding:.62rem 1.2rem;border-radius:100px;
  /* margin-left:2.2rem; */
  background:var(--cyan);transition:background .3s ease,transform .3s ease;
}
.btn-enquiry svg{width:12px;height:12px;transition:transform .3s ease;}
.btn-enquiry:hover{background:var(--blue-light);transform:translateY(-1px);}
.btn-enquiry:hover svg{transform:translate(2px,-2px);}

/* ===================== MEGA DROPDOWN — "peel strip" ===================== */
.has-dropdown{display:flex;align-items:center;}
.mega-dropdown{
  position:absolute;top:calc(100% + 16px);left:50%;
  transform:translateX(-50%) translateY(6px);
  width:560px;
  background:var(--ink);
  border:1px solid var(--line-strong);
  border-radius:14px;
  box-shadow:0 26px 60px -22px var(--shadow);
  padding:1.5rem 1.5rem 1.3rem;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .3s ease,transform .3s ease,visibility .3s;
  z-index:1002;
}
.mega-dropdown::before{
  content:'';position:absolute;top:-7px;left:50%;transform:translateX(-50%) rotate(45deg);
  width:14px;height:14px;background:var(--ink);border-left:1px solid var(--line-strong);border-top:1px solid var(--line-strong);
}
.has-dropdown.dd-open .mega-dropdown{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);
}
.dd-head{
  display:flex;align-items:baseline;justify-content:space-between;
  margin-bottom:1.1rem;padding-bottom:.8rem;border-bottom:1px solid var(--line-strong);
}
.dd-head .dd-title{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-low);}
.dd-head .dd-tag{font-family:var(--font-mono);font-size:.68rem;color:var(--cyan);}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;}

.dd-item{
  position:relative;display:flex;flex-direction:column;gap:.55rem;
  padding:1rem 1rem 1.1rem;border-radius:10px;
  background:var(--pill-bg);border:1px solid transparent;
  text-decoration:none;overflow:hidden;
  transform:translateY(10px);opacity:0;
  transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.has-dropdown.dd-open .dd-item{transform:translateY(0);opacity:1;}
.has-dropdown.dd-open .dd-item:nth-child(1){transition-delay:.04s;}
.has-dropdown.dd-open .dd-item:nth-child(2){transition-delay:.09s;}
.has-dropdown.dd-open .dd-item:nth-child(3){transition-delay:.14s;}
.has-dropdown.dd-open .dd-item:nth-child(4){transition-delay:.19s;}
/* die-cut peel notch */
.dd-item::after{
  content:'';position:absolute;top:-9px;right:12px;width:18px;height:18px;
  background:var(--hero-base);border-radius:50%;
  transition:background .25s ease;
}
.dd-item .dd-swatch{
  width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.dd-item .dd-swatch svg{width:15px;height:15px;color:var(--hero-base);}
.dd-item[data-accent="cyan"] .dd-swatch{background:var(--cyan);}
.dd-item[data-accent="blue"] .dd-swatch{background:var(--blue-light);}
.dd-item[data-accent="magenta"] .dd-swatch{background:var(--magenta);}
.dd-item[data-accent="amber"] .dd-swatch{background:var(--amber);}
.dd-item .dd-name{font-family:var(--font-display);font-weight:600;font-size:.92rem;color:var(--text-hi);}
.dd-item .dd-desc{font-family:var(--font-body);font-size:.74rem;line-height:1.4;color:var(--text-low);}
.dd-item:hover{background:rgba(255,255,255,.09);border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 12px 24px -16px var(--shadow);}
.dd-item:hover::after{background:var(--hero-base);}

.dd-foot{
  margin-top:1.1rem;padding-top:.9rem;border-top:1px solid var(--line-strong);
  display:flex;align-items:center;justify-content:space-between;
}
.dd-foot a{font-family:var(--font-mono);font-size:.72rem;color:var(--blue-light);text-decoration:none;display:flex;align-items:center;gap:.4rem;}
.dd-foot a svg{width:11px;height:11px;transition:transform .25s ease;}
.dd-foot a:hover svg{transform:translate(2px,-2px);}

/* ===================== MOBILE ===================== */
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.4rem;}
.toggle-bars{position:relative;width:20px;height:14px;}
.toggle-bars .bar{position:absolute;left:0;width: 28px; height: 3px;background:var(--text-hi);border-radius:2px;transition:transform .35s cubic-bezier(.65,0,.35,1),top .35s ease;}
.toggle-bars .b1{top:0;}
.toggle-bars .b2{top:6px;}
.toggle-bars .b3{top:12px;}
.nav-toggle.active .b1{top:6px;transform:rotate(45deg);}
.nav-toggle.active .b2{opacity:0;}
.nav-toggle.active .b3{top:6px;transform:rotate(-45deg);}

.mobile-panel{
  position:fixed;top:0;right:0;height:100vh;width:min(340px,86vw);
  background:var(--ink);border-left:1px solid var(--line-strong);
  z-index:1003;transform:translateX(100%);transition:transform .45s cubic-bezier(.65,0,.35,1);
  overflow-y:auto;padding:5.5rem 1.6rem 2rem;
}
.mobile-panel.open{transform:translateX(0);}
.mobile-overlay{position:fixed;inset:0;background:rgba(4,7,10,.6);z-index:1002;opacity:0;visibility:hidden;transition:opacity .4s ease;}
.mobile-overlay.open{opacity:1;visibility:visible;}
.mobile-close{position:fixed;top:1.1rem;right:1.2rem;z-index:1004;width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);background:var(--pill-bg);display:none;align-items:center;justify-content:center;cursor:pointer;}
.mobile-close svg{width:14px;height:14px;stroke:var(--text-hi);}
.mobile-close.open{display:flex;}

.m-strip{padding-bottom:1.2rem;margin-bottom:1.2rem;border-bottom:1px solid var(--line-strong);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-low);}

.m-links{list-style:none;margin:0;padding:0;}
.m-links > li{border-bottom:1px solid var(--line-strong);}
.m-links > li > a{
  display:flex;align-items:center;justify-content:space-between;
  font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--text-hi);
  text-decoration:none;padding:.95rem 0;
}
.m-links > li > a svg { width: 15px; height: 15px; transition: transform .3s ease; color: var(--blue); font-weight: 800; }
.m-links > li.m-open > a svg{transform:rotate(180deg);}
.m-sub{list-style:none;margin:0;padding:0 0 .9rem;max-height:0;overflow:hidden;transition:max-height .35s ease;}
.m-links > li.m-open .m-sub{max-height:300px;}
.m-sub li a{
  display:flex;align-items:center;gap:.6rem;padding:.55rem 0;
  font-family:var(--font-body);font-size:.88rem;color:var(--text-mid);text-decoration:none;
}
.m-sub li a .dd-swatch{width:20px;height:20px;border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.m-sub li a .dd-swatch svg{width:10px;height:10px;color:var(--hero-base);}

.m-phone{margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid var(--line-strong);}
.m-phone .col-eyebrow{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-low);margin-bottom:.5rem;}
.m-phone a{display:block;font-family:var(--font-display);font-weight:600;color:var(--text-hi);text-decoration:none;margin-bottom:.3rem;}

.m-social{display:flex;gap:.6rem;margin-top:1.4rem;}
.m-social a{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;color:var(--text-mid);text-decoration:none;}
.m-social a svg{width:13px;height:13px;}

@media (max-width:1080px){
  .nav-links{gap:1.4rem;} 
}
@media (max-width:900px){
  .top-strip{padding:.5rem 1.4rem;display:none;}
  .strip-left span.txt{display:none;}
  .site-nav{top:0px !important;padding:1.5rem 1.4rem;}
  .site-nav.is-fixed{padding:.6rem 1rem;}
  .nav-right > .nav-col-phone,
  .nav-right > .nav-col-links{display:none;}
  .btn-enquiry{display:none;}
  
}
@media (max-width:768px){
.nav-toggle{display:flex;margin-top: -28px;}
  .site-nav.is-fixed .nav-toggle{margin-top: unset;}
}

@media (max-width:500px){
  .strip-left{font-size:.64rem;}
  .nav-logo img{width: 85%;}
  
}
@media (max-width:600px){
  .m-sub {padding: 0 0 0px 25px; }
  .m-sub li:nth-last-child(1){ padding-bottom:30px; }
  .m-links>li.current>a{
    background:linear-gradient(90deg,var(--blue),var(--cyan));
    color:#fff;
    border-radius:12px;
    font-weight:700;
    padding:14px 18px;
    box-shadow:0 8px 24px rgba(0,0,0,.12);
}

.m-links>li.current>a::after{
    content:"";
    position:absolute;
    left:0;
    top:10px;
    bottom:10px;
    width:4px;
    border-radius:20px;
    background:#fff;
    display: none !important;
}

.m-links>li.current>a svg{
    color:#fff;
}
}
@media (max-width: 991.98px){
    .m-links a{
        display:flex;
        align-items:center; 
    }
    .m-links .btn-enquiry{
      justify-content: space-between;
    }

    .m-links a::after{
        content:"→";
        font-size:16px;
        transition:.3s ease;
    }

    .m-links a:hover::after{
        transform:translateX(4px);
    }
    
    /* Remove arrow for dropdown links */
    .m-links .m-dropdown > a::after,
    .btn-enquiry::after{
        content:none !important;
    } 
    .btn-enquiry{margin-top: 15.2px;}

    .m-phone{border-top: none;}

}


/* ============================================================
   HERO v2 — left: text (unchanged). right: fanned label-card deck.
   Reuses your existing tokens: --bg, --hero-base, --blue,
   --blue-light, --cyan, --magenta, --amber, --text-hi, --text-mid,
   --text-low, --line-strong, --shadow, --font-display, --font-body,
   --font-mono. See header.css for the fallback :root block if these
   aren't declared globally yet.
   ============================================================ */

.hero { position:relative; min-height:100vh; width:100%; overflow:hidden; background:var(--hero-base); display:flex; align-items:center; }

.hero__ambient {
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(ellipse 900px 600px at 8% 20%, rgba(58,123,253,.14), transparent 60%),
    radial-gradient(ellipse 700px 500px at 15% 90%, rgba(34,199,194,.08), transparent 60%);
}

.hero__container {
  position:relative; z-index:4; width:100%; margin:0 auto;
  /* padding:clamp(90px,12vh,140px) clamp(24px,5vw,72px) clamp(40px,6vh,72px); */
      padding: 150px 67px 0;
  display:flex; align-items:center; justify-content:space-between; 
  /* gap:clamp(28px,5vw,72px); */
  min-height:100vh;
}

/* ===================== LEFT — text (unchanged from previous pass) ===================== */
.hero__content { flex:1 1 46%; max-width:560px; }
.hero__tagline { display:inline-flex; align-items:center; gap:10px; font-family:var(--font-mono); font-size:0.78rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--blue-light); margin-bottom:24px; opacity:0; padding-left:14px; border-left:2px solid var(--blue-light); }
.hero__heading { font-family:var(--font-display); font-weight:700; font-size:clamp(2.3rem,3.6vw,3.6rem); line-height:1.08; letter-spacing:-0.02em; color:var(--text-hi); margin-bottom:22px; }
.hero__heading .line { overflow:hidden; display:block; }
.hero__heading .line-inner { display:block; transform:translateY(44px); opacity:0; }
.hero__heading .accent { color:var(--blue-light); }
.hero__description {  line-height:1.75; color:var(--text-mid);  margin-bottom:32px; opacity:0; }
.hero__ctas { display:flex; margin-bottom:20px; }

.btn{display:inline-flex;align-items:center;gap:0px;text-decoration:none;font:600 .93rem var(--font-body);opacity:0;will-change:transform;}
.btn__text,.btn__icon{position:relative;overflow:hidden;border:2px solid var(--blue);transition:.45s ease}
.btn__text{padding:15px 28px;border-radius:100px;color:var(--blue)}
.btn__icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue)}
.btn__text::before,.btn__icon::before{content:"";position:absolute;inset:0;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.77,0,.18,1);z-index:-1}
.btn__icon::before{transition-delay:.12s}
.btn:hover .btn__text::before,.btn:hover .btn__icon::before{transform:scaleX(1)}
.btn:hover .btn__text,.btn:hover .btn__icon{color:#fff}
.btn__icon svg{width:18px;height:18px;transition:.4s ease;transform: rotate3d(1, 1, 1, -45deg);}
.btn:hover .btn__icon svg{transform:translateX(4px)}
.btn:focus-visible { outline:2px solid var(--blue-light); outline-offset:3px; }

.scroll-indicator { display:flex; align-items:center; gap:12px; opacity:0; }
.scroll-indicator__label { font-family:var(--font-mono); font-size:.65rem; letter-spacing:.2em; text-transform:uppercase; color:var(--text-low); }
.scroll-indicator__track { width:1px; height:34px; background:var(--line-strong); position:relative; overflow:hidden; }
.scroll-indicator__dot { position:absolute; left:-1.5px; top:0; width:4px; height:4px; border-radius:50%; background:var(--blue-light); }

/* ===================== RIGHT — fanned label-card deck ===================== */
.hero__visual { flex:1 1 46%; max-width:580px; display:flex; flex-direction:column; align-items:center; gap:28px; }

.label-stack {
  position:relative; width:100%; aspect-ratio:1/0.9; max-width:580px;
  perspective:1400px;
}

.hero__nav { appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.hero__nav { position:absolute; z-index:80; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:50%; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(8px); display:none; align-items:center; justify-content:center; opacity:0; transition:background 0.25s ease, transform 0.25s ease; cursor:pointer; }
.hero__nav:hover { background:rgba(255,255,255,0.2); }
.hero__nav svg { width:15px; height:15px; }
.hero__nav--prev { left:-54px; }
.hero__nav--next { right:-54px; }
.hero__nav:focus-visible { outline:2px solid var(--blue-light); outline-offset:2px; }

.label-card {
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  will-change:transform, opacity;
}
.label-card img {
  width:100%; height:100%; object-fit:contain; object-position:center;
  display:block;
  filter:drop-shadow(0 26px 40px rgba(0,0,0,.45));
}

.label-card__index {
  position:absolute; left:50%; bottom:2px; transform:translateX(-50%); z-index:2;
  font-family:var(--font-mono); font-size:.7rem; letter-spacing:.08em; color:var(--text-low);
      opacity: 0;
}

@media (max-width:1180px) {
  .hero__heading { font-size:clamp(1.5rem,3.4vw,3.1rem); }
  .hero__heading br{display: none;}
  /* .hero__visual { max-width:400px; } */
  .hero__nav--prev { left:-46px; }
  .hero__nav--next { right:-46px; }
  .label-stack { 
    aspect-ratio: 1 / 0.8; 
}
}

@media (max-width:900px) {
  .hero { min-height:auto; }
  .hero__container { flex-direction: column-reverse; align-items: stretch; min-height: auto; padding: clamp(150px, 10vh, 150px) clamp(12px, 3vw, 40px) 0px; gap: 0px; }
  .hero__content { max-width:100%; text-align:left; }
  .hero__ctas { margin-bottom:0px; }
  .scroll-indicator { display:none; }
  /* .hero__visual { max-width:300px; margin:0 auto; } */
  .hero__nav { opacity:1; width:36px; height:0px; }
  .hero__nav--prev { left:-14px; }
  .hero__nav--next { right:-14px; }
}

@media (max-width:600px) {
  .hero__heading { 
    /* font-size:1.9rem; */
    margin-bottom: 10px;
   }
  .btn { justify-content: start; width:100%; margin-left: 0;padding-left: 0;}
  .hero__visual { 
    /* max-width:240px; 
    gap:20px;  */
    max-width: unset;
}
  .hero__nav { display:none; }
  .hero__description{margin-bottom: 10px;}
}

.next-section { position:relative; z-index:2; background:var(--bg); padding:120px 24px; text-align:center; border-top:1px solid rgba(20,24,31,0.08); }
.next-section p { font-family:var(--font-mono); font-size:0.75rem; letter-spacing:0.14em; text-transform:uppercase; color:#8A93A3; }

section.overflow-hidden { overflow:hidden; position:relative; }
.scroll-scale-item { transform-origin:center center; will-change:transform; width:100%; display:block; padding:50px 10px; }

@media (prefers-reduced-motion:reduce) { * { animation-duration:0.01ms !important; transition-duration:0.01ms !important; } }






:root{--bg:#FFFFFF;--hero-base:#0B0D10;--text-hi:#FFFFFF;--text-mid:rgba(255,255,255,.82);--text-low:rgba(255,255,255,.55);--line-strong:rgba(255,255,255,.22);--pill-bg:rgba(255,255,255,.08);--blue:#1C7ED6;--blue-light:#6FB4EE;--blue-deep:#0E4E9C;--amber:#F0AA43;--cyan:#00B4D8;--magenta:#E6398C;--yellow:#FFD23F;--shadow:rgba(10,12,16,.35);--font-display:'Space Grotesk',sans-serif;--font-body:'Inter',sans-serif;--font-mono:'IBM Plex Mono',monospace;--ink:#0B0D10;--ink-mid:#5A6068;--ink-low:#9BA0A6;--line-soft:rgba(11,13,16,.09);}

.features-section{padding:60px 0;background:rgb(249 248 248);;}
.features-section .features-section__top{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:3.5rem;}
.features-section .features-section__eyebrow{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;font:500 .72rem var(--font-mono);letter-spacing:.28em;color:var(--blue-deep);}
.features-section .features-section__eyebrow::before{content:"";width:28px;height:1px;background:var(--blue-deep);}
.features-section .features-section__title{max-width:640px;margin:0;font:500 clamp(24px, 4.2vw, 2.5rem)/1.15 var(--font-display);letter-spacing:-.01em;color:var(--ink);}
.features-section .features-section__title strong{font-weight:700;color:var(--blue-deep);}
.features-section .features-section__note{max-width:260px;padding-bottom:.2rem;font-size:.9rem;line-height:1.5;color:var(--ink-mid);}

.features-section .bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:1rem;margin-bottom:4rem;}

.features-section .bento-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem;overflow:hidden;background:var(--bg);border:1px solid var(--line-soft);border-radius:20px;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;}
.features-section .bento-card:hover{transform:translateY(-5px);border-color:transparent;box-shadow:0 22px 44px -24px var(--shadow);}
.features-section .bento-card--wide{grid-column:span 2;}
.features-section .bento-card--tall{grid-row:span 2;}
 

.features-section .bento-card__badge{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:52px;height:52px;border-radius:14px;background:var(--tint,rgba(28,126,214,.1));}
.features-section .bento-card__badge img{width:26px;height:26px;object-fit:contain;filter:var(--icon-filter,none);}
.features-section .bento-card__badge--rupee{position:relative;}
.features-section .bento-card__badge--rupee::after{content:"";position:absolute;width:38px;height:2px;border-radius:2px;background:var(--accent,var(--blue));transform:rotate(-42deg);}

.features-section .bento-card__label{margin:0;font:600 1.02rem/1.25 var(--font-display);color:var(--ink);}
.features-section .bento-card__label span{display:block;margin-top:.25rem;font:400 .78rem var(--font-body);color:var(--ink-low);}

.features-section .details-layout { display: grid; grid-template-columns: 1.05fr 1fr; gap: 1rem; align-items: center; }
.features-section .details-layout__image{height:100%;border-radius:24px;overflow:hidden;}
.features-section .details-layout__image img{width:100%;height:100%;display:block;object-fit:cover;}

.features-section .details-strip{display:grid;grid-template-columns:repeat(2,1fr);}
.features-section .details-strip__item{padding:2.4rem 2rem;position:relative;transition:.35s;}
.features-section .details-strip__item:nth-child(odd){border-right:1px solid var(--line-soft);}
.features-section .details-strip__item:nth-child(-n+2){border-bottom:1px solid var(--line-soft);}
.features-section .details-strip__item:hover{background:#fafafb;}
.features-section .details-strip__index{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem;font:500 .72rem var(--font-mono);letter-spacing:.1em;color:var(--accent);}
.features-section .details-strip__index::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);}
.features-section .details-strip__text{margin:0;font-size:.95rem;line-height:1.75;color:var(--ink-mid);max-width:260px;}

@media(max-width:991px){
.features-section .details-layout{grid-template-columns:1fr;gap:3rem;}
.features-section .details-layout__image{height:420px;}
}

@media(max-width:767px){
.features-section .details-strip{grid-template-columns:1fr;}
.features-section .details-strip__item{padding:2rem 0;border:none!important;border-bottom:1px solid var(--line-soft)!important;}
.features-section .details-strip__item:last-child{border-bottom:none!important;}
.features-section .details-layout__image{height:300px;}
.features-section .details-strip__text{max-width:100%;}
.features-section .features-section__top{gap: 1rem;margin-bottom: 1rem;}
.features-section .features-section__note{max-width: 100%;}
.features-section .details-layout{grid-template-columns:1fr;gap:1rem;}
}

@media(max-width:991px){
.features-section .bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px;}
.features-section .bento-card--wide{grid-column:span 2;}
.features-section .details-strip{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:575px){ 
.features-section .bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;margin-bottom: 2rem;}
.features-section .details-strip{grid-template-columns:1fr;}
}


/* products */

/* ===== Section / Container ===== */
.pkg-section{ position:relative; background:radial-gradient(720px 420px at 12% -10%, rgba(28,126,214,0.28), transparent 60%), radial-gradient(640px 460px at 108% 15%, rgba(230,57,140,0.18), transparent 55%), var(--hero-base); color:var(--text-hi); padding:60px 0px; overflow:hidden; isolation:isolate; }
.pkg-section .pkg-container{ position:relative; z-index:1; }

/* ===== Eyebrow ===== */
.pkg-container .pkg-eyebrow{ font-family:var(--font-mono); font-size:0.78rem; letter-spacing:0.22em; text-transform:uppercase; color:var(--blue-light); display:flex; align-items:center; gap:0.65rem; margin-bottom:1.1rem; }
.pkg-container .pkg-eyebrow::before{ content:""; width:26px; height:1px; background:var(--blue-light); display:inline-block; }

/* ===== Heading ===== */
.pkg-container .pkg-heading{ font-family:var(--font-display); font-weight:600;   font-size: clamp(2rem, 4.2vw, 2.5rem); line-height:1.12; letter-spacing:-0.01em; max-width:1000px; margin-bottom:1.4rem; }
.pkg-heading .accent{ font-weight:700; background:linear-gradient(92deg, var(--blue-light) 0%, var(--blue) 60%, var(--cyan) 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }

.pkg-container .pkg-sub{ font-family:var(--font-body); font-size:1.05rem; line-height:1.7; color:var(--text-mid); max-width:700px; margin-bottom:3.75rem; }

/* ===== Cards Row ===== */
.pkg-container .pkg-row{ position:relative; }
.pkg-row .pkg-col{ display:flex; }
.pkg-col .pkg-card{ position:relative; width:100%; display:flex; flex-direction:column; background:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015)); border:1px solid var(--line-strong); border-radius:16px; padding:1.4rem 1.4rem 1.7rem; overflow:hidden; transition:transform 0.4s cubic-bezier(.2,.8,.2,1), border-color 0.35s ease, box-shadow 0.4s ease, background 0.35s ease; }
.pkg-col .pkg-card:hover{ transform:translateY(-6px); border-color:var(--accent, var(--blue-light)); background:linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)); box-shadow:0 22px 40px -18px var(--shadow), 0 0 0 1px rgba(255,255,255,0.03); }

/* ===== Card image ===== */
.pkg-card .pkg-image{ width:100%; aspect-ratio:4/3; border-radius:10px; overflow:hidden; margin-bottom:1.5rem; background:rgba(255,255,255,0.04); position:relative; }
.pkg-card .pkg-image::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 60%, rgba(11,13,16,0.5) 100%); pointer-events:none; }
.pkg-card .pkg-image img{ width:100%; height:100%; object-fit:cover; display:block; filter:saturate(1.03); transition:transform 0.6s cubic-bezier(.2,.8,.2,1); }
.pkg-card:hover .pkg-image img{ transform:scale(1.07); }

/* ===== Card title ===== */
.pkg-card .pkg-card-title{ font-family:var(--font-display); font-weight:600; font-size:1.3rem; color:var(--text-hi); margin-bottom:0.6rem; display:flex; align-items:center; gap:0.55rem; }
.pkg-card .pkg-card-title::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--accent, var(--blue-light)); flex:none; }

.pkg-card .pkg-card-desc{ font-family:var(--font-body); font-size:0.93rem; line-height:1.65; color:var(--text-low); margin-bottom:1.6rem; flex-grow:1; }

/* ===== Card CTA ===== */
.pkg-card .pkg-cta{ font-family:var(--font-mono); font-size:0.76rem; letter-spacing:0.05em; text-transform:uppercase; color:var(--text-mid); text-decoration:none; display:inline-flex; align-items:center; gap:0.5rem; width:fit-content; transition:color 0.25s ease, gap 0.25s ease; }
.pkg-card .pkg-cta svg{ width:13px; height:13px; transition:transform 0.25s ease; }
.pkg-card:hover .pkg-cta{ color:var(--accent, var(--blue-light)); }
.pkg-card:hover .pkg-cta svg{ transform:translateX(4px); }

/* ===== Footer bar ===== */
.pkg-container .pkg-footer{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1.25rem; margin-top:3.25rem; padding-top:2rem; border-top:1px solid var(--line-strong); }
.pkg-footer .pkg-footer-note{ font-family:var(--font-body); font-size:0.88rem; color:var(--text-low); }
.pkg-footer .pkg-btn{ font-family:var(--font-mono); font-size:0.8rem; letter-spacing:0.06em; text-transform:uppercase; color:var(--hero-base); background:var(--text-hi); border:none; padding:0.85rem 1.6rem; border-radius:2px; display:inline-flex; align-items:center; gap:0.6rem; text-decoration:none; transition:background 0.25s ease, color 0.25s ease, transform 0.25s ease; }
.pkg-footer .pkg-btn:hover{ background:var(--blue); color:var(--text-hi); transform:translateY(-1px); }

/* ===== Responsive ===== */
@media (max-width: 1199.98px){
  .pkg-section{ padding:5.5rem 0 4rem; }
  .pkg-container .pkg-sub{ margin-bottom:3rem; }
}

@media (max-width: 991.98px){
  .pkg-section{ padding:5rem 0 3.5rem; }
  .pkg-container .pkg-heading{ max-width:640px; }
  .pkg-container .pkg-sub{ max-width:560px; margin-bottom:2.75rem; }
  .pkg-col .pkg-card{ padding:1.25rem 1.25rem 1.5rem; }
  .pkg-card .pkg-image{ margin-bottom:1.25rem; }
  .pkg-container .pkg-footer{ margin-top:2.75rem; padding-top:1.75rem; }
}

@media (max-width: 767.98px){
  .pkg-section{ padding:4.25rem 0 3rem; }
  .pkg-container .pkg-eyebrow{ margin-bottom:0.9rem; }
  .pkg-container .pkg-heading{ font-size:clamp(1.7rem, 6vw, 2.4rem); margin-bottom:1.1rem; }
  .pkg-container .pkg-sub{ font-size:0.98rem; margin-bottom:2.25rem; }
  .pkg-row .pkg-col{ margin-bottom:0.25rem; }
  .pkg-col .pkg-card:hover{ transform:translateY(-3px); }
  .pkg-card .pkg-card-title{ font-size:1.15rem; }
  .pkg-container .pkg-footer{ flex-direction:column; align-items:flex-start; gap:1rem; margin-top:2.25rem; }
  .pkg-footer .pkg-btn{ width:100%; justify-content:center; }
}

@media (max-width: 575.98px){
  .pkg-section{ padding:3.5rem 0 2.5rem; }
  .pkg-container .pkg-eyebrow{ font-size:0.7rem; letter-spacing:0.18em; }
  .pkg-container .pkg-heading{ font-size:clamp(1.5rem, 7vw, 2rem); line-height:1.18; }
  .pkg-container .pkg-sub{ font-size:0.92rem; line-height:1.6; }
  .pkg-card .pkg-image{ aspect-ratio:16/10; margin-bottom:1rem; }
  .pkg-card .pkg-card-desc{ font-size:0.88rem; margin-bottom:1.25rem; }
  .pkg-footer .pkg-footer-note{ font-size:0.82rem; }
  .pkg-footer .pkg-btn{ padding:0.8rem 1.4rem; font-size:0.76rem; }
}


/* Gallery */
.gallery-section{background:#fff;padding:60px 0}
.gallery-head span{display:inline-block;padding:8px 18px;border-radius:50px;background:#eef6ff;color:#0d6efd;font-weight:600;letter-spacing:1px;font-size:.8rem;margin-bottom:15px}
.gallery-head h2{font-size:clamp(24px, 4.2vw, 2.5rem) ;font-weight:700;margin-bottom:15px;color:#0d6efd;font-family:var(--font-display)}
.gallery-head p{max-width:650px;margin:auto;color:#666}

.bento-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:20px}

.gallery-item{position:relative;display:block;overflow:hidden;border-radius:22px;background:#000}

.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.6s}

.gallery-item::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.15));opacity:.8;transition:.4s}

.gallery-item span{position:absolute;left:25px;bottom:20px;color:#fff;font-weight:600;font-size:1.05rem;z-index:2;transition:.4s}

.gallery-item:hover img{transform:scale(1.12)}

.gallery-item:hover::after{opacity:1}

.gallery-item:hover span{transform:translateY(-6px)}

.gallery-item.wide{grid-column:span 2}

.gallery-item.tall{grid-row:span 2}

.gallery-item.big{grid-column:span 2;grid-row:span 2}

@media(max-width:991px){

.bento-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px}

.gallery-item.big,.gallery-item.wide{grid-column:span 2}

.gallery-item.tall{grid-row:span 2}

}

@media(max-width:767px){

.bento-gallery{grid-template-columns:1fr;grid-auto-rows:unset !important}

.gallery-item,.gallery-item.big,.gallery-item.wide,.gallery-item.tall{grid-column:span 1;grid-row:span 1}

.gallery-item img{height:100%}

.gallery-item span{font-size:1rem;left:18px;bottom:18px}
.bento-gallery.pouches-bento-gallery{gap: 15px !important; }
   .pouches-bento-gallery .gallery-item.wide,.pouches-bento-gallery .gallery-item.big,.pouches-bento-gallery .gallery-item.tall {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
        aspect-ratio: unset !important;
    }
}

/* Gallery */

.why-us{background:var(--bg);overflow:hidden;padding:100px 0;}
.why-us .why-us__heading{max-width:850px;margin:0 auto 50px;}
.why-us .why-us__tag{display:inline-block;padding:8px 20px;border:1px solid rgba(28,126,214,.18);border-radius:40px;font:600 13px var(--font-body);color:var(--blue);margin-bottom:18px;}
.why-us .why-us__heading h2{font:700 clamp(2rem, 4.2vw, 2.5rem)/1.08 var(--font-display);color:var(--hero-base);margin:0;}
.why-us .why-us__image{overflow:hidden;border-radius:28px;box-shadow:0 30px 60px rgba(0,0,0,.08);}
.why-us .why-us__image img{width:100%;height:100%;object-fit:cover;transition:.6s;}
.why-us .why-us__image:hover img{transform:scale(1.05);}
.why-us .why-us__timeline{position:relative;padding-left:70px;}
.why-us .why-us__timeline::before{content:"";position:absolute;left:17px;top:10px;bottom:90px;width:2px;background:#d8d4ff;}
.why-us .why-us__item{position:relative; padding: 0 0 25px 0px;}
.why-us .why-us__item:last-child{padding-bottom:0;}
.why-us .why-us__dot{position:absolute;left:-61px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--blue);border:4px solid #fff;box-shadow:0 0 0 6px rgba(28,126,214,.12);}
.why-us .why-us__content h4{font: 700 20px / 1.2 var(--font-display);color:var(--hero-base);margin-bottom:14px;}
.why-us .why-us__content p{font:400 16px/1.8 var(--font-body);color:#666;margin:0;max-width:420px;}

@media(max-width:991px){
.why-us{padding:80px 0;}
.why-us .why-us__heading h2{font-size:42px;}
.why-us .why-us__timeline{margin-top:20px;}
}

@media(max-width:767px){
.why-us .why-us__heading{text-align:center;margin-bottom:30px;}
.why-us .why-us__heading h2{font-size:24px;}
.why-us .why-us__timeline{padding-left:45px;}
.why-us .why-us__timeline::before{left:12px;bottom: 125px;}
.why-us .why-us__item{padding-left: 10px; padding-bottom: 20px;}
.why-us .why-us__dot{left:-39px;width:14px;height:14px;}
.why-us .why-us__content h4{font-size:20px;}
.why-us .why-us__content p{font-size:15px;}
}



/* INDIGO HP */

.hp-indigo-head{padding:0px 0 50px;background:var(--bg);}
.hp-indigo-head .hp-indigo__tag{display:inline-block;padding:8px 18px;border-radius:40px;background:rgba(28,126,214,.08);border:1px solid rgba(28,126,214,.15);font:600 .82rem var(--font-body);letter-spacing:2px;text-transform:uppercase;color:var(--blue);}
.hp-indigo-head h2{margin:18px 0 14px;font:700 clamp(24px, 4.2vw, 2.5rem)/1 var(--font-display);color:var(--hero-base);text-transform:uppercase;}
.hp-indigo-head p{max-width:850px;margin:auto;font:400 1.05rem/1.8 var(--font-body);color:#555;}

.hp-indigo-head span {color: var(--blue);}
.hp-indigo .hp-indigo__card {  padding: 20px; background: var(--blue); color: #fff; border-radius: 28px; box-shadow: 0 25px 60px rgba(0, 0, 0, .25); position: relative; z-index: 9; }
.hp-indigo .hp-indigo__label{display:inline-flex;padding:10px 18px;border-radius:50px;background:var(--ink);border-left:4px solid #12FF00;color:#12FF00;font:600 .9rem var(--font-body);margin-bottom:20px;}
.hp-indigo .hp-indigo__card h3{margin-bottom:20px;font:700 clamp(2rem,2vw,3.5rem)/1 var(--font-display);color:#fff;}
.hp-indigo .hp-indigo__card h3 span{color:var(--hero-base);}
.hp-indigo .hp-indigo__card p{margin-bottom:16px;color:var(--text-mid);font:400 15px/1.9 var(--font-body);}
.hp-indigo .hp-indigo__video-wrap{position:relative;margin-top:0px;overflow:hidden;}
.hp-indigo .hp-indigo__video{display:block;width:100%;height:600px;object-fit:cover;}

.hp-indigo-img{filter:grayscale(100%) contrast(1.15) brightness(.85);transition:.5s ease;}
.hp-indigo-img:hover{filter:none;}

@media(max-width:991px){
.hp-indigo .hp-indigo__overlay{margin-bottom:40px;}
.hp-indigo .hp-indigo__video-wrap{margin-top:0;}
.hp-indigo .hp-indigo__card{max-width:100%;}
.hp-indigo .hp-indigo__video{height:520px;}
}

@media(max-width:767px){
.hp-indigo .hp-indigo__card{padding:28px;}
.hp-indigo .hp-indigo__video{height:380px;}
.hp-indigo .hp-indigo__overlay{margin-bottom:25px;}
}

/* INDIGO HP */



/* faq */
.faq-section{ position:relative; padding:60px 0px; overflow:hidden;background:var(--hero-base); font-family:var(--font-body); color:var(--text-mid); -webkit-font-smoothing:antialiased;  }
.faq-outer{ max-width:1080px; margin:0 auto; position:relative; z-index:1; }
.faq-grid{ display:grid; grid-template-columns:0.8fr 1.2fr; gap:48px; align-items:start; }

/* left visual panel */
.faq-visual{ position:sticky; top:32px;   border-radius:6px;  display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; }
.faq-visual::after{ content:""; position:absolute; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle, rgba(0,180,216,0.16), transparent 70%); top: 0px; right: 0; pointer-events:none; }
.faq-eyebrow{ display:flex; align-items:center; gap:9px; font-family:var(--font-mono); font-size:11.5px; letter-spacing:0.14em; text-transform:uppercase; color:var(--text-low); position:relative; z-index:1; }
.faq-eyebrow .dot{ width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 3px rgba(0,180,216,0.15); }
.faq-title{ font-family:var(--font-display); font-weight:700; font-size:clamp(28px,3.4vw,40px); color:var(--text-hi); letter-spacing:-0.01em; line-height:1.1; margin:18px 0 14px; position:relative; z-index:1; }
.faq-title span{ color:var(--cyan); }
.faq-sub{ font-size:14px; color:var(--text-low); line-height:1.65; max-width:340px; position:relative; z-index:1; }
.faq-visual-img{ position:relative; z-index:1; margin-top:24px; border-radius:4px; overflow:hidden; }
.faq-visual-img img{ display:block; width:100%; height:auto; }

/* right accordion */
.faq-list{ display:flex; flex-direction:column; }
.faq-item{ border-bottom:1px solid var(--line-strong); }
.faq-q{ width:100%; display:flex; align-items:center; gap:16px; padding:18px 4px; background:none; border:none; cursor:pointer; text-align:left; }
.faq-q-text{ flex:1; font-family:var(--font-display); font-weight:600; font-size:15.5px; color:var(--text-hi); line-height:1.3; }
.faq-toggle{ flex-shrink:0; width:20px; height:20px; position:relative; }
.faq-toggle::before, .faq-toggle::after{ content:""; position:absolute; background:var(--text-mid); top:50%; left:50%; transition:transform 0.35s cubic-bezier(0.65,0,0.35,1), background 0.25s ease; }
.faq-toggle::before{ width:13px; height:1.5px; transform:translate(-50%,-50%); }
.faq-toggle::after{ width:1.5px; height:13px; transform:translate(-50%,-50%); }
.faq-item.open .faq-toggle::before, .faq-item.open .faq-toggle::after{ background:var(--cyan); }
.faq-item.open .faq-toggle::before{ transform:translate(-50%,-50%) rotate(45deg); }
.faq-item.open .faq-toggle::after{ transform:translate(-50%,-50%) rotate(45deg); }

.faq-a-wrap{ display:grid; grid-template-rows:0fr; transition:grid-template-rows 0.32s ease; }
.faq-a-inner{ overflow:hidden; }
.faq-item.open .faq-a-wrap{ grid-template-rows:1fr; }
.faq-a{ padding:0 4px 20px 4px; font-size:13.5px; line-height:1.65; color:var(--text-mid); }
.faq-a a{ color:var(--text-hi); text-decoration:none; border-bottom:1px solid var(--line-strong); }
.faq-a a:hover{ border-color:var(--cyan); color:var(--cyan); }

@media (max-width:860px){
  .faq-grid{ grid-template-columns:1fr; gap:28px; }
  .faq-visual{ position:static; min-height:auto; padding:26px 22px; }
}

@media (max-width: 767.98px){
.faq-section { 
    padding: 60px 12px; 
}

}
/* faq */

/* .faq  page */

 

/* .faq  page */


/* ============================================================
   FOOTER — Embee Flexi Label
   Print-registration aesthetic: crosshair marks, CMYK swatches,
   spec-sheet grid. Uses global design tokens from :root.
   Layout handled via Bootstrap grid (row / col-*).
   ============================================================ */

.site-footer{background:var(--hero-base);color:var(--text-mid);position:relative;overflow:hidden;font-family:var(--font-body);}
.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan) 20%,var(--blue) 50%,var(--magenta) 80%,transparent);}

/* registration crosshair decorations */
.site-footer .reg-mark{position:absolute;width:22px;height:22px;opacity:.18;pointer-events:none;}
.site-footer .reg-mark svg{width:100%;height:100%;stroke:var(--text-hi);fill:none;stroke-width:1;}
.site-footer .reg-mark.rm-1{top:36px;left:24px;}
.site-footer .reg-mark.rm-2{top:36px;right:24px;}

/* CMYK dot cluster */
.site-footer .cmyk-dots{position:absolute;bottom:110px;left:-40px;display:flex;gap:6px;opacity:.5;}
.site-footer .cmyk-dots span{width:9px;height:9px;border-radius:50%;}
.site-footer .cmyk-dots span:nth-child(1){background:var(--cyan);}
.site-footer .cmyk-dots span:nth-child(2){background:var(--magenta);}
.site-footer .cmyk-dots span:nth-child(3){background:var(--yellow);}
.site-footer .cmyk-dots span:nth-child(4){background:var(--text-hi);}

.site-footer .footer-inner{padding:50px 0 0;position:relative;}

.site-footer .footer-row-top{padding-bottom:48px;}
.site-footer .footer-row-bottom{padding-bottom:15px;border-bottom:1px solid var(--line-strong);}

.site-footer .footer-brand .brand-logo{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--text-hi);letter-spacing:-.01em;display:inline-block;margin-bottom:18px;text-decoration:none;}
.site-footer .footer-brand .brand-logo span{color:var(--cyan);}
.site-footer .footer-brand .brand-desc{font-size:.94rem;line-height:1.75;color:var(--text-mid);max-width:38ch;margin-bottom:26px;}
.site-footer .footer-brand .brand-social{display:flex;gap:10px;}
.site-footer .footer-brand .brand-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;color:var(--text-mid);transition:border-color .25s ease,color .25s ease,transform .25s ease;}
.site-footer .footer-brand .brand-social a svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;}
.site-footer .footer-brand .brand-social a:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px);}

/* col-title underline: must be inline-block so the ::after width tracks
   the text instead of stretching to the full flex/grid column width */
.site-footer .footer-col .col-title{font-family:var(--font-display);font-weight:600;font-size:.98rem;color:var(--text-hi);margin-bottom:22px;position:relative;display:inline-block;padding-bottom:12px;}
.site-footer .footer-col .col-title::after{content:'';position:absolute;left:0;bottom:0;width:28px;height:2px;background:var(--amber);}
.site-footer .footer-col .col-links{list-style:none;display:flex;flex-direction:column;gap:13px;margin:0;padding:0;}
.site-footer .footer-col .col-links a{color:var(--text-mid);text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;transition:color .2s ease,transform .2s ease;}
.site-footer .footer-col .col-links a::before{content:'';width:4px;height:4px;background:var(--blue-light);border-radius:50%;flex-shrink:0;transition:background .2s ease;}
.site-footer .footer-col .col-links a:hover{color:var(--text-hi);transform:translateX(3px);}
.site-footer .footer-col .col-links a:hover::before{background:var(--magenta);}

.site-footer .footer-contact .contact-item{display:flex;gap:12px;margin-bottom:20px;align-items:flex-start;}
.site-footer .footer-contact .contact-icon{width:34px;height:34px;border-radius:9px;background:var(--pill-bg);border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.site-footer .footer-contact .contact-icon svg{width:15px;height:15px;stroke:var(--cyan);fill:none;stroke-width:2;}
.site-footer .footer-contact .contact-text{font-size:.88rem;line-height:1.65;color:var(--text-mid);}
.site-footer .footer-contact .contact-text strong{display:block;color:var(--text-hi);font-weight:600;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-family:var(--font-mono);}
.site-footer .footer-contact .contact-text a{color:var(--text-mid);text-decoration:none;transition:color .2s ease;}
.site-footer .footer-contact .contact-text a:hover{color:var(--cyan);}

/* map: 16:9 responsive ratio wrapper, iframe fills it absolutely */
.site-footer .footer-map{border-radius:12px;overflow:hidden;border:1px solid var(--line-strong);position:relative;width:100%;aspect-ratio:23/10;}
.site-footer .footer-map iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block;filter:grayscale(.35) contrast(1.05);}
.site-footer .footer-map::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04);pointer-events:none;}

.site-footer .footer-bottom{ margin:0 auto;padding:26px 0px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;position:relative;}
.site-footer .footer-bottom .bottom-copy{font-family:var(--font-mono);font-size:.76rem;color:var(--text-low);letter-spacing:.02em;}
.site-footer .footer-bottom .bottom-copy strong{color:var(--text-mid);font-weight:500;}
.site-footer .footer-bottom .bottom-tag{font-family:var(--font-mono);font-size:.72rem;color:var(--text-low);display:flex;align-items:center;gap:8px;letter-spacing:.08em;text-transform:uppercase;}
.site-footer .footer-bottom .bottom-tag .swatch-row{display:flex;gap:3px;}
.site-footer .footer-bottom .bottom-tag .swatch-row span{width:6px;height:6px;border-radius:1px;}
.site-footer .footer-bottom .bottom-tag .swatch-row span:nth-child(1){background:var(--cyan);}
.site-footer .footer-bottom .bottom-tag .swatch-row span:nth-child(2){background:var(--magenta);}
.site-footer .footer-bottom .bottom-tag .swatch-row span:nth-child(3){background:var(--yellow);}
.site-footer .footer-bottom .bottom-tag .swatch-row span:nth-child(4){background:var(--text-hi);}

@media (max-width:991.98px){
  .site-footer .footer-row-top .footer-brand{margin-bottom:38px;}
  .site-footer .footer-row-bottom .footer-map{margin-bottom:32px;}
}
@media (max-width:575.98px){ 
  .site-footer .footer-bottom{flex-direction:column;align-items:flex-start;padding:22px 20px 24px;}
  .site-footer .reg-mark{display:none;}
  .site-footer .cmyk-dots{display:none;}
  
}
@media (max-width:768px){
  .site-footer .footer-inner {
    padding: 50px 12px 0; 
}
}
/* footer end */


/* About page */


/* ============ 1. ABOUT HERO — full-bleed image ============ */
.about-hero{position:relative;min-height: 75vh;display:flex;align-items:flex-end;overflow:hidden;padding-bottom: 30px;}
.about-hero .about-hero__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(0.85) contrast(1.05); object-position: top; }
.about-hero .about-hero__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,13,16,0.92) 0%,rgba(11,13,16,0.55) 45%,rgba(11,13,16,0.25) 100%);}
.about-hero .about-hero__reg{position:absolute;color:var(--text-low);font-family:var(--font-mono);font-size:20px;z-index:2;}
.about-hero .about-hero__reg--tl{top:32px;left:32px;}
.about-hero .about-hero__reg--br{bottom:32px;right:32px;}


.about-intro .about-head-intro__inner{position:relative;z-index:1;padding:0px 0 30px;text-align:center;}
.about-intro .about-head-intro__tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 15px; justify-content: center; }
.about-intro .about-head-intro__tag{font-family:var(--font-mono);font-size:11px;letter-spacing:0.08em;color:var(--blue);background:var(--pill-bg);border:1px solid #ddd;border-radius:6px;padding:8px 12px;}
.about-intro .about-head-intro__title{font-family:var(--font-display);font-weight:600;font-size:clamp(36px,5vw,50px);line-height:1.06;letter-spacing:-0.02em;color:var(--ink);margin-bottom:15px;}
.about-intro .about-head-intro__title span{color:var(--blue);}
.about-intro .about-head-intro__lead{font-size:16px;line-height:1.6;color:#0B0D10;max-width:720px; margin: 0 auto;}

/* ============ TAGLINE BAND ============ */
.about-tagline{background:var(--bg);border-bottom:1px solid var(--line-dark);padding:44px 0;overflow:hidden;}
.about-tagline .about-tagline__inner{display:flex;flex-wrap:wrap;align-items:baseline;gap:16px;}
.about-tagline p {color:var(--hero-base)}
.about-tagline .about-tagline__word{font-family:var(--font-display);font-weight:600;font-size: 34px;letter-spacing:-0.01em;color:var(--ink);margin-bottom:15px}
.about-tagline .about-tagline__word--outline{color:transparent;-webkit-text-stroke:1.5px var(--blue);}
.about-tagline .about-tagline__sub{font-family:var(--font-mono);font-size:13px;letter-spacing:0.08em;color:var(--hero-base);margin-left:6px;}

/* ============ 2. ABOUT US — offset stacked photos ============ */
.about-intro{padding:60px 0 0;}
.about-intro .about-intro__stack{position:relative;height:440px;}
.about-intro .about-intro__photo{position:absolute;border-radius:6px;object-fit:cover;box-shadow:0 24px 48px var(--shadow);}
.about-intro .about-intro__photo--back{width:78%;height:78%;top:0;left:0;border:1px solid var(--line-dark);}
.about-intro .about-intro__photo--front{width:62%;height:56%;bottom:0;right:0;border:6px solid var(--bg);}
.about-intro .about-intro__title{font-family:var(--font-display);font-weight:600;font-size:34px;letter-spacing:-0.01em;margin-bottom:15px;color:var(--blue);}
.about-intro .about-intro__para{font-size:16px;line-height:1.75;color:var(--ink-mid);}

/* ============ WHAT WE DO — dark manifesto band ============ */
.about-whatwedo{background:var(--hero-base);color:var(--text-hi);padding:60px 0;overflow:hidden;}
.about-whatwedo .about-whatwedo__kicker{display:block; font-family: var(--font-display);font-size: 34px;color:var(--blue);margin-bottom:20px;}
.about-whatwedo .about-whatwedo__statement{font-family:var(--font-display);font-weight:600;font-size:clamp(20px,3vw,25px);line-height:1.3;letter-spacing:-0.01em;margin-bottom:24px;}
.about-whatwedo .about-whatwedo__para{font-size:16px;line-height:1.75;color:var(--text-mid);margin:0;}
.about-whatwedo .about-whatwedo__para--tight{margin-top:22px;}
.about-whatwedo .about-whatwedo__media{border-radius:6px;overflow:hidden;margin-bottom:22px;}
.about-whatwedo .about-whatwedo__media img{width:100%;display:block;filter:saturate(0.85);}

/* ============ 3. HISTORY — split image/text with overlapping card ============ */
.about-history{background:#F4F6F8;padding:0;}
.about-history .about-history__layout{display:grid;grid-template-columns:42% 58%;align-items:stretch;}
.about-history .about-history__imageCol{position:relative;min-height:560px;}
.about-history .about-history__imageCol img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.about-history .about-history__textCol{padding:60px;position:relative;}
.about-history .about-history__title{font-family:var(--font-display);font-weight:600;font-size: 34px;line-height:1.2;letter-spacing:-0.01em;margin-bottom:22px;color:var(--hero-base)}
.about-history .about-history__title span{color:var(--blue);}
.about-history .about-history__para{font-size:16px;line-height:1.75;color:var(--ink-mid);margin-bottom:16px;}
/* .about-history .about-history__para--muted{color:var(--ink-low);font-size:15px;} */
.about-history .about-history__card{background:var(--bg);border:1px solid var(--line-dark);border-radius:6px;margin-top:28px;box-shadow:0 18px 40px var(--shadow);}
.about-history .about-history__list{list-style:none;padding:0;margin:0;}
.about-history .about-history__item{display:flex;align-items:baseline;gap:14px;font-size:14.5px;color:var(--ink);padding:15px 22px;border-bottom:1px solid #ddd;}
.about-history .about-history__item:last-child{border-bottom:none;}
.about-history .about-history__num{font-family:var(--font-mono);font-size:12px;color:var(--blue);flex-shrink:0;}
.about-history .about-history__closing{font-family:var(--font-display);font-weight:500;font-size:17px;line-height:1.6;color:var(--ink);border-left:3px solid var(--amber);padding-left:18px;margin:28px 0 0;}


.about-expertise{
  --ink-mid:rgba(11,13,16,0.68);
  --ink-low:rgba(11,13,16,0.48);
  --ink-line:rgba(11,13,16,0.12);
  background:var(--bg);
  font-family:var(--font-body);
  padding:60px 0;
}
.about-expertise *{box-sizing:border-box;}
.about-expertise__wrap{max-width:1180px;margin:0 auto;padding:0 24px;}

/* ---------- intro ---------- */
.about-expertise__intro{display:grid;grid-template-columns:1.1fr 0.9fr;gap:60px;align-items:end;margin-bottom:72px;}
.about-expertise__eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;
  color:var(--blue-deep);background:rgba(28,126,214,0.08);border:1px solid rgba(28,126,214,0.18);
  padding:6px 12px;border-radius:100px;margin-bottom:20px;
}
.about-expertise__title{
  font-family:var(--font-display);font-weight:700;font-size: 34px;line-height:1.08;
  letter-spacing:-0.015em;margin:0;color:var(--hero-base);
}
.about-expertise__title span{color:var(--blue);}
.about-expertise__lead{font-size:16px;line-height:1.75;color:var(--ink-mid);margin:0;}

/* ================= PANEL 1 — Commercial Printers: spec-sheet split ================= */
.about-expertise__p1{
  display:grid;grid-template-columns:0.85fr 1.15fr;gap:0;border:1px solid var(--ink-line);
  border-radius:8px;overflow:hidden;margin-bottom:28px;
}
.about-expertise__p1Media{position:relative;overflow:hidden;}
.about-expertise__p1Media img{width:100%;height:100%;object-fit:cover;display:block;min-height:380px;}
.about-expertise__p1Tag{
  position:absolute;top:18px;left:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.05em;
  color:#fff;background:rgba(11,13,16,0.55);backdrop-filter:blur(3px);padding:6px 12px;border-radius:100px;
}
.about-expertise__p1Body{padding:44px 48px;display:flex;flex-direction:column;justify-content:center;}
.about-expertise__chip{
  display:inline-flex;width:fit-content;font-family:var(--font-mono);font-size:11px;letter-spacing:0.08em;
  padding:6px 12px;border-radius:100px;margin-bottom:18px;color:var(--blue-deep);border:1px solid var(--blue-light);
}
.about-expertise__p1Title{font-family:var(--font-display);font-weight:700;font-size:26px;letter-spacing:-0.01em;margin:0 0 22px;color:var(--hero-base);}
.about-expertise__specRow{padding:15px 0;border-top:1px solid var(--ink-line);}
.about-expertise__specRow:first-of-type{border-top:none;padding-top:0;}
.about-expertise__specLabel{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:0.06em;color:var(--ink-low);text-transform:uppercase;margin-bottom:8px;}
.about-expertise__specRow p{font-size:15px;line-height:1.75;color:var(--ink-mid);margin:0;}

/* ================= PANEL 2 — Converters: dark band, two feature cards ================= */
.about-expertise__p2{
  background:var(--hero-base);border-radius:8px;padding:56px 48px;margin-bottom:28px;
}
.about-expertise__p2Head{max-width:560px;margin-bottom:40px;}
.about-expertise__p2Chip{
  display:inline-flex;font-family:var(--font-mono);font-size:11px;letter-spacing:0.08em;
  padding:6px 12px;border-radius:100px;margin-bottom:18px;color:var(--amber);border:1px solid rgba(240,170,67,0.4);
}
.about-expertise__p2Title{font-family:var(--font-display);font-weight:700;font-size:30px;letter-spacing:-0.01em;color:var(--text-hi);margin:0;}
.about-expertise__p2Grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;}
.about-expertise__p2Cards{display:flex;flex-direction:column;gap:1px;background:var(--line-strong);border-radius:6px;overflow:hidden;}
.about-expertise__p2Card{background:#12151A;padding:28px 30px;flex:1;}
.about-expertise__p2Num{font-family:var(--font-mono);font-size:12px;color:var(--amber);letter-spacing:0.06em;margin-bottom:14px;display:block;}
.about-expertise__p2CardTitle{font-family:var(--font-display);font-weight:600;font-size:19px;color:var(--text-hi);margin:0 0 12px;}
.about-expertise__p2Card p{font-size:14.5px;line-height:1.75;color:var(--text-mid);margin:0;}
.about-expertise__p2Media{position:relative;border-radius:6px;overflow:hidden;min-height:260px;}
.about-expertise__p2Media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(0.9);}
.about-expertise__p2Media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(11,13,16,0) 45%, rgba(11,13,16,0.8) 100%);
}
.about-expertise__p2MediaTag{
  position:absolute;bottom:16px;left:16px;z-index:2;font-family:var(--font-mono);font-size:11px;
  letter-spacing:0.05em;color:#fff;border:1px solid rgba(255,255,255,0.4);padding:6px 12px;border-radius:100px;
}

/* ================= PANEL 3 — Paper Mills: split editorial + capability tags + stamp badge ================= */
.about-expertise__p3{
  display:grid;grid-template-columns:1.15fr 0.85fr;border:1px solid var(--ink-line);
  border-radius:8px;overflow:hidden;
}
.about-expertise__p3Body{padding:48px 52px;display:flex;flex-direction:column;justify-content:center;}
.about-expertise__p3Title{font-family:var(--font-display);font-weight:700;font-size:26px;letter-spacing:-0.01em;color:var(--hero-base);margin:0 0 20px;}
.about-expertise__p3Lead{font-size:18px;line-height:1.85;color:var(--ink-mid);margin:0;}
.about-expertise__p3Lead strong{color:var(--hero-base);font-weight:600;}
.about-expertise__p3Tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.about-expertise__p3Tag{
  font-family:var(--font-mono);font-size:11px;letter-spacing:0.06em;color:var(--blue-deep);
  border:1px solid rgba(28,126,214,0.3);background:rgba(28,126,214,0.06);padding:8px 14px;border-radius:100px;
}
.about-expertise__p3Media{position:relative;overflow:hidden;min-height:340px;}
.about-expertise__p3Media img{width:100%;height:100%;object-fit:cover;display:block;}
.about-expertise__p3Reg{position:absolute;width:16px;height:16px;}
.about-expertise__p3Reg::before,.about-expertise__p3Reg::after{content:"";position:absolute;background:rgba(255,255,255,0.85);}
.about-expertise__p3Reg::before{top:50%;left:0;width:100%;height:1px;transform:translateY(-50%);}
.about-expertise__p3Reg::after{left:50%;top:0;height:100%;width:1px;transform:translateX(-50%);}
.about-expertise__p3Reg--tl{top:16px;left:16px;}
.about-expertise__p3Badge{
  position:absolute;bottom:18px;right:18px;width:98px;height:98px;border-radius:50%;
  background:rgba(11,13,16,0.72);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,0.35);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  transform:rotate(-8deg);
}
.about-expertise__p3BadgeNum{font-family:var(--font-display);font-weight:700;font-size:22px;color:#fff;line-height:1;}
.about-expertise__p3BadgeLabel{font-family:var(--font-mono);font-size:8px;letter-spacing:0.06em;color:var(--cyan);margin-top:5px;line-height:1.3;padding:0 8px;}

/* ================= application grid ================= */
.about-expertise__appHead{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:72px 0 24px;padding-top:40px;border-top:1px solid var(--ink-line);}
.about-expertise__appTitle{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-0.01em;color:var(--hero-base);margin:0;}
.about-expertise__appNote{font-family:var(--font-mono);font-size:11px;color:var(--ink-low);}

.about-expertise__appGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.about-expertise__appCard{
  background:var(--bg);border:1px solid var(--ink-line);border-radius:8px;overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease;
}
.about-expertise__appCard:hover{transform:translateY(-4px);box-shadow:0 12px 28px var(--shadow);}
.about-expertise__appStrip{height:5px;}
.about-expertise__appBody{padding:24px 22px 26px;}
.about-expertise__appIcon{width:36px;height:36px;margin-bottom:18px;}
.about-expertise__appIcon svg{width:25%;height:100%;}
.about-expertise__appName{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:-0.005em;color:var(--hero-base);margin:0 0 14px;min-height:40px;line-height:1.2;}
.about-expertise__appList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.about-expertise__appList li{position:relative;padding-left:14px;font-size:13px;line-height:1.6;color:var(--ink-mid);}
.about-expertise__appList li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:1px;background:var(--ink-low);}

@media (max-width:991px){
  .about-expertise__intro{grid-template-columns:1fr;gap:20px; margin-bottom: 30px;}
  .about-expertise__title{font-size:34px;}
  .about-expertise__p1{grid-template-columns:1fr;}
  .about-expertise__p1Media img{min-height:260px;}
  .about-expertise__p1Body{padding:32px 26px;}
  .about-expertise__p2{padding:36px 26px;}
  .about-expertise__p2Grid{grid-template-columns:1fr;}
  .about-expertise__p2Media{min-height:200px;order:-1;}
  .about-expertise__p3{grid-template-columns:1fr;}
  .about-expertise__p3Body{padding:32px 26px;order:2;}
  .about-expertise__p3Media{min-height:220px;order:1;}
  .about-expertise__appGrid{grid-template-columns:1fr 1fr;}
}
@media (max-width:576px){
  .about-expertise__appGrid{grid-template-columns:1fr;}
  .about-expertise__title{font-size:24px;}
  .about-intro .about-intro__title{font-size: 24px; margin-top: 15px;} 
  .about-intro{padding: 60px 12px 0;}
  .about-whatwedo .about-whatwedo__kicker{ margin-bottom: 10px;font-size: 24px;}
  .about-tagline .about-tagline__sub { 
    margin-left: 0px;
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 24px;
    letter-spacing: -0.01em;
    color: var(--ink);
    margin-bottom: 15px;
}
.about-tagline .about-tagline__word { 
    font-size: 24px; 
}
.about-tagline .about-tagline__word--outline {
    color: var(--blue);
    -webkit-text-stroke: unset;
}
}

 
/* ============ 6. SUSTAINABILITY — split intro + stat rail ============ */
.sustain2{background:var(--hero-base);padding:60px 0;position:relative;}
.sustain2 .sustain2__grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:64px;align-items:start;}
.sustain2 .sustain2__intro{position:sticky;top:100px;}
.sustain2 .sustain2__eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:0.08em;color:var(--cyan);display:block;margin-bottom:16px;}
.sustain2 .sustain2__title{font-family:var(--font-display);font-weight:600;font-size:38px;line-height:1.15;letter-spacing:-0.01em;color:var(--text-hi);margin-bottom:24px;}
.sustain2 .sustain2__title span{color: var(--blue);}
.sustain2 .sustain2__para{font-size:16px;line-height:1.75;color:var(--text-mid);margin-bottom:18px;}
.sustain2 .sustain2__para:last-child{margin-bottom:0;}
.sustain2 .sustain2__stats{display:flex;flex-direction:column;}
.sustain2 .sustain2__stat{display:grid;grid-template-columns:48px 1fr;gap:4px 20px;padding:28px 0;border-top:1px solid var(--line-strong);}
.sustain2 .sustain2__stat:last-child{border-bottom:1px solid var(--line-strong);}
.sustain2 .sustain2__statNum{grid-row:span 2;font-family:var(--font-mono);font-size:13px;color:var(--cyan);padding-top:2px;}
.sustain2 .sustain2__statLabel{font-family:var(--font-mono);font-size:13px;letter-spacing:0.06em;color:var(--text-hi);text-transform:uppercase;}
.sustain2 .sustain2__statText{font-size:14px;line-height:1.5;color:var(--text-mid);}

@media (max-width:900px){
.sustain2 .sustain2__grid{grid-template-columns:1fr;gap:40px;}
.sustain2 .sustain2__intro{position:static;}
.sustain2 .sustain2__title{font-size:30px;}
}

@media (max-width:520px){
.sustain2{padding:60px 0 0;}
.sustain2 .sustain2__stat{grid-template-columns:36px 1fr;padding:22px 0;}
.sustain2 .sustain2__title{font-size:24px;}
}

/* ============ 7. VISION & MISSION ============ */
.about-vm{padding:60px 0}
.about-vm .about-vm__row{position:relative;}
.about-vm .about-vm__kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;color:var(--blue-light);text-transform:uppercase;}
.about-vm .about-vm__visionCol{border-right:1px solid rgba(255,255,255,0.18);}
.about-vm .about-vm__visionMark{font-family:var(--font-mono);color:var(--blue-light);font-size:22px;}
.about-vm .about-vm__visionText{font-family:var(--font-display);font-weight:500;font-size:20px;line-height:1.5;color:#fff;}
.about-vm .about-vm__missionText{font-size:16px;line-height:1.85;color:rgba(255,255,255,0.88);}
@media (max-width:991px){
.about-vm .about-vm__visionCol{border-right:none;border-bottom:1px solid rgba(255,255,255,0.18);}
}


.capsule-col { padding: 40px 0; }
.capsule-wrap { width: 100%; max-width: 320px; height: 200px; margin: 0 auto; border-radius: 160px; overflow: hidden; position: relative; box-shadow: 0 20px 50px rgba(0,0,0,0.15); border: 6px solid #fff; }
.capsule-wrap::before { content: ''; position: absolute; inset: 0; border-radius: 160px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); z-index: 3; pointer-events: none; }
.capsule-slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.2s ease; }
.capsule-slide.is-active { opacity: 1; }
.capsule-dots { position: absolute; bottom: 24px; left: 0; right: 0; display: flex; justify-content: center; gap: 8px; z-index: 4; opacity: 0;}
.capsule-dots span { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,0.5); transition: background 0.3s ease, transform 0.3s ease; }
.capsule-dots span.is-active { background: #fff; transform: scale(1.3); }

/* ============ RESPONSIVE ============ */
@media (max-width:991px){
.about-hero{min-height:520px;}
.about-history .about-history__layout{grid-template-columns:1fr;}
.about-history .about-history__imageCol{min-height:400px;}
.about-history .about-history__textCol{padding:60px 12px;}
.about-history .about-history__title{font-size: 24px;}
.about-whatwedo{margin-top:0;}
.about-expertise .about-expertise__entry{grid-template-columns:1fr;gap:28px;direction:ltr;}
.about-apps .about-apps__headRow{display:none;}
.about-apps .about-apps__row{grid-template-columns:1fr;gap:14px;}
.about-apps .about-apps__rowIndex{order:1;}
.about-apps .about-apps__rowImg{order:2;width:100%;height:160px;}
.about-apps .about-apps__rowTitle{order:3;}
.about-apps .about-apps__rowSpecs{order:4;grid-template-columns:1fr;}
.about-sustain .about-sustain__strip{grid-template-columns:repeat(2,1fr);}
.about-sustain .about-sustain__stat:nth-child(2){border-right:none;}
}
@media (max-width:575px){
.about-hero .about-hero__title{font-size:32px;}
.about-hero .about-hero__reg{display:none;}
.about-tagline .about-tagline__inner{gap: 10px; line-height: 10px; margin-bottom: 10px;}
.about-intro .about-intro__stack{height:320px;}
.about-sustain .about-sustain__strip{grid-template-columns:1fr;}
.about-sustain .about-sustain__stat{border-right:none;border-bottom:1px solid var(--line-strong);}
.about-vm .about-vm__visionCard{min-height:320px;}
.capsule-wrap{max-width: 100%;}
.capsule-col{padding:20px 0 !important;}

}

/* About page */


 /* ===== Section heading — sits outside the grid ===== */
.pouches-header{display:flex;align-items:center;gap:12px;margin:36px 0 16px;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;color:#14171a;}
.pouches-header:first-of-type{margin-top:0;}
.pouches-header em{flex:0 0 auto;font-family:'IBM Plex Mono',monospace;font-style:normal;font-size:11px;font-weight:600;letter-spacing:0.08em;color:#fff;background:#e8483a;border-radius:2px;padding:3px 7px;line-height:1.4;}
.pouches-header::after{content:'';flex:1 1 auto;height:1px;background:#e2e4e6;}

.bento-gallery{row-gap:20px;}

/* ===== Readable caption overlay — same treatment on every image ===== */
.gallery-item{position:relative;display:block;overflow:hidden;}
.gallery-item::after{content:'';position:absolute;inset:0;background:linear-gradient(to top, rgba(10,12,14,0.72) 0%, rgba(10,12,14,0.28) 38%, rgba(10,12,14,0) 62%);pointer-events:none;}
.gallery-item span{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;font-family:'Inter',sans-serif;font-size:13.5px;font-weight:600;line-height:1.3;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.35);}

/* ===== Responsive ===== */
@media (max-width:992px){
  .pouches-header{font-size:18px;margin:30px 0 14px;}
}
@media (max-width:768px){
  .bento-gallery{grid-template-columns:repeat(2,1fr) !important;row-gap:14px;}
  .gallery-item.wide,.gallery-item.big{grid-column:span 2 !important;}
  .gallery-item.tall{grid-row:span 1 !important;}
  .pouches-header{font-size:16px;margin:24px 0 12px;gap:10px;}
  .pouches-header em{font-size:10px;padding:3px 6px;}
  .gallery-item span{font-size:12.5px;left:14px;right:14px;bottom:13px;}
}
@media (max-width:480px){
  .bento-gallery{grid-template-columns:1fr !important;gap:14px;}
  .gallery-item.wide,.gallery-item.big,.gallery-item.tall{grid-column:span 1 !important;grid-row:span 1 !important;aspect-ratio:4/3;}
  .pouches-header{font-size:20px;margin:20px 0 10px;}
  .gallery-item span{font-size:12px;left:12px;right:12px;bottom:11px;}
}







.product-section{padding:60px 0;background:var(--bg);position:relative;overflow:hidden;}
.product-section .product-row{align-items:center;} 
.product-section .product-lead{margin-bottom:24px;padding-left:18px;border-left:4px solid var(--blue);font:600 16px/1.8 var(--font-body);color:var(--blue-deep);}
.product-section .product-text{margin:0;font:400 16px/1.9 var(--font-body);color:#555;}
.product-section .product-image{text-align:center;}

 
@media(max-width:991px){
.product-section{padding:70px 0;}
.product-section .product-row{row-gap:30px;}
.product-section .product-content{padding-right:0;}
.product-section .product-lead{font-size:18px;}
.product-section .product-text{font-size:15px;}
}

@media(max-width:576px){
.product-section{padding:55px 0;}
.product-section .product-lead{padding-left:14px;font-size:17px;margin-bottom: 0;}
.product-section .product-text{font-size:14px;line-height:1.8;}
.product-section .product-img{border-radius:16px;}
}

.info-section{background:var(--bg);padding: 60px 0px 60px;background: #00b4d817;}

.info-section .info-eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;color:var(--ink-low);text-transform:uppercase;}
.info-section .info-eyebrow .info-rule{width:28px;height:1px;background:var(--ink-low);}

.info-section .info-title{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,3.6vw,44px);line-height:1.08;color:var(--ink);letter-spacing:-0.01em;text-align: center;}
.info-section .info-title span{color:var(--blue);}

.info-section .info-section__note { max-width: 900px; padding-bottom: .2rem; font-size: .9rem; line-height: 1.5; color: var(--ink-mid); margin: 0 auto 35px; text-align: center; }

/* ===== feature items ===== */
.feat-item .feat-art{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb, var(--row-color,var(--blue)) 14%, white);display:flex;align-items:center;justify-content:center;}
.feat-item .feat-art svg{width:32px;height:32px;}
.feat-item .feat-name{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--ink);letter-spacing:-0.005em;}
.feat-item .feat-desc{font-family:var(--font-body); line-height:1.6;color:var(--ink-mid);}
.feat-caption{color: var(--ink);}

.feat-01{--row-color:var(--blue);}
.feat-02{--row-color:var(--magenta);}
.feat-03{--row-color:var(--amber);}
.feat-04{--row-color:var(--cyan);}
.feat-05{--row-color:var(--blue-deep);}
.feat-06{--row-color:#C9A400;}

/* ===== image ===== */
.feat-image{position:relative;}
.feat-image::before{content:"";position:absolute;inset:-16px;border:1px dashed var(--hair);border-radius:18px;z-index:0;}
.feat-image .feat-img-frame{position:relative;border-radius:14px;overflow:hidden;background:#F4F4F2;border:1px solid var(--hair);z-index:1;}
.feat-image .feat-img-frame img{display:block;width:100%;height:auto;}
.feat-image .feat-caption{position:relative;z-index:1;font-family:var(--font-mono);font-size:10.5px;letter-spacing:0.1em;color:var(--ink-low);text-transform:uppercase;text-align:center;display: none !important;}

 
.scroll-rocket { position: fixed; right: 32px; bottom: 32px; width: 30px; height: 58px; border-radius: 20px; border: none; cursor: pointer; background: #14161c; overflow: hidden; opacity: 0; visibility: hidden; transform: translateY(20px) scale(0.9); transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s; box-shadow: 0 10px 26px rgba(0,0,0,0.45), inset 0 0 0 1px rgba(255,255,255,0.06); z-index: 999; }
.scroll-rocket.show { opacity: 1 !important; visibility: visible !important; transform: translateY(0) scale(1) !important; }
.scroll-rocket:hover { transform: translateY(-5px) scale(1.05); box-shadow: 0 16px 32px rgba(56,189,248,0.25), inset 0 0 0 1px rgba(255,255,255,0.1); }
.scroll-rocket:active { transform: translateY(-2px) scale(0.97); }

.scroll-rocket .rocket-fill { position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; background: linear-gradient(180deg, #7dd3fc, #0ea5e9); transition: height 0.15s ease-out; opacity: 0.9; }
.scroll-rocket .rocket-glow { position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; background: radial-gradient(circle at 50% 100%, rgba(125,211,252,0.5), transparent 70%); transition: height 0.15s ease-out; pointer-events: none; }

.scroll-rocket .rocket-icon { position: relative; z-index: 2; width: 24px; height: 24px; margin: 17px auto; display: block; stroke: #eaf6ff; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.35s ease; }
.scroll-rocket:hover .rocket-icon { transform: translateY(-3px); }
.scroll-rocket.launching .rocket-icon { animation: rocket-launch-icon 0.75s cubic-bezier(0.3, 0, 0.4, 1) forwards; }

.scroll-rocket .rocket-trail { position: absolute; left: 50%; bottom: 8px; width: 4px; height: 0; border-radius: 4px; background: linear-gradient(180deg, rgba(125,211,252,0), #bae6fd 60%, #ffffff); transform: translateX(-50%); opacity: 0; }
.scroll-rocket.launching .rocket-trail { animation: rocket-trail-stretch 0.75s cubic-bezier(0.3, 0, 0.4, 1) forwards; }

@keyframes rocket-launch-icon {
  0% { transform: translateY(0) scale(1); opacity: 1; }
  35% { transform: translateY(-4px) scale(1.05); opacity: 1; }
  100% { transform: translateY(-90px) scale(0.7); opacity: 0; }
}
@keyframes rocket-trail-stretch {
  0% { height: 0; opacity: 0; }
  25% { opacity: 1; }
  100% { height: 100px; opacity: 0; }
}






.csr-wrap{background:var(--hero-base);color:var(--text-mid);font-family:var(--font-body);overflow:hidden;}
.csr-wrap .csr-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-low);}
.csr-wrap h2,.csr-wrap h3{font-family:var(--font-display);color:var(--text-hi);letter-spacing:-.01em;margin:0;}

/* ============================================================
   01 — ENVIRONMENTAL SUSTAINABILITY — circular loop diagram
   ============================================================ */
.csr-enviro{padding:60px 0;border-bottom:1px solid var(--line-strong);background: var(--bg);}
.csr-enviro .csr-tag{color:var(--blue-light);}
.csr-enviro .csr-loop{position:relative;width:340px;max-width:100%;margin:0 auto;}
.csr-enviro .csr-loop svg{width:100%;height:auto;}
.csr-enviro .csr-loop-label{position:absolute;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-low);}
.csr-enviro .csr-loop-label.n{top:-6px;left:50%;transform:translateX(-50%);}
.csr-enviro .csr-loop-label.e{right:-58px;top:50%;transform:translateY(-50%);}
.csr-enviro .csr-loop-label.s{bottom:-6px;left:50%;transform:translateX(-50%);}
.csr-enviro .csr-loop-label.w{left:-64px;top:50%;transform:translateY(-50%);}
.csr-enviro .csr-loop-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display: none;}
.csr-enviro .csr-loop-core .csr-num{font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--text-hi);line-height:1;}
.csr-enviro .csr-loop-core .csr-lbl{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;color:var(--text-low);text-transform:uppercase;}
.csr-enviro .csr-title{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:600;margin:18px 0 16px;color: var(--blue);}
.csr-enviro .csr-text{font-size:1rem;line-height:1.8;max-width:520px;color: var(--hero-base);margin-bottom: 0;}
.csr-enviro .csr-text strong{font-weight:600;}

/* ============================================================
   02 — COMMUNITY ENGAGEMENT — image
   ============================================================ */
.csr-community{
  padding:60px 0;
  border-bottom:1px solid var(--line-strong);background:linear-gradient(180deg,rgba(0,180,216,0.05),transparent 60%);}
.csr-community .csr-tag{color:var(--cyan);}
.csr-community .csr-title{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:600;margin:18px 0 15px;color: var(--blue-light);}
.csr-community .csr-text{font-size:1rem;line-height:1.8;margin-bottom:0;}
.csr-community .csr-text strong{color:var(--text-hi);font-weight:600;}
.csr-community .csr-media{position:relative;width:100%;max-width:420px;aspect-ratio:1/1;margin:0 auto;border-radius:12px;overflow:hidden;border:1px solid var(--line-strong);}
.csr-community .csr-media img{width:100%;height:100%;object-fit:cover;display:block;}
.csr-community .csr-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,180,216,0.12),rgba(11,13,16,0.35));pointer-events:none;}

/* ============================================================
   03 — EMPLOYEE WELL-BEING & ETHICS — instrument scale bar
   ============================================================ */
.csr-employee{
   padding:100px 0;border-bottom:1px solid var(--line-strong);position:relative;
  background-image: url('../Images/CSR/employee-well-being.webp');
  background-size:cover;background-position:center;background-repeat:no-repeat;  
}
.csr-employee .csr-tag{color:var(--magenta);}
.csr-employee .csr-title{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:600;margin:18px 0 15px;color: var(--blue-light);}
.csr-employee .csr-text{font-size:1rem;line-height:1.8;max-width:680px;margin-bottom:0;}
.csr-employee .csr-text strong{color:var(--text-hi);font-weight:600;}
.csr-employee .csr-head-row{display:flex;align-items:center;gap:56px;margin-bottom:56px;}
.csr-employee .csr-head-copy{flex:1.3;min-width:0;}
.csr-employee .csr-head-media{flex:1;min-width:0;}
.csr-employee .csr-head-media img{width:100%;height:220px;object-fit:cover;border-radius:12px;border:1px solid var(--line-strong);display:block;}
.csr-employee .csr-scale{position:relative;height:2px;background:var(--line-strong);margin:0 6px;width: 75%;}
.csr-employee .csr-stop{position:absolute;top:-1px;width:2px;height:2px;}
.csr-employee .csr-stops{display:flex;justify-content:space-between;position:relative;margin-top:0;    width: 78%;}
.csr-employee .csr-stop-item{position:relative;flex:1;text-align:left;padding-top:26px;}
.csr-employee .csr-stop-item::before{content:'';position:absolute;top:-6px;left:0;width:1px;height:13px;background:var(--magenta);}
.csr-employee .csr-stop-item .csr-si-num{font-family:var(--font-mono);font-size:11px;color:var(--text-low);display:block;margin-bottom:6px;}
.csr-employee .csr-stop-item .csr-si-lbl{font-family:var(--font-display);font-weight:600;color:var(--text-hi);font-size:1.05rem;display:block;margin-bottom:6px;}
.csr-employee .csr-stop-item .csr-si-txt{font-size:.88rem;line-height:1.6;color:var(--text-low);max-width:220px;}

/* ============================================================
   04 — INNOVATION WITH RESPONSIBILITY — background image
   ============================================================ */
.csr-innovation{
  padding:100px 0;border-bottom:1px solid var(--line-strong);position:relative;
  background-image: url('../Images/CSR/CSR.webp');
  background-size:cover;background-position:center;background-repeat:no-repeat; 
}
.csr-innovation .csr-tag{color:var(--amber);}
.csr-innovation .csr-sheet{border:1px dashed rgba(240,170,67,0.35);padding:56px clamp(20px,2vw,72px);position:relative;}
.csr-innovation .csr-sheet .csr-crosshair{position:absolute;width:16px;height:16px;}
.csr-innovation .csr-sheet .csr-crosshair::before{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;background:rgba(240,170,67,0.5);}
.csr-innovation .csr-sheet .csr-crosshair::after{content:'';position:absolute;top:50%;left:0;height:1px;width:100%;background:rgba(240,170,67,0.5);}
.csr-innovation .csr-sheet .csr-crosshair.tl{top:-8px;left:-8px;}
.csr-innovation .csr-sheet .csr-crosshair.tr{top:-8px;right:-8px;}
.csr-innovation .csr-sheet .csr-crosshair.bl{bottom:-8px;left:-8px;}
.csr-innovation .csr-sheet .csr-crosshair.br{bottom:-8px;right:-8px;}
.csr-innovation .csr-title{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:600;margin:18px 0 16px;color: var(--blue);}
.csr-innovation .csr-text{font-size:1rem;line-height:1.8;color: var(--hero-base);max-width: 600px;}
.csr-innovation .csr-text strong{color:var(--text-hi);font-weight:600;}
.csr-innovation .csr-icon{display:flex;margin-bottom:8px;}
.csr-innovation .csr-icon svg{width:36px;height:36px;stroke:var(--amber);}

/* ============================================================
   05 — PARTNERSHIPS FOR PROGRESS — image
   ============================================================ */
.csr-partners{padding:60px 0;border-bottom:1px solid var(--line-strong);}
.csr-partners .csr-tag{color:var(--yellow);}
.csr-partners .csr-title{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:600;margin:18px 0 15px;color: var(--blue-light);}
.csr-partners .csr-text{font-size:1rem;line-height:1.8;max-width:520px;}
.csr-partners .csr-text strong{color:var(--text-hi);font-weight:600;}
.csr-partners .csr-media{position:relative;width:100%;max-width:380px;margin:0 auto;border-radius:12px;overflow:hidden;border:1px solid var(--line-strong);aspect-ratio:4/2;}
.csr-partners .csr-media img{width:100%;height:100%;object-fit:cover;display:block;}
.csr-partners .csr-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,210,63,0.10),rgba(11,13,16,0.35));pointer-events:none;}

/* ===== CLOSING ===== */
.csr-close{padding:120px 0 140px;text-align:center;position:relative;background:
  radial-gradient(circle,rgba(255,255,255,0.06) 1px,transparent 1.4px) 0 0/22px 22px;}
.csr-close .csr-crosshair{position:absolute;width:20px;height:20px;bottom:30px;}
.csr-close .csr-crosshair::before{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;background:var(--line-strong);}
.csr-close .csr-crosshair::after{content:'';position:absolute;top:50%;left:0;height:1px;width:100%;background:var(--line-strong);}
.csr-close .csr-crosshair.l{left:20px;}
.csr-close .csr-crosshair.r{right:20px;}
.csr-close h2{font-weight:700;font-size:clamp(1.7rem,4vw,2.6rem);max-width:780px;margin:0 auto 18px;}
.csr-close p{font-size:1.02rem;max-width:540px;margin:0 auto;}

/* ===== shared row helper ===== */
.csr-row{display:flex;align-items:center;gap:64px;}
.csr-row.csr-rev{flex-direction:row-reverse;}
.csr-row>*{flex:1;min-width:0;}
@media (max-width:900px){
  .csr-row{flex-direction:column;gap:30px;}
  .csr-row.csr-rev{flex-direction:column;}
  .csr-employee .csr-stops{flex-direction:column;gap:26px;}
  .csr-employee .csr-head-row{flex-direction:column;gap:0px;margin-bottom: 30px;}
}

@media (max-width:768px){
  .csr-community {padding: 60px 12px;}  
  .csr-employee{padding: 60px 0px;}
  .csr-innovation{padding: 60px 0px;background: var(--bg) !important;}
}













/* CONTACT US */

.contact-section{background:var(--hero-base);font-family:var(--font-body)}
.contact-section .section-tag{display:inline-block;padding:8px 18px;border-radius:30px;background:rgba(28,126,214,.12);color:var(--blue-light);font-size:.78rem;font-weight:600;letter-spacing:2px}
.contact-section .section-title{font:700 clamp(24px,4vw,3rem)/1.2 var(--font-display);color:#fff}
.contact-section .section-desc{max-width:700px;margin:auto;color:var(--text-mid);font-size:1.05rem;line-height:1.8}

.contact-section .contact-main{background:linear-gradient(135deg,#13171d,#1a2129);padding:50px;border-radius:24px;height:100%;border:1px solid rgba(255,255,255,.08)}
.contact-section .contact-main h3{color:#fff;font:700 2rem var(--font-display);margin-bottom:18px}
.contact-section .contact-main>p{color:var(--text-mid);line-height:1.9;margin-bottom:40px}

.contact-section .info-item{display:flex;gap:22px;margin-bottom:35px}
.contact-section .info-item:last-child{margin:0}
.contact-section .info-icon{width:68px;height:68px;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--blue-deep));display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;flex:none}
.contact-section .info-item small{display:block;color:var(--amber);font-size:.8rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}
.contact-section .info-item h6{margin:0;color:#fff;font-size:1.05rem;font-weight:500;line-height:1.9}
.contact-section .info-item a{color:#fff;text-decoration:none;font-size:1.1rem}
.contact-section .info-item a:hover{color:var(--amber)}

.contact-section .contact-side{display:flex;flex-direction:column;gap:25px;height:100%}
.contact-section .phone-box{background:linear-gradient(135deg,var(--blue),var(--blue-deep));padding:45px;border-radius:24px;color:#fff;flex:1}
.contact-section .phone-icon{font-size:48px;margin-bottom:20px}
.contact-section .phone-box h5{margin-bottom:20px;font-size:1.5rem;font-weight:700}
.contact-section .phone-box a{display:block;color:#fff;text-decoration:none;font-size:1.2rem;padding:10px 0}
.contact-section .phone-box a:hover{opacity:.8}

.contact-section .working-box{background:#171b22;border-radius:24px;padding:30px;border:1px solid rgba(255,255,255,.08);display:flex;gap:20px;align-items:center}
.contact-section .working-box i{font-size:42px;color:var(--amber)}
.contact-section .working-box strong{display:block;color:#fff;font-size:1.1rem;margin-bottom:6px}
.contact-section .working-box span{display:block;color:var(--text-mid);line-height:1.8}

.contact-section .map-box{overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.contact-section .map-box iframe{width:100%;height:550px;border:0;display:block}

@media(max-width:991px){
.contact-section .contact-main{padding:35px}
.contact-section .phone-box{padding:35px}
.contact-section .map-box iframe{height:420px}
}

@media(max-width:576px){
.contact-section .contact-main{padding:25px}
.contact-section .info-item{gap:15px}
.contact-section .info-icon{width:55px;height:55px;font-size:22px}
.contact-section .contact-main h3{font-size: 1.3rem;
        margin-bottom: 15px;}
.contact-section .phone-box{padding:28px}
.contact-section .phone-box a{font-size:1rem}
.contact-section .map-box iframe{height:320px}
}

/* CONTACT US */

.bento-infrastructure{
    display: flex !important;
    grid-template-columns: unset !important;
    grid-auto-rows: unset !important;
    gap: unset !important;
}

.bento-infrastructure .gallery-item {
  margin-bottom: 15px !important;
}

@media (max-width: 767.98px){
  br{display: none;}
  .about-hero .about-hero__bg { 
    object-position: right;
}
}

.mobile-book-now{position:fixed;bottom:0;left:0;width:100%;z-index:9999;display:none;align-items:center;justify-content:center;gap:10px;padding:16px 20px;background:linear-gradient(135deg,var(--blue),var(--blue-deep))!important;color:var(--text-hi);font-family:var(--font-body);font-size:16px;font-weight:600;text-align:center;text-decoration:none;letter-spacing:.5px;border-top:1px solid var(--line-strong);box-shadow:0 -8px 25px rgba(28,126,214,.35);transition:all .35s ease;-webkit-tap-highlight-color:transparent;}
.mobile-book-now i{font-size:18px;color:var(--amber);}
.mobile-book-now:hover{background:linear-gradient(135deg,var(--blue-light),var(--blue))!important;color:var(--text-hi);}
.mobile-book-now:hover,.mobile-book-now:active,.mobile-book-now:focus,.mobile-book-now:visited{background:linear-gradient(135deg,var(--blue),var(--blue-deep))!important;color:var(--text-hi)!important;}
@media (max-width:768px){
  .mobile-book-now{display:flex;}
  .scroll-rocket {
    position: fixed;
    right: 20px;
    bottom: 80px;
  }
}