:root{--services-navy:#112438;--services-card:#223a52;--services-gold:#c49a27;--services-line:#315879}.services-design{background:var(--services-navy);color:#fff;font-family:Poppins,sans-serif}.services-design main{background:var(--services-navy);overflow:hidden}.services-hero{background:url(/images/luxury-homes/hero.jpg) 50% 57%/cover no-repeat;height:438px;position:relative}.services-hero-overlay{background:#070f184d;position:absolute;inset:0}.services-hero-copy{z-index:1;flex-direction:column;width:min(1088px,100% - 48px);height:100%;margin:0 auto;padding:87px 0 38px;display:flex;position:relative}.services-kicker{color:#fff;letter-spacing:.22em;margin:0 0 9px;font-weight:400;line-height:1;font-size:15px!important}.services-hero h1{letter-spacing:.13em;margin:0;font-size:31px;font-weight:300;line-height:1.31}.services-hero h1 em,.services-hero-tagline strong{color:var(--services-gold);font-style:normal;font-weight:300}.services-hero-tagline{letter-spacing:.19em;margin:auto 0 0;line-height:1.65;font-size:11px!important}.services-catalogue{background:var(--services-navy)}.services-shell{width:min(1045px,100% - 64px);margin:0 auto;padding:72px 0 0}.services-introduction{letter-spacing:.09em;margin:0 0 92px;font-weight:300;line-height:1.7;font-family:Poppins,sans-serif!important;font-size:13px!important}.services-card-grid{grid-template-columns:repeat(4,1fr);gap:42px 32px;padding-bottom:44px;display:grid;position:relative}.services-card-grid:after{background:var(--services-line);content:"";width:calc(100vw - 24px);height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.services-row-divider{background:var(--services-line);grid-column:1/-1;width:calc(100% + 72px);height:1px;margin-left:-36px}.services-card{isolation:isolate;background:var(--services-card);min-width:0;height:300px;transition-delay:var(--reveal-delay,0s);padding:27px 28px 24px;position:relative;overflow:hidden}.services-card:before,.services-card:after{z-index:-2;content:"";opacity:0;transition:opacity .55s,transform .8s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.services-card:before{background:url(/images/luxury-homes/hero.jpg) 28% 57%/520px no-repeat;transform:scale(1.08)}.services-card:after{z-index:-1;background:#0a1a2a6b;transition-duration:.45s}.services-card:hover:before,.services-card:focus-within:before,.services-card:hover:after,.services-card:focus-within:after{opacity:1;transform:scale(1)}.services-card-number{color:#0000;letter-spacing:0;-webkit-text-stroke:1px #ffffffeb;margin-bottom:5px;font-size:70px;font-weight:300;line-height:1;display:block;font-family:Poppins,sans-serif!important}.services-card h2{letter-spacing:.12em;min-height:48px;margin:0 0 10px;font-size:15px;font-weight:500;line-height:1.45;font-family:Poppins,sans-serif!important}.services-card p{letter-spacing:.11em;margin:0;font-weight:400;line-height:1.55;font-family:Poppins,sans-serif!important;font-size:13px!important}.development-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:116px;width:min(1040px,100vw - 100px);margin-left:50%;padding:50px 0 62px;display:grid;position:relative;transform:translate(-50%)}.development-card{border:1px solid var(--services-gold);border-radius:22px;align-items:center;min-height:256px;padding:38px 42px 38px 118px;display:flex;position:relative}.development-card h2{color:var(--services-gold);letter-spacing:.13em;margin:0 0 4px;font-size:20px;font-weight:600;line-height:1.35;font-family:Poppins,sans-serif!important}.development-card p{letter-spacing:.11em;margin:0;font-weight:300;line-height:1.55;font-family:Poppins,sans-serif!important;font-size:15px!important}.development-icon{width:116px;height:116px;color:var(--services-gold);background:#1f3a55;border-radius:50%;place-items:center;transition:color .4s,background-color .4s,transform .5s cubic-bezier(.2,.7,.2,1);display:grid;position:absolute;top:50%;left:-58px;transform:translateY(-50%)}.development-icon:before{content:"";border:1px solid;border-radius:50%;position:absolute;inset:18px}.development-icon svg{z-index:1;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25px;width:54px;height:54px;position:relative}.development-card:hover .development-icon{color:#fff;background:#c49a27d1;transform:translateY(-50%)scale(1.04)}.services-end-dot{background:#3973aa;border-radius:50%;width:13px;height:13px;margin:0 auto;display:block;transform:translateY(6px)}@media (width<=1120px){.services-card-grid{grid-template-columns:repeat(2,1fr)}.services-row-divider{display:none}.development-options{gap:76px;width:calc(100vw - 92px)}.development-card{min-height:230px;padding:32px 28px 32px 82px}.development-card h2{font-size:17px}.development-card p{font-size:13px!important}.development-icon{width:96px;height:96px;left:-48px}}@media (width<=700px){.services-hero{background-position:57%;height:430px}.services-hero-copy{width:calc(100% - 48px);padding-top:75px}.services-hero h1{font-size:29px}.services-shell{padding-top:45px}.services-introduction br{display:none}.services-card-grid{gap:22px;padding-bottom:32px}.development-options{grid-template-columns:1fr;gap:35px;width:calc(100vw - 78px);padding:40px 0 55px}}@media (width<=480px){.services-card-grid{grid-template-columns:1fr}.services-card{height:auto;min-height:225px}.development-card{min-height:210px;padding:28px 24px 28px 60px}.development-icon{width:78px;height:78px;left:-39px}}@media (prefers-reduced-motion:reduce){.services-card:before,.services-card:after,.development-icon{transition:none}}