/* ═══════════════════════════════════════════════════
   KEMEBOFF RESOURCES — MASTER STYLESHEET v3
   Clean, deduplicated. Mobile-first responsive.
═══════════════════════════════════════════════════ */

/* ── TOKENS ── */
:root {
  --orange:#C8441A; --orange-light:#E55C2F; --orange-pale:#fdf0eb;
  --navy:#2C3E5A; --navy-deep:#1a2738; --navy-mid:#3a5070;
  --mist:#8898b0; --cream:#f8f6f3; --white:#fff; --ink:#111820;
  --border:rgba(44,62,90,0.12); --radius:10px;
}

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--ink);overflow-x:hidden;}
img{max-width:100%;display:block;}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:0.5;}

/* ── UTILITY ── */
.eyebrow{font-family:'Syne',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:.7rem;margin-bottom:1.2rem;}
.eyebrow::before{content:'';display:block;width:28px;height:2px;background:var(--orange);flex-shrink:0;}
.eyebrow-light{color:var(--orange-light);}
.eyebrow-light::before{background:var(--orange-light);}

/* ── BUTTONS ── */
.btn-primary{display:inline-flex;align-items:center;gap:.55rem;background:var(--orange);color:var(--white);font-family:'Syne',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.9rem 1.9rem;border-radius:3px;text-decoration:none;transition:background .2s,transform .2s;white-space:nowrap;}
.btn-primary:hover{background:var(--orange-light);transform:translateY(-2px);}
.btn-outline{display:inline-flex;align-items:center;gap:.55rem;color:rgba(255,255,255,.65);font-family:'Syne',sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.9rem 0;text-decoration:none;border-bottom:1.5px solid rgba(255,255,255,.2);transition:color .2s,border-color .2s;}
.btn-outline:hover{color:var(--white);border-color:var(--orange);}
.btn-white{display:inline-flex;align-items:center;gap:.55rem;background:var(--white);color:var(--orange);font-family:'Syne',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:1rem 2.2rem;border-radius:3px;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s;position:relative;z-index:1;flex-shrink:0;}
.btn-white:hover{background:var(--navy-deep);color:var(--white);}

/* ══════════════════════════════════════
   NAV
══════════════════════════════════════ */
nav{position:fixed;top:0;left:0;right:0;z-index:200;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 4rem;background:rgba(26,39,56,0.97);backdrop-filter:blur(20px);border-bottom:1px solid rgba(200,68,26,0.2);}
.nav-logo{display:flex;align-items:center;gap:.9rem;text-decoration:none;flex-shrink:0;min-width:0;}
.nav-logo img{height:34px;width:auto;object-fit:contain;filter:brightness(0) invert(1);flex-shrink:0;}
.nav-logo-divider{width:1px;height:32px;background:rgba(200,68,26,0.4);flex-shrink:0;}
.nav-wordmark{display:flex;flex-direction:column;min-width:0;}
.nav-wordmark-main{font-family:'Syne',sans-serif;font-size:.85rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--white);line-height:1;white-space:nowrap;}
.nav-wordmark-sub{font-family:'Syne',sans-serif;font-size:.6rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--mist);margin-top:4px;white-space:nowrap;}
.nav-links{display:flex;gap:2.4rem;list-style:none;flex-shrink:0;}
.nav-links a{font-family:'Syne',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s;position:relative;padding-bottom:2px;white-space:nowrap;}
.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}
.nav-links a:hover,.nav-links a.active{color:var(--white);}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1);}
.nav-cta{background:var(--orange)!important;color:var(--white)!important;padding:.45rem 1.2rem!important;border-radius:3px;transition:background .2s!important;}
.nav-cta:hover{background:var(--orange-light)!important;}
.nav-cta::after{display:none!important;}

/* Hamburger — hidden on desktop */
.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:201;flex-shrink:0;width:40px;height:40px;}
.nav-hamburger span{display:block;width:24px;height:2px;background:var(--white);border-radius:2px;transition:transform .3s,opacity .3s;}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* Mobile drawer — hidden by default */
.nav-drawer{display:none;position:fixed;top:74px;left:0;right:0;background:rgba(22,34,50,0.99);backdrop-filter:blur(20px);z-index:199;padding:1rem 1.5rem 1.5rem;border-bottom:2px solid var(--orange);flex-direction:column;}
.nav-drawer.open{display:flex;}
.nav-drawer a{font-family:'Syne',sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);text-decoration:none;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.06);transition:color .2s;}
.nav-drawer a:last-child{border-bottom:none;margin-top:.5rem;text-align:center;background:var(--orange);color:var(--white)!important;border-radius:3px;padding:1rem;}
.nav-drawer a:hover{color:var(--orange-light);}

/* ══════════════════════════════════════
   PAGE HERO (inner pages)
══════════════════════════════════════ */
.page-hero{padding:10rem 5rem 6rem;background:var(--navy-deep);position:relative;overflow:hidden;}
.page-hero-grid{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 79px,rgba(44,62,90,0.25) 80px),repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(44,62,90,0.25) 80px);}
.page-hero-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(200,68,26,0.18) 0%,transparent 70%);top:-100px;left:-80px;pointer-events:none;}
.page-hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;animation:fadeUp .7s .1s both;}
.page-hero-eyebrow{font-family:'Syne',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--orange-light);display:flex;align-items:center;gap:.7rem;margin-bottom:1.2rem;}
.page-hero-eyebrow::before{content:'';display:block;width:28px;height:2px;background:var(--orange-light);}
.page-hero h1{font-family:'DM Serif Display',serif;font-size:clamp(2rem,4vw,3.5rem);color:var(--white);line-height:1.1;margin-bottom:1.5rem;}
.page-hero h1 em{font-style:italic;color:var(--orange-light);}
.page-hero-desc{font-size:1rem;line-height:1.8;color:rgba(255,255,255,.5);font-weight:300;max-width:640px;}

