@font-face{font-family:Montserrat;src:url('assets/montserrat.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-padding-top:24px}body.direction-b.ocean-concept.website-landing{margin:0;background:#0b1012;color:#f5f8f6;font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65}::selection{background:#b8d7c1;color:#122c26}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.15;letter-spacing:-.045em}h1{font-size:clamp(42px,4.65vw,68px);line-height:1.12;letter-spacing:-.052em}h2{font-size:clamp(32px,3.5vw,50px)}h3{font-size:25px;line-height:1.3;letter-spacing:-.035em}p{font-size:17px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #a3d2db;outline-offset:5px}input:focus,textarea:focus{outline:2px solid #357a8e;outline-offset:3px}.web-container{width:min(1160px,calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;z-index:20;top:10px;left:10px;transform:translateY(-160%);background:#e6f0e7;color:#112b25;padding:12px 20px}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.web-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:28px;position:relative;z-index:2}.web-brand{display:inline-block;flex-shrink:0}.web-brand img{object-fit:contain}.header-contact{border:1px solid #a5c6c645;padding:14px 18px;border-radius:6px;background:#c3dfd50a;color:#f6faf8;transition:background .25s}.header-contact:hover{background:#c3dfd51c}.header-contact .now-wordmark{width:142px;height:auto}
.web-hero{position:relative;isolation:isolate;overflow:hidden;margin-top:-104px;padding:190px 0 140px;min-height:min(850px,96svh);display:flex;align-items:center;justify-content:center}.web-hero .colour-atmosphere{z-index:-1}.website-landing .grain-plume::after{opacity:.68}.website-landing .grain-plume::before{opacity:.15}.hero-copy{text-align:center;position:relative}.hero-copy h1{max-width:1000px;margin-inline:auto;text-wrap:balance}.hero-lead{font-size:17px;line-height:1.85;color:#bfcfc9;margin:28px auto 34px;max-width:660px}.hero-assurance{font-size:11px;color:#8fa9a0;margin-top:34px;letter-spacing:.025em}.website-landing .cta-caption{font-size:11px}.scroll-cue{position:absolute;bottom:35px;left:calc(50% - 20px);width:40px;height:40px;display:grid;place-items:center;color:#a4bfb3}.scroll-cue svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.2}
.web-offer,.web-process,.web-faq,.web-enquiry{position:relative;isolation:isolate;overflow:hidden}
.web-offer{background:linear-gradient(118deg,#183d4b,#214347 46%,#294936);padding:94px 0 76px;text-align:center;--grain-light:#8dc8dc;--grain-shade:#8eae89;--grain-strength:.48}
.section-intro{text-align:center;margin:0 auto 52px;max-width:900px}.section-intro>p{margin:22px auto 0;font-size:16px;line-height:1.8;color:#d2e1db;max-width:640px}.web-offer .section-intro h2{font-weight:550}
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:auto}
.offer-item{--card-bg:#286179;position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:14px;background:var(--card-bg);text-align:left;color:#fff}
.offer-item:nth-child(2){--card-bg:#315f61}.offer-item:nth-child(3){--card-bg:#4f745d}
.offer-image{width:100%;height:176px;object-fit:cover;object-position:center 54%}
.offer-content{position:relative;isolation:isolate;padding:28px 28px 32px}
.offer-content::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,#d7eee945,#132e2f20);opacity:.27;-webkit-mask-image:url('assets/colour-grain.svg');mask-image:url('assets/colour-grain.svg');-webkit-mask-size:192px 192px;mask-size:192px 192px}
.offer-icon{width:44px;height:44px;margin:0 0 19px;color:#fff}.offer-icon svg{width:44px;height:44px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.offer-item h3{font-size:25px;font-weight:550;line-height:1.25;letter-spacing:-.035em;color:#fff}
.offer-item p{font-size:15px;line-height:1.8;color:#f3f8f5;margin:16px 0 0;text-wrap:pretty}
.offer-extras{max-width:790px;margin:34px auto 0}.offer-extras p{font-size:15px;line-height:1.85;color:#deebe5;text-wrap:pretty}.offer-extras strong{font-weight:600;color:#f7faf8}.offer-extras p+p{margin-top:12px;color:#c3d6cc;font-size:14px}.offer-action{margin-top:32px}

.web-process{background:linear-gradient(118deg,#a8cbd2,#a2c0b0 48%,#afc596);color:#173028;padding:94px 0 72px;--grain-light:#e0eee7;--grain-shade:#52755a;--grain-strength:.28;text-align:center}.web-process .section-intro{margin-bottom:48px}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0 auto;max-width:1050px;gap:40px}.process-steps li{position:relative;text-align:center}.step-index{display:grid;place-items:center;width:42px;height:42px;border:1px solid #315b4c70;border-radius:50%;font-size:11px;margin:0 auto 22px;position:relative}.process-steps li:not(:last-child)::after{content:'';position:absolute;height:1px;background:#315b4c45;left:calc(50% + 36px);right:calc(-50% - 4px);top:21px}.process-steps li:last-child .step-index{background:#244c3e;color:#ecf3de}.process-steps h3{font-size:23px;letter-spacing:-.03em}.process-steps p{font-size:14px;line-height:1.8;color:#345247;margin:15px auto 0}.timing{font-size:11px;color:#35584a;margin:34px auto 0}
.web-enquiry{background:#0b1113;padding:90px 0 72px;--grain-light:#599bb2;--grain-shade:#88a16f;--grain-strength:.4}.web-enquiry .section-intro{margin-bottom:34px}.web-enquiry .section-intro>p{color:#bdd0c6;font-size:15px}.form-panel{width:min(580px,100%);margin:auto;padding:30px;background:linear-gradient(130deg,#e1ece8,#dce7d5);border:1px solid #e8f1e2;border-radius:8px;box-shadow:0 15px 45px #0002;color:#17372a}.form-fields{display:grid;gap:20px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:12px;font-weight:600;color:#274c3f}label>span{font-size:10px;font-weight:400;color:#557467;margin-left:6px}input,textarea{display:block;width:100%;font-size:14px;font-weight:400;color:#1b3c31;border:1px solid #708f7f60;border-radius:5px;background:#fcfffb99;padding:12px 14px;margin-top:8px;line-height:1.5}input::placeholder,textarea::placeholder{color:#61776e;opacity:1}textarea{resize:vertical;min-height:100px;max-height:300px}[aria-invalid="true"]{border-color:#9c3939!important}.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.form-privacy{font-size:10px;color:#4b6a5e;line-height:1.7}.form-privacy a{text-underline-offset:3px}.form-action{display:grid;gap:9px;justify-items:center}.web-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:15px 24px;border-radius:5px;border:1px solid #396454;background:linear-gradient(130deg,#254f46,#254b3a);color:#f7faf3;box-shadow:inset 0 1px #ffffff24,0 4px 15px #193b271a;transition:background .2s,transform .2s}.web-submit .now-wordmark{width:188px;height:auto}.web-submit:hover{background:#1c4035;transform:translateY(-1px)}.web-submit:disabled{cursor:wait;opacity:.65;transform:none}.form-action-caption{font-size:10px;color:#3d5e4f}.form-feedback{border-left:2px solid #8a6042;background:#f2e8dca6;padding:12px 14px;color:#70452c;font-size:12px}.form-success{padding:20px 0}.form-success>span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#c1d8bc;color:#27503c;font-size:26px;margin-bottom:24px}.form-success h3{font-size:28px}.form-success p{font-size:15px;color:#375849;margin:20px 0 28px}.form-success a{font-size:13px;text-underline-offset:4px}.enquiry-email{font-size:12px;text-align:center;color:#adc4b7;margin-top:23px}.enquiry-email a{text-underline-offset:4px}
.web-faq{padding:84px 0 90px;background:linear-gradient(118deg,#e2edf0,#e7efea 52%,#dce7d4);color:#17372c;--grain-light:#fff;--grain-shade:#648471;--grain-floor:#45674d0d;--grain-strength:.4}
.web-faq .section-intro{margin-bottom:32px}.faq-items{width:min(820px,100%);margin:0 auto;display:grid;gap:8px}
.faq-items details{padding:22px 24px;border:0;border-radius:12px}.faq-items details[open]{background:#ffffff52}
.faq-items summary{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:17px;line-height:1.5;cursor:pointer;list-style:none;font-weight:550;color:#1b3c30}.faq-items summary::-webkit-details-marker{display:none}
.faq-items summary span{position:relative;display:block;flex:0 0 32px;height:32px;border-radius:50%;background:#315e4a;color:#fff}.faq-items summary span::before,.faq-items summary span::after{content:"";position:absolute;left:10px;top:15px;width:12px;height:2px;background:currentColor;border-radius:1px}.faq-items summary span::after{transform:rotate(90deg);transition:transform .2s}.faq-items details[open] summary span::after{transform:rotate(0)}
.faq-items details p{font-size:15px;color:#365447;line-height:1.85;margin:15px 0 0;padding-right:56px;text-wrap:pretty}.web-faq summary:focus-visible{outline-color:#286179}

.website-landing .web-enquiry>.section-grain{inset:0;-webkit-mask-image:linear-gradient(#000 calc(100% - 150px),transparent);mask-image:linear-gradient(#000 calc(100% - 150px),transparent)}.website-landing footer.ocean-footer{background:radial-gradient(ellipse 70% 65% at 13% 66%,#28617935,transparent 85%),radial-gradient(ellipse 65% 70% at 94% 70%,#60866830,transparent 83%),#0b1113}.website-landing footer.ocean-footer::before{content:"";position:absolute;inset:0 0 auto;height:110px;background:linear-gradient(#0b1113,transparent);pointer-events:none}.website-landing .ocean-footer>.section-grain{inset:0;-webkit-mask-image:linear-gradient(transparent,#000 150px);mask-image:linear-gradient(transparent,#000 150px)}.website-landing .ocean-footer .footer-shell{width:min(1160px,calc(100% - 80px));padding-top:24px}.website-landing .ocean-footer .footer-directory{gap:32px}.website-landing .ocean-footer .footer-name{font-size:12px;font-weight:500}.website-landing .ocean-footer .footer-navigation{padding-left:28px}.website-landing .ocean-footer .footer-wordmark{width:100%;max-width:none;margin:30px 0 -16px}.website-landing .ocean-footer .footer-bottom{min-height:76px}

@media(max-width:1000px){.web-container{width:calc(100% - 56px)}.offer-grid{gap:12px}.offer-content{padding:26px 21px 28px}.offer-item h3{font-size:22px}.offer-item p{font-size:14px}.process-steps{gap:25px}.process-steps li:not(:last-child)::after{right:calc(-50% + 11px)}.website-landing .ocean-footer .footer-shell{width:calc(100% - 56px)}.website-landing .ocean-footer .footer-directory{grid-template-columns:1.4fr 1fr 1fr;gap:22px;padding:28px}.website-landing .ocean-footer .footer-navigation{padding-left:20px}}
@media(max-width:700px){.web-container{width:calc(100% - 40px)}.web-header{padding-block:22px}.web-brand img{width:113px;height:auto}.header-contact{padding:10px 12px}.header-contact .now-wordmark{width:123px}.web-hero{margin-top:-80px;padding:155px 0 110px;min-height:720px;min-height:min(760px,100svh)}h1{font-size:clamp(38px,6.7vw,48px);max-width:600px!important}.hero-lead{font-size:15px;margin:24px auto 30px;max-width:470px}.hero-copy h1 br{display:none}.hero-lead br{display:none}.hero-assurance{font-size:10px;margin-top:28px}.scroll-cue{bottom:24px}.web-offer,.web-process{padding-top:65px}.web-offer{padding-bottom:56px}.web-process{padding-bottom:56px}h2{font-size:34px}.section-intro{margin-bottom:34px}.section-intro>p{font-size:14px;max-width:310px;margin-top:20px}.offer-grid{grid-template-columns:1fr;gap:16px;max-width:440px}.offer-content{padding:26px 25px 28px}.offer-image{height:180px}.offer-icon{width:42px;height:42px;margin-bottom:17px}.offer-icon svg{width:42px;height:42px}.offer-item h3{font-size:26px}.offer-item p{font-size:15px;margin-top:15px}.offer-extras{max-width:440px;text-align:left;margin-top:26px}.offer-extras p{font-size:14px}.offer-action{margin-top:32px}.web-process .section-intro{margin-bottom:30px}.process-steps{grid-template-columns:1fr;gap:28px;max-width:420px}.process-steps li:not(:last-child)::after{display:none}.step-index{margin-bottom:13px;width:36px;height:36px;font-size:10px}.process-steps h3{font-size:23px}.process-steps p{margin-top:10px;font-size:14px}.timing{font-size:10px;max-width:340px;margin-top:27px}.web-enquiry{padding-block:65px 50px}.web-enquiry .section-intro>p{font-size:14px;max-width:330px}.form-panel{padding:24px}.form-fields{gap:18px}.field-pair{grid-template-columns:1fr;gap:18px}input,textarea{font-size:16px}.web-faq{padding:62px 0}.web-faq .section-intro{margin-bottom:26px}.faq-items{gap:6px}.faq-items details{padding:18px 16px}.faq-items summary{font-size:15px;gap:14px}.faq-items details p{font-size:14px;padding-right:0}.faq-items summary span{flex-basis:30px;height:30px}.faq-items summary span::before,.faq-items summary span::after{left:9px;top:14px}.website-landing .ocean-footer .footer-shell{width:calc(100% - 40px);padding-top:12px}.website-landing .ocean-footer .footer-directory{grid-template-columns:1fr 1fr;gap:24px 16px;padding:24px 20px}.website-landing .ocean-footer .footer-navigation{padding:0}.website-landing .ocean-footer .footer-email{font-size:clamp(20px,5.8vw,24px)}.website-landing .ocean-footer .footer-wordmark{margin:28px 0 4px}.website-landing .ocean-footer .footer-bottom{gap:0 12px}.website-landing .ocean-footer .footer-bottom nav{gap:20px}}
@media(max-width:380px){.web-hero{min-height:700px;padding:130px 0 90px}h1{font-size:38px}.hero-lead{font-size:14px}.hero-copy h1{max-width:310px!important}h2{font-size:31px}.form-panel{padding:20px 17px}.offer-item h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
