:root{--ink:#071421;--navy:#0b2136;--teal:#0a776f;--amber:#e5a348;--cream:#f5f1e9;--paper:#fbfaf7;--white:#fff;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.site-header{height:86px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;color:#fff;border-bottom:1px solid #ffffff35}.brand img{width:218px;height:68px;object-fit:cover}.site-header nav{display:flex;align-items:center;gap:28px;font-size:13px}.nav-cta{padding:13px 18px;border:1px solid #fff8;border-radius:100px}.menu-toggle{display:none}.hero{min-height:850px;position:relative;background:url('soffit-lighting.jpg') center/cover;color:#fff;display:flex;align-items:end;padding:150px 6vw 90px;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#051321ed 0%,#07142191 48%,transparent 78%),linear-gradient(0deg,#071421c9,transparent 45%)}.hero-copy{position:relative;max-width:790px}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#f6c576}.eyebrow.dark{color:var(--teal)}h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:600;margin:.2em 0;line-height:1.02}h1{font-size:clamp(62px,8vw,120px);letter-spacing:-.045em}h1 em,h2 em{color:#f4bf70}.hero-copy>p:not(.eyebrow){font-size:19px;line-height:1.7;max-width:620px;color:#e7edf1}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:100px;padding:16px 24px;font:700 13px Manrope;cursor:pointer}.primary{background:linear-gradient(135deg,#f3c26e,#d98a32);color:#102033;box-shadow:0 12px 35px #0004}.glass{background:#ffffff12;border:1px solid #ffffff60;backdrop-filter:blur(10px)}.hero-note{position:absolute;right:5vw;bottom:90px;padding:18px 22px;border-left:2px solid #edb45e;display:flex;flex-direction:column;background:#07142155;backdrop-filter:blur(8px)}.hero-note span{color:#cdd8df;font-size:13px;margin-top:4px}.proof{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:#fff;padding:27px 5vw;gap:30px}.proof div{display:flex;flex-direction:column;padding-left:24px;border-left:1px solid #ffffff2e}.proof b{font-size:12px;letter-spacing:.08em}.proof span{font-size:12px;color:#aebdca;margin-top:5px}.section{padding:110px 6vw}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end;background:var(--cream)}h2{font-size:clamp(46px,6vw,82px);letter-spacing:-.04em}.intro-copy{font-size:18px;line-height:1.8;color:#4a5660}.text-link{display:inline-block;margin-top:20px;color:var(--teal);font-weight:700}.feature{position:relative;height:760px;background:#071421}.feature>img{width:100%;height:100%;object-fit:cover}.feature-card{position:absolute;right:6vw;top:50%;transform:translateY(-50%);width:min(520px,43vw);background:#071421e8;color:#fff;padding:52px;border-radius:var(--radius);backdrop-filter:blur(14px);box-shadow:0 30px 80px #0008}.feature-card span,.tile span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#f2bd69}.feature-card h2{font-size:50px}.feature-card p{color:#c7d2db;line-height:1.7}.feature-card ul{padding-left:18px;line-height:2;color:#edf2f5}.section-head{display:flex;justify-content:space-between;gap:10vw;align-items:end;margin-bottom:48px}.section-head>p{max-width:480px;line-height:1.75;color:#53616c}.mosaic{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:360px 360px;gap:18px}.tile{position:relative;overflow:hidden;border-radius:var(--radius);color:#fff}.tile.kitchen{grid-row:1/3}.tile img{width:100%;height:100%;object-fit:cover;transition:.7s transform}.tile:hover img{transform:scale(1.035)}.tile:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#061321e6)}.tile div{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}.tile h3{font:600 25px "Playfair Display";margin:8px 0}.controls{padding:110px 8vw;display:grid;grid-template-columns:1fr 460px;gap:12vw;align-items:center;background:radial-gradient(circle at 15% 30%,#145775,#071421 45%,#050b11);color:#fff}.controls-copy>p:not(.eyebrow){max-width:580px;color:#bdcad4;line-height:1.75}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.chips span{border:1px solid #ffffff30;background:#ffffff0c;padding:10px 14px;border-radius:100px;font-size:12px}.control-demo{background:linear-gradient(160deg,#16304a,#091521);padding:24px;border:1px solid #ffffff20;border-radius:28px;box-shadow:0 40px 80px #0009}.demo-top{display:flex;justify-content:space-between;color:#91a8b9;font-size:11px;letter-spacing:.15em;margin:5px 4px 20px}.control-demo button{width:100%;padding:15px;margin:7px 0;border:1px solid #ffffff13;background:#ffffff0b;color:#fff;border-radius:16px;display:flex;align-items:center;gap:14px;text-align:left}.control-demo i{width:34px;height:34px;border-radius:50%;background:#e8ac52;box-shadow:0 0 25px #e8ac5288}.control-demo span{display:flex;flex-direction:column;flex:1}.control-demo small{color:#8fa2b0;margin-top:3px}.control-demo em{font-size:9px;color:#7ed8cb;font-style:normal}.services{background:#f7f4ed}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-grid article{background:#fff;border:1px solid #e3dfd6;border-radius:20px;padding:30px;min-height:235px;transition:.3s}.service-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 40px #07142112}.service-grid article span{color:var(--teal);font-size:11px}.service-grid h3{font:600 23px "Playfair Display"}.service-grid p{font-size:14px;line-height:1.7;color:#63707a}.safety{display:grid;grid-template-columns:.8fr 1.2fr;background:linear-gradient(120deg,#08131e,#112b42);color:#fff;align-items:center;min-height:700px}.seal{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#caa35a2b,transparent 55%)}.seal img{width:min(440px,75%);filter:drop-shadow(0 28px 40px #000a)}.safety-copy{padding:90px 8vw 90px 3vw}.safety-copy>p:not(.eyebrow){color:#b9c8d2;line-height:1.8}.safety-list{display:grid;grid-template-columns:1fr 1fr;margin:32px 0}.safety-list span{padding:16px 10px;border-top:1px solid #ffffff1e;font-size:13px}.safety-list b{color:#e8ad53;margin-right:8px}.process ol{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d8d6d0;padding:0;list-style:none}.process li{background:#fff;padding:34px;min-height:230px}.process li b{color:var(--teal);font-size:11px}.process li h3{font:600 28px "Playfair Display"}.process li p{color:#65727b;line-height:1.7;font-size:14px}.quote{padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:linear-gradient(135deg,#0b5a67,#092239 55%,#08131d);color:#fff}.quote>div>p:not(.eyebrow){color:#c0ced4}.quote form{background:#fff;color:#152331;border-radius:24px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.quote .wide{grid-column:1/3}.quote input,.quote select,.quote textarea{border:1px solid #dce1e3;border-radius:10px;padding:13px;font:14px Manrope;background:#f8f9f8}.form-status{margin:0;font-size:12px;color:#1e726c}footer{background:#04090e;color:#a9b5bd;padding:45px 5vw;display:flex;align-items:center;justify-content:space-between;font-size:11px}footer img{width:190px;height:64px;object-fit:cover}footer div{display:flex;gap:25px}footer a{color:#fff}
@media(max-width:850px){.site-header nav{display:none;position:absolute;top:86px;left:0;right:0;background:#071421;padding:25px;flex-direction:column}.site-header nav.open{display:flex}.menu-toggle{display:block;background:none;border:1px solid #fff7;color:#fff;border-radius:100px;padding:10px 16px}.hero{min-height:760px;padding:130px 24px 70px}.hero-note{display:none}.proof,.service-grid{grid-template-columns:1fr}.intro,.controls,.safety,.quote{grid-template-columns:1fr}.section{padding:75px 24px}.feature{height:720px}.feature-card{width:auto;left:20px;right:20px;top:auto;bottom:20px;transform:none;padding:28px}.feature-card h2{font-size:38px}.mosaic{display:block}.tile{height:360px;margin-bottom:14px}.controls{padding:75px 24px}.safety-copy{padding:60px 24px}.seal{padding:60px}.process ol{grid-template-columns:1fr 1fr}.quote{padding:75px 24px}.quote form{grid-template-columns:1fr}.quote .wide{grid-column:auto}footer,footer div{flex-direction:column;gap:16px;align-items:flex-start}.section-head{display:block}}@media(max-width:520px){h1{font-size:55px}.hero-actions{flex-direction:column}.process ol{grid-template-columns:1fr}.safety-list{grid-template-columns:1fr}.proof{display:none}.brand img{width:170px}.feature-card h2{font-size:32px}}