/* ══════════════════════════════════════
   HOME HERO
══════════════════════════════════════ */
.hero{min-height:100vh;background:var(--navy-deep);display:grid;grid-template-columns:1.1fr 0.9fr;position:relative;overflow:hidden;padding-top:74px;}
.hero::after{content:'';position:absolute;top:0;right:0;bottom:0;width:52%;background:var(--navy);clip-path:polygon(8% 0,100% 0,100% 100%,0% 100%);z-index:0;}
.hero-grid{position:absolute;inset:0;z-index:1;background-image:repeating-linear-gradient(0deg,transparent,transparent 79px,rgba(44,62,90,0.25) 80px),repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(44,62,90,0.25) 80px);}
.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(200,68,26,0.18) 0%,transparent 70%);top:10%;left:-80px;z-index:1;pointer-events:none;}
.hero-left{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:5rem 4rem 5rem 5rem;}
.hero-badge{display:inline-flex;align-items:center;gap:.6rem;background:rgba(200,68,26,0.15);border:1px solid rgba(200,68,26,0.35);padding:.38rem .9rem;border-radius:100px;margin-bottom:2rem;width:fit-content;max-width:100%;}
.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);animation:blink 2s ease infinite;flex-shrink:0;}
@keyframes blink{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.75);}}
.hero-badge span{font-family:'Syne',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-light);line-height:1.3;}
.hero h1{font-family:'DM Serif Display',serif;font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.08;color:var(--white);margin-bottom:1.8rem;}
.hero h1 em{font-style:italic;color:var(--orange-light);}
.hero-sub{font-size:.95rem;line-height:1.8;color:rgba(255,255,255,.5);font-weight:300;max-width:460px;margin-bottom:2.8rem;}
.hero-actions{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;}
.hero-stats{display:flex;gap:2.5rem;margin-top:3rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.07);flex-wrap:wrap;}
.hero-stat-num{font-family:'DM Serif Display',serif;font-size:2rem;color:var(--orange-light);line-height:1;}
.hero-stat-label{font-family:'Syne',sans-serif;font-size:.52rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mist);margin-top:5px;}
.hero-right{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 4rem 4rem 2rem;}
.hero-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(200,68,26,.25);border-radius:14px;padding:2.2rem 2.4rem;width:100%;max-width:360px;backdrop-filter:blur(12px);position:relative;overflow:hidden;}
.hero-feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--orange-light),transparent);}
.card-label{font-family:'Syne',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--orange-light);margin-bottom:1.2rem;}
.card-headline{font-family:'DM Serif Display',serif;font-size:2rem;color:var(--white);line-height:1.1;margin-bottom:.4rem;}
.card-tagline{font-size:.8rem;color:var(--mist);font-weight:300;margin-bottom:1.8rem;}
.card-divider{height:1px;background:rgba(200,68,26,.2);margin-bottom:1.6rem;}
.card-list{display:flex;flex-direction:column;gap:.85rem;}
.card-list-item{display:flex;align-items:flex-start;gap:.75rem;}
.card-list-icon{width:22px;height:22px;border-radius:50%;background:rgba(200,68,26,.15);border:1px solid rgba(200,68,26,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-size:.65rem;}
.card-list-item span{font-size:.82rem;color:rgba(255,255,255,.6);font-weight:300;line-height:1.4;}

/* ── TRUSTED ── */
.trusted{background:var(--navy-deep);border-top:1px solid rgba(200,68,26,.12);border-bottom:1px solid rgba(200,68,26,.12);padding:1.6rem 5rem;display:flex;align-items:center;gap:2rem;overflow:hidden;flex-wrap:wrap;}
.trusted-label{font-family:'Syne',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--mist);white-space:nowrap;flex-shrink:0;}
.trusted-line{width:1px;height:32px;background:rgba(200,68,26,.25);flex-shrink:0;}
.trusted-logos{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;}
.trusted-logo{font-family:'Syne',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.22);transition:color .25s;cursor:default;}
.trusted-logo:hover{color:rgba(200,68,26,.7);}

