:root{--gold:#c99a4a;--ink:#0a0b0b;--paper:#f6f4f1;--muted:#bdb9b2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#161616;background:var(--paper);font-family:"DM Sans",Arial,sans-serif}.container{width:min(1120px,calc(100% - 48px));margin:auto}.hero{min-height:640px;color:#fff;position:relative;background:linear-gradient(90deg,rgba(4,6,7,.98) 0%,rgba(4,6,7,.86) 29%,rgba(4,6,7,.25) 62%,rgba(4,6,7,.18)),url("assets/smart-home-hero.png") center/cover}.nav{height:88px;display:flex;align-items:center;gap:30px;position:relative;z-index:1}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;line-height:1}.brand-mark{color:var(--gold);border:1px solid var(--gold);font-size:31px;width:38px;height:38px;display:grid;place-items:center}.brand b{font-family:"Playfair Display";letter-spacing:4px;font-size:18px;font-weight:500}.brand small{display:block;color:var(--gold);font-size:7px;letter-spacing:3px;margin-top:5px}.nav-links{display:flex;gap:26px;margin-left:auto}.nav-links a{font-size:10px;color:#f6f6f6;text-decoration:none;text-transform:uppercase;padding:8px 0}.nav-links .active{color:var(--gold);border-bottom:1px solid var(--gold)}.outline-button,.gold-button{font-size:10px;text-transform:uppercase;letter-spacing:.2px;text-decoration:none;padding:14px 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid rgba(201,154,74,.65);color:#fff}.outline-button span,.gold-button span,.text-link span{font-size:19px;font-weight:300}.gold-button{border:0;background:linear-gradient(90deg,#d8b271,#b77f29);font-weight:700}.hero-content{padding-top:70px}.hero-copy{width:470px}.eyebrow{font-size:10px;color:#b98139;letter-spacing:1px;text-transform:uppercase;font-weight:700}.hero .eyebrow{display:none}.hero h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:500}.hero h1{font-size:43px;line-height:1.17;margin:0}.hero h1 em{font-style:normal;color:#d3a254}.gold-line{height:2px;background:var(--gold);width:52px;margin:21px 0}.hero p{font-size:13px;line-height:1.55;width:380px;margin:0 0 28px}.actions{display:flex;gap:18px}.benefits{background:#0a0b0b;color:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0;gap:15px}.benefits article{display:flex;gap:17px;padding:0 16px;border-right:1px solid #725b34}.benefits article:last-child{border:none}.benefits i,.service-grid i,.about-points i{font-style:normal;color:var(--gold);font-size:34px;line-height:1}.benefits h3,.service-grid h3{font-size:11px;text-transform:uppercase;margin:0 0 6px}.benefits p,.service-grid p{font-size:11px;line-height:1.45;color:#dadada;margin:0}.section{padding:28px 0 34px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-heading h2,.about h2,.footer-cta h2{font-size:27px;margin:7px 0 0}.text-link{color:#b98139;text-decoration:none;text-transform:uppercase;font-size:10px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.service-grid article{height:112px;background:#fbfaf9;border:1px solid #e3ded7;padding:19px;display:flex;gap:20px}.service-grid i{width:34px}.service-grid h3{color:#191919;font-size:12px;text-transform:none}.service-grid p{color:#2d2c2b;font-size:10px}.service-grid a{float:right;margin-top:6px;color:#bd8538;text-decoration:none;font-size:19px}.about{background:#080909;color:#fff;padding:22px 0}.about-grid{display:grid;grid-template-columns:1.1fr 1.2fr 1fr;gap:27px;align-items:center}.about p{font-size:11px;line-height:1.55;color:#e5e2dd;margin:20px 0}.about-photo{height:240px;border:1px solid #69625a;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover}.about-points>div{border-bottom:1px solid #403e3b;padding:12px 0;display:flex;gap:13px}.about-points i{font-size:22px}.about-points span{font-size:10px;color:#ddd;line-height:1.4}.about-points b{color:#fff;display:block;font-size:11px;margin-bottom:3px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.project-grid article{background:#fff;border:1px solid #e3ded7}.project-grid img{width:100%;height:105px;object-fit:cover}.project-grid h3{font-size:11px;margin:10px 12px 4px}.project-grid p{font-size:9px;margin:0 12px 12px;color:#4e4e4e}footer{background:#0a0b0b;color:#fff}.footer-cta{min-height:100px;border-bottom:1px solid #3d3934;display:flex;align-items:center;gap:34px}.footer-cta h2{font-size:23px}.footer-cta p{font-size:11px;margin:4px 0}.footer-cta>a:not(.gold-button){color:#fff;text-decoration:none;font-size:11px;white-space:nowrap}.footer-bottom{min-height:88px;display:flex;align-items:center;gap:25px;font-size:8px;color:#a8a4a0}.footer-bottom>div{margin-left:auto;display:flex;gap:20px}.footer-bottom>div a{color:#a8a4a0;text-decoration:none;text-transform:uppercase}.menu-button{display:none}
@media(max-width:850px){.nav-links,.nav-cta{display:none}.menu-button{display:block;margin-left:auto;background:transparent;border:0;color:#fff;font-size:22px}.hero{min-height:590px}.hero-copy{width:min(470px,100%)}.benefits-grid{grid-template-columns:repeat(2,1fr)}.benefits article:nth-child(2){border:none}.about-grid{grid-template-columns:1fr 1fr}.about-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:0 25px}.project-grid{grid-template-columns:repeat(2,1fr)}.footer-cta{flex-wrap:wrap;padding:22px 0}.footer-cta>div{width:100%}}@media(max-width:560px){.container{width:min(100% - 32px,1120px)}.hero{min-height:610px;background-position:60% center}.hero-content{padding-top:70px}.hero h1{font-size:37px}.hero p{width:auto}.actions{gap:8px}.actions a{padding:13px 11px;gap:15px}.benefits-grid,.service-grid,.about-grid,.project-grid{grid-template-columns:1fr}.benefits article{border-right:0;border-bottom:1px solid #725b34;padding:14px 0}.section-heading{align-items:start;gap:10px}.section-heading .text-link{max-width:120px;text-align:right;line-height:1.4}.about-points{display:block}.footer-bottom{padding:20px 0;flex-wrap:wrap}.footer-bottom>div{margin-left:0;width:100%}}