:root{
  --obs-v14-black:#030303;
  --obs-v14-gold:#d99b3f;
  --obs-v14-gold-bright:#f0c36b;
  --obs-v14-gold-soft:#e0aa4f;
  --obs-v14-white:#fff;
  --obs-v14-muted:rgba(255,255,255,.78);
  --obs-v14-line:rgba(224,170,79,.34);
}

html{scroll-behavior:smooth}
body[data-obsidian-home-v14="true"]{background:#030303;color:#fff}
body[data-obsidian-home-v14="true"] *{box-sizing:border-box}

body[data-obsidian-home-v14="true"] .obs-v14-header{
  position:relative!important;
  z-index:100!important;
  min-height:82px!important;
  margin:0!important;
  padding:0!important;
  background:rgba(2,2,2,.98)!important;
  border-bottom:1px solid rgba(224,170,79,.18)!important;
  box-shadow:0 10px 42px rgba(0,0,0,.32)!important;
}

.obs-v14-nav-shell{
  width:min(1600px,100%);
  min-height:82px;
  margin:0 auto;
  padding:10px clamp(22px,3vw,54px);
  display:grid;
  grid-template-columns:minmax(250px,430px) 1fr auto;
  align-items:center;
  gap:clamp(22px,2.6vw,46px);
}

.obs-v14-brand{display:flex!important;align-items:center!important;min-width:0;text-decoration:none!important}
.obs-v14-brand-logo{display:block!important;width:min(100%,410px)!important;height:60px!important;object-fit:contain!important;object-position:left center!important}
.obs-v14-desktop-nav{display:flex!important;justify-content:center!important;align-items:center!important;gap:clamp(19px,2vw,38px)!important;white-space:nowrap}
.obs-v14-desktop-nav a{
  color:rgba(255,255,255,.9)!important;
  text-decoration:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:.72rem!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  transition:color .2s ease,transform .2s ease;
}
.obs-v14-desktop-nav a:hover{color:var(--obs-v14-gold-bright)!important;transform:translateY(-1px)}
.obs-v14-phone{
  min-height:48px!important;
  padding:0 23px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  color:#090909!important;
  background:linear-gradient(180deg,#f3c66f 0%,#d99b3f 100%)!important;
  box-shadow:0 10px 28px rgba(217,155,63,.14)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:.96rem!important;
  font-weight:850!important;
  letter-spacing:.03em!important;
}
.obs-v14-phone svg,.obs-v14-btn svg{width:20px;height:20px;fill:currentColor;flex:0 0 auto}
.obs-v14-mobile-menu{display:none}

.obs-v14-opening{
  position:relative;
  isolation:isolate;
  min-height:930px;
  overflow:hidden;
  background:
    radial-gradient(circle at 77% 22%,rgba(224,170,79,.09),transparent 28%),
    linear-gradient(180deg,#030303 0%,#030303 100%);
  border-bottom:1px solid rgba(224,170,79,.17);
}

.obs-v14-photo{
  position:absolute;
  z-index:-3;
  inset:0 0 auto 29%;
  height:610px;
  overflow:hidden;
  background:#050505;
}
.obs-v14-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 54%;filter:saturate(.92) contrast(1.04) brightness(.82)}
.obs-v14-photo::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:
    linear-gradient(90deg,#030303 0%,rgba(3,3,3,.98) 11%,rgba(3,3,3,.87) 26%,rgba(3,3,3,.42) 51%,rgba(3,3,3,.08) 76%,rgba(3,3,3,.1) 100%),
    linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.02) 57%,#030303 100%);
}
.obs-v14-photo::after{content:"";position:absolute;inset:auto 0 0;height:175px;background:linear-gradient(180deg,transparent,#030303)}

.obs-v14-opening-inner{width:min(1570px,100%);margin:0 auto;padding:48px clamp(34px,4vw,74px) 38px}
.obs-v14-hero-copy{min-height:476px;max-width:760px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.obs-v14-eyebrow{
  margin:0 0 22px!important;
  color:var(--obs-v14-gold-bright)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:.75rem!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.23em!important;
  text-transform:uppercase!important;
}
.obs-v14-eyebrow::after{content:"";display:block;width:150px;height:1px;margin-top:15px;background:linear-gradient(90deg,var(--obs-v14-gold),transparent)}
.obs-v14-title{
  max-width:850px!important;
  margin:0 0 25px!important;
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(3.05rem,4.7vw,5.35rem)!important;
  line-height:.95!important;
  font-weight:700!important;
  letter-spacing:-.052em!important;
  text-wrap:balance;
  text-shadow:0 4px 30px rgba(0,0,0,.55);
}
.obs-v14-title span{display:block!important;color:#fff!important}
.obs-v14-title span:nth-child(2),.obs-v14-title span:nth-child(3){color:var(--obs-v14-gold-bright)!important}
.obs-v14-lead{
  max-width:720px!important;
  margin:0 0 28px!important;
  color:rgba(255,255,255,.8)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(.98rem,1.16vw,1.14rem)!important;
  line-height:1.62!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.obs-v14-actions{display:flex;flex-wrap:wrap;gap:13px}
.obs-v14-btn{
  min-height:50px!important;
  padding:0 22px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  text-decoration:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:.94rem!important;
  line-height:1!important;
  font-weight:850!important;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.obs-v14-btn:hover{transform:translateY(-2px)}
.obs-v14-btn-primary{color:#080808!important;background:linear-gradient(180deg,#f1c36c,#d89a3d)!important;border:1px solid transparent!important}
.obs-v14-btn-outline{color:#fff!important;background:rgba(3,3,3,.58)!important;border:1px solid rgba(224,170,79,.66)!important;backdrop-filter:blur(8px)}
.obs-v14-btn-outline:hover{background:rgba(224,170,79,.1)!important;border-color:var(--obs-v14-gold-bright)!important}

.obs-v14-services{
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  background:linear-gradient(180deg,rgba(3,3,3,.91),#030303 68%);
  border-top:1px solid rgba(224,170,79,.18);
}
.obs-v14-service{
  min-width:0;
  display:grid;
  grid-template-columns:76px 1fr;
  gap:22px;
  padding:30px clamp(24px,2.4vw,42px) 31px;
  border-right:1px solid rgba(224,170,79,.34);
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.obs-v14-service:first-child{padding-left:4px}
.obs-v14-service:last-child{border-right:0;padding-right:4px}
.obs-v14-service-icon{
  width:68px;
  height:68px;
  margin-top:3px;
  border:1px solid rgba(224,170,79,.9);
  border-radius:50%;
  display:grid;
  place-items:center;
  box-shadow:inset 0 0 18px rgba(224,170,79,.05),0 0 24px rgba(224,170,79,.04);
}
.obs-v14-service-icon svg{width:37px;height:37px;fill:none;stroke:var(--obs-v14-gold-bright);stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
.obs-v14-number{display:block;color:var(--obs-v14-gold-bright);font-family:Arial,Helvetica,sans-serif;font-size:.82rem;font-weight:850;letter-spacing:.12em;margin-bottom:5px}
.obs-v14-service h2{max-width:none!important;margin:0 0 12px!important;color:#fff!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(1.75rem,2.1vw,2.35rem)!important;line-height:1!important;font-weight:500!important;letter-spacing:-.03em!important}
.obs-v14-service h2::after{content:"";display:block;width:52px;height:2px;margin-top:12px;background:var(--obs-v14-gold)}
.obs-v14-service p{margin:0 0 16px!important;color:rgba(255,255,255,.73)!important;font-family:Arial,Helvetica,sans-serif!important;font-size:.94rem!important;line-height:1.58!important}
.obs-v14-service a{color:var(--obs-v14-gold-bright)!important;text-decoration:none!important;font-family:Arial,Helvetica,sans-serif!important;font-size:.96rem!important;font-weight:850!important}
.obs-v14-service a:hover{text-decoration:underline!important;text-underline-offset:4px}

.obs-v14-metrics{
  display:grid;
  grid-template-columns:1fr 1fr 1.12fr 1.12fr 1fr;
  margin-top:23px;
  border:1px solid rgba(224,170,79,.4);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(12,12,12,.93),rgba(5,5,5,.96));
  box-shadow:0 20px 55px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.025);
  overflow:hidden;
}
.obs-v14-metric{min-width:0;min-height:112px;padding:22px 24px;display:flex;align-items:center;gap:17px;border-right:1px solid rgba(224,170,79,.28)}
.obs-v14-metric:last-child{border-right:0}
.obs-v14-metric svg{width:45px;height:45px;flex:0 0 auto;fill:none;stroke:var(--obs-v14-gold-bright);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.obs-v14-metric div{min-width:0;display:flex;flex-direction:column;gap:7px}
.obs-v14-metric strong{color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.28rem,1.72vw,1.82rem);line-height:1.05;font-weight:500;letter-spacing:-.025em}
.obs-v14-metric span{color:rgba(255,255,255,.72);font-family:Arial,Helvetica,sans-serif;font-size:.67rem;line-height:1.45;font-weight:750;letter-spacing:.11em;text-transform:uppercase}

@media (max-width:1320px){
  .obs-v14-nav-shell{grid-template-columns:minmax(240px,350px) 1fr auto;gap:22px}
  .obs-v14-brand-logo{height:54px!important}
  .obs-v14-desktop-nav{gap:20px!important}
  .obs-v14-desktop-nav a{font-size:.67rem!important;letter-spacing:.1em!important}
  .obs-v14-phone{padding:0 18px!important;font-size:.88rem!important}
  .obs-v14-opening-inner{padding-left:42px;padding-right:42px}
  .obs-v14-service{grid-template-columns:62px 1fr;gap:17px;padding-left:25px;padding-right:25px}
  .obs-v14-service:first-child{padding-left:0}
  .obs-v14-service-icon{width:58px;height:58px}
  .obs-v14-service-icon svg{width:31px;height:31px}
  .obs-v14-metric{padding:20px 17px;gap:13px}
  .obs-v14-metric svg{width:39px;height:39px}
}

@media (max-width:1080px){
  .obs-v14-nav-shell{grid-template-columns:minmax(230px,310px) 1fr auto}
  .obs-v14-desktop-nav a[href="/smart-home/"],.obs-v14-desktop-nav a[href="/lighting-control-houston/"]{display:none!important}
  .obs-v14-opening{min-height:auto}
  .obs-v14-photo{left:24%;height:575px}
  .obs-v14-opening-inner{padding-top:38px}
  .obs-v14-hero-copy{min-height:455px;max-width:680px}
  .obs-v14-title{font-size:clamp(3rem,6.1vw,4.75rem)!important}
  .obs-v14-services{grid-template-columns:1fr}
  .obs-v14-service,.obs-v14-service:first-child,.obs-v14-service:last-child{grid-template-columns:72px 1fr;padding:25px 0;border-right:0;border-bottom:1px solid rgba(224,170,79,.26)}
  .obs-v14-service:last-child{border-bottom:0}
  .obs-v14-metrics{grid-template-columns:repeat(2,1fr)}
  .obs-v14-metric{border-right:1px solid rgba(224,170,79,.25);border-bottom:1px solid rgba(224,170,79,.25)}
  .obs-v14-metric:nth-child(2n){border-right:0}
  .obs-v14-metric:last-child{grid-column:1/-1;border-bottom:0;border-right:0}
}

@media (max-width:760px){
  body[data-obsidian-home-v14="true"] .obs-v14-header{min-height:72px!important;position:relative!important}
  .obs-v14-nav-shell{min-height:72px;padding:8px 18px;grid-template-columns:1fr auto;gap:15px}
  .obs-v14-brand-logo{width:min(100%,285px)!important;height:50px!important}
  .obs-v14-desktop-nav,.obs-v14-phone{display:none!important}
  .obs-v14-mobile-menu{position:relative;display:block;color:#fff;font-family:Arial,Helvetica,sans-serif}
  .obs-v14-mobile-menu summary{list-style:none;min-height:42px;padding:0 15px;border:1px solid rgba(224,170,79,.55);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
  .obs-v14-mobile-menu summary::-webkit-details-marker{display:none}
  .obs-v14-mobile-panel{position:absolute;right:0;top:51px;width:min(285px,calc(100vw - 36px));padding:10px;background:#080808;border:1px solid rgba(224,170,79,.4);border-radius:10px;box-shadow:0 22px 60px rgba(0,0,0,.6);display:grid}
  .obs-v14-mobile-panel a{padding:13px 12px;color:#fff!important;text-decoration:none!important;border-bottom:1px solid rgba(255,255,255,.08);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .obs-v14-mobile-panel a:last-child{border:0;color:var(--obs-v14-gold-bright)!important}
  .obs-v14-opening{min-height:auto}
  .obs-v14-photo{inset:0 0 auto 0;height:520px}
  .obs-v14-photo img{object-position:62% center;filter:saturate(.88) contrast(1.03) brightness(.66)}
  .obs-v14-photo::before{background:linear-gradient(90deg,rgba(3,3,3,.92),rgba(3,3,3,.57)),linear-gradient(180deg,rgba(3,3,3,.15),rgba(3,3,3,.18) 45%,#030303 100%)}
  .obs-v14-opening-inner{padding:48px 22px 26px}
  .obs-v14-hero-copy{min-height:490px;justify-content:flex-end;max-width:none}
  .obs-v14-eyebrow{font-size:.67rem!important;letter-spacing:.17em!important;margin-bottom:18px!important}
  .obs-v14-title{font-size:clamp(2.48rem,12vw,3.65rem)!important;line-height:.98!important;margin-bottom:21px!important;letter-spacing:-.045em!important}
  .obs-v14-lead{font-size:.96rem!important;line-height:1.56!important;margin-bottom:23px!important}
  .obs-v14-actions{width:100%;display:grid;grid-template-columns:1fr}
  .obs-v14-btn{width:100%!important;min-height:48px!important}
  .obs-v14-services{margin-top:30px;background:#030303}
  .obs-v14-service,.obs-v14-service:first-child,.obs-v14-service:last-child{grid-template-columns:56px 1fr;gap:16px;padding:24px 0}
  .obs-v14-service-icon{width:53px;height:53px}
  .obs-v14-service-icon svg{width:29px;height:29px}
  .obs-v14-service h2{font-size:1.75rem!important}
  .obs-v14-service p{font-size:.91rem!important}
  .obs-v14-metrics{grid-template-columns:1fr;margin-top:21px;border-radius:13px}
  .obs-v14-metric,.obs-v14-metric:nth-child(2n),.obs-v14-metric:last-child{grid-column:auto;min-height:92px;padding:18px 20px;border-right:0;border-bottom:1px solid rgba(224,170,79,.22)}
  .obs-v14-metric:last-child{border-bottom:0}
  .obs-v14-metric strong{font-size:1.48rem}
}

@media (prefers-reduced-motion:reduce){
  .obs-v14-desktop-nav a,.obs-v14-btn{transition:none!important}
  .obs-v14-desktop-nav a:hover,.obs-v14-btn:hover{transform:none!important}
}