/* ── HOME SERVICES ── */
.services{background:var(--cream);padding:8rem 5rem;}
.services-inner{max-width:1200px;margin:0 auto;}
.services-top{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;margin-bottom:5rem;}
.services-top h2{font-family:'DM Serif Display',serif;font-size:clamp(2rem,3.5vw,2.9rem);line-height:1.12;color:var(--ink);}
.services-top h2 em{font-style:italic;color:var(--orange);}
.services-top-right p{font-size:.95rem;line-height:1.8;color:#666;font-weight:300;margin-bottom:1.5rem;}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.svc-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:2.4rem 2.2rem;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden;}
.svc-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--orange-light));transform:scaleX(0);transform-origin:left;transition:transform .4s ease;}
.svc-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(44,62,90,.1);border-color:rgba(200,68,26,.2);}
.svc-card:hover::after{transform:scaleX(1);}
.svc-icon{width:50px;height:50px;background:var(--orange-pale);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1.6rem;}
.svc-card h3{font-family:'DM Serif Display',serif;font-size:1.2rem;color:var(--navy);margin-bottom:.8rem;}
.svc-card p{font-size:.85rem;line-height:1.75;color:#666;font-weight:300;}

/* ── ABOUT BAND ── */
.about-band{background:var(--navy);display:grid;grid-template-columns:1fr 1fr;}
.about-left-panel{padding:7rem 5rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;border-right:1px solid rgba(200,68,26,.12);}
.about-watermark{position:absolute;bottom:-2rem;right:-1rem;font-family:'DM Serif Display',serif;font-size:14rem;line-height:1;color:rgba(255,255,255,.025);pointer-events:none;user-select:none;}
.about-left-panel h2{font-family:'DM Serif Display',serif;font-size:clamp(1.8rem,3vw,2.6rem);color:var(--white);line-height:1.12;margin-bottom:2rem;position:relative;z-index:1;}
.about-left-panel h2 em{font-style:italic;color:var(--orange-light);}
.about-quote{border-left:3px solid var(--orange);padding:1rem 0 1rem 1.5rem;margin:2rem 0;font-family:'DM Serif Display',serif;font-size:1.05rem;font-style:italic;color:rgba(255,255,255,.75);line-height:1.5;position:relative;z-index:1;}
.about-left-panel p{font-size:.9rem;line-height:1.8;color:rgba(255,255,255,.45);font-weight:300;margin-bottom:1rem;position:relative;z-index:1;}
.about-right-panel{padding:7rem 5rem;background:var(--navy-deep);display:flex;flex-direction:column;justify-content:center;}
.vm-card{padding:1.8rem 2rem;border-radius:8px;border:1px solid rgba(200,68,26,.15);background:rgba(255,255,255,.03);margin-bottom:1.2rem;transition:border-color .3s;}
.vm-card:hover{border-color:rgba(200,68,26,.4);}
.vm-tag{font-family:'Syne',sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--orange-light);margin-bottom:.6rem;}
.vm-card h3{font-family:'DM Serif Display',serif;font-size:1rem;color:var(--white);margin-bottom:.5rem;}
.vm-card p{font-size:.82rem;line-height:1.7;color:rgba(255,255,255,.4);font-weight:300;}

/* ── HOME PRODUCTS PREVIEW ── */
.products-preview{padding:8rem 5rem;background:var(--cream);}
.products-inner{max-width:1200px;margin:0 auto;}
.products-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4rem;flex-wrap:wrap;gap:1.5rem;}
.products-head h2{font-family:'DM Serif Display',serif;font-size:clamp(2rem,3vw,2.6rem);color:var(--ink);line-height:1.12;}
.products-head h2 em{font-style:italic;color:var(--orange);}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;}
.prod-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;display:block;transition:transform .3s,box-shadow .3s;}
.prod-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(44,62,90,.1);}
.prod-thumb{height:200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:zoom-in;background:#1a2738;}
.prod-thumb img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease;background:#f5f5f5;padding:.5rem;}
.prod-thumb:hover img{transform:scale(1.05);}
.prod-thumb::after{content:'⤢';position:absolute;bottom:.6rem;right:.7rem;font-size:.9rem;color:var(--white);background:rgba(200,68,26,.85);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s;pointer-events:none;line-height:26px;text-align:center;}
.prod-thumb:hover::after{opacity:1;}
.prod-badge{position:absolute;top:.8rem;right:.8rem;font-family:'Syne',sans-serif;font-size:.5rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--white);background:var(--orange);padding:.28rem .7rem;border-radius:100px;z-index:2;}
.prod-body{padding:1.4rem 1.5rem;}
.prod-cat,.prod-cat-tag{font-family:'Syne',sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin-bottom:.45rem;}
.prod-card h3{font-family:'DM Serif Display',serif;font-size:1rem;color:var(--navy);margin-bottom:.5rem;line-height:1.3;}
.prod-card p{font-size:.78rem;line-height:1.65;color:#777;font-weight:300;}
.prod-features{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-top:.8rem;}
.prod-features li{display:flex;align-items:flex-start;gap:.6rem;font-size:.8rem;color:#555;font-weight:300;line-height:1.5;}
.prod-features li::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:var(--orange);flex-shrink:0;margin-top:.45rem;}

/* ── CTA BAND ── */
.cta-band{background:var(--orange);padding:5rem;display:flex;align-items:center;justify-content:space-between;gap:3rem;position:relative;overflow:hidden;}
.cta-band::before{content:'KR';position:absolute;right:5%;font-family:'DM Serif Display',serif;font-size:16rem;line-height:1;color:rgba(255,255,255,.07);pointer-events:none;user-select:none;}
.cta-band h2{font-family:'DM Serif Display',serif;font-size:clamp(1.8rem,2.8vw,2.4rem);color:var(--white);line-height:1.2;max-width:520px;position:relative;z-index:1;}

/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
footer{background:var(--navy-deep);padding:6rem 5rem 2.5rem;border-top:3px solid var(--orange);}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:4rem;padding-bottom:4rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:2rem;}
.footer-logo img{height:48px;width:auto;object-fit:contain;filter:brightness(0) invert(1);margin-bottom:.8rem;}
.footer-brand-tag{font-family:'Syne',sans-serif;font-size:.5rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--mist);margin-bottom:.4rem;}
.footer-desc{font-size:.83rem;line-height:1.75;color:rgba(255,255,255,.35);font-weight:300;max-width:270px;margin-top:.8rem;}
.footer-col h4{font-family:'Syne',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--orange-light);margin-bottom:1.4rem;}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem;}
.footer-links a{font-size:.83rem;color:rgba(255,255,255,.38);text-decoration:none;transition:color .2s;}
.footer-links a:hover{color:var(--orange-light);}
.footer-contact,.footer-contact-col{display:flex;flex-direction:column;gap:1.2rem;}
.fc-item-label{font-family:'Syne',sans-serif;font-size:.52rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin-bottom:3px;}
.fc-item-value{font-size:.83rem;color:rgba(255,255,255,.45);font-weight:300;line-height:1.6;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;}
.footer-copy{font-size:.72rem;color:rgba(255,255,255,.22);}
.footer-est{font-family:'DM Serif Display',serif;font-size:.82rem;font-style:italic;color:rgba(200,68,26,.4);}

