/*
Theme Name: Binti Civil Works
Version: 5.0.3
Requires PHP: 8.2
Text Domain: binti-civil-works
License: GPL-2.0-or-later
*/

:root{--navy:#0F3D2E;--gold:#987020;--paper:#fbfaf7;--line:#dfdcd5;--muted:#52606a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:var(--paper);font:16px/1.75 Arial,sans-serif}a{color:inherit}img{max-width:100%;height:auto}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.16;margin:0 0 22px}h1{font-size:clamp(42px,5.1vw,76px);letter-spacing:-2px}h2{font-size:clamp(30px,3vw,44px);letter-spacing:-1px}h3{font-size:26px}p{margin:0 0 22px}em{font-style:normal;color:var(--gold)}.wrap{width:min(1180px,88%);margin:auto}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:112px;gap:32px}.brand{display:flex;gap:18px;align-items:center;text-decoration:none}.monogram{font:76px/1 Georgia,serif;-webkit-text-stroke:1px currentColor;color:transparent;display:inline-block}.brand-name{font:28px Georgia,serif;letter-spacing:9px}.brand small{display:block;letter-spacing:5px;font:10px/2 Arial,sans-serif;margin-top:7px}.nav-list{display:flex;align-items:center;gap:27px;list-style:none;margin:0;padding:0}.nav-list a{text-decoration:none;font-size:11px;letter-spacing:.7px;text-transform:uppercase;font-weight:bold}.nav-list a:hover,.nav-list a[aria-current=page]{color:var(--gold)}.button{display:inline-flex;justify-content:center;gap:30px;align-items:center;background:var(--gold);color:white!important;padding:16px 25px;border:1px solid var(--gold);text-decoration:none;text-transform:uppercase;letter-spacing:1px;font:11px/1.6 Arial,sans-serif;cursor:pointer;border-radius:2px}.button:hover{background:#76551b}.nav-list .button{padding:12px 17px}.menu-toggle{display:none}.hero{position:relative;min-height:650px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(251,250,247,.97),rgba(251,250,247,.82) 36%,rgba(251,250,247,0) 78%),url('assets/photos/jamaica-coast.webp') center/cover}.hero .wrap{padding:72px 0}.hero.compact{min-height:420px}.hero.compact h1{font-size:clamp(40px,4.5vw,66px)}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2.4px;color:var(--gold);margin-bottom:25px}.intro{max-width:410px;font-size:16px}.actions{display:flex;align-items:center;gap:28px;margin-top:34px}.text-link{font-size:12px;text-underline-offset:7px}.hero-caption{position:absolute;bottom:20px;right:6%;font-size:9px;letter-spacing:2px;color:white;text-shadow:0 1px 5px #2C2C2C}.section{padding:85px 0}.section-head{text-align:center;margin-bottom:45px}.grid{display:grid;gap:24px}.three{grid-template-columns:repeat(3,1fr)}.value{text-align:center;padding:20px 40px}.value p{color:var(--muted);font-size:14px}.symbol{display:inline-grid;place-items:center;width:64px;height:64px;font-size:35px;color:var(--gold);border:1px solid #b5935140;border-radius:50%;margin-bottom:25px}.statement{background:var(--navy);color:white;padding:55px 0}.statement .wrap{display:flex;align-items:center;gap:65px}.statement .monogram{font-size:120px;color:transparent;-webkit-text-stroke:1px #e1ded6}.statement h2{font-size:clamp(28px,3vw,43px);margin:0}.service{border:1px solid var(--line);padding:35px 30px;background:#fffdf9}.service h2{font-size:29px;letter-spacing:0}.service p{font-size:14px;color:var(--muted)}.service a{font-size:11px;text-transform:uppercase;letter-spacing:1px;text-underline-offset:6px}.number{font:italic 35px Georgia,serif;color:#a98139;display:block;margin-bottom:30px}.landscape{min-height:340px;background:linear-gradient(90deg,#f9e6baaa,transparent),url('assets/photos/jamaica-coast.webp') center 65%/cover;display:flex;align-items:center}.landscape h2{max-width:620px}.cta{text-align:center;padding:65px 6%;background:var(--navy);color:white;border-top:1px solid #ffffff20}.cta .eyebrow{color:#d3b474}.cta p:not(.eyebrow){font-size:14px;color:#d6dee4}.site-footer{background:var(--navy);color:white;padding:30px 0;border-top:1px solid #ffffff20}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer .brand-name{font-size:19px}.site-footer .monogram{font-size:55px}.site-footer p{font-size:10px;letter-spacing:1px;color:#d3b474;margin:0}.site-footer small{font-size:11px;color:#abb8c2}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.steps article{display:flex;gap:26px;padding:20px 0;border-bottom:1px solid var(--line)}.steps h3{font-size:24px;margin-bottom:10px}.steps p{font-size:14px;margin:0}.steps .number{margin:0}.location{margin-top:70px;background:#f1efe9;padding:40px;gap:35px}.location-image{height:290px;background:url('assets/photos/jamaica-coast.webp') center/cover}.contact-card{padding:32px;text-align:center;border:1px solid var(--line)}.contact-card h3{font-size:24px}.contact-card p{font-size:14px}.contact-card a{overflow-wrap:anywhere}.form-wrap{max-width:850px}fieldset{border:0;padding:0;margin:0 0 40px}legend{font:25px Georgia,serif;width:100%;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.fields label{font-size:12px;font-weight:bold;display:block}.full{grid-column:1/-1}input,select,textarea{width:100%;padding:13px;border:1px solid #bfc3c5;background:#fff;font:15px Arial,sans-serif;color:var(--navy);border-radius:2px;margin-top:7px}textarea{resize:vertical;min-height:130px}input[type=checkbox],input[type=radio]{width:auto;margin-right:7px}.radio-row{display:flex;gap:25px;flex-wrap:wrap}.notice{padding:20px;border:1px solid var(--gold);background:#faf0db;margin-bottom:30px}.honeypot{position:absolute;left:-10000px}.form-note{font-size:12px;color:var(--muted);margin-top:20px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;background:white;padding:12px;z-index:99}:focus-visible{outline:3px solid #b48735;outline-offset:5px}.prose{max-width:800px;padding:70px 0}.custom-logo{max-width:210px;max-height:85px;width:auto}.preview-banner{padding:8px;text-align:center;background:#eee5d1;font-size:12px}
@media(max-width:900px){.header-inner{min-height:90px}.brand-name{font-size:23px}.monogram{font-size:60px}.menu-toggle{display:block;border:1px solid var(--line);background:none;padding:10px;color:var(--navy)}.site-nav{display:none;padding-bottom:20px}.site-nav.open{display:block}.header-inner{flex-wrap:wrap;gap:0}.site-nav{width:100%}.nav-list{align-items:stretch;flex-direction:column;gap:15px}.hero{min-height:580px}.three{gap:14px}.value{padding:15px}.split{gap:35px}.service{padding:25px 20px}}
@media(max-width:620px){.three,.split,.fields{grid-template-columns:1fr}.full{grid-column:auto}.hero{background-image:linear-gradient(90deg,#fbfaf7ed,#fbfaf7aa),url('assets/photos/jamaica-coast.webp');min-height:570px}.hero.compact{min-height:410px}.hero-caption{display:none}.actions{align-items:flex-start;flex-direction:column;gap:20px}.section{padding:55px 0}.value{padding:18px 35px}.statement .wrap{gap:25px}.statement .monogram{display:none}.service{padding:30px}.location{padding:25px}.footer-inner{flex-wrap:wrap}.section-head br{display:none}h1{letter-spacing:-1px}.brand small{letter-spacing:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Experience Board revision — preserves the base theme and responsive foundation. */
@font-face{font-family:Inter;src:url('fonts/inter.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:'Playfair Display';src:url('fonts/playfair.ttf') format('truetype');font-weight:400 900;font-display:swap}
:root{--navy:#0F3D2E;--gold:#9c722b;--paper:#fcfbf9;--line:#e1ded8}body{font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.75}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:500}h1{font-size:clamp(34px,4.3vw,60px);line-height:1.2;letter-spacing:-1.1px}h2{font-size:clamp(25px,2.8vw,36px)}.header-inner{min-height:100px}.wrap{width:min(1120px,88%)}.monogram{-webkit-text-stroke:1px var(--navy);color:transparent;font-family:Georgia,serif;position:relative}.brand .monogram{padding:0 5px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.brand-name{font-family:Georgia,serif;letter-spacing:8px;font-size:28px}.brand small{font-family:Inter,Arial,sans-serif;font-size:10px;letter-spacing:4px}.nav-list{gap:24px}.nav-list a{font-size:10px;letter-spacing:.25px}.button{font-family:Inter,Arial,sans-serif;letter-spacing:.5px;font-weight:600;padding:13px 23px;background:linear-gradient(115deg,#997027,#835e23);border-color:#9c722b;gap:16px}.button-outline{background:var(--paper);color:var(--navy)!important;border-color:#b7b4ad}.button-outline:hover{background:#eeeae3}.hero{min-height:560px;background-image:linear-gradient(90deg,#fcfbf9f5,#fcfbf9bf 35%,#fcfbf900 77%),var(--binti-coast,url('assets/photos/jamaica-coast.webp'))}.hero .wrap{padding:65px 0}.hero-copy{max-width:515px}.hero p{max-width:425px;font-size:14px}.hero .intro{font-size:14px}.hero.compact{min-height:370px}.hero.compact h1{font-size:clamp(33px,4vw,50px)}.hero.compact .hero-copy{max-width:455px}.hero.compact p{max-width:370px}.project-hero{background-image:linear-gradient(90deg,#fcfbf9f5,#fcfbf9df 35%,#fcfbf900 76%),var(--binti-equipment,url('assets/photos/jamaica-excavator.webp'));background-position:center}.actions{gap:15px;margin-top:28px;flex-wrap:wrap}.section{padding:55px 0}.section-head{margin-bottom:32px}.section-head p{font-size:14px}.value{padding:12px 30px}.value h3{font:600 17px Inter,sans-serif;margin-bottom:12px}.value p{font-size:13px}.symbol{width:53px;height:53px;border:0;background:#f6f2e9;margin-bottom:19px}.icon{width:30px;height:30px;flex-shrink:0;color:var(--gold);vertical-align:middle}.symbol .icon{width:31px;height:31px}.statement{padding:40px 0}.statement .wrap{gap:45px}.statement h2{font-size:clamp(23px,2.7vw,35px);line-height:1.45}.statement .monogram{-webkit-text-stroke:1px #fff;font-size:105px}.landscape{background-image:var(--binti-coast,url('assets/photos/jamaica-coast.webp'));min-height:290px;background-position:center}.sunset{background-image:linear-gradient(90deg,#f8e6c9d9,#f8e6c944),var(--binti-sunset,url('assets/photos/jamaica-coast.webp'))}.sunset h2{font-size:clamp(24px,2.7vw,35px);max-width:640px;line-height:1.45}.story-landscape{min-height:270px}.approach{background:#f5f3ee}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding-top:45px;padding-bottom:40px}.approach h2{font-size:28px}.steps article{border:0;gap:21px;padding:15px 0}.steps h3{font:600 15px Inter,sans-serif;margin-bottom:8px}.steps p{font-size:13px;max-width:300px}.helmet{margin:0;position:relative;align-self:stretch;min-height:370px}.helmet img{width:100%;height:100%;object-fit:cover}.helmet figcaption{position:absolute;bottom:0;left:0;padding:4px 10px;background:#fcfbf9dd;font-size:10px}.service{padding:0;background:#fbfaf8;overflow:hidden}.service>img{width:100%;height:205px;object-fit:cover;display:block}.service-copy{padding:23px 22px 26px}.service h2{font-size:24px;line-height:1.3;margin-bottom:15px;letter-spacing:0}.service p{font-size:13px;color:var(--navy);margin:0}.cta{padding:40px 6%}.cta h2{font-size:28px;letter-spacing:0;margin-bottom:10px}.cta p{margin-bottom:20px}.cta.light{background:#f5f3ef;color:var(--navy);border-top:1px solid var(--line)}.cta.light p{color:var(--navy)}.contact-card{background:#fcfbf9;padding:27px 20px}.contact-card .icon{width:35px;height:35px;margin-bottom:17px}.contact-card h3{font-size:21px;margin-bottom:13px}.contact-card p{font-size:12px;margin-bottom:15px}.placeholder{color:#685936;font-size:12px;display:block}.contact-card .placeholder{border-top:1px solid var(--line);padding-top:13px}.location-band{background:#f1efeb}.location{margin:0;background:none;padding:35px 0;grid-template-columns:1fr 1fr;gap:45px}.location h2{font-size:29px;line-height:1.35}.location p{font-size:13px}.location-detail{display:flex;gap:15px;margin:22px 0}.location-detail .icon{width:23px;height:23px}.location-detail strong{font-size:13px;display:block}.location-detail p{margin:0}.map-frame{width:100%;height:345px;border:0;background:#e5e8e2}.map-note{font-size:11px!important;margin:5px 0!important}.form-wrap{max-width:900px;padding:38px 0 45px}.form-wrap h2,.form-wrap legend{font:600 14px Inter,sans-serif;letter-spacing:0}.form-wrap legend{display:flex;align-items:center;gap:10px;border:0;padding:0;margin-bottom:20px}.form-wrap legend .icon{width:23px;height:23px;color:var(--navy)}fieldset{margin-bottom:30px}.fields{gap:18px 24px}.fields label,.field-label{font:500 12px/1.5 Inter,sans-serif}.fields input,.fields select,.fields textarea{background:#fffefc;border-color:#dad7d1;padding:10px;font:13px/1.5 Inter,sans-serif;margin-top:6px}.fields textarea{min-height:115px}.field{min-width:0}.radio-row{gap:20px;margin-top:10px}.radio-row label{display:flex;align-items:center;gap:5px;font-size:12px}.radio-row input{margin:0;width:15px;height:15px;accent-color:var(--navy)}.upload-zone{border:1px dashed #aaa59a;position:relative;background:#f9f8f4;padding:20px;display:flex;gap:18px;align-items:center;justify-content:center;text-align:center;cursor:pointer}.upload-zone:focus-within{outline:3px solid var(--gold)}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.upload-zone strong{display:block;font-size:13px}.upload-zone small{display:block;font-size:11px;margin-top:4px}.file-list{font-size:12px;overflow-wrap:anywhere;margin-top:8px}.project-form .submit-button{width:100%;padding:14px}.project-form .consent{display:flex;align-items:flex-start;gap:8px;font-size:11px;font-weight:400}.consent input{width:16px;height:16px;flex-shrink:0;margin-top:2px}.form-note{text-align:center;font-size:11px}.form-note .icon{width:16px;height:16px;margin-right:7px}.form-feedback{padding:16px;border:1px solid #b78b40;margin-bottom:20px;background:#fff7e8}.form-feedback:empty{display:none}.form-feedback ul{margin-bottom:0}.project-form [aria-invalid=true]{border-color:#a02d24}.site-footer{padding:25px 0}.site-footer .monogram{-webkit-text-stroke:1px #fff}.footer-inner{gap:25px}.footer-socials{display:flex;gap:12px}.social-link{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #a47d3d;border-radius:50%;text-decoration:none;font-size:13px;color:white}.social-link[aria-disabled=true]{opacity:.55}.footer-meta{display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:10px;color:#d5d9dc}.footer-meta a{text-underline-offset:3px}.preview-banner{font-size:11px;background:#eee8da;line-height:1.6;padding:7px 16px}.preview-banner strong{font-weight:600}.credits-list{font-size:13px}.credits-list li{margin-bottom:18px}.contact-section .section-head h2{font-size:27px}
@media(max-width:950px){.nav-list{gap:15px}.brand-name{font-size:22px}.hero{min-height:500px}.service>img{height:170px}.service-copy{padding:18px}.service h2{font-size:21px}.approach-grid{gap:25px}}
@media(max-width:760px){.three{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-section .three{grid-template-columns:1fr}.approach-grid{grid-template-columns:1fr}.helmet{height:340px;min-height:0}.location{grid-template-columns:1fr}.map-frame{height:300px}.hero-copy{max-width:470px}.footer-meta{flex-wrap:wrap}.value:last-child{grid-column:1/-1}.nav-list{gap:14px}}
@media(max-width:620px){.hero{background-image:linear-gradient(90deg,#fcfbf9ed,#fcfbf9a6),var(--binti-coast,url('assets/photos/jamaica-coast.webp'))}.project-hero{background-image:linear-gradient(90deg,#fcfbf9ee,#fcfbf9a0),var(--binti-equipment,url('assets/photos/jamaica-excavator.webp'))}.hero .wrap{padding:45px 0}.hero.compact{min-height:325px}.hero p br{display:none}.actions{flex-direction:row;gap:10px}.actions .button{font-size:9px;padding:11px 13px}.three{grid-template-columns:1fr}.value:last-child{grid-column:auto}.service>img{height:220px}.service-copy{padding:23px}.fields{grid-template-columns:1fr}.fields .full{grid-column:1/-1}.section{padding:38px 0}.statement h2{font-size:25px}.landscape{min-height:240px}.cta h2{font-size:24px}.footer-inner{justify-content:space-between}.site-footer .brand-name{font-size:16px}.site-footer .brand small{font-size:8px}.site-footer .monogram{font-size:48px}.footer-inner>p{display:none}.form-note{text-align:left}.radio-row{gap:16px}.brand .monogram{font-size:58px}.hero h1{font-size:38px}.map-note{font-size:10px!important}}

/* Keep decorative photos and controls readable at every breakpoint. */
.helmet img{object-position:35% 65%}.hero-copy{position:relative;z-index:1}.contact-card a{font-size:13px}.project-form .submit-button{margin-top:18px}.project-form .consent a{display:inline}.service-copy>p:last-child{margin:0}.service>p:empty{display:none}.hero .wrap>.hero-copy>p:last-child{margin-bottom:0}

/* Contact cards stay balanced on desktop and stack on smaller screens. */
.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.map-frame{background:#f2f0eb}
@media(max-width:760px){.contact-cards{grid-template-columns:1fr}}


/* Client-approved Binti palette and type system */
:root{--navy:#0F3D2E;--gold:#B08D57;--paper:#F7F5EF;--line:#E8DCC6;--muted:#50534f;--cream:#E8DCC6;--charcoal:#2C2C2C}
body{background:var(--paper);color:var(--charcoal);font-family:Inter,Arial,sans-serif}
h1,h2,h3,legend{font-family:'Playfair Display',Georgia,serif;color:var(--navy)}
.nav-list,.button,.eyebrow,.field-label,.fields label,.footer-business,.footer-meta{font-family:Inter,Inter,Arial,sans-serif}
.button,.nav-list .button{background:#B08D57;border-color:#B08D57;color:#fff!important}
.button:hover{background:#8e6e40}.statement,.cta,.site-footer{background:#0F3D2E}.hero{background-color:var(--paper)}
.approach,.location-band,.cta.light{background:#E8DCC6}.service,.contact-card,.fields input,.fields select,.fields textarea{background:#fffefa}
.value p,.service p,.form-note,.location p{color:#4e514d}.contact-section .section-head{margin-bottom:30px}
.story-copy .prose{max-width:900px;margin:auto;line-height:1.85}.story-copy .prose h2,.story-pillars h2{color:#0F3D2E}.story-pillars{margin:0 0 55px}.story-pillars article{padding:28px;border:1px solid var(--line);background:#fffefa}.values-grid article{padding:24px;border:1px solid var(--line);background:#fffefa}.values-grid h3{font-size:22px}.values-grid p{font-size:14px;color:#50534f}.footer-business{display:grid;gap:3px;font-size:12px;line-height:1.7}.footer-business strong{font-family:'Playfair Display',Georgia,serif;font-size:17px}.footer-business p,.footer-business address{font-size:12px;letter-spacing:0;color:#e8dcc6;margin:0;font-style:normal}.footer-business a{text-decoration:underline;text-underline-offset:3px}.site-footer .footer-inner{align-items:flex-start}.site-footer .footer-meta{margin-top:22px}
.form-feedback[role=status]{border-color:#0F3D2E;background:#eff5f0;color:#0F3D2E}
@media(max-width:760px){.footer-inner{display:grid;grid-template-columns:1fr}.footer-business{padding-left:3px}.story-pillars{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.values-grid{grid-template-columns:1fr}}
@media(max-width:620px){.hero .wrap{width:88%;max-width:100%;}.hero-copy,.hero-copy h1,.hero-copy p{width:100%;max-width:100%;overflow-wrap:anywhere;}.hero-copy p{box-sizing:border-box;}}

/* Heading hierarchy: Playfair Display primary, Inter secondary */
h1{font-family:'Playfair Display',Georgia,serif}h2,h3,legend{font-family:Inter,Inter,Arial,sans-serif}

/* Contrast-safe use of the approved gold */
.button,.nav-list .button{background:#B08D57;border-color:#B08D57;color:#2C2C2C!important}.button:hover{background:#8E6E40;color:#fff!important}
em{color:#73572F}.eyebrow,.number{color:#73572F}


/* High-fidelity refinement against the supplied Website Experience Board */
:root{--navy:#0F3D2E;--gold:#987020;--paper:#fcfbf9;--line:#dfdcd5;--muted:#52606a;--cream:#eee6d8}
body{color:var(--navy);background:var(--paper);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}
h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.8px;color:var(--navy)}
h2,h3,legend{font-family:Inter,Inter,Arial,sans-serif;color:var(--navy)}
.site-header{position:relative;z-index:10;background:var(--paper);box-shadow:0 1px 0 var(--line)}
.header-inner{min-height:88px;gap:24px}.brand{gap:12px;min-width:220px}.brand-mark-frame{display:grid;place-items:center;width:47px;height:64px;flex:0 0 47px;background:#e9ddc6}.brand-mark{width:47px;height:64px;max-width:none;object-fit:contain;display:block}.brand-name{font-family:Inter,Arial,sans-serif;font-size:23px;letter-spacing:6px;font-weight:500;line-height:1}.brand-name small{font:600 9px/1.6 Inter,Arial,sans-serif;letter-spacing:3.3px;margin-top:6px;color:var(--navy)}
.nav-list{gap:20px}.nav-list a{font-family:Inter,Arial,sans-serif;font-size:11px;letter-spacing:.35px}.nav-list a[aria-current=page]{color:var(--gold)}.nav-list .button{padding:11px 16px;font-size:10px;letter-spacing:.7px}
.button,.nav-list .button{background:#987020;border:1px solid #987020;color:#fff!important;border-radius:1px;box-shadow:none;font-family:Inter,Arial,sans-serif;font-weight:600;letter-spacing:.7px;padding:13px 20px}.button:hover{background:#75551b;border-color:#75551b}.button-outline{color:var(--navy)!important;background:rgba(255,255,255,.82);border-color:#8e8b84}.button-outline:hover{background:#fff}
.hero{min-height:565px;background-image:linear-gradient(90deg,rgba(252,251,249,.97),rgba(252,251,249,.82) 38%,rgba(252,251,249,.08) 80%),var(--binti-coast,url('assets/photos/jamaica-coast.webp'));background-position:center;background-size:cover}.hero .wrap{padding:66px 0}.hero-copy{max-width:490px}.hero h1{font-size:clamp(42px,4.2vw,64px);line-height:1.18}.hero p{font-size:14px;max-width:435px}.hero .intro{font-size:15px}.hero.compact{min-height:360px}.hero.compact .wrap{padding:50px 0}.hero.compact h1{font-size:clamp(37px,4vw,55px)}.actions{gap:12px;margin-top:26px}.actions .button{min-height:42px}
.section{padding:62px 0}.section-head{margin-bottom:34px}.section-head h1,.section-head h2{font-size:clamp(28px,3vw,38px)}.section-head p{max-width:650px;margin:0 auto;font-size:14px}.grid{gap:18px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.value{text-align:center;padding:18px 24px}.value h3{font-size:17px;font-weight:600;margin:0 0 10px}.value p{font-size:12px;line-height:1.6;color:var(--navy)}.symbol{width:52px;height:52px;color:var(--gold);background:transparent;border:1px solid #d5c8ae;margin-bottom:14px}
.statement{background:var(--navy);color:#fff;padding:42px 0}.statement h2{color:#fff;font-family:'Playfair Display',Georgia,serif;font-size:clamp(24px,2.8vw,36px);line-height:1.35}.statement .monogram{color:transparent;-webkit-text-stroke:1px #e9ddc6}.landscape{min-height:300px;background-image:linear-gradient(90deg,#fbf4e3df,#fbf4e355),var(--binti-coast,url('assets/photos/jamaica-coast.webp'));background-position:center 63%;background-size:cover}.sunset{background-image:linear-gradient(90deg,#fff0cdbb,#fff0c944),var(--binti-sunset,url('assets/photos/jamaica-coast.webp'))}.landscape h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(24px,2.8vw,36px);line-height:1.4;max-width:630px}
.approach{background:#f5f2eb}.approach-grid{padding-top:46px;padding-bottom:42px;gap:45px}.approach h2{font-size:25px}.steps article{border:0;padding:14px 0;gap:18px}.steps h3{font-size:15px;font-weight:600;margin-bottom:6px}.steps p{font-size:12px;line-height:1.6}.number{font:italic 24px 'Playfair Display',Georgia,serif;color:var(--gold);min-width:30px}.helmet{min-height:360px}.helmet img{object-fit:cover;object-position:38% 58%}.helmet figcaption{font-size:10px}
.story-copy .prose{max-width:860px;padding:42px 0 28px;line-height:1.8}.story-copy .prose h2{font-size:27px}.story-copy .prose h3{font:500 17px Inter,Inter,sans-serif}.story-pillars{margin:0 auto 48px;max-width:860px}.story-pillars article,.values-grid article{border:1px solid var(--line);background:#fffdfa;padding:24px}.story-pillars h2{font-size:21px}.values-grid h3{font-size:17px;font-weight:600}.values-grid p{font-size:12px;margin:0}.story-copy .section-head{margin:0 0 22px}.story-landscape{min-height:290px}
.service{background:#fffdfa;border:1px solid var(--line);overflow:hidden;padding:0;display:flex;flex-direction:column;height:100%}.service>img{width:100%;height:195px;object-fit:cover;display:block}.service-copy{padding:20px 20px 23px;flex:1}.service h2{font-size:18px;font-weight:600;line-height:1.3;margin-bottom:9px}.service p{font-size:12px;line-height:1.58;margin:0}.cta{padding:36px 6%;background:var(--navy);color:white}.cta h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(25px,2.7vw,34px);color:white;margin-bottom:9px}.cta p{font-size:13px;margin-bottom:18px;color:#e7e8e9}.cta.light{background:#f4f1eb;color:var(--navy);border-top:1px solid var(--line)}.cta.light h2,.cta.light p{color:var(--navy)}
.contact-section .section-head{margin-bottom:27px}.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:690px;margin:0 auto}.contact-card{background:#fffdfa;border:1px solid var(--line);padding:27px 22px;text-align:center;min-height:180px}.contact-card h3{font-size:17px;font-weight:600;margin-bottom:10px}.contact-card p{font-size:12px;margin-bottom:8px}.contact-card a{font-size:14px;font-weight:600;color:var(--navy);text-underline-offset:3px}.contact-card .icon{width:31px;height:31px;color:var(--gold);margin-bottom:10px}.location-band{background:#f1eee8}.location{margin:0;padding:42px 0;grid-template-columns:1fr 1.1fr;gap:40px}.location h2{font-family:'Playfair Display',Georgia,serif;font-size:29px;line-height:1.3}.location p{font-size:13px;max-width:460px}.location-detail{display:flex;gap:12px;align-items:center}.location-detail strong{font-size:13px}.map-frame{height:300px;background:#e8e4dc;border:1px solid #d9d3c8}.map-note{font-size:10px!important}
.form-wrap{max-width:890px;padding:35px 0 48px}.form-wrap h2,.form-wrap legend{font-family:Inter,Inter,sans-serif;font-size:14px;font-weight:600}.form-wrap legend{border-bottom:1px solid var(--line);padding:0 0 12px;margin-bottom:20px}fieldset{margin-bottom:26px}.fields{gap:16px 22px}.fields label,.field-label{font:500 11px/1.5 Inter,Arial,sans-serif}.fields input,.fields select,.fields textarea{border-color:#d8d4cc;background:#fffdfa;padding:10px;font:13px/1.5 Inter,Arial,sans-serif}.fields textarea{min-height:105px}.radio-row{gap:20px}.radio-row label{font-size:11px}.radio-row input{accent-color:var(--gold)}.upload-zone{border:1px dashed #a69b86;background:#fbfaf6;padding:18px}.project-form .submit-button{width:100%;margin-top:16px}.project-form .consent{font-size:11px}.form-note{text-align:center}.form-feedback{background:#fff8e8;border-color:var(--gold);font-size:12px}
.preview-banner{background:#f0e6d1;color:#0F3D2E;padding:7px 16px;font-size:11px;line-height:1.45;border-bottom:1px solid #d8cdb8}.site-footer{background:var(--navy);color:white;padding:28px 0 17px;border-top:1px solid #ffffff22}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px 40px}.footer-brand .brand{min-width:0}.footer-brand .brand-name,.footer-brand .brand small{color:#fff}.footer-brand>p{font:600 11px Inter,Arial,sans-serif;color:#d4b36d;letter-spacing:1.2px;margin:12px 0 0}.footer-contact{display:grid;gap:3px;align-content:center;font:12px/1.7 Inter,Arial,sans-serif;color:#f4f1eb}.footer-contact strong{font:600 14px Inter,Inter,sans-serif;color:#fff}.footer-contact a{color:#f4f1eb;text-underline-offset:3px}.footer-meta{grid-column:1/-1;border-top:1px solid #ffffff2b;padding-top:12px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#d7dce0}.footer-meta a{color:#d7dce0}
:focus-visible{outline:3px solid #b48735;outline-offset:3px}.skip-link:focus{left:12px;top:10px;z-index:200;background:white;color:var(--navy)}
@media(max-width:950px){.header-inner{gap:14px}.brand{min-width:190px}.brand-name{font-size:20px;letter-spacing:4px}.nav-list{gap:12px}.nav-list a{font-size:10px}.nav-list .button{padding:10px 12px}.service>img{height:170px}.service-copy{padding:17px}.service h2{font-size:16px}.approach-grid{gap:28px}}
@media(max-width:760px){.header-inner{min-height:78px}.brand{min-width:0}.brand-mark-frame,.brand-mark{width:41px;height:56px}.brand-mark-frame{flex-basis:41px}.brand-name{font-size:19px;letter-spacing:4px}.menu-toggle{display:block;border:1px solid var(--line);background:#fffdfa;color:var(--navy);font:600 11px Inter,sans-serif;padding:9px 13px}.site-nav{display:none;width:100%;padding:5px 0 17px}.site-nav.open{display:block}.header-inner{flex-wrap:wrap}.nav-list{align-items:stretch;flex-direction:column;gap:8px}.nav-list a{display:block;padding:8px 5px;font-size:12px}.nav-list .button{display:inline-flex;width:auto}.hero{min-height:500px}.hero .wrap{padding:48px 0}.hero-copy{max-width:460px}.three{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.location{grid-template-columns:1fr}.map-frame{height:280px}.approach-grid{grid-template-columns:1fr}.helmet{height:330px;min-height:0}.story-pillars{grid-template-columns:1fr 1fr}.values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}}
@media(max-width:520px){.wrap{width:90%}.hero{min-height:470px;background-image:linear-gradient(90deg,#fcfbf9f2,#fcfbf9c2 65%,#fcfbf978),var(--binti-coast,url('assets/photos/jamaica-coast.webp'))}.hero .wrap{padding:39px 0}.hero h1{font-size:clamp(37px,10vw,46px)}.hero p{font-size:13px}.hero.compact{min-height:320px}.hero.compact h1{font-size:36px}.actions{align-items:flex-start;flex-wrap:wrap;gap:9px}.actions .button{padding:11px 12px;font-size:9px;gap:10px}.section{padding:42px 0}.section-head{margin-bottom:23px}.three,.values-grid,.story-pillars{grid-template-columns:1fr}.value{padding:16px 24px}.service>img{height:205px}.service-copy{padding:18px}.statement .wrap{gap:18px}.statement .monogram{display:none}.statement h2{font-size:23px}.landscape{min-height:235px}.contact-cards{grid-template-columns:1fr;max-width:420px}.contact-card{min-height:155px}.location{padding:30px 0;gap:20px}.form-wrap{padding-top:26px}.fields{grid-template-columns:1fr}.fields .full{grid-column:1/-1}.footer-grid{grid-template-columns:1fr}.footer-meta{grid-column:1;flex-direction:column}.footer-contact{padding-left:2px}.footer-brand .brand-name{font-size:18px}.footer-brand .brand-mark-frame,.footer-brand .brand-mark{width:39px;height:54px}.footer-brand .brand-mark-frame{flex-basis:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Final preview refinements: keep assets local and use only the approved typefaces. */
.brand-name{font-family:'Playfair Display',Georgia,serif}
h2,h3{font-family:'Playfair Display',Georgia,serif}
.service h2,.contact-card h3,.story-pillars h2{font-family:'Playfair Display',Georgia,serif;font-weight:500}
.hero.compact h1{font-size:clamp(36px,3.3vw,48px)}
.hero.project-hero{background-image:linear-gradient(90deg,rgba(252,251,249,.97),rgba(252,251,249,.79) 38%,rgba(252,251,249,.04) 82%),var(--binti-equipment,url('assets/photos/jamaica-excavator.webp'));background-position:center;background-size:cover}
@media(max-width:520px){.hero.project-hero{background-image:linear-gradient(90deg,rgba(252,251,249,.95),rgba(252,251,249,.72) 58%,rgba(252,251,249,.2)),var(--binti-equipment,url('assets/photos/jamaica-excavator.webp'));background-position:center;background-size:cover}}

/* Board-approved Contact details: three channel cards and business days. */
.contact-cards{grid-template-columns:repeat(3,minmax(0,1fr));max-width:930px;gap:18px}
.contact-card{display:flex;flex-direction:column;align-items:center;justify-content:center}
.contact-card .icon{width:31px;height:31px;color:var(--gold);margin-bottom:9px}
.business-hours{margin-top:20px;max-width:430px}
.business-hours h3{font-size:18px;margin:0 0 8px}
.business-hours dl{margin:0;font-size:13px}
.business-hours dl>div{display:flex;justify-content:space-between;gap:16px;padding:3px 0;border-bottom:1px solid var(--line)}
.business-hours dt{font-weight:600}.business-hours dd{margin:0;text-align:right}
@media(max-width:760px){.contact-cards{grid-template-columns:1fr;max-width:480px}.business-hours{max-width:none}}
/* Refine the Contact details and restore the board's Our Story section order. */
.location-copy{padding-left:clamp(18px,3vw,44px)}
.story-hero-intro{max-width:410px;margin:16px 0 0;font-size:14px;line-height:1.7}
.story-copy .prose{max-width:880px;margin:0 auto}
.story-extra{background:#f5f3ee;border-top:1px solid var(--line)}
.story-extra .story-pillars{margin-bottom:32px}
.story-extra .section-head{margin-bottom:24px}
@media(max-width:760px){.location-copy{padding-left:18px}.story-hero-intro{max-width:360px}}

/* Blend the approach photo into its section and echo the board's landscape-led story. */
.brand-mark-frame{background:transparent}
.helmet{isolation:isolate;overflow:hidden}
.helmet img{position:relative;z-index:0}
.helmet::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#f5f2eb 0%,rgba(245,242,235,.78) 8%,transparent 35%,transparent 70%,rgba(245,242,235,.28) 100%),linear-gradient(0deg,#f5f2eb 0%,transparent 22%,transparent 88%,rgba(245,242,235,.62) 100%)}
.helmet figcaption{z-index:2}
.story-copy{width:100%;max-width:none;margin:0;padding:48px 6%;background:linear-gradient(rgba(252,251,249,.86),rgba(252,251,249,.91)),url('assets/photos/jamaica-coast.webp') center 54%/cover no-repeat}
.story-copy .prose{padding:18px 0 8px}
@media(max-width:760px){.story-copy{padding:35px 5%}.helmet::after{background:linear-gradient(90deg,#f5f2eb 0%,transparent 28%,transparent 80%,rgba(245,242,235,.24) 100%),linear-gradient(0deg,#f5f2eb 0%,transparent 22%,transparent 88%,rgba(245,242,235,.5) 100%)}}
.statement-logo{display:block;flex:0 0 76px;width:76px;height:100px;background:#e9ddc6;-webkit-mask:url('assets/binti-monogram-transparent.png') center/contain no-repeat;mask:url('assets/binti-monogram-transparent.png') center/contain no-repeat}
.story-copy{background-image:linear-gradient(rgba(252,251,249,.69),rgba(252,251,249,.76)),url('assets/photos/jamaica-coast.webp')}
.map-frame{display:block;width:100%;min-height:300px;background:#f5f3ef}
@media(max-width:520px){.statement-logo{display:none}.map-frame{min-height:280px}}
.site-footer .brand-mark{filter:brightness(0) saturate(100%) invert(91%) sepia(9%) saturate(518%) hue-rotate(4deg) brightness(103%) contrast(91%)}
.story-pillars article{background:#0F3D2E;color:#f7f0e2;border-color:#0F3D2E}
.story-pillars article h2,.story-pillars article p{color:#f7f0e2}
.story-copy{background:#e9ddc6;background-image:none}
.story-extra{background:#e9ddc6}
.story-pillars article{background:#0F3D2E;color:#fbfaf7;border-color:#0F3D2E}
.story-pillars article h2,.story-pillars article p{color:#fbfaf7}
.story-copy,.story-extra{background:#fff}
.story-pillars article{background:#0F3D2E}

.story-copy,.story-extra{background:#fff}
.story-pillars article h2,.story-pillars article p{color:#fff}
.values-section{padding:30px 25px 34px;margin-top:20px;background:linear-gradient(rgba(255,255,255,.76),rgba(255,255,255,.76)),url('assets/photos/jamaica-coast.webp') center 58%/cover no-repeat}
.values-section .section-head h2{color:var(--navy)}
.values-grid article{background:rgba(255,255,255,.96);color:var(--navy)}
.values-grid article h3,.values-grid article p{color:var(--navy)}
@media(max-width:520px){.values-section{padding:24px 14px}}
.values-section{width:100vw;margin-left:calc(50% - 50vw);padding-left:max(6%,calc((100vw - 1120px)/2));padding-right:max(6%,calc((100vw - 1120px)/2))}
.map-frame{height:360px;min-height:360px;width:100%;max-width:100%;border:1px solid #d9d3c8}
@media(max-width:760px){.map-frame{height:320px;min-height:320px}}
.story-extra .story-pillars{margin-bottom:0}
.values-section{margin-top:0;background-image:linear-gradient(rgba(255,255,255,.70),rgba(255,255,255,.70)),url('assets/photos/jamaica-coast.webp')}
.values-section{background-image:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.72) 19%,rgba(255,255,255,.62) 70%,rgba(255,255,255,.58) 100%),url('assets/photos/jamaica-coast.webp');padding-bottom:42px}
.story-extra{padding-bottom:0}
.site-footer{margin-top:0}


.helmet::after{background:linear-gradient(90deg,#f5f2eb 0%,rgba(245,242,235,.86) 12%,transparent 40%,transparent 60%,rgba(245,242,235,.86) 88%,#f5f2eb 100%),linear-gradient(0deg,#f5f2eb 0%,rgba(245,242,235,.9) 10%,transparent 32%,transparent 68%,rgba(245,242,235,.9) 90%,#f5f2eb 100%)}
.helmet figcaption{display:none}
@media(max-width:760px){.helmet::after{background:linear-gradient(90deg,#f5f2eb 0%,rgba(245,242,235,.45) 10%,transparent 38%,transparent 65%,rgba(245,242,235,.82) 90%,#f5f2eb 100%),linear-gradient(0deg,#f5f2eb 0%,rgba(245,242,235,.9) 10%,transparent 32%,transparent 70%,rgba(245,242,235,.9) 90%,#f5f2eb 100%)}}




/* Jamaica-verified photography for the static preview. */
.hero.home-hero{background-image:linear-gradient(90deg,rgba(252,251,249,.90),rgba(252,251,249,.28)),url("assets/photos/jamaica-coast.webp")}
.hero.story-hero{background-image:linear-gradient(90deg,#fcfbf9 0%,#fcfbf9 100%)}
.hero.contact-hero{background-image:linear-gradient(90deg,rgba(252,251,249,.90),rgba(252,251,249,.27)),url("assets/photos/jamaica-coast.webp")}
.hero.project-hero{background-image:linear-gradient(90deg,rgba(252,251,249,.90),rgba(252,251,249,.2)),url("assets/photos/jamaica-excavator.webp")}
.landscape.sunset{background-image:linear-gradient(90deg,rgba(252,251,249,.68),rgba(252,251,249,.10)),url("assets/photos/jamaica-sunset.webp")}
.values-section{background-image:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.70) 28%,rgba(255,255,255,.62)),url("assets/photos/jamaica-blue-mountains.webp")}
.hero,.landscape,.values-section{background-position:center;background-size:cover}
.story-copy{background:#fcfbf9!important;background-image:none!important}
@media(max-width:760px){.hero.story-hero{background-position:58% center}.hero.project-hero{background-position:66% center}}
@media(max-width:620px){.hero .wrap{width:88%;max-width:100%}.hero-copy,.hero-copy h1,.hero-copy p{width:100%;max-width:100%;overflow-wrap:break-word}.hero-copy p{box-sizing:border-box}.button{max-width:100%;white-space:normal;text-align:center}.nav-list a{overflow-wrap:anywhere}.service h2,.service p,.fields label{overflow-wrap:anywhere}}
.map-illustration{display:block;object-fit:cover;border:1px solid #d9d3c8;border-radius:2px;background:#e6eeee}
@media(max-width:620px){html,body{max-width:100%;overflow-x:hidden}.wrap{width:90%;min-width:0}.hero-copy{width:100%;max-width:100%}.hero-copy h1{font-size:clamp(31px,8.2vw,38px);line-height:1.18;overflow-wrap:anywhere}.hero-copy p{font-size:13px;overflow-wrap:anywhere}.contact-cards,.three,.split,.fields,.story-pillars,.approach-grid,.values-grid{grid-template-columns:minmax(0,1fr)!important}.contact-cards{width:100%;max-width:100%}.service{min-width:0;padding:20px}.service>img{display:block;width:100%;height:205px;object-fit:cover}.location{padding:28px 0}.button{max-width:100%;white-space:normal;text-align:center}}

@media(max-width:620px){main,section,.wrap,.grid,.service,.contact-card,.form-wrap,fieldset{min-width:0;max-width:100%}h1,h2,h3,p,legend,label,.service-copy,.location-copy{overflow-wrap:anywhere}.hero-copy h1,.section-head h1,.section-head h2{font-size:clamp(28px,8vw,34px);letter-spacing:-.6px}.contact-card{padding:24px 16px}.section-head{padding-left:4px;padding-right:4px}}

@media(max-width:620px){.hero-copy,.hero-copy p,.hero-copy h1,.section-head,.section-head h1,.section-head h2,.section-head p,.service-copy,.contact-card,.contact-card p,.location-copy,.location-copy p,.form-wrap,.form-wrap p{width:100%;max-width:calc(100vw - 52px);white-space:normal!important;overflow-wrap:anywhere}.hero .wrap,.section.wrap,.contact-section.wrap{width:calc(100vw - 50px);max-width:calc(100vw - 50px);margin-left:auto;margin-right:auto}.service,.contact-card{width:100%;max-width:100%}}


/* Cleared Jamaica photo; see assets/photo-credits.json. */
.hero.project-hero,.project-hero{background-image:linear-gradient(90deg,rgba(252,251,249,.91),rgba(252,251,249,.30)),url("assets/photos/jamaica-excavator.webp");background-position:center;background-size:cover}

/* Crop licensed reference photos to the service card frame. */
.service:nth-child(3)>img,.service:nth-child(5)>img{object-position:center top}



.map-illustration{object-fit:contain;background:#e6eeee}
.map-frame.map-illustration{height:auto;min-height:0;aspect-ratio:900/520}



.map-note{font-size:12px!important;line-height:1.5}



/* Board typography: use the bundled OFL Playfair Display and Inter families. */
@font-face{font-family:Inter;src:url('fonts/inter.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('fonts/playfair.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
body{font-family:Inter,Arial,sans-serif}
h1,h2,h3,.number{font-family:'Playfair Display',Georgia,serif}
.brand-name{font-family:'Playfair Display',Georgia,serif}



/* Experience-board image placement refinements — local review preview only. */
.hero.home-hero,.hero.story-hero,.hero.contact-hero{background-position:center 18%;background-size:cover}
.hero.story-hero{background-image:linear-gradient(90deg,rgba(252,251,249,.96) 0%,rgba(252,251,249,.82) 34%,rgba(252,251,249,.18) 78%),url("assets/photos/jamaica-coast.webp")}
.hero.project-hero{background-image:linear-gradient(90deg,rgba(252,251,249,.94) 0%,rgba(252,251,249,.70) 34%,rgba(252,251,249,.08) 76%),url("assets/photos/jamaica-equipment-site.webp");background-position:center 56%;background-size:cover}
.hero.home-hero,.hero.contact-hero{background-position:center 18%}
.helmet img{object-fit:cover;object-position:32% 68%}

/* Approved content layout and readability additions, without global recolouring. */

.button{font-weight:700}
.button-whatsapp svg{width:23px;height:23px;flex:none}.contact-card .button-whatsapp{margin:3px 0 14px;font-size:11px;}
.contact-primary{margin-top:20px}.enquiry-alternatives{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.enquiry-alternatives .actions{margin-top:12px}.enquiry-alternatives p{margin-bottom:0}.phone-alternative{font-weight:600}
.confirmed-socials{display:flex;gap:14px;flex-wrap:wrap;grid-column:1/-1}.confirmed-socials a{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--gold);padding:8px 12px;border-radius:2px;font-size:12px}.confirmed-socials svg{width:19px;height:19px}
.hero.home-hero{background-position:center 18%}
.hero.story-hero{background-position:center 45%}
.hero.contact-hero{background-position:center 50%}
.founder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:48px;max-width:1120px;margin:auto;align-items:start}.story-copy .prose{padding:0}.founder-profile{margin-top:8px}.founder-photo-pending{aspect-ratio:4/5;border:1px dashed #8f8065;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:26px;margin-bottom:22px}.founder-photo-pending span{font:24px 'Playfair Display',Georgia,serif}.founder-photo-pending p{font-size:13px;margin:12px 0 0}.founder-profile h3{font-size:23px;margin:0 0 8px}.founder-role{font-weight:600;margin-bottom:12px}.founder-profile>p{font-size:13px}.photography-context{font-size:11px;line-height:1.6;margin:22px 0 0}
@media(max-width:760px){.founder-layout{grid-template-columns:1fr;gap:30px}.founder-profile{max-width:360px;margin:0 auto;width:100%}.hero.home-hero,.hero.story-hero,.hero.contact-hero{background-position:60% center}.enquiry-alternatives .actions{gap:16px}.location-copy{padding-right:18px}}
@media(max-width:520px){.confirmed-socials{gap:10px}}

/* Readable brand colours on navigation and step numbers. */
.nav-list a[aria-current=page],.nav-list a:hover{text-underline-offset:6px}


.founder-portrait{display:block;width:100%;height:auto;margin-bottom:22px;border:1px solid #d9d7c8}
/* Our Story readability refinement: scoped to this page only. */
.story-readability main p{font-size:18px;line-height:1.8;margin-bottom:1.25em}
.story-readability .prose{max-width:72ch}
.story-readability .prose h2{margin-top:1.6em;margin-bottom:.65em}
.story-readability .prose h2:first-child{margin-top:0}
.story-readability .founder-profile>p{font-size:16px;line-height:1.7}
.story-readability .hero-copy p{font-size:18px;line-height:1.75}
.story-readability .steps p,.story-readability .values-grid p{font-size:17px;line-height:1.75}
@media(max-width:620px){.story-readability main p,.story-readability .hero-copy p{font-size:17px;line-height:1.75}.story-readability .values-grid p,.story-readability .steps p{font-size:16px}.story-readability .prose h2{margin-top:1.4em}}


/* REVIEW: retain TIINY-UPLOAD navy/neutral/gold palette; green is selective. */
:root{--forest-green:#0F3D2E;--forest-border:#38634E;--green:var(--forest-green);--cream:#E9DDC6}
.story-pillars article{border-color:var(--forest-border)}
.form-wrap legend .icon{color:var(--forest-green)}
.button-whatsapp{background:transparent;color:var(--forest-green)!important;border-color:var(--forest-green)}
.button-whatsapp:hover{background:#E5EADF;border-color:var(--forest-green)}
.phone-alternative{color:var(--forest-green)}
.confirmed-socials a{color:#F4F1EB;border-color:var(--gold)}
.confirmed-socials a:hover{background:#75551B}
.founder-role{color:var(--navy)}
.photography-context{color:var(--muted)}
.founder-portrait{border-color:var(--line)}
.nav-list a[aria-current=page],.nav-list a:hover{text-decoration:none}
.button{font-weight:600}
/* Restore original overlay colours/opacity; preserve the approved distinct photos/crops. */
.hero.home-hero{background-image:linear-gradient(90deg,rgba(252,251,249,.90),rgba(252,251,249,.28)),url('assets/photos/jamaica-coast.webp');background-position:center 18%}
.hero.story-hero{background-image:linear-gradient(90deg,rgba(252,251,249,.96) 0%,rgba(252,251,249,.82) 34%,rgba(252,251,249,.18) 78%),url('assets/photos/jamaica-blue-mountains.webp');background-position:center 45%}
.hero.contact-hero{background-image:linear-gradient(90deg,rgba(252,251,249,.90),rgba(252,251,249,.27)),url('assets/photos/jamaica-sunset.webp');background-position:center 50%}
@media(max-width:760px){.hero.home-hero,.hero.story-hero,.hero.contact-hero{background-position:60% center}}

/* Approved Jamaican hero photographs, 2026-10-27. Hero-only; other placements unchanged. */
.hero.home-hero{background-image:linear-gradient(90deg,rgba(252,251,249,.90),rgba(252,251,249,.28)),url("assets/photos/hero-home-approved.webp");background-position:center 50%;background-size:cover}
.hero.story-hero{background-image:linear-gradient(90deg,rgba(252,251,249,.96) 0%,rgba(252,251,249,.82) 34%,rgba(252,251,249,.18) 78%),url("assets/photos/hero-story-approved.webp");background-position:center 50%;background-size:cover}
.hero.contact-hero{background-image:linear-gradient(90deg,rgba(252,251,249,.90),rgba(252,251,249,.27)),url("assets/photos/hero-contact-approved.webp");background-position:center 50%;background-size:cover}
@media(max-width:760px){.hero.home-hero{background-position:48% center}.hero.story-hero{background-position:65% center}.hero.contact-hero{background-position:60% center}}

/* Preview 2: scoped UI accents only. Navy sections/type and gold buttons retained. */
:root{--brand-forest:#0F3D2E;--brand-gold:#B08D57;--brand-cream:#E8DCC6;--brand-offwhite:#F7F5EF;--brand-charcoal:#2C2C2C}
:focus-visible{outline:3px solid var(--brand-forest);outline-offset:4px}
.site-footer :focus-visible,.statement :focus-visible,.cta:not(.light) :focus-visible{outline-color:var(--brand-cream)}
.form-wrap legend .icon{color:var(--brand-forest)}
.radio-row input,input[type=checkbox]{accent-color:var(--brand-forest)}
.nav-list a:not(.button):hover{color:var(--brand-forest)}
.upload-zone:focus-within{outline-color:var(--brand-forest)}

/* Kizzy approved palette: full forest-green presentation, 2026-10-29. */
:root{--forest-green:#0F3D2E;--brand-forest:#0F3D2E;--navy:#0F3D2E;--gold:#B08D57;--cream:#E8DCC6;--paper:#F7F5EF;--muted:#2C2C2C;--line:#E8DCC6}
body{color:#2C2C2C;background:#F7F5EF}
h1,h2,h3,.brand-name,.brand small,.nav-list a,.menu-toggle{color:#0F3D2E}
.site-header,.service,.contact-card,input,select,textarea{background:#F7F5EF}
.statement,.cta:not(.light),.site-footer,.story-pillars article{background:#0F3D2E;color:#F7F5EF}
.statement h2,.statement p,.cta:not(.light) h2,.cta:not(.light) p,.story-pillars article h2,.story-pillars article p,.site-footer .brand-name,.site-footer .brand small,.footer-contact,.footer-contact strong,.footer-contact a,.footer-meta,.footer-meta a{color:#F7F5EF}
.footer-brand>p,.site-footer .icon{color:#E8DCC6}
.approach,.location-band,.cta.light,.preview-banner{background:#E8DCC6;color:#2C2C2C}
.cta.light h2{color:#0F3D2E}.cta.light p{color:#2C2C2C}
.button{background:#B08D57;border-color:#B08D57;color:#2C2C2C!important}
.button:hover{background:#E8DCC6;border-color:#B08D57;color:#0F3D2E!important}
.button-outline,.button-whatsapp{background:#F7F5EF;color:#0F3D2E!important;border-color:#0F3D2E}
.button-outline:hover,.button-whatsapp:hover{background:#E8DCC6}
input,select,textarea{color:#2C2C2C;border-color:#B08D57}
.contact-card a,.founder-role{color:#0F3D2E}

/* Founder background separation: scoped to the three opening story sections. */
.story-copy{background:#F7F5EF;box-shadow:0 0 0 100vmax #F7F5EF;clip-path:inset(0 -100vmax)}
.story-copy>.prose{padding:0;margin:0;max-width:800px}
.story-copy>.founder-layout{border:0;background:#0F3D2E;color:#F7F5EF;box-shadow:0 0 0 100vmax #0F3D2E;clip-path:inset(0 -100vmax);padding:56px 0;margin:48px 0}
.story-copy>.founder-layout>.prose{padding:0;margin:0}
.story-copy>.founder-layout h2,.story-copy>.founder-layout h3,.story-copy>.founder-layout p,.story-copy>.founder-layout strong{color:#F7F5EF}
.story-copy>.founder-layout .founder-role{color:#E8DCC6}
.story-copy>.founder-layout .founder-portrait{border-color:#B08D57}
@media(max-width:760px){.story-copy>.founder-layout{padding:36px 0;margin:32px 0}}

.custom-logo-link img{max-width:240px;max-height:80px;width:auto;height:auto}.field input[type=date]{width:100%;min-width:0}

/* Our Story: align inner content to the hero while retaining full-width section backgrounds. */
.story-readability .story-copy.section.wrap {
 width: 100%;
 max-width: none;
 margin-inline: 0;
 padding-inline: max(6%, calc((100% - 1120px) / 2));
}
@media (max-width: 620px) {
 .story-readability .story-copy.section.wrap {
  padding-inline: 25px;
 }
}

/* Contact: centre the existing location/map grid and remove its legacy text inset. */
.location-band > .wrap.location {
 width: min(1120px, 88%);
 max-width: 1120px;
 margin-inline: auto;
}
.location-band > .location .location-copy {
 padding-inline: 0;
 max-width: none;
 min-width: 0;
}
@media (max-width: 620px) {
 .location-band > .wrap.location {
  width: calc(100vw - 50px);
  max-width: calc(100vw - 50px);
 }
}

/* Start My Project: share the existing form container width. */
.hero.project-hero > .wrap { max-width: 890px; }