/* EDIT THE PALETTE HERE */
:root{--teal:#79d1cd;--heading:#1c3837;--text:#091112;--orange:#e97536;--white:#fff;--soft:#f2f7f6;--line:#dbe5e3;--radius:14px;--container:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--text);background:white;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--heading);line-height:1.15}h2{font-size:44px;letter-spacing:-1.8px}h2 span{color:var(--orange)}h3{font-size:20px}p{color:#536260}.container{width:min(var(--container),calc(100% - 64px));margin-inline:auto}.icon{width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 23px;border-radius:5px;border:1px solid transparent;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-orange{background:var(--orange);color:white}.button-orange:hover{background:#cf5e24}.button-dark{background:var(--heading);color:white}.button-dark:hover{background:#2a504e}.button-outline{border-color:var(--heading);color:var(--heading)}.button-outline:hover{background:#ffffff50}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:17px;color:var(--heading)}.topbar{background:var(--heading);color:#e4f4f2;font-size:11px;padding:7px 0}.topbar .container,.topbar a{display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar .icon{width:14px;height:14px}.header{background:white;position:fixed;top:0;z-index:20;border-bottom:1px solid #e8edeb}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:89px}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:var(--heading);line-height:1.2;white-space:nowrap}.brand small{display:block;font-size:9px;font-weight:500;margin-top:7px}.brand-icon{display:grid;place-items:center;width:49px;height:49px;background:var(--teal);border-radius:50%}.brand-icon .icon{width:35px;height:35px}nav{display:flex;gap:27px;font-size:12px;font-weight:600;}nav a{padding:32px 0;position:relative}nav a:hover,nav a.active{color:#b54f1e}nav a.active:after{content:"";height:2px;background:var(--orange);position:absolute;bottom:23px;left:0;right:0}.menu-toggle{display:none}.hero{height:715px;background:var(--teal);position:relative;overflow:hidden}.slides,.slide{position:absolute;inset:0}.slide{transform:translateX(100%);opacity:0;transition:transform .85s ease,opacity .85s ease;pointer-events:none}.slide.active{transform:translateX(0);opacity:1;pointer-events:auto;z-index:1}.slide.exit{transform:translateX(-100%);opacity:0}.slide>img{position:absolute;width:67%;height:100%;right:0;object-position:center;opacity:.4}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,42,43,.92) 8%,rgba(25,61,62,.82) 42%,rgba(25,61,62,.52) 82%);pointer-events:none}.slide .container{position:relative;z-index:1;padding-top:66px}.hero-copy{max-width:620px}.hero h1,.hero h2{font-size:47px;line-height:1.07;letter-spacing:-2.7px;font-weight:800;margin-bottom:24px}.hero em{font-style:normal;color:#fff}.hero-copy p{font-size:16px;line-height:1.75;color:#254b48;margin-bottom:16px}.hero-actions{display:flex;gap:12px;margin-top:25px}.form-overlay{position:relative;pointer-events:none;height:100%;z-index:3;display:flex;align-items:center;justify-content:flex-end}.booking-card{background:#fff;border-radius:var(--radius);padding:29px 30px;box-shadow:0 15px 45px #133c3612;width:382px;pointer-events:auto}.booking-card .eyebrow{font-size:9px;margin-bottom:10px}.booking-card h2{font-size:27px;letter-spacing:-.9px}.booking-card>p{font-size:12px;margin:8px 0 21px}.booking-form{display:grid;gap:12px}.booking-form label{display:grid;gap:5px;font-size:11px;font-weight:700;color:var(--heading)}input{width:100%;min-width:0;height:42px;border:1px solid #dce5e2;border-radius:5px;padding:0 11px;background:#fbfcfc;font-size:12px;color:var(--text)}input:focus{outline:2px solid var(--teal);outline-offset:1px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.booking-form .button{margin-top:4px;width:100%}.booking-form>small{font-size:10px;text-align:center;color:#70807d}.form-status{font-size:12px;color:var(--heading);overflow-wrap:anywhere}.form-status:empty{display:none}.slider-controls{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:20px;pointer-events:none}.slide-dots{display:flex;gap:8px;pointer-events:auto}.slide-dots button{width:8px;height:8px;border-radius:10px;border:0;background:#1c383755;padding:0;box-sizing:content-box;border:6px solid transparent;background-clip:padding-box}.slide-dots button.selected{width:25px;background-color:var(--heading)}.slide-count{font-size:10px;letter-spacing:2px}.pause-slider{pointer-events:auto;background:transparent;border:1px solid #1c383755;border-radius:50%;width:28px;height:28px;font-size:11px}.promise-strip{border-bottom:1px solid var(--line)}.promise-strip .container{display:grid;grid-template-columns:repeat(4,1fr);padding-block:26px}.promise-strip span{display:flex;justify-content:center;gap:13px;align-items:center;color:var(--heading);font-size:13px;font-weight:600;border-right:1px solid var(--line)}.promise-strip span:last-child{border:0}.promise-strip .icon{color:#559c97}.section{padding:90px 0}.section-heading{text-align:center;max-width:780px;margin:0 auto 48px}.section-heading p{margin-top:18px;font-size:14px}.section-heading .eyebrow{color:#a9471e}.about-layout{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:48px;margin-bottom:38px}.about-features{display:grid;gap:25px}.about-features article{position:relative;padding-left:37px}.about-features article>span{position:absolute;left:0;top:0;color:#62aaa4;font-size:12px;font-weight:700}.about-features h3{font-size:17px;margin-bottom:9px}.about-features p{font-size:12px}.about-image{position:relative}.about-image>img{height:400px;border-radius:16px;}.image-note{position:absolute;bottom:22px;left:20px;right:20px;background:white;border-radius:8px;display:flex;gap:15px;align-items:center;padding:17px;font-size:12px;color:var(--heading)}.image-note .icon{width:38px;height:38px;color:#649e98}.center{text-align:center}.services{background:var(--soft)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.service-card{display:flex;flex-direction:column;background:white;border-radius:10px;overflow:hidden;border:1px solid #e1e9e6;min-height:610px}.service-card>img{height:auto;flex:0 0 60%;aspect-ratio:1.45;transition:transform .4s}.service-card:hover>img{transform:scale(1.025)}.service-body{display:flex;flex:1;flex-direction:column;padding:22px 22px 0}.service-body h3{display:flex;align-items:center;gap:10px;font-size:17px;letter-spacing:-.4px}.service-body h3 .icon{color:#5a9993}.service-body p{font-size:12px;margin-top:13px;min-height:92px;line-height:1.65}.card-actions{display:flex;justify-content:space-between;margin-top:auto;border-top:1px solid var(--line);margin-top:19px;padding:16px 0;font-size:12px;font-weight:700}.card-actions a:last-child{color:#ba501f}.card-actions a:hover{text-decoration:underline}.card-actions span{margin-left:10px}
.gallery-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}
.g1{
    grid-column: 1/3;
    grid-row: 1/3;
}
.g2{
    grid-column: 3/5;
    grid-row: 1/2;
}
.g4{
    grid-column: 4/5;
    grid-row: 2/4;
}
.g5{
    grid-column: 1/2;
    grid-row: 3/5;
}
.g6{
    grid-column: 2/4;
}
.g8{
    grid-column: 3/5;
    grid-row: 4/6;
}
.g9{
    grid-column: 1/3;
}
.g10{
    grid-column: 2/4;
}
.g12{
    grid-row: 6/7;
}
.g13{
    grid-column: 1/3;
    grid-row: 7/9;
}
.g14{
    grid-column: 3/5;
}
.g16{
    grid-column: 4/5;
    grid-row: 8/10;
}
.g17{
    grid-row: 9/11;
}
.g18{
    grid-column: 2/4;
}
.g19{
    grid-row: 10/11;
    grid-column: 2/3;
}
.g20{
    grid-column: 3/5;
    grid-row: 10/12;
}
.g21{
    grid-column: 1/3;
}
.gallery-item{
    padding:0;
    border:0;
    border-radius:8px;
    overflow:hidden;
    background:var(--soft);
    position:relative;
}
.gallery-item img{height:205px;transition:transform .5s}.gallery-item:hover img{transform:scale(1.06)}.gallery-item:after{content:"\f35d";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:12px;bottom:12px;background:#ffffffdf;width:26px;height:26px;border-radius:50%;opacity:0;transition:opacity .2s}.gallery-item:hover:after{opacity:1}.gallery-item:nth-child(3n) img{object-position:30%}.gallery-item:nth-child(5n) img{object-position:70%}.why{background:#e9f5f2}.why-layout{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.why-image{position:relative}.why-image>img{height:560px;border-radius:12px}.why-caption{position:absolute;bottom:25px;left:25px;right:25px;background:var(--heading);color:var(--teal);padding:23px;border-radius:8px;font-size:11px;letter-spacing:1px}.why-caption strong{display:block;color:white;font-size:18px;letter-spacing:-.4px;margin-top:4px}.why-copy>.eyebrow{color:#a9471e}.why-copy>p{font-size:13px;margin-top:18px}.why-copy .lead{font-size:14px;color:var(--heading)}.why-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:27px 0}.why-boxes>div{border:1px solid #c3dcd6;border-radius:7px;padding:17px 6px;text-align:center}.why-boxes .icon{display:block;margin:0 auto 10px;color:#447970}.why-boxes strong{font-size:10px;white-space:nowrap}.testimonials{overflow:hidden}.testimonial-window{overflow:hidden;padding:5px 0 20px}.testimonial-track{display:flex;gap:24px;width:max-content;animation:marquee 55s linear infinite}.testimonial-track.paused{animation-play-state:paused}.review{flex:0 0 345px;width:345px;padding:25px;border:1px solid var(--line);border-radius:10px;background:white}.review-label{font-size:8px;letter-spacing:1.5px;color:#71817d}.stars{color:var(--orange);letter-spacing:3px;margin:10px 0}.review blockquote{margin:0 0 25px;font-size:13px;color:#4f615c;min-height:86px}.review-person{display:flex;align-items:center;gap:11px}.review-person>span{width:39px;height:39px;background:#e1f2ec;display:grid;place-items:center;border-radius:50%;font-size:12px;color:var(--heading)}.review-person strong{display:block;font-size:12px}.review-person small{display:block;font-size:10px;color:#71817d}.carousel-hint{text-align:center;font-size:10px;margin-top:12px}.contact{background:var(--soft)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;max-width:1000px;margin:auto;align-items:center}.contact-details>h3{font-size:29px;margin-bottom:15px}.contact-details>p{font-size:14px;margin-bottom:27px}.contact-box{display:flex;gap:20px;align-items:center;background:white;border:1px solid var(--line);border-radius:8px;padding:21px;margin:13px 0}.contact-box>.icon{color:#4c8c85;width:28px;height:28px}.contact-box small{display:block;font-size:9px;letter-spacing:1.6px;color:#71817d;margin-bottom:4px}.contact-box a,.contact-box span{font-size:13px;color:var(--heading)}.contact-note{display:flex;gap:15px;margin-top:28px;color:var(--heading);font-size:13px}.contact-note .icon{width:42px;height:42px}.contact-form-card{width:100%;padding:34px}.map{height:310px;position:relative;background:#dfe9e4}.map iframe{width:100%;height:100%;border:0;filter:grayscale(.45)}.map>a{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:10px 18px;background:white;border-radius:5px;font-size:11px;box-shadow:0 2px 12px #0002}footer{background:var(--heading);color:#d8e7e3;padding:58px 0 0}footer .brand{color:white}footer .brand-icon{color:var(--heading)}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr 1.2fr;gap:40px;padding-bottom:43px}.footer-grid h3{color:white;font-size:13px;margin-bottom:19px}.footer-grid p{font-size:12px;line-height:1.9;color:#b3cbc5;margin-top:20px}.footer-grid>div>a:not(.brand):not(.button){display:block;font-size:11px;margin:10px 0;color:#b3cbc5}.footer-grid .button{margin-top:20px;font-size:11px;padding:9px 15px;min-height:42px}.footer-bottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;padding:21px 0;font-size:10px;color:#a9c5bc}.lightbox{padding:14px;border:0;border-radius:10px;max-width:min(900px,94vw);background:var(--heading);color:white}.lightbox::backdrop{background:#091112df}.lightbox img{max-height:76vh;object-fit:contain}.lightbox p{color:white;font-size:13px;padding:12px 5px 0}.lightbox-close{position:absolute;right:22px;top:22px;border:0;background:white;border-radius:50%;width:36px;height:36px;font-size:25px;z-index:1}.skip-link{position:fixed;top:-80px;left:10px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}@keyframes marquee{to{transform:translateX(calc(-50% - 12px))}}
@media(min-width:1500px){.hero{height:760px}.slide .container{padding-top:90px}}
@media(max-width:1100px){nav{gap:16px}.header-call{padding-inline:13px}.brand{font-size:13px}.hero h1,.hero h2{font-size:38px}.hero-copy{max-width:50%}.booking-card{width:350px}.about-layout{gap:25px}.service-body{padding:18px 16px 0}.service-body h3{font-size:15px}.why-layout{gap:40px}.contact-layout{gap:45px}.footer-grid{gap:25px}.contact-form-card{width:100%}}
@media(max-width:850px){.container{width:calc(100% - 40px)}.nav-wrap{min-height:75px}.menu-toggle{display:block;margin-left:auto;border:1px solid var(--line);background:white;border-radius:5px;padding:5px 10px;color:var(--heading);font-size:23px}.header-call{font-size:11px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;padding:14px 20px;box-shadow:0 10px 12px #0001}nav.open{display:flex;flex-direction:column;gap:0}nav a{padding:12px}nav a.active:after{bottom:8px;right:auto;width:22px;left:12px}.hero{height:740px}.hero h1,.hero h2{font-size:32px}.hero-copy{max-width:48%}.hero-copy p{font-size:14px}.hero-copy p br{display:none}.hero-actions{flex-direction:column;align-items:flex-start}.booking-card{width:320px;padding:23px}.booking-card h2{font-size:25px}.promise-strip .container{grid-template-columns:repeat(2,1fr);gap:23px}.promise-strip span:nth-child(2){border:0}.section{padding:65px 0}h2{font-size:36px}.about-layout{grid-template-columns:1fr 1fr;gap:30px}.about-image{grid-column:1 / -1;grid-row:1;width:65%;margin:auto}.about-image>img{height:350px}.service-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}.gallery-item img{height:170px}.why-layout{gap:25px}.why-image>img{height:560px}.why-boxes{gap:5px}.why-boxes strong{font-size:8px}.contact-layout{gap:30px}.contact-form-card{width:100%}.footer-grid{grid-template-columns:repeat(2,1fr);gap:35px}.contact-box{padding:16px;gap:12px}}
@media(max-width:620px){.container{width:calc(100% - 36px)}.topbar{font-size:9px}.topbar a{gap:4px}.topbar a>span{display:none}.nav-wrap{gap:10px}.brand{font-size:11px;gap:7px}.brand small{font-size:7px}.brand-icon{width:37px;height:37px}.brand-icon .icon{width:27px;height:27px}.header-call{min-height:36px;padding:7px 10px;font-size:10px;gap:6px}.header-call .icon{width:14px}.menu-toggle{font-size:18px;padding:3px 7px}.hero{height:auto;overflow:hidden;padding-bottom:26px}.slides{position:relative;height:610px}.slide .container{padding-top:44px}.hero-copy{max-width:100%}.hero h1,.hero h2{font-size:36px;max-width:380px}.hero-copy p{font-size:15px;max-width:325px}.hero-copy p br{display:initial}.hero-actions{flex-direction:row;gap:8px;margin-top:22px}.hero-actions .button{padding:12px 15px;font-size:11px}.slide>img{width:100%;opacity:.24}.slide:after{background:linear-gradient(90deg,rgba(12,42,43,.92),rgba(25,61,62,.62))}.form-overlay{height:auto;display:block}.booking-card{width:100%;padding:26px}.slider-controls{top:560px;bottom:auto}.promise-strip .container{gap:20px 0;padding-block:23px}.promise-strip span{font-size:10px;gap:7px}.promise-strip .icon{width:20px}.section{padding:57px 0}.section-heading{margin-bottom:33px}.section-heading h2,h2{font-size:34px;letter-spacing:-1.3px}.section-heading p{font-size:12px;margin-top:14px}.eyebrow{font-size:9px;margin-bottom:13px}.about-layout{gap:28px 14px}.about-image{width:85%}.about-image>img{height:330px}.about-features article{padding-left:23px}.about-features h3{font-size:14px}.about-features p{font-size:11px}.about-features p br{display:none}.about-features{gap:25px}.about-features article>span{font-size:10px}.service-grid{grid-template-columns:1fr;gap:22px}.service-card{min-height:0}.service-card>img{height:auto;min-height:275px;flex-basis:auto;aspect-ratio:1.45}.service-body{padding:23px 22px 0}.service-body h3{font-size:18px}.service-body p{font-size:13px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-item img{height:160px}.why-layout,.contact-layout{grid-template-columns:1fr;gap:35px}.why-image>img{height:380px}.why-boxes strong{font-size:10px}.why-copy>p{font-size:13px}.review{width:290px;flex-basis:290px;padding:22px}.contact-details>h3{font-size:26px}.contact-note{margin-top:22px}.contact-form-card{padding:26px}.map{height:270px}.footer-grid{gap:30px 20px;grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1 / -1}.footer-grid .brand{font-size:15px}.footer-grid p{margin-top:12px}.footer-bottom{gap:15px;font-size:9px}.footer-bottom>span{max-width:240px}.lightbox{padding:8px}.topbar .container>span{max-width:170px}}
/* Keep form titles independent from the large hero slide headings. */
.hero .booking-card h2{font-size:27px;line-height:1.15;letter-spacing:-.9px;margin-bottom:0}
@media(max-width:370px){.header-call{font-size:9px;padding-inline:7px}.header-call .icon{display:none}.brand{font-size:10px}.hero h1,.hero h2{font-size:31px}.topbar .container>span{max-width:145px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.testimonial-window{overflow-x:auto}.testimonial-track .duplicate{display:none}}

/* Font Awesome sizing for the existing icon containers. */
.brand-icon .icon{font-size:29px}.topbar .icon{font-size:13px}.image-note .icon{font-size:30px}.contact-note .icon{font-size:34px}.contact-box>.icon{font-size:25px}.review-person .review-quote{margin-left:auto;color:var(--teal);font-size:30px}.stars{display:flex;gap:4px;letter-spacing:0}.pause-slider,.lightbox-close{display:inline-grid;place-items:center}.lightbox-close{font-size:20px}.gallery-item:after{font-size:12px;line-height:26px}.why-boxes .icon{line-height:23px}.header-call .icon{font-size:18px}@media(max-width:620px){.brand-icon .icon{font-size:23px}.header-call .icon{font-size:13px}}

/* Wider, compact hero booking form. Adjust this width to resize the card. */
.hero{height:auto;min-height:600px}
.hero .form-overlay{height:auto;min-height:600px;padding-block:30px 70px;align-items:flex-start}
.hero .booking-card{width:430px;max-width:100%;padding:18px 26px}
.hero .booking-card .eyebrow{margin-bottom:6px}
.hero .booking-card h2{font-size:25px}
.hero .booking-card>p{margin:5px 0 12px}
.hero .booking-form{gap:7px}
.hero .booking-form label{min-width:0;font-size:12px;gap:4px}
.hero .form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hero .booking-form input{height:36px;font-size:13px}
.hero .booking-form .button{min-height:40px;padding-block:8px;margin-top:2px}
.hero .hero-copy{max-width:calc(100% - 600px)}
.hero .slide .container{padding-top:36px}
@media(min-width:901px) and (max-width:1100px){
  .hero .booking-card{width:380px;padding:18px 22px}
  .hero .hero-copy{max-width:calc(100% - 490px)}
  .hero-copy p br{display:none}
}
@media(max-width:900px){
  .hero{height:auto;padding-bottom:30px}
  .hero .slides{position:relative;height:580px}
  .hero .slide .container{padding-top:44px}
  .hero .hero-copy{max-width:100%}
  .hero .form-overlay{height:auto;min-height:0;padding-block:0;display:block}
  .hero .booking-card{width:430px;margin-inline:auto}
  .hero .slider-controls{top:530px;bottom:auto}
}
@media(max-width:480px){
  .hero .booking-card{padding:18px}
  .hero .booking-card h2{font-size:25px}
  .hero .form-row{gap:10px}
  .hero .booking-form input{font-size:12px;padding-inline:9px}
  .hero .booking-form label{font-size:11px}
}
@media(max-width:360px){
  .hero .form-row{grid-template-columns:1fr}
}

/* Scale the complete hero form to 84%: 20% larger than the previous 70% size.
   zoom also reduces its layout footprint, so no empty scaled space remains. */
.hero .booking-card{zoom:0.84}

/* Give the slide content and fixed form the same vertical centre. */
@media(min-width:901px){
  .hero .form-overlay{align-items:center;padding-block:36px 70px}
  .hero .slide .container{height:100%;display:flex;align-items:center;padding-block:36px 70px}
}

/* Show the photograph across the hero, anchored to the left.
   A dark translucent overlay keeps the copy legible without hiding the image. */
.hero .slide>img{left:0;right:auto;width:100%;opacity:1;object-position:left center}
.hero .slide:after{background:linear-gradient(90deg,rgba(9,17,18,.70) 0%,rgba(9,17,18,.48) 45%,rgba(9,17,18,.12) 100%)}
.hero .hero-copy h1,.hero .hero-copy h2,.hero .hero-copy p,.hero .hero-copy .eyebrow{color:#fff}
.hero .hero-copy em{color:var(--teal)}
.hero .hero-copy .button-outline{color:#fff;border-color:#fff;background:rgba(9,17,18,.18)}
.hero .hero-copy .button-outline:hover{background:rgba(255,255,255,.18)}
.hero .slider-controls{color:#fff}
.hero .slide-dots button{background-color:rgba(255,255,255,.55)}
.hero .slide-dots button.selected{background-color:#fff}
.hero .pause-slider{color:#fff;border-color:rgba(255,255,255,.65)}

/* Supplied brand artwork used in the header and footer. */
.booking-form input[type="date"],.booking-form input[type="time"]{cursor:pointer}
.brand-logo{display:block;width:auto;height:auto;object-fit:contain}
.brand-logo-header{width:205px;max-height:58px}
.brand-logo-footer{width:230px;max-height:106px}
footer .brand-logo-footer{background:#fff;border-radius:6px;padding:5px}
.footer-contact>a{display:flex!important;align-items:flex-start;gap:11px;margin:12px 0!important;color:#b3cbc5!important;font-size:11px!important;line-height:1.55}
.footer-contact>a i{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:var(--heading);font-size:15px;text-align:center;padding-top:0}
.footer-contact>a:first-of-type{align-items:flex-start}
.footer-contact>a:first-of-type i{margin-top:0}
.footer-contact>a:nth-of-type(2),.footer-contact>a:nth-of-type(3){align-items:center}
.promise-strip .icon{color:var(--orange)!important}
.image-note .icon{color:var(--orange)!important}
.about-features article>span{color:var(--orange)!important}
/* Make every gallery image fill its complete grid area, including spanning cards. */
.gallery-grid{grid-auto-rows:205px}
.gallery-item{width:100%;height:100%;min-height:0}
.gallery-item img{width:100%;height:100%!important;min-height:0;object-fit:cover}
@media(max-width:620px){.gallery-grid{grid-auto-rows:160px}}
@media(max-width:620px){
  .gallery-grid{grid-template-columns:1fr;grid-auto-rows:240px}
  .gallery-grid>.gallery-item{grid-column:auto!important;grid-row:auto!important}
}

@media(max-width:620px){
  .why-image{margin-left:20px;margin-right:auto;justify-self:start}
}
/* Keep the mobile page flush to the viewport with no horizontal white gutter. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.topbar,.header,.hero,main,footer{width:100%;max-width:100%}
.footer-contact>a:hover{color:#fff!important}
@media(max-width:620px){.brand-logo-header{width:155px;max-height:46px}.brand-logo-footer{width:200px}}

.floating-actions{position:fixed;right:22px;bottom:22px;z-index:30;display:flex;flex-direction:column;gap:10px}
.floating-action{width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;align-content:center;gap:1px;color:#fff;box-shadow:0 8px 22px #09111235;font-size:19px;cursor:pointer;text-decoration:none}
.floating-action span{font-size:7px;font-weight:700;line-height:1}
.floating-call{background:var(--heading)}.floating-whatsapp{background:#25d366}.floating-top{background:var(--orange);opacity:1;visibility:visible;transform:translateY(0);transition:.2s}
@media(max-width:620px){.floating-actions{right:14px;bottom:14px;gap:8px}.floating-action{width:44px;height:44px;font-size:17px}}

/* Hero photos fill the full slider with a wide crop and a centered focal point. */
.hero .slide>img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 58%;
  opacity:1;
}
.hero .slide:after{
  background:linear-gradient(90deg,rgba(9,17,18,.58) 0%,rgba(9,17,18,.28) 48%,rgba(9,17,18,.06) 100%);
}
@media(max-width:620px){
  .hero .slide>img{object-position:center 58%}
  .hero .slide:after{background:linear-gradient(90deg,rgba(9,17,18,.52),rgba(9,17,18,.16))}
}

/* Group desktop navigation with the call button on the right. */
@media(min-width:851px){
  .nav-wrap{justify-content:flex-start}
  .nav-wrap nav{margin-left:auto}
  .header-call{flex-shrink:0}
}

/* Zoom each photograph during its three-second slide, retaining the final
   scale while the outgoing slide moves away. Text and form stay unchanged. */
.hero .slide{overflow:hidden}
.hero .slide>img{transform-origin:center center}
.hero .slide.active>img,.hero .slide.exit>img{
  animation:hero-image-zoom 3s linear both;
}
.hero.slideshow-paused .slide>img{animation-play-state:paused}
@keyframes hero-image-zoom{
  from{transform:scale(1)}
  to{transform:scale(1.06)}
}
@media(prefers-reduced-motion:reduce){
  .hero .slide>img{animation:none;transform:none}
}


@media(max-width:620px){.topbar{display:none}}


@media(max-width:620px){
  .hero .form-overlay{background:#fff;min-height:0;padding:34px 18px 42px;display:flex;align-items:center;justify-content:center}
  .hero .booking-card{margin:0 auto}
}


@media(max-width:620px){
  .hero{background:#fff}
  .hero .form-overlay{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
}


@media(max-width:620px){
  .why-image{width:100%;max-width:100%;overflow:hidden}
  .why-image>img{width:100%;max-width:100%;object-fit:cover;object-position:center center}
}


@media(max-width:620px){
  .why-image>img{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;background:#dfe9e4}
}


@media(max-width:620px){
  .why-image{width:calc(100% - 20px);max-width:calc(100% - 20px);margin-right:20px;margin-left:0}
  .why-image>img{width:100%;height:auto;display:block;object-fit:contain}
}


@media(max-width:620px){
  .why-image{width:calc(100% - 40px);max-width:calc(100% - 40px);margin-left:20px;margin-right:20px}
}


@media(max-width:620px){
  .why-caption{left:12px;right:12px;bottom:12px;padding:16px;font-size:10px;letter-spacing:1px}
  .why-caption strong{font-size:15px;line-height:1.25}
}


@media(max-width:620px){
  .why-caption{left:50%;right:auto;width:calc(100% - 40px);transform:translateX(-50%)}
}

@media(max-width:620px){
  .why-image{width:calc(100% - 40px);max-width:calc(100% - 40px);margin-left:auto;margin-right:20px;justify-self:end}
}

@media(max-width:620px){
  .why-caption{width:80%;padding:13px;font-size:8px;bottom:12px}
  .why-caption strong{font-size:12px;line-height:1.2}
}


.about-wide{grid-column:1 / -1;max-width:640px;margin:0 auto;text-align:center;color:var(--heading);font-size:14px;line-height:1.7}

.why-copy>.button{display:inline-flex;margin-top:24px}

/* Keep the utility strip visible initially, then pin only the header after it scrolls away. */
:root{--topbar-height:32px;--header-height:89px}
.topbar{position:relative;z-index:1;height:var(--topbar-height)}
.header{position:fixed;top:var(--topbar-height);left:0;right:0;width:100%;z-index:20;transition:top .2s ease}
body.scrolled .header{top:0}
main{padding-top:var(--header-height)}

@media(max-width:850px){
  :root{--header-height:75px}
}

@media(max-width:620px){
  .topbar{display:none}
  .header{top:0}
  main{padding-top:var(--header-height)}
}