:root{--tan:#c58f56;--cream:#e6d8ca;--ink:#3c3c3c;--white:#fff;--dark:#30302f;--line:#ddd4ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.75 Roboto,Arial,sans-serif}h1,h2,h3,.brand{font-family:Inter,Arial,sans-serif;font-weight:400;line-height:1.25}h2{margin:10px 0 28px;font-size:clamp(2rem,4vw,3rem)}h3{font-size:1.25rem;font-weight:600}p{margin:0 0 24px}.shell{width:min(1100px,calc(100% - 42px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:var(--tan);box-shadow:0 1px 8px #0002}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--cream);font-size:1.65rem;text-decoration:none}.site-nav{display:flex;gap:36px}.site-nav a{color:var(--ink);text-decoration:none}.site-nav a:hover{color:#fff}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span:not(.sr-only){display:block;width:27px;height:2px;background:var(--ink);margin:5px}.hero{min-height:640px;background:linear-gradient(90deg,#25303991 0 56%,#25303920 56%),url("https://marvalconstruct.co.uk/onewebstatic/f155c098f9.jpg") center/cover;display:flex;align-items:center}.hero-panel{width:min(600px,90%);margin-left:max(calc((100vw - 1100px)/2),5vw);text-align:center;color:#fff}.hero h1{font-size:clamp(2.7rem,5vw,4.5rem);margin:0 0 28px}.hero p{font-size:1.25rem;font-weight:700}.button{display:inline-block;min-width:260px;padding:15px 24px;border:0;background:var(--tan);color:var(--ink);text-align:center;text-decoration:none;font:inherit;cursor:pointer}.button:hover{background:#b47b41;color:#fff}.button-wide{margin-top:12px;min-width:320px}.section{padding:105px 0}.eyebrow{margin:0;font-size:.9rem}.about{background:var(--cream)}.two-col{display:grid;grid-template-columns:1fr 450px;gap:110px;align-items:center}.about-image{width:100%;height:600px;object-fit:cover}.section-heading{max-width:850px;margin:0 auto 60px;text-align:center}.section-heading>p:last-child{max-width:720px;margin-inline:auto}.service{display:grid;grid-template-columns:1fr 290px;gap:70px;align-items:center;padding:36px 0;border-bottom:1px solid var(--line)}.service h3{margin-top:0}.why-us{background:linear-gradient(#30302fe8,#30302fe8),url("https://marvalconstruct.co.uk/onewebstatic/74a5c287e4.jpg") center/cover fixed;color:#fff}.light{color:#fff}.feature-grid,.project-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.feature-grid article{text-align:center}.icon-check,.seal{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 24px;border:2px solid var(--cream);border-radius:50%;color:var(--cream);font-size:1.7rem}.project-card{position:relative;margin:0;background:var(--dark);overflow:hidden}.project-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:.35s}.project-card h3{position:absolute;inset:auto 0 0;margin:0;padding:25px;color:#fff;background:linear-gradient(transparent,#000c);text-align:center}.project-card:hover img{transform:scale(1.04)}.testimonials{background:var(--dark);color:#fff}.testimonial-grid blockquote{margin:0;padding:32px;background:#ffffff0a;border:1px solid #ffffff1f}.testimonial-grid blockquote span{color:var(--cream);font:4rem/1 Georgia,serif}.testimonial-grid cite{color:var(--cream);font-style:normal}.dark article{color:var(--ink)}.dark .seal{color:var(--ink);border-color:var(--ink)}.contact{background:var(--cream)}.contact-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:80px}.contact-details{padding:38px;background:var(--tan);color:#fff}.contact-details a{display:block;margin-bottom:17px;color:#fff;text-decoration:none}.contact-details h3{margin-top:38px}.contact-details dl{display:grid;grid-template-columns:1fr auto;gap:8px 30px}.contact-details dd{margin:0}.contact-form{display:grid;gap:22px}.contact-form label{display:grid;gap:8px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #b8aa9a;background:#fff;padding:14px;font:inherit}.contact-form .button{justify-self:start}.site-footer{padding:55px 0;background:var(--dark);color:#fff}.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:50px;align-items:center}.site-footer a{color:var(--cream);text-decoration:none}.site-footer p{margin:8px 0}.hidden,.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.nav-wrap{height:72px}.brand{font-size:1.15rem}.menu-toggle{display:block}.site-nav{position:absolute;top:72px;left:0;right:0;display:none;flex-direction:column;gap:0;background:var(--tan);padding:12px 21px 24px}.site-nav.open{display:flex}.site-nav a{padding:10px 0}.hero{min-height:570px}.hero-panel{margin:auto}.hero h1{font-size:2.7rem}.section{padding:72px 0}.two-col,.service,.contact-grid{grid-template-columns:1fr;gap:38px}.about-image{height:450px}.service{padding:32px 0}.service .button{min-width:0;width:100%}.feature-grid,.project-grid,.testimonial-grid{grid-template-columns:1fr}.why-us{background-attachment:scroll}.footer-grid{grid-template-columns:1fr;gap:18px}.button-wide{min-width:min(320px,100%)}}

/* Project galleries */
.project-card{display:block;color:#fff;text-decoration:none}.project-card-copy{position:absolute;inset:auto 0 0;display:block;padding:55px 25px 25px;background:linear-gradient(transparent,#000d);text-align:center}.project-card-copy h3{position:static;padding:0;background:none;margin:0 0 3px}.project-card-copy>span{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;opacity:0;transition:.25s}.project-card:hover .project-card-copy>span,.project-card:focus-visible .project-card-copy>span{opacity:1}.project-card:focus-visible{outline:3px solid var(--tan);outline-offset:4px}
.gallery-page{padding:85px 0 110px;background:#f8f5f0}.gallery-heading{position:relative;margin-bottom:54px;text-align:center}.gallery-heading h1{margin:8px 0 22px;font-size:clamp(2.7rem,6vw,5rem);text-transform:uppercase}.back-link{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--tan);padding-bottom:5px}.back-link:hover{color:#a76f39}.gallery-grid{columns:3 280px;column-gap:22px}.gallery-item{display:block;width:100%;margin:0 0 22px;padding:0;border:0;background:var(--dark);cursor:zoom-in;overflow:hidden;break-inside:avoid}.gallery-item img{display:block;width:100%;height:auto;min-height:220px;object-fit:cover;transition:transform .35s,opacity .35s}.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.025);opacity:.88}.gallery-item:focus-visible{outline:3px solid var(--tan);outline-offset:3px}.lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:30px 82px;border:0;background:#171716ed;color:#fff}.lightbox::backdrop{background:#171716ed}.lightbox[open]{display:grid;grid-template-columns:50px 1fr 50px;grid-template-rows:1fr auto;align-items:center;gap:18px}.lightbox img{grid-column:2;max-width:100%;max-height:calc(100vh - 105px);margin:auto;object-fit:contain}.lightbox button{border:0;background:transparent;color:#fff;font-size:2rem;cursor:pointer}.lightbox-close{position:absolute;top:18px;right:24px;font-size:2.5rem!important}.lightbox-prev{grid-column:1;grid-row:1}.lightbox-next{grid-column:3;grid-row:1}.lightbox-count{grid-column:1/-1;margin:0;text-align:center;font-size:.86rem;letter-spacing:.12em}
@media(max-width:800px){.gallery-page{padding:55px 0 75px}.gallery-heading{margin-bottom:38px}.gallery-grid{columns:2 150px;column-gap:12px}.gallery-item{margin-bottom:12px}.gallery-item img{min-height:120px}.lightbox{padding:60px 12px 20px}.lightbox[open]{grid-template-columns:44px 1fr 44px;gap:0}.lightbox img{grid-column:1/-1;grid-row:1}.lightbox-prev,.lightbox-next{position:relative;z-index:2;background:#0007!important;border-radius:50%;width:40px;height:40px}.lightbox-prev{grid-column:1}.lightbox-next{grid-column:3}.lightbox-count{grid-row:2}}