*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:#171717;background:#f7f5ef;line-height:1.6}a{text-decoration:none;color:inherit}.header{position:fixed;z-index:20;top:0;left:0;width:100%;height:86px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:rgba(8,8,8,.94);backdrop-filter:blur(12px);border-bottom:1px solid #292929}.brand{color:#fff;display:flex;flex-direction:column;line-height:1}.brand span{color:#d6b24c;font-size:20px;font-weight:700;letter-spacing:3px}.brand b{font-size:9px;letter-spacing:2px;margin-top:5px}.brand small{font-size:7px;letter-spacing:2.3px;color:#9d9d9d;margin-top:5px}nav{display:flex;gap:26px;color:#ddd;font-size:13px}nav a:hover{color:#d6b24c}.menu{display:none;background:none;border:0;color:#fff;font-size:27px}.hero{min-height:850px;padding:160px 8% 100px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.5),rgba(0,0,0,.15)),url('images/luxury-bathroom.jpg') center/cover}.hero-copy{max-width:780px}.kicker{font-size:11px;letter-spacing:3px;font-weight:700;color:#d6b24c;margin:0 0 16px}.hero h1,h2{font-family:'Playfair Display',serif;line-height:1.06}.hero h1{font-size:clamp(54px,8vw,94px);margin:0 0 25px}.hero h1 em{font-style:normal;color:#d6b24c}.hero p:not(.kicker){font-size:19px;color:#ddd;max-width:650px}.actions{display:flex;gap:13px;margin-top:35px}.btn{border:0;border-radius:2px;padding:15px 25px;font:700 13px 'DM Sans';cursor:pointer;display:inline-block}.gold{background:#d6b24c;color:#111}.gold:hover{background:#efd374}.outline{border:1px solid #aaa;color:#fff}.trust{display:flex;gap:28px;flex-wrap:wrap;margin-top:45px;color:#ddd;font-size:12px}.intro,.about{padding:115px 8%;display:grid;grid-template-columns:1fr 1fr;gap:100px}.intro{background:#f7f5ef}.intro h2,.about h2,.quote h2,.contact h2{font-size:clamp(38px,5vw,60px);margin:0}.intro p:not(.kicker),.about p,.quote-copy>p:not(.kicker),.contact p{color:#666;font-size:17px}.text-link{display:inline-block;color:#92751e;font-weight:700;margin-top:10px}.services{padding:115px 8%;background:#111;color:#fff}.section-title{text-align:center;max-width:700px;margin:0 auto 55px}.section-title h2{font-size:58px;margin:0 0 14px}.section-title>p:last-child{color:#999}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#333}.service-grid article{background:#111;padding:35px;min-height:245px;border:1px solid #292929}.service-grid article:hover{background:#181818;border-color:#d6b24c}.service-grid span{color:#d6b24c;font-size:12px}.service-grid h3{font-size:22px;margin:45px 0 10px}.service-grid p{color:#999;font-size:14px}.work{padding:115px 5%;background:#0c0c0c;color:#fff}.light{text-align:left;max-width:1200px}.light h2{font-size:58px}.gallery{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:12px}.gallery figure{margin:0;position:relative;overflow:hidden;background:#222}.gallery figure.wide{grid-column:span 2}.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.gallery figure:hover img{transform:scale(1.06)}figcaption{position:absolute;bottom:0;left:0;right:0;padding:25px 18px 14px;background:linear-gradient(transparent,rgba(0,0,0,.8));font-weight:700;font-size:13px}.about{background:#eee9dc}.features{display:grid;grid-template-columns:1fr;gap:24px}.features div{border-bottom:1px solid #d4cdbd;padding-bottom:22px}.features b{color:#a18124}.features h3{margin:5px 0;font-size:20px}.features p{margin:0;font-size:14px}.quote{padding:115px 8%;background:#171717;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.quote-copy>p:not(.kicker){color:#aaa}.contact-mini{display:flex;flex-direction:column;gap:6px;margin-top:35px;color:#d6b24c;font-weight:700}form{background:#fff;color:#222;padding:38px;display:flex;flex-direction:column;gap:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:12px;font-weight:700}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #ddd;padding:13px;font:14px 'DM Sans';background:#fafafa}textarea{min-height:135px;resize:vertical}.form-note{font-size:11px;color:#777;margin:0}.contact{padding:110px 8%;display:grid;grid-template-columns:1fr 1fr;gap:90px;background:#f7f5ef}.contact-actions{display:flex;flex-direction:column;gap:2px}.contact-actions a{padding:23px;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.contact-actions a:hover{color:#92751e}footer{padding:38px 8%;background:#090909;color:#aaa;display:flex;justify-content:space-between;align-items:center}footer .brand{color:#fff}footer p{font-size:12px}@media(max-width:900px){nav{display:none}.menu{display:block}.header.open nav{position:absolute;display:flex;flex-direction:column;top:86px;left:0;right:0;background:#080808;padding:25px 8%;gap:18px}.intro,.about,.quote,.contact{grid-template-columns:1fr;gap:45px}.service-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:230px}.gallery figure.wide{grid-column:span 2}}@media(max-width:600px){.hero{min-height:760px;padding:145px 7% 80px}.hero h1{font-size:54px}.actions{flex-direction:column;align-items:flex-start}.trust{flex-direction:column;gap:8px}.section-title h2,.light h2{font-size:44px}.service-grid,.gallery{grid-template-columns:1fr}.gallery figure.wide{grid-column:span 1}.two{grid-template-columns:1fr}footer{display:block}footer p{margin-top:25px}}

/* Actual company logo */
.brand-logo{display:flex;align-items:center;height:72px;width:190px;overflow:hidden}
.brand-logo img{width:100%;height:100%;object-fit:contain;display:block}
.footer-logo{width:220px;height:95px}
@media(max-width:600px){
  .brand-logo{width:155px;height:68px}
  .footer-logo{width:200px;height:90px}
}
