.content-wrap{max-width:860px;margin:0 auto}
.article-meta{display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--muted);font-size:13px;margin:0 0 28px}
.article-body h2{font-size:34px;line-height:1.16;margin:52px 0 16px}
.article-body h3{font-size:23px;line-height:1.25;margin:32px 0 10px}
.article-body p,.article-body li{font-size:16px;color:#333}
.article-body ul,.article-body ol{padding-left:24px}
.article-body li{margin:8px 0}
.article-body table{width:100%;border-collapse:collapse;margin:24px 0 32px}
.article-body th,.article-body td{border:1px solid var(--line);padding:13px 14px;text-align:left;vertical-align:top}
.article-body th{background:#111;color:#fff;font-size:13px;letter-spacing:.4px}
.article-body td{font-size:14px}
.article-body .callout{margin:30px 0}
.article-body img{width:100%;max-height:520px;object-fit:cover;margin:30px 0}
.legal h2{font-size:29px;margin-top:40px}
.legal h3{font-size:20px;margin-top:28px}
.blog-card .copy{min-height:210px;display:flex;flex-direction:column}
.blog-card .more{margin-top:auto}
.blog-label{font-size:11px;color:#8d711f;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.spec-note{margin-top:18px;color:var(--muted);font-size:13px}
.hero>.wrap{width:100%}
.form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;color:#333}
.form label input,.form label select,.form label textarea{font-weight:400;color:var(--ink);background:#fff}
.form button{cursor:pointer}
.contact-methods{display:grid;gap:10px;margin:18px 0}
.contact-methods a{display:flex;flex-direction:column;gap:3px;padding:13px 15px;border:1px solid var(--line);background:#fff;color:var(--ink);overflow-wrap:anywhere}
.contact-methods a:hover{border-color:var(--gold)}
.contact-methods span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}
.contact-methods strong{font-size:15px}
.contact-note{margin-bottom:0;color:var(--muted);font-size:13px}
.form .consent{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:10px;font-size:13px;font-weight:400;line-height:1.5}
.form .consent input{width:18px;height:18px;margin-top:1px;padding:0}
.form .consent a,.form-note a{color:#725900;text-decoration:underline;text-underline-offset:2px}
.form-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:10px}
.form-actions .btn{width:100%;text-align:center}
.btn.outline-dark{border:1px solid #111;background:#fff;color:#111}
.btn.outline-dark:hover{background:#111;color:#fff}
.form-note{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.skip-link{position:fixed;left:16px;top:12px;z-index:100;transform:translateY(-160%);background:#fff;color:#111;padding:10px 14px;border:2px solid var(--gold);font-weight:800}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.mobile-menu{display:none;position:relative;margin-left:auto}
.mobile-menu summary{list-style:none;cursor:pointer;border:1px solid #555;color:#fff;padding:9px 12px;font-size:11px;font-weight:800;letter-spacing:.7px}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu[open] summary{border-color:var(--gold);color:var(--gold)}
.mobile-menu-panel{position:absolute;right:0;top:calc(100% + 12px);width:240px;background:#0b0b0b;border:1px solid #333;box-shadow:0 16px 32px rgba(0,0,0,.28);padding:8px;z-index:40}
.mobile-menu-panel a{display:block;padding:11px 12px;border-bottom:1px solid #272727;color:#fff;font-size:12px;font-weight:700}
.mobile-menu-panel a:last-child{border-bottom:0;background:var(--gold);color:#111;margin-top:6px;text-align:center}
.mobile-menu-panel a:hover,.mobile-menu-panel a:focus-visible,.mobile-menu-panel a.active{color:var(--gold)}
.mobile-menu-panel a:last-child:hover,.mobile-menu-panel a:last-child:focus-visible{color:#111;background:#dfbb54}
@media(max-width:1100px){
  html,body{max-width:100%;overflow-x:hidden}
  .links{display:none}
  .mobile-menu{display:block}
  .nav .wrap,.hero>.wrap,.wrap{min-width:0}
  .nav .wrap>*,.grid>*,.split>*,.contact-grid>*,.footer-grid>*,.specs>*{min-width:0}
  .hero h1,.hero.small h1,.head h2,.split h2{max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:560px){.article-body h2{font-size:28px}.article-body table{display:block;overflow-x:auto;white-space:nowrap}.form-actions{grid-template-columns:1fr}}
@media(max-width:560px){
  html,body{max-width:100%;overflow-x:hidden}
  .wrap{padding-left:18px;padding-right:18px}
  section>.wrap,.hero>.wrap,.head{width:100%;min-width:0}
  .nav .wrap{padding-left:12px;padding-right:12px;gap:8px}
  .brand{font-size:14px;letter-spacing:0}
  .nav .wrap>.btn{display:none}
  .mobile-menu summary{padding:8px 10px}
  .hero,.hero.small{min-height:480px}
  .hero h1,.hero.small h1{font-size:30px;line-height:1.08;width:calc(100vw - 36px);max-width:calc(100vw - 36px);overflow-wrap:anywhere}
  .hero p{font-size:16px;width:calc(100vw - 36px);max-width:calc(100vw - 36px)}
  .head h2,.split h2{font-size:28px;max-width:100%;overflow-wrap:anywhere}
  .grid,.grid.two,.split,.contact-grid,.feature-grid,.industry-grid{min-width:0}
  .head,.split>*,.contact-grid>*{max-width:calc(100vw - 36px)}
  .actions{display:grid;grid-template-columns:1fr;width:calc(100vw - 36px);max-width:calc(100vw - 36px)}
  .actions .btn{width:100%;text-align:center}
}

/* DA Smart Home case study */
.case-study-hero{background-position:center 58%}
.case-intro img{height:560px;object-fit:cover}
.case-tags{margin-top:20px}
.case-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.case-facts>div{display:grid;grid-template-columns:145px 1fr;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.case-facts dt,.case-facts dd{margin:0;padding:15px 16px}
.case-facts dt{font-size:12px;font-weight:800;letter-spacing:.45px;text-transform:uppercase;background:#111;color:#fff}
.case-facts dd{font-size:14px}
.case-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.case-gallery figure{margin:0;background:#fff;border:1px solid var(--line)}
.case-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover}
.case-gallery figcaption{padding:13px 15px;color:var(--muted);font-size:13px}
.case-video-section video{display:block;width:100%;max-height:560px;background:#111}
@media(max-width:900px){
  .case-intro img{height:auto}
  .case-facts{grid-template-columns:1fr}
  .case-gallery{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .case-facts>div{grid-template-columns:112px 1fr}
  .case-facts dt,.case-facts dd{padding:12px 10px}
  .case-gallery{grid-template-columns:1fr}
}