/* ══════════════════════════════════════
   ABOUT PAGE
══════════════════════════════════════ */
.story-section{display:grid;grid-template-columns:1fr 1fr;}
.story-left{background:var(--navy);padding:7rem 5rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;}
.story-watermark{position:absolute;bottom:-3rem;right:-2rem;font-family:'DM Serif Display',serif;font-size:15rem;line-height:1;color:rgba(255,255,255,.025);pointer-events:none;user-select:none;}
.story-left h2{font-family:'DM Serif Display',serif;font-size:clamp(1.8rem,2.8vw,2.4rem);color:var(--white);line-height:1.15;margin-bottom:2rem;position:relative;z-index:1;}
.story-left h2 em{font-style:italic;color:var(--orange-light);}
.story-left p{font-size:.9rem;line-height:1.85;color:rgba(255,255,255,.5);font-weight:300;margin-bottom:1.2rem;position:relative;z-index:1;}
.story-left p strong{color:rgba(255,255,255,.8);}
.story-quote{border-left:3px solid var(--orange);padding:1rem 0 1rem 1.5rem;margin:1.8rem 0;font-family:'DM Serif Display',serif;font-size:1.05rem;font-style:italic;color:rgba(255,255,255,.75);line-height:1.55;position:relative;z-index:1;}
.story-right{background:var(--cream);padding:7rem 5rem;display:flex;flex-direction:column;justify-content:center;}
.policy-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 2.2rem;margin-bottom:1.2rem;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden;}
.policy-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--orange-light));transform:scaleX(0);transform-origin:left;transition:transform .4s ease;}
.policy-card:hover{border-color:rgba(200,68,26,.25);box-shadow:0 12px 40px rgba(44,62,90,.08);}
.policy-card:hover::after{transform:scaleX(1);}
.policy-tag{font-family:'Syne',sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--orange);margin-bottom:.6rem;}
.policy-card h3{font-family:'DM Serif Display',serif;font-size:1.05rem;color:var(--navy);margin-bottom:.6rem;}
.policy-card p{font-size:.85rem;line-height:1.75;color:#666;font-weight:300;}
.timeline-section{background:var(--navy-deep);padding:7rem 5rem;}
.timeline-inner{max-width:900px;margin:0 auto;}
.timeline-section h2{font-family:'DM Serif Display',serif;font-size:clamp(1.8rem,2.8vw,2.4rem);color:var(--white);margin-bottom:4rem;}
.timeline{position:relative;padding-left:3rem;}
.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:rgba(200,68,26,.3);}
.timeline-item{position:relative;margin-bottom:3rem;}
.timeline-item::before{content:'';position:absolute;left:-3.35rem;top:.3rem;width:14px;height:14px;border-radius:50%;background:var(--orange);border:3px solid var(--navy-deep);}
.timeline-year{font-family:'Syne',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--orange-light);margin-bottom:.5rem;}
.timeline-item h3{font-family:'DM Serif Display',serif;font-size:1.15rem;color:var(--white);margin-bottom:.5rem;}
.timeline-item p{font-size:.87rem;line-height:1.75;color:rgba(255,255,255,.45);font-weight:300;}
.products-overview{background:var(--cream);padding:7rem 5rem;}
.products-overview-inner{max-width:1200px;margin:0 auto;}
.products-overview h2{font-family:'DM Serif Display',serif;font-size:clamp(1.8rem,2.8vw,2.4rem);color:var(--ink);margin-bottom:3rem;}
.products-overview h2 em{font-style:italic;color:var(--orange);}
.products-list{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
.products-list-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 2rem;background:var(--white);border:1px solid var(--border);border-radius:8px;}
.products-list-icon{font-size:1.5rem;flex-shrink:0;margin-top:.1rem;}
.products-list-item h3{font-family:'DM Serif Display',serif;font-size:1rem;color:var(--navy);margin-bottom:.3rem;}
.products-list-item p{font-size:.82rem;color:#777;font-weight:300;line-height:1.6;}

/* ══════════════════════════════════════
   PRODUCTS PAGE
══════════════════════════════════════ */
.prod-tabs{background:var(--navy);border-bottom:1px solid rgba(200,68,26,.15);position:sticky;top:74px;z-index:100;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.prod-tabs-inner{max-width:1200px;margin:0 auto;display:flex;padding:0 5rem;min-width:max-content;}
.prod-tab{font-family:'Syne',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);padding:1.1rem 1.8rem;text-decoration:none;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap;}
.prod-tab:hover{color:var(--white);border-color:rgba(200,68,26,.4);}
.prod-tab.active{color:var(--orange-light);border-color:var(--orange);}
.prod-cat-section{padding:6rem 5rem;max-width:1400px;margin:0 auto;}
.prod-cat-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:1rem;}
.prod-cat-header h2{font-family:'DM Serif Display',serif;font-size:clamp(1.8rem,2.5vw,2.2rem);color:var(--ink);}
.prod-cat-header h2 em{font-style:italic;color:var(--orange);}
.prod-cat-desc{font-size:.9rem;line-height:1.75;color:#666;font-weight:300;max-width:600px;margin-bottom:3rem;}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.prod-cat-section-dark{background:var(--navy-deep);padding:6rem 5rem;}
.prod-cat-section-dark-inner{max-width:1400px;margin:0 auto;}
.prod-cat-section-dark .prod-card{background:rgba(255,255,255,.04);border:1px solid rgba(200,68,26,.18);}
.prod-cat-section-dark .prod-card:hover{border-color:rgba(200,68,26,.4);}
.prod-cat-section-dark .prod-card h3{color:var(--white);}
.prod-cat-section-dark .prod-card p{color:rgba(255,255,255,.45);}
.prod-cat-section-dark .prod-features li{color:rgba(255,255,255,.5);}
.prod-cat-section-dark .prod-cat-header{border-color:rgba(255,255,255,.08);}
.prod-cat-section-dark .prod-cat-desc{color:rgba(255,255,255,.45);}

/* ══════════════════════════════════════
   SERVICES PAGE
══════════════════════════════════════ */
.svc-feature{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);}
.svc-feature-left{padding:7rem 5rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;border-right:1px solid rgba(200,68,26,.12);}
.svc-watermark{position:absolute;bottom:-3rem;right:-2rem;font-family:'DM Serif Display',serif;font-size:12rem;line-height:1;color:rgba(255,255,255,.025);pointer-events:none;}
.svc-feature-left h2{font-family:'DM Serif Display',serif;font-size:clamp(1.8rem,2.8vw,2.4rem);color:var(--white);line-height:1.15;margin-bottom:1.5rem;position:relative;z-index:1;}
.svc-feature-left h2 em{font-style:italic;color:var(--orange-light);}
.svc-feature-left p{font-size:.92rem;line-height:1.85;color:rgba(255,255,255,.5);font-weight:300;margin-bottom:1rem;position:relative;z-index:1;}
.svc-quote{border-left:3px solid var(--orange);padding:1rem 0 1rem 1.5rem;margin:1.5rem 0;font-family:'DM Serif Display',serif;font-size:1.05rem;font-style:italic;color:rgba(255,255,255,.75);line-height:1.55;position:relative;z-index:1;}
.svc-feature-right{padding:7rem 5rem;background:var(--navy-deep);display:flex;flex-direction:column;justify-content:center;}
.pillar{padding:1.8rem 2rem;border-radius:8px;border:1px solid rgba(200,68,26,.15);background:rgba(255,255,255,.03);margin-bottom:1.2rem;transition:border-color .3s;}
.pillar:hover{border-color:rgba(200,68,26,.4);}
.pillar-num{font-family:'DM Serif Display',serif;font-size:2rem;color:var(--orange);line-height:1;margin-bottom:.5rem;}
.pillar h3{font-family:'DM Serif Display',serif;font-size:1rem;color:var(--white);margin-bottom:.5rem;}
.pillar p{font-size:.83rem;line-height:1.7;color:rgba(255,255,255,.4);font-weight:300;}
.services-section{padding:7rem 5rem;background:var(--cream);}
.services-inner{max-width:1200px;margin:0 auto;}
.services-inner h2{font-family:'DM Serif Display',serif;font-size:clamp(1.8rem,2.8vw,2.4rem);color:var(--ink);margin-bottom:3.5rem;}
.services-inner h2 em{font-style:italic;color:var(--orange);}
.maintenance-section{background:var(--navy-deep);padding:7rem 5rem;}
.maintenance-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;}
.maintenance-inner h2{font-family:'DM Serif Display',serif;font-size:clamp(1.8rem,2.8vw,2.4rem);color:var(--white);margin-bottom:1.5rem;}
.maintenance-inner h2 em{font-style:italic;color:var(--orange-light);}
.maintenance-inner p{font-size:.92rem;line-height:1.85;color:rgba(255,255,255,.5);font-weight:300;margin-bottom:1rem;}
.maint-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.5rem;}
.maint-stat{padding:1.5rem;border:1px solid rgba(200,68,26,.2);border-radius:8px;background:rgba(255,255,255,.03);}
.maint-stat-num{font-family:'DM Serif Display',serif;font-size:2.5rem;color:var(--orange-light);line-height:1;margin-bottom:.4rem;}
.maint-stat-label{font-family:'Syne',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mist);}
.maint-points{display:flex;flex-direction:column;gap:1.2rem;}
.maint-point{display:flex;align-items:flex-start;gap:1rem;}
.maint-point-icon{width:44px;height:44px;border-radius:8px;background:rgba(200,68,26,.12);border:1px solid rgba(200,68,26,.25);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.maint-point-text h4{font-family:'DM Serif Display',serif;font-size:.95rem;color:var(--white);margin-bottom:.3rem;}
.maint-point-text p{font-size:.82rem;color:rgba(255,255,255,.4);font-weight:300;line-height:1.6;}
.sla-section{padding:7rem 5rem;background:var(--cream);}
.sla-inner{max-width:1200px;margin:0 auto;}
.sla-inner h2{font-family:'DM Serif Display',serif;font-size:clamp(1.8rem,2.5vw,2.2rem);color:var(--ink);margin-bottom:3rem;}
.sla-inner h2 em{font-style:italic;color:var(--orange);}
.sla-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}
.sla-item{padding:2rem 1.8rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);text-align:center;}
.sla-item-icon{font-size:2rem;margin-bottom:1rem;}
.sla-item h3{font-family:'DM Serif Display',serif;font-size:1rem;color:var(--navy);margin-bottom:.5rem;}
.sla-item p{font-size:.8rem;color:#777;font-weight:300;line-height:1.6;}

/* ══════════════════════════════════════
   CLIENTELE PAGE
══════════════════════════════════════ */
.trust-stats{background:var(--orange);padding:3.5rem 5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center;}
.trust-stat-num{font-family:'DM Serif Display',serif;font-size:2.8rem;color:var(--white);line-height:1;margin-bottom:.3rem;}
.trust-stat-label{font-family:'Syne',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.7);}
.clients-section{padding:7rem 5rem;background:var(--cream);}
.clients-inner{max-width:1200px;margin:0 auto;}
.clients-inner h2{font-family:'DM Serif Display',serif;font-size:clamp(1.8rem,2.8vw,2.4rem);color:var(--ink);margin-bottom:.8rem;}
.clients-inner h2 em{font-style:italic;color:var(--orange);}
.clients-intro{font-size:.95rem;line-height:1.8;color:#666;font-weight:300;max-width:700px;margin-bottom:3.5rem;}
.client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-bottom:5rem;}
.client-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.8rem;display:flex;align-items:center;gap:1rem;transition:border-color .3s,transform .3s,box-shadow .3s;}
.client-card:hover{border-color:rgba(200,68,26,.3);transform:translateY(-3px);box-shadow:0 12px 30px rgba(44,62,90,.08);}
.client-card-icon{width:44px;height:44px;border-radius:8px;background:var(--white);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:3px;}
.client-card-icon img{width:100%;height:100%;object-fit:contain;}
.client-card h3{font-family:'DM Serif Display',serif;font-size:.9rem;color:var(--navy);line-height:1.3;}
.featured-client{background:var(--navy);border:2px solid rgba(200,68,26,.3);border-radius:12px;padding:2rem 2.4rem;display:flex;align-items:center;gap:2rem;grid-column:span 2;transition:border-color .3s;}
.featured-client:hover{border-color:rgba(200,68,26,.6);}
.featured-client-icon{width:60px;height:60px;border-radius:10px;background:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:4px;}
.featured-client-icon img{width:100%;height:100%;object-fit:contain;}
.featured-client h3{font-family:'DM Serif Display',serif;font-size:1.1rem;color:var(--white);margin-bottom:.3rem;}
.featured-client p{font-size:.8rem;color:rgba(255,255,255,.45);font-weight:300;}
.featured-badge{display:inline-block;font-family:'Syne',sans-serif;font-size:.5rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--orange-light);border:1px solid rgba(200,68,26,.4);padding:.25rem .6rem;border-radius:100px;margin-bottom:.5rem;}
.sector-section{background:var(--navy-deep);padding:6rem 5rem;}
.sector-inner{max-width:1200px;margin:0 auto;}
.sector-inner h2{font-family:'DM Serif Display',serif;font-size:clamp(1.8rem,2.5vw,2.2rem);color:var(--white);margin-bottom:3rem;}
.sector-inner h2 em{font-style:italic;color:var(--orange-light);}
.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.sector-card{background:rgba(255,255,255,.04);border:1px solid rgba(200,68,26,.15);border-radius:var(--radius);padding:1.8rem 2rem;display:flex;align-items:flex-start;gap:1rem;transition:border-color .3s;}
.sector-card:hover{border-color:rgba(200,68,26,.4);}
.sector-card-icon{width:44px;height:44px;border-radius:8px;background:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:3px;}
.sector-card-icon img{width:100%;height:100%;object-fit:contain;}
.sector-card h3{font-family:'DM Serif Display',serif;font-size:.95rem;color:var(--white);margin-bottom:.3rem;}
.sector-card p{font-size:.8rem;color:rgba(255,255,255,.4);font-weight:300;line-height:1.6;}
.services-used{padding:7rem 5rem;background:var(--cream);}
.services-used-inner{max-width:1200px;margin:0 auto;}
.services-used h2{font-family:'DM Serif Display',serif;font-size:clamp(1.8rem,2.5vw,2.2rem);color:var(--ink);margin-bottom:3rem;}
.services-used h2 em{font-style:italic;color:var(--orange);}
.svc-used-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.svc-used-item{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:1.6rem 2rem;display:flex;align-items:flex-start;gap:1rem;}
.svc-used-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);flex-shrink:0;margin-top:.45rem;}
.svc-used-item span{font-family:'DM Serif Display',serif;font-size:1rem;color:var(--navy);line-height:1.4;}

