@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');

:root{
  --bg:#090807;
  --surface:#12100e;
  --surface-2:#171411;
  --gold:#d7a945;
  --gold-light:#efc96c;
  --cream:#f1ede5;
  --muted:#a9a197;
  --line:rgba(215,169,69,.20);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--cream);font-family:'Montserrat',sans-serif;font-size:13px;line-height:1.75}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
h1,h2,h3,h4,h5{font-family:'Cormorant Garamond',serif;color:var(--cream);line-height:1.05}
h1{font-size:clamp(42px,5vw,76px);font-weight:500}
h2{font-size:clamp(32px,4vw,52px);font-weight:500}
h3{font-size:27px;font-weight:500}
p{color:#f0efef;}
.container{max-width:1120px}
.navbar{background:#080706;border-bottom:1px solid var(--line);min-height:76px}
.navbar-brand{font-family:'Cormorant Garamond',serif;letter-spacing:1.5px;color:var(--cream)!important;font-size:23px;line-height:.85}
.brand-sub{display:block;font:8px 'Montserrat',sans-serif;letter-spacing:3px;color:var(--muted);margin-left:37px;margin-top:5px}
.logo-mark{width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--gold);font-size:16px;margin-right:10px}
.nav-link{font-size: 14px !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #e4e4e3 !important;
    margin: 0 10px;}
.nav-link:hover{color:var(--gold)!important}
.btn-gold{background:linear-gradient(135deg,#c79232,#f0ca72);border:0;color:#111;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:14px 23px;border-radius:2px}
.btn-outline-gold{border:1px solid var(--gold);color:var(--gold);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:13px 21px;border-radius:2px}
.btn-outline-gold:hover{background:var(--gold);color:#111}
.eyebrow{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:700}
.section{padding:90px 0}
.section-alt{background:var(--surface)}
.hero{min-height:600px;display:flex;align-items:center;position:relative;background:
linear-gradient(90deg,rgba(6,5,4,.96) 0%,rgba(7,6,5,.78) 46%,rgba(7,6,5,.80) 100%),
url('images/hero-electronics.jpg') center/cover}
.hero-content{max-width:650px;padding:90px 0}
.hero h1{margin:18px 0 25px}
.hero h1 span,.accent{color:var(--gold-light)}
.hero p{max-width:610px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.stats{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{padding:26px 10px;text-align:center}
.stat strong{display:block;color:var(--gold-light);font:600 22px 'Cormorant Garamond',serif}
.stat span{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#81786f}
.card-dark{height:100%;padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,#14110e,#0d0b09);border-radius:2px}
.card-dark .icon{color:var(--gold);font-size:22px;margin-bottom:20px}
.card-dark h3{font-size:22px;margin-bottom:9px}
.card-dark p{font-size:16px;line-height:1.7;margin:0}
.product-image{height:280px;object-fit:cover;border:1px solid var(--line);filter:saturate(.75) brightness(.65)}
.list-check{padding:0;list-style:none}
.list-check li{    font-size: 14px;
    color: #f2f2f2;
    margin: 9px 0;}
.list-check li::before{content:'◉';color:var(--gold);margin-right:10px;font-size:7px}
.cta-box{border:1px solid var(--line);background:linear-gradient(145deg,#15120f,#0e0c0a);padding:60px 30px;text-align:center}
.footer{background:#15120f;border-top:1px solid var(--line);padding:70px 0 0}
.footer h4{font-family:'Montserrat',sans-serif;font-size:10px;letter-spacing:3px;color:var(--gold);text-transform:uppercase}
.footer-brand{font:24px 'Cormorant Garamond',serif;letter-spacing:2px}
.footer small,.footer p,.footer a{font-size: 16px;
    color: #ededed;}
.footer a{display:block;margin:7px 0}
.footer-bottom{border-top:1px solid var(--line);margin-top:50px;padding:16px 0;font-size:9px;color:#766f67}
.page-hero{background:var(--surface);border-bottom:1px solid var(--line);text-align:center;padding:80px 20px}
.page-hero h1{margin:16px auto 24px;max-width:850px}
.page-hero p{max-width:780px;margin:auto}
.story-img{height:390px;width:100%;object-fit:cover;filter:brightness(.72) saturate(.7)}
.quote-box{border-left:2px solid var(--gold);padding-left:22px}
.table-dark-custom{--bs-table-bg:transparent;--bs-table-color:#b8afa5;border:1px solid var(--line);font-size:11px}
.table-dark-custom td,.table-dark-custom th{border-color:rgba(215,169,69,.14);padding:13px}
.table-dark-custom th{font-size:8px;letter-spacing:2px;color:var(--gold);text-transform:uppercase}
.contact-card{min-height:190px}
.map-box{height:340px;background:#e8e6e2;border-radius:2px;overflow:hidden}
.map-box iframe{width:100%;height:100%;border:0}
@media(max-width:991px){
  .navbar-collapse{background:#0c0a08;padding:18px;border-bottom:1px solid var(--line)}
  .nav-link{margin:5px 0}
  .hero{min-height:650px}
  .hero-content{padding:70px 0}
}
@media(max-width:575px){
  body{font-size:12px}
  .section{padding:65px 0}
  .hero h1{font-size:43px}
  .stats .col{border-bottom:1px solid var(--line)}
  .stat{padding:20px}
  .hero-actions .btn{width:100%}
  .story-img{height:280px}
  .page-hero{padding:65px 18px}
}