*{box-sizing:border-box}body{margin:0;background:#f7f8f5;color:#182b26;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}#service{width:1200px;margin:auto}header{margin:0 48px;padding:25px 0 18px;border-bottom:1px solid #d6dfd8;display:flex;justify-content:space-between;align-items:center}.logo{font-size:27px;font-weight:700;letter-spacing:-1px}header nav{width:650px;text-align:right;font-size:12px}header nav a{display:inline-block;margin-left:24px;padding:9px 0}.active{border-bottom:2px solid #6d8a36}.crumb{font-size:11px;color:#637269;margin:20px 48px}.wrap{padding:0 48px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:34px;align-items:center;padding:16px 0 28px}h1{font-size:42px;line-height:1.06;letter-spacing:-2px;margin:0 0 20px}p{font-size:15px;line-height:1.7;color:#506158;margin:0 0 14px}h2{font-size:32px;line-height:1.16;letter-spacing:-.8px;margin:8px 0 18px;font-weight:500}h3{font-size:19px;line-height:1.3;margin:0 0 10px;font-weight:500}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.6px;text-transform:uppercase;color:#64756a;margin-bottom:8px}.actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-block;padding:14px 17px;background:#d7fa73;color:#203223;border-radius:5px;font-size:12px;font-weight:600}.outline{border:1px solid #bdcbbf;background:transparent}.hero figure{margin:0;border-radius:8px;overflow:hidden;background:#1d382c}.hero img{width:100%;height:auto;display:block}.hero figcaption{padding:16px 18px;color:#fff;display:flex;justify-content:space-between;gap:14px;font-size:12px}.hero figcaption a{color:#d7fa73}.trust{display:flex;justify-content:space-between;border-top:1px solid #d6dfd8;border-bottom:1px solid #d6dfd8;padding:18px 0;font-size:12px;color:#506158}.section{padding:38px 0;border-bottom:1px solid #d6dfd8}.intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:start}.intro h2{margin-top:0}.intro p:last-child{margin-bottom:0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 30px}.benefit{padding-top:17px;border-top:1px solid #cdd8ce}.num{font-size:11px;letter-spacing:1px;color:#70836c;margin-bottom:10px}.benefit p{font-size:13px;margin:0}.dark{background:#1e382d;color:#f3f7ee;padding:32px;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:38px;margin:0}.dark h2{font-size:30px}.dark .eyebrow{color:#c1d6bd}.dark p{color:#d7e3d8;font-size:14px}.dark strong{color:#fff}.seo-items{border-top:1px solid #59715e;padding:14px 0}.seo-items h3{font-size:16px}.seo-items p{font-size:13px;margin:0}.seo-note{font-size:11px!important;color:#c1d6bd!important;margin-top:16px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px}.section-head>div{width:650px}.section-head h2{margin-bottom:0}.section-head p{font-size:13px;max-width:330px;margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.reference{background:#edf1eb;border-radius:6px;overflow:hidden}.reference img{width:100%;height:185px;object-fit:cover;display:block}.ref-body{padding:17px}.ref-body .eyebrow{font-size:9px;letter-spacing:1px}.ref-body h3{font-size:18px}.ref-body p{font-size:12px;line-height:1.6;margin-bottom:10px}.ref-body a{font-size:11px;display:inline-block;border-bottom:1px solid #a6b6a6;padding:5px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.step-number{font-size:27px;line-height:1.2;color:#718764;margin-bottom:12px}.steps h3{font-size:17px}.steps p{font-size:13px;margin:0}.feature-strip{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px;padding:20px;background:#edf1e7;border-radius:6px}.feature-strip p{font-size:12px;margin:0}.price{display:grid;grid-template-columns:1.25fr .8fr;gap:40px}.price p{font-size:14px}.price-list{margin:20px 0 0;padding:0;list-style:none}.price-list li{padding:12px 0;border-top:1px solid #d6dfd8;font-size:13px;line-height:1.6;color:#506158}.price-list strong{color:#182b26}.quote{background:#eaf0df;border-radius:8px;padding:28px;align-self:start}.quote h3{font-size:24px;line-height:1.2}.quote p{font-size:13px}.quote ul{padding-left:17px;font-size:13px;line-height:1.9;color:#506158;margin:12px 0 20px}.quote small{display:block;margin-top:16px;font-size:11px;line-height:1.6;color:#62715f}.extras{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.extras h3{font-size:17px}.extras p{font-size:13px;margin:0}.faq{display:grid;grid-template-columns:1fr 1fr;gap:24px 36px}.faq article{border-top:1px solid #d6dfd8;padding-top:16px}.faq h3{font-size:16px}.faq p{font-size:13px;margin:0}.contact{padding:32px;background:#203a2d;color:white;display:grid;grid-template-columns:1fr .8fr;gap:45px;border-radius:8px;margin:35px 0}.contact .eyebrow{color:#c5d9ba}.contact h2{font-size:32px}.contact p{color:#d6e2d3;font-size:14px}.contact-links{align-self:center}.contact-links a{display:block;font-size:20px;margin:10px 0}.contact-links .button{display:inline-block;font-size:13px;color:#203223}.footer{padding:30px 48px 20px;background:#e9eee8}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:28px}.footer h3{font-size:13px;font-weight:600}.footer nav span{font-size:12px;line-height:1.8}.footer p,.footer a{font-size:12px;line-height:1.8}.footer nav a{display:block}.footer .logo{font-size:26px}.footer-bottom{margin-top:22px;border-top:1px solid #cdd8ce;padding-top:17px;font-size:10px;color:#667568;display:flex;justify-content:space-between}@media(max-width:800px){#service{width:auto}.hero,.intro,.dark,.price,.contact{grid-template-columns:1fr}.benefits,.project-grid,.steps,.extras,.faq,.footer-grid{grid-template-columns:1fr 1fr}header nav{width:auto}h1{font-size:38px}.wrap{padding:0 24px}header,.crumb{margin-left:24px;margin-right:24px}}@media(max-width:500px){.benefits,.project-grid,.steps,.extras,.faq,.footer-grid{grid-template-columns:1fr}.trust{flex-wrap:wrap;gap:12px}.section-head{display:block}header{display:block}header nav{text-align:left}header nav a{margin:8px 12px 0 0}.dark,.quote,.contact{padding:22px}}
.island-panorama{margin:20px 0 0;border-radius:8px;overflow:hidden}
.island-panorama img{display:block;width:100%;height:380px;object-fit:cover;object-position:center}
.island-copy{display:grid;grid-template-columns:1fr 280px;gap:35px;align-items:center;margin-top:20px}
.island-copy p{font-size:14px;margin:0}
.island-copy .button{text-align:center}
@media(max-width:800px){.island-copy{grid-template-columns:1fr}.island-panorama img{height:260px}}


.hero{grid-template-columns:1.05fr 1fr;padding:24px 0 30px;gap:45px}h1{font-size:49px}.hero img{height:315px;object-fit:cover}.jump{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 0 32px;border-bottom:1px solid #d6dfd8}.jump a{border:1px solid #cdd8ce;padding:20px;border-radius:6px;display:block}.jump strong{display:block;font-size:20px;font-weight:500;margin:8px 0}.jump small{font-size:12px;color:#506158}.split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.service-title{display:flex;gap:20px;align-items:baseline;margin-bottom:18px}.service-title h2{font-size:39px;margin:0}.index{font-size:16px;color:#778a6c}.ticks{padding:0;list-style:none;margin:20px 0}.ticks li{padding:11px 0;border-bottom:1px solid #d6dfd8;font-size:14px;line-height:1.5}.ticks li:before{content:'↗';margin-right:12px;color:#6c834e}.photos{display:grid;grid-template-columns:1fr 1fr;gap:18px}.photos img{height:165px}.photos h3{font-size:16px}.photos .ref-body{padding:14px}.mini-process{margin-top:27px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;border-top:1px solid #d6dfd8;padding-top:23px}.mini-process h3{font-size:16px}.mini-process p{font-size:13px;margin:0}.note{padding:18px 20px;background:#edf1e7;margin-top:22px;border-radius:5px;font-size:12px;line-height:1.65;color:#506158}.timelapse{background:#1e382d;color:#fff;border-radius:8px;padding:30px}.timelapse h3{font-size:29px}.timelapse p{color:#d7e3d8;font-size:13px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.frame{background:#314d3d;height:132px;border:1px solid #608061;position:relative;padding:15px;display:flex;align-items:end;gap:7px}.building{width:29px;background:#a8c696;height:35px}.building.tall{height:68px}.building.full{height:91px}.frame label{position:absolute;top:10px;left:12px;font-size:10px;color:#d7fa73}.timeline-caption{display:flex;justify-content:space-between;font-size:10px;color:#d7e3d8;border-top:1px solid #769075;padding-top:12px}.timeline-note{font-size:10px!important;color:#b9cebb!important;margin:18px 0 0}.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.compare article{border-top:1px solid #ccd6c8;padding-top:18px}.compare h3{font-size:18px}.compare p{font-size:13px}.section{padding:36px 0}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.contact{margin-bottom:36px}figure{margin:0}

.case-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:end;padding:20px 0 27px}.case-intro h1{font-size:45px;line-height:1.08;margin:0}.case-intro p{margin:0}.case-image{position:relative;border-radius:8px;overflow:hidden;background:#1e382d}.case-image img{width:100%;height:460px;object-fit:cover;display:block}.case-image .launch{position:absolute;bottom:25px;right:25px;background:#d7fa73;border-radius:5px;padding:16px 22px;font-size:14px;font-weight:600}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:23px 0;border-bottom:1px solid #d6dfd8}.facts small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#6e7d65;margin-bottom:8px}.facts strong{font-size:15px;font-weight:500}.case-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.case-copy h2{font-size:30px}.case-copy p{font-size:15px}.case-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.case-uses article{border-top:1px solid #ccd8ca;padding-top:17px}.case-uses p{font-size:13px}.case-uses h3{font-size:18px}.case-reels{display:grid;grid-template-columns:235px 1fr;gap:42px;align-items:center;background:#e9f0df;padding:28px 38px;border-radius:8px}.case-reels h2{font-size:32px}.case-reels p{font-size:14px}.case-reels img{width:180px;height:320px;object-fit:cover;border-radius:13px;border:5px solid #1e382d;display:block}.case-reels small{font-size:10px;display:block;margin-top:8px;color:#5b7052}.project-grid{grid-template-columns:1fr 1fr}.reference img{height:220px}.section{padding:32px 0}
.case-image img{height:auto}