*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#222224;background:#fff}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.topline{background:#1f2224;color:white;text-align:center;padding:17px 14px;font-size:13px;letter-spacing:2px;line-height:1.4}.sitehead{background:#fff}.nav{min-height:114px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:300px;height:auto}.desktopnav{display:flex;gap:25px;font-size:15px;font-weight:700}.desktopnav a:hover{color:#ff8200}.call{background:#ff8200;color:#fff;display:flex;flex-direction:column;text-align:center;justify-content:center;padding:17px 28px;min-width:205px;border-radius:5px;font-size:18px;line-height:1.4}.call strong{font-size:22px}.hero{background:#f7f6f3;padding:90px 0 65px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.eyebrow{font-size:15px;letter-spacing:3px;font-weight:800;margin:0 0 26px}.eyebrow.normal{letter-spacing:0;text-transform:lowercase;font-size:20px;line-height:1.45;margin-bottom:38px}.hero h1{font-size:clamp(55px,5.6vw,88px);line-height:1.06;letter-spacing:-4px;margin:0 0 38px;font-weight:800}.lead,.section-intro>p:last-child,.about-copy>p:not(.eyebrow){font-size:23px;line-height:1.65;color:#696969}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:45px}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:66px;padding:19px 26px;border-radius:4px;font-weight:800;font-size:15px;letter-spacing:1.2px}.orange{background:#ff8200;color:white}.outline{border:2px solid #252525}.hero-photo{width:100%;height:610px;object-fit:cover}.section{padding:115px 0}.section-intro{text-align:center;max-width:760px;margin:0 auto 80px}.section-intro h2,.about h2,.contact h2{font-size:clamp(42px,4.2vw,62px);line-height:1.14;letter-spacing:-2px;margin:0 0 35px}.section-intro>p:last-child{margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.service img{width:100%;height:310px;object-fit:cover}.service h3,.work h3{font-size:27px;line-height:1.25;margin:28px 0 20px}.service p,.work article p{font-size:20px;line-height:1.65;color:#737373;margin:0}.about{background:#f7f6f3}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.about-grid>img{width:100%;height:720px;object-fit:cover}.about-copy>p:not(.eyebrow){margin-bottom:24px}.about-copy .btn{margin-top:22px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.work-grid img{width:100%;height:410px;object-fit:cover}.disclaimer{font-size:15px;color:#666;margin:80px 0 0;max-width:800px}.contact{background:#222326;color:white}.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center}.contact h2{margin-bottom:25px}.contact p:not(.eyebrow){font-size:22px;line-height:1.6;color:#ddd}.contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:15px}.white-outline{border:2px solid white}.email{text-align:center;padding:12px;font-size:18px}footer{background:#17181a;color:white;padding:50px 0}.foot{display:flex;flex-direction:column;gap:13px}.foot span,.foot small{color:#aaa}.whatsapp{position:fixed;right:23px;bottom:24px;background:#128c51;color:white;border-radius:50%;width:66px;height:66px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 18px #0002;z-index:10}@media(max-width:900px){.desktopnav{display:none}.wrap{width:calc(100% - 50px)}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.hero{padding:60px 0 0}.hero-photo{height:470px}.service-grid{grid-template-columns:1fr 1fr}.about-grid>img{height:600px}}@media(max-width:600px){.wrap{width:calc(100% - 48px)}.topline{font-size:12px;letter-spacing:1.4px;padding:14px 12px}.nav{min-height:115px;gap:8px}.brand img{width:190px}.call{min-width:0;padding:13px 16px;font-size:15px}.call strong{font-size:18px}.hero{padding:58px 0 0}.eyebrow.normal{text-align:center;font-size:17px;margin-bottom:43px}.hero h1{font-size:clamp(44px,9.6vw,67px);letter-spacing:-2.5px;margin-bottom:38px}.lead,.section-intro>p:last-child,.about-copy>p:not(.eyebrow){font-size:20px;line-height:1.7}.actions{display:flex;flex-direction:column;align-items:flex-start;margin-top:38px;gap:15px}.btn{min-height:65px;font-size:14px;padding:19px 25px}.hero-grid{gap:55px}.hero-photo{width:100%;height:auto;max-height:480px;object-fit:cover}.section{padding:105px 0}.section-intro{margin-bottom:75px}.section-intro h2,.about h2,.contact h2{font-size:43px;letter-spacing:-1.5px}.service-grid,.work-grid{grid-template-columns:1fr;gap:65px}.service img,.work-grid img{height:auto;aspect-ratio:1.3;object-fit:cover}.service h3,.work h3{font-size:27px}.service p,.work article p{font-size:20px}.about-grid{gap:100px}.about-grid>img{height:auto;aspect-ratio:.72;object-fit:cover}.about-copy .btn{max-width:100%}.work .section-intro h2{font-size:39px}.disclaimer{margin-top:70px}.contact-grid{gap:35px}.contact-actions .btn{font-size:13px}.whatsapp{width:58px;height:58px;right:16px;bottom:18px}}
/* Quote form */
.quote-wrap{margin-top:70px}.quote-card{background:#fff;color:#222326;border-radius:10px;padding:clamp(24px,5vw,55px);box-shadow:0 16px 45px #0003}.quote-intro h3{font-size:clamp(30px,3vw,44px);margin:0 0 15px}.quote-intro p:not(.eyebrow){color:#555;font-size:17px;line-height:1.6;max-width:760px}.quote-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}.quote-fields label{display:flex;flex-direction:column;gap:9px;font-size:15px;font-weight:700}.quote-fields label span{color:#a63e00}.quote-fields .wide{grid-column:1/-1}.quote-fields input,.quote-fields select,.quote-fields textarea{font:inherit;font-weight:400;color:#222;background:#fff;border:1px solid #b5b5b5;border-radius:5px;padding:15px;min-width:0;width:100%}.quote-fields :is(input,select,textarea):focus{outline:3px solid #ff820055;border-color:#ff8200}.quote-fields textarea{resize:vertical}.form-note{font-size:14px!important;color:#555!important;line-height:1.6!important;margin:22px 0!important}.quote-submit{border:0;cursor:pointer;width:100%;max-width:380px}.quote-submit:hover{background:#df7100}#quote-status{color:#343434!important;font-size:15px!important;margin-top:15px!important}@media(max-width:600px){.quote-fields{grid-template-columns:1fr}.quote-wrap{margin-top:45px}.quote-submit{max-width:none}}

/* Updated contact layout */
.contact-actions .btn{width:100%}.green{background:#198754;color:white}.green:hover{background:#146c43}.quote-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.quote-buttons .quote-submit{max-width:none;min-width:0;overflow-wrap:anywhere;letter-spacing:.35px}.floating-call{position:fixed;right:23px;bottom:103px;background:#ff8200;color:#fff;border-radius:50%;width:66px;height:66px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 18px #0003;z-index:10}.whatsapp{background:#198754}.quote-submit:disabled{opacity:.65;cursor:wait}@media(max-width:600px){.quote-buttons{grid-template-columns:1fr}.floating-call{width:58px;height:58px;right:16px;bottom:88px}.quote-buttons .quote-submit{font-size:13px}}

/* Additional project photographs */
.project-gallery{margin-top:3.5rem}.project-gallery .section-intro{margin-bottom:1.5rem}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.project-grid article{min-width:0}.project-grid img{display:block;width:100%;height:230px;object-fit:cover;border-radius:5px}.project-grid h3{font-size:1.1rem;margin:1rem 0 .3rem}.project-grid p{margin:0;color:#686868;font-size:.95rem;line-height:1.5}@media(max-width:800px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid img{height:210px}}@media(max-width:520px){.project-grid{grid-template-columns:1fr}.project-grid img{height:260px}}

/* Lagoon Contracting 2026: compact floating contact controls on phones */
@media(max-width:600px){.floating-call,.whatsapp{width:42px!important;height:42px!important;right:12px!important}.floating-call{bottom:66px!important}.whatsapp{bottom:14px!important}.floating-call svg,.whatsapp svg{width:21px!important;height:21px!important}}

/* Lagoon2026 approved homepage composition */
.topline{padding:11px 12px;background:#1d1d1d;font-size:12px;letter-spacing:2.6px}
.wrap{width:min(1440px,calc(100% - 100px))}
.nav{min-height:120px}.brand img{width:300px}.desktopnav{gap:42px;font-size:17px}.desktopnav a:first-child{border-bottom:3px solid #ff6500;padding-bottom:9px}
.call,.orange{background:#ff6500}.call{border-radius:9px;padding:15px 23px}
.hero{padding:0;background:#f5f2ed}.hero-grid{width:100%;max-width:none;grid-template-columns:49% 51%;gap:0;min-height:610px}.hero-copy{padding:38px clamp(32px,5.9vw,94px)}
.eyebrow.normal{text-transform:uppercase;letter-spacing:2px;font-size:16px;line-height:1.5;margin:0 0 32px;font-weight:800}
.hero h1{font-size:clamp(52px,5.1vw,84px);letter-spacing:-3px;line-height:.99;margin:0 0 16px;color:#090909}.hero h1 span{color:#ff6500;white-space:nowrap}
.hero .lead{font-size:clamp(16px,1.5vw,21px);line-height:1.45;color:#202020;margin:0;max-width:650px}
.hero .actions{margin-top:26px;gap:18px}.hero .btn{min-height:66px;font-size:15px;letter-spacing:0;padding:14px 24px;border-radius:8px}
.hero .outline{border:1px solid #333;background:#fff;color:#111;line-height:1.3}.hero-photo{height:610px;width:100%;object-fit:cover;object-position:center}
.service-strip{background:white;padding:26px 3.5% 29px}.strip-inner{max-width:1490px;margin:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.strip-item{display:flex;align-items:flex-start;gap:12px;padding:4px 16px;border-right:1px solid #e1e1e1}.strip-item:last-child{border:0}.strip-icon{font-size:36px;color:#ff6500;line-height:1}.strip-item strong{display:block;font-size:17px;line-height:1.2;color:#101010}.strip-item small{display:block;font-size:13px;line-height:1.4;margin-top:14px;color:#444}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero-grid{grid-template-columns:1fr 1fr;min-height:0}.hero-copy{padding:40px 28px}.hero-photo{height:570px}.hero h1{font-size:clamp(44px,5vw,66px)}.strip-inner{grid-template-columns:repeat(3,1fr);row-gap:22px}.strip-item:nth-child(3){border:0}}
@media(max-width:700px){.topline{font-size:10px;letter-spacing:1px}.nav{min-height:88px}.brand img{width:175px}.call{font-size:12px;padding:10px}.call strong{font-size:15px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:34px 24px 36px}.hero h1{font-size:clamp(46px,10vw,67px)}.hero .lead{font-size:17px}.hero-photo{height:320px;max-height:none}.hero .actions{flex-direction:row;gap:10px}.hero .btn{font-size:12px;padding:13px 15px;min-height:55px}.strip-inner{grid-template-columns:repeat(2,1fr);gap:15px 0}.strip-item{padding:8px}.strip-item:nth-child(3){border-right:1px solid #ddd}.strip-item:nth-child(2n){border-right:0}.strip-icon{font-size:27px}.strip-item strong{font-size:14px}.strip-item small{font-size:12px;margin-top:7px}.floating-call,.whatsapp{width:42px!important;height:42px!important;right:12px!important}.floating-call{bottom:66px!important}.whatsapp{bottom:14px!important}}

/* Mobile layout repair. Desktop rules are preserved. */
@media (max-width: 700px) {
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  .wrap { width: calc(100% - 32px); max-width: 100%; }
  .hero-grid { width: 100%; grid-template-columns: minmax(0, 1fr); }
  .hero-grid > *, .about-grid > *, .contact-grid > *,
  .service-grid > *, .work-grid > *, .project-grid > *,
  .strip-item > div { min-width: 0; }
  .about-grid, .contact-grid, .service-grid, .work-grid,
  .project-grid { grid-template-columns: minmax(0, 1fr); }
  .hero-copy { padding: 32px 20px; }
  .hero h1 { font-size: clamp(34px, 9vw, 48px); line-height: 1.08; letter-spacing: -1.2px; }
  .hero h1 span { white-space: normal; }
  .hero .eyebrow.normal { font-size: 12px; letter-spacing: 1px; margin-bottom: 24px; }
  .hero .lead { font-size: 17px; line-height: 1.6; }
  .hero .actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .hero .actions .btn { width: 100%; }
  .section { padding: 56px 0; }
  .section-intro { margin-bottom: 32px; }
  .section-intro h2, .about h2, .contact h2,
  .work .section-intro h2 { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.2; letter-spacing: -.6px; margin-bottom: 20px; overflow-wrap: anywhere; }
  .eyebrow { font-size: 12px; letter-spacing: 1.5px; }
  .section-intro > p:last-child, .about-copy > p:not(.eyebrow),
  .service p, .work article p, .contact p:not(.eyebrow) { font-size: 16px; line-height: 1.65; overflow-wrap: anywhere; }
  .about-grid { gap: 28px; }
  .service-grid, .work-grid, .project-grid { gap: 32px; }
  .service h3, .work h3 { font-size: 23px; line-height: 1.3; margin: 18px 0 10px; overflow-wrap: anywhere; }
  .work .project-grid h3 { font-size: 20px; margin: 16px 0 8px; }
  .work .project-grid article p { font-size: 16px; line-height: 1.6; }
  .service img, .work-grid img, .project-grid img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
  .project-gallery { margin-top: 48px; }
  .strip-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .strip-item { min-width: 0; gap: 8px; }
  .strip-icon { flex: 0 0 24px; font-size: 24px; }
  .strip-item strong, .strip-item small { overflow-wrap: anywhere; }
  .nav { gap: 10px; min-height: 84px; }
  .brand { min-width: 0; flex: 1 1 auto; }
  .brand img { width: 150px; max-width: 100%; }
  .call { min-width: 0; flex: 0 0 auto; padding: 10px 8px; font-size: 11px; }
  .call strong { font-size: 14px; }
  .quote-card { padding: 24px 18px; }
  .quote-fields, .quote-buttons { grid-template-columns: minmax(0, 1fr); }
  .quote-intro h3 { font-size: 28px; }
  .quote-intro p:not(.eyebrow) { font-size: 16px; }
  .quote-fields input, .quote-fields select, .quote-fields textarea { font-size: 16px; }
  .foot { padding-right: 46px; overflow-wrap: anywhere; }
  .floating-call, .whatsapp { right: 12px !important; }
}

/* Show each selected project photograph in full. Gallery only. */
.project-grid img { height: auto; aspect-ratio: 3 / 4; object-fit: contain; background: #f5f2ed; }