/* ══════════════════════════════════════
   CONTACT PAGE
══════════════════════════════════════ */
.contact-main{display:grid;grid-template-columns:1fr 1.1fr;}
.contact-info{background:var(--navy);padding:7rem 5rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;}
.contact-info-watermark{position:absolute;bottom:-3rem;right:-2rem;font-family:'DM Serif Display',serif;font-size:14rem;line-height:1;color:rgba(255,255,255,.025);pointer-events:none;user-select:none;}
.contact-info h2{font-family:'DM Serif Display',serif;font-size:clamp(1.8rem,2.8vw,2.4rem);color:var(--white);line-height:1.15;margin-bottom:2.5rem;position:relative;z-index:1;}
.contact-info h2 em{font-style:italic;color:var(--orange-light);}
.contact-info-items{display:flex;flex-direction:column;gap:2rem;position:relative;z-index:1;}
.contact-info-item{display:flex;align-items:flex-start;gap:1.2rem;}
.contact-info-icon{width:48px;height:48px;border-radius:10px;background:rgba(200,68,26,.12);border:1px solid rgba(200,68,26,.25);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}
.contact-info-label{font-family:'Syne',sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--orange-light);margin-bottom:.4rem;}
.contact-info-value{font-size:.92rem;color:rgba(255,255,255,.65);font-weight:300;line-height:1.7;}
.contact-info-value a{color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s;}
.contact-info-value a:hover{color:var(--orange-light);}
.contact-hours{margin-top:3rem;padding:1.8rem 2rem;background:rgba(255,255,255,.04);border:1px solid rgba(200,68,26,.2);border-radius:var(--radius);position:relative;z-index:1;}
.contact-hours-label{font-family:'Syne',sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--orange-light);margin-bottom:1rem;}
.hours-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05);}
.hours-row:last-child{border-bottom:none;}
.hours-day{font-size:.82rem;color:rgba(255,255,255,.5);font-weight:300;}
.hours-time{font-family:'Syne',sans-serif;font-size:.72rem;font-weight:600;color:var(--white);}
.contact-form-wrap{background:var(--cream);padding:7rem 5rem;display:flex;flex-direction:column;justify-content:center;}
.contact-form-wrap h2{font-family:'DM Serif Display',serif;font-size:clamp(1.6rem,2.5vw,2.2rem);color:var(--ink);margin-bottom:.6rem;}
.contact-form-wrap h2 em{font-style:italic;color:var(--orange);}
.contact-form-wrap>p{font-size:.9rem;color:#777;font-weight:300;line-height:1.7;margin-bottom:2.5rem;}
.contact-form{display:flex;flex-direction:column;gap:1.2rem;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;}
.form-group{display:flex;flex-direction:column;gap:.45rem;}
.form-label{font-family:'Syne',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);}
.form-input,.form-select,.form-textarea{width:100%;padding:.85rem 1.1rem;border:1.5px solid var(--border);border-radius:5px;font-family:'DM Sans',sans-serif;font-size:.9rem;color:var(--ink);background:var(--white);outline:none;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none;}
.form-input::placeholder,.form-textarea::placeholder{color:#bbb;font-weight:300;}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(200,68,26,.08);}
.form-textarea{resize:vertical;min-height:130px;line-height:1.6;}
.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer;}
.form-submit{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:var(--orange);color:var(--white);font-family:'Syne',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:1rem 2.5rem;border-radius:3px;border:none;cursor:pointer;transition:background .2s,transform .2s;margin-top:.4rem;width:100%;}
.form-submit:hover{background:var(--orange-light);transform:translateY(-2px);}
.form-feedback{display:none;padding:1rem 1.2rem;border-radius:5px;font-size:.85rem;margin-top:.5rem;}
.form-feedback.success{background:#edfdf5;border:1px solid #34d399;color:#065f46;}
.form-feedback.error{background:#fef2f2;border:1px solid #f87171;color:#991b1b;}
.map-band{background:var(--navy-deep);padding:6rem 5rem;}
.map-band-inner{max-width:1200px;margin:0 auto;}
.map-band h2{font-family:'DM Serif Display',serif;font-size:clamp(1.6rem,2.5vw,2.2rem);color:var(--white);margin-bottom:.5rem;}
.map-band h2 em{font-style:italic;color:var(--orange-light);}
.map-band-inner>p{font-size:.9rem;color:var(--mist);font-weight:300;margin-bottom:2.5rem;}
.map-frame{border-radius:12px;overflow:hidden;border:1px solid rgba(200,68,26,.2);height:400px;}

/* ══════════════════════════════════════
   LIGHTBOX
══════════════════════════════════════ */
.lb-overlay{display:none;position:fixed;inset:0;z-index:8000;background:rgba(10,14,20,.93);align-items:center;justify-content:center;cursor:zoom-out;backdrop-filter:blur(8px);}
.lb-overlay.active{display:flex;animation:lbFadeIn .25s ease;}
@keyframes lbFadeIn{from{opacity:0;}to{opacity:1;}}
.lb-img-wrap{position:relative;max-width:92vw;max-height:92vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;}
.lb-img-wrap img{max-width:90vw;max-height:82vh;object-fit:contain;border-radius:8px;box-shadow:0 40px 100px rgba(0,0,0,.6);animation:lbZoomIn .3s cubic-bezier(.22,.68,0,1.2);cursor:default;}
@keyframes lbZoomIn{from{opacity:0;transform:scale(.88);}to{opacity:1;transform:scale(1);}}
.lb-caption{font-family:'Syne',sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);text-align:center;padding:0 1rem;}
.lb-close{position:fixed;top:1.2rem;right:1.2rem;width:40px;height:40px;border-radius:50%;background:rgba(200,68,26,.9);color:#fff;font-size:1.1rem;line-height:40px;text-align:center;cursor:pointer;z-index:8001;transition:background .2s,transform .2s;user-select:none;}
.lb-close:hover{background:var(--orange-light);transform:rotate(90deg);}

/* ══════════════════════════════════════
   ANIMATIONS
══════════════════════════════════════ */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}

/* ══════════════════════════════════════
   RESPONSIVE — 1200px
══════════════════════════════════════ */
@media(max-width:1200px){
  nav{padding:0 2rem;}
  .hero-left{padding:5rem 3rem 5rem 3rem;}
  .services,.products-preview,.cta-band{padding:6rem 3rem;}
  .about-left-panel,.about-right-panel{padding:6rem 3rem;}
  .footer-grid{gap:2.5rem;}
  footer{padding:5rem 3rem 2rem;}
  .prod-tabs-inner{padding:0 2rem;}
  .prod-cat-section{padding:5rem 3rem;}
  .prod-cat-section-dark{padding:5rem 3rem;}
  .prod-grid{grid-template-columns:repeat(3,1fr);}
  .trust-stats{padding:3rem 3rem;}
  .clients-section,.sector-section,.services-used{padding:5rem 3rem;}
  .svc-feature-left,.svc-feature-right{padding:5rem 3rem;}
  .services-section,.maintenance-section,.sla-section{padding:5rem 3rem;}
  .maintenance-inner{gap:4rem;}
  .contact-info,.contact-form-wrap{padding:5rem 3rem;}
  .map-band{padding:5rem 3rem;}
  .story-left,.story-right{padding:5rem 3rem;}
  .timeline-section,.products-overview{padding:5rem 3rem;}
}

/* ══════════════════════════════════════
   RESPONSIVE — 960px (TABLET)
══════════════════════════════════════ */
@media(max-width:960px){
  /* Nav — show hamburger, hide links */
  nav{padding:0 1.5rem;height:68px;}
  .nav-links{display:none;}
  .nav-hamburger{display:flex;}
  .nav-drawer{top:68px;}
  .nav-wordmark-sub{font-size:.55rem;letter-spacing:.12em;}

  /* Hero */
  .hero{grid-template-columns:1fr;padding-top:68px;}
  .hero::after{display:none;}
  .hero-left{padding:4rem 2rem 3rem;}
  .hero-right{display:none;}
  .hero-stats{gap:2rem;}

  /* Sections */
  .trusted{padding:1.5rem 2rem;gap:1.5rem;}
  .services{padding:4rem 2rem;}
  .services-top{grid-template-columns:1fr;gap:2rem;margin-bottom:3rem;}
  .services-grid{grid-template-columns:1fr 1fr;}
  .about-band{grid-template-columns:1fr;}
  .about-left-panel{padding:4rem 2rem;border-right:none;border-bottom:1px solid rgba(200,68,26,.12);}
  .about-right-panel{padding:4rem 2rem;}
  .products-preview{padding:4rem 2rem;}
  .products-grid{grid-template-columns:1fr 1fr;}
  .cta-band{padding:3rem 2rem;flex-direction:column;}
  .cta-band h2{max-width:100%;}
  footer{padding:3rem 2rem 1.5rem;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .page-hero{padding:7rem 2rem 4rem;}
  .story-section{grid-template-columns:1fr;}
  .story-left,.story-right{padding:4rem 2rem;}
  .timeline-section,.products-overview{padding:4rem 2rem;}
  .products-list{grid-template-columns:1fr;}
  .prod-tabs{top:68px;}
  .prod-tabs-inner{padding:0 1rem;}
  .prod-cat-section{padding:3.5rem 2rem;}
  .prod-cat-section-dark{padding:3.5rem 2rem;}
  .prod-grid{grid-template-columns:1fr 1fr;}
  .svc-feature{grid-template-columns:1fr;}
  .svc-feature-left{border-right:none;border-bottom:1px solid rgba(200,68,26,.12);padding:4rem 2rem;}
  .svc-feature-right{padding:4rem 2rem;}
  .services-section,.sla-section{padding:4rem 2rem;}
  .svc-grid{grid-template-columns:1fr 1fr;}
  .maintenance-section{padding:4rem 2rem;}
  .maintenance-inner{grid-template-columns:1fr;gap:3rem;}
  .sla-grid{grid-template-columns:1fr 1fr;}
  .trust-stats{grid-template-columns:1fr 1fr;padding:2.5rem 2rem;}
  .clients-section{padding:4rem 2rem;}
  .client-grid{grid-template-columns:1fr 1fr;}
  .featured-client{grid-column:span 2;}
  .sector-section{padding:4rem 2rem;}
  .sector-grid{grid-template-columns:1fr 1fr;}
  .services-used{padding:4rem 2rem;}
  .svc-used-grid{grid-template-columns:1fr 1fr;}
  .contact-main{grid-template-columns:1fr;}
  .contact-info,.contact-form-wrap{padding:4rem 2rem;}
  .map-band{padding:3.5rem 2rem;}
  .map-frame{height:300px;}
}

/* ══════════════════════════════════════
   RESPONSIVE — 680px (LARGE MOBILE)
══════════════════════════════════════ */
@media(max-width:680px){
  nav{padding:0 1rem;height:64px;}
  .nav-drawer{top:64px;}
  .nav-wordmark-sub{display:none;}
  .nav-logo-divider{display:none;}
  .nav-logo img{height:30px;}
  .hero{padding-top:64px;}
  .hero h1{font-size:2rem;}
  .hero-left{padding:3.5rem 1.5rem 2.5rem;}
  .hero-sub{font-size:.9rem;}
  .hero-badge span{font-size:.55rem;letter-spacing:.1em;}
  .hero-stats{gap:1.5rem;}
  .services-grid,.svc-grid{grid-template-columns:1fr;}
  .prod-grid{grid-template-columns:1fr;}
  .products-grid{grid-template-columns:1fr 1fr;}
  .sla-grid,.maint-stats{grid-template-columns:1fr 1fr;}
  .client-grid{grid-template-columns:1fr 1fr;}
  .featured-client{grid-column:span 2;flex-direction:column;text-align:center;}
  .sector-grid,.svc-used-grid{grid-template-columns:1fr;}
  .trust-stats{grid-template-columns:1fr 1fr;}
  .form-row{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .cta-band{padding:3rem 1.5rem;}
  .cta-band h2{font-size:1.6rem;}
  .page-hero{padding:6rem 1.5rem 3rem;}
  .timeline{padding-left:2rem;}
  .map-frame{height:240px;}
  .prod-tabs-inner{padding:0 .5rem;}
  .prod-tab{padding:.9rem 1.2rem;font-size:.58rem;}
}

/* ══════════════════════════════════════
   RESPONSIVE — 420px (SMALL MOBILE)
══════════════════════════════════════ */
@media(max-width:420px){
  .nav-wordmark-main{font-size:.72rem;letter-spacing:.08em;}
  .hero h1{font-size:1.85rem;}
  .hero-left{padding:3rem 1rem 2rem;}
  .hero-badge{padding:.3rem .7rem;}
  .hero-badge span{font-size:.5rem;}
  .client-grid{grid-template-columns:1fr;}
  .featured-client{grid-column:span 1;}
  .products-grid{grid-template-columns:1fr;}
  .prod-thumb{height:180px;}
  .lb-close{top:.8rem;right:.8rem;width:36px;height:36px;line-height:36px;font-size:1rem;}
  .cta-band{padding:2.5rem 1rem;}
  .footer-grid{grid-template-columns:1fr;}
  .trust-stats{grid-template-columns:1fr 1fr;padding:2rem 1rem;}
  .contact-info,.contact-form-wrap{padding:3rem 1rem;}
  .story-left,.story-right{padding:3rem 1rem;}
  .svc-feature-left,.svc-feature-right{padding:3rem 1rem;}
}