/*
Theme Name: Construserv Limited
Description: Migration of the existing Construserv website, with native WordPress blocks.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: construserv
*/

    :root{--ink:#111310;--cream:#f4f0e8;--gold:#c5a15a;--line:rgba(255,255,255,.22)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,90vw);margin:auto}
    header{position:absolute;z-index:5;left:0;right:0;top:0;border-bottom:1px solid var(--line)}nav{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:16px}.logo-box{width:100px;height:70px;background:#fff;border:1px solid rgba(255,255,255,.75);border-radius:8px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.28);display:grid;place-items:center;padding:7px 7px 13px}.brand img{width:100%;height:100%;object-fit:contain;object-position:center top;filter:none;mix-blend-mode:normal;transform:none;clip-path:none}.brand b{letter-spacing:.16em;font-size:.94rem}.brand small{display:block;margin-top:6px;color:#d7c49b;letter-spacing:.14em;font-size:.63rem}.links{display:flex;align-items:center;gap:34px;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.quote{border:1px solid rgba(255,255,255,.65);padding:13px 19px}
    .hero{min-height:92vh;display:flex;align-items:flex-end;position:relative;background:url('assets/construserv-hero.png') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,7,.94) 0%,rgba(7,8,7,.72) 38%,rgba(7,8,7,.08) 72%),linear-gradient(0deg,rgba(7,8,7,.72),transparent 45%)}.hero-copy{position:relative;z-index:2;padding:190px 0 90px;max-width:700px}.eyebrow{display:flex;align-items:center;gap:13px;color:#e0c989;text-transform:uppercase;letter-spacing:.25em;font-size:.72rem}.eyebrow:before{content:"";width:44px;height:1px;background:var(--gold)}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(3.4rem,7vw,6.8rem);line-height:.92;letter-spacing:-.045em;margin:24px 0}.hero p{max-width:570px;color:#ddd7cc;font-size:1.12rem;line-height:1.7}.actions{display:flex;gap:12px;margin-top:34px}.btn{padding:16px 23px;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700;border:1px solid #fff}.btn.primary{background:var(--gold);border-color:var(--gold);color:#111}.proof{position:relative;z-index:3;border-top:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}.proof-grid > div{padding:25px 0;border-right:1px solid var(--line)}.proof-grid > div+div{padding-left:30px}.proof strong{font-family:Georgia,serif;font-size:1.15rem;font-weight:400}.proof span{display:block;color:#aaa49a;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;margin-top:5px}
    .content{background:var(--cream);color:#181914;padding:110px 0}.intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.label{color:#8d6c2f;text-transform:uppercase;letter-spacing:.2em;font-size:.72rem}.intro h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.05;margin:15px 0}.intro-copy{font-size:1.06rem;line-height:1.8;color:#56564f}.services{margin-top:80px;border-top:1px solid #c9c2b5}.service{display:grid;grid-template-columns:80px 1fr 1fr;gap:35px;padding:30px 0;border-bottom:1px solid #c9c2b5;align-items:start}.num{color:#98752f;font-family:Georgia,serif}.service h3{margin:0;font-family:Georgia,serif;font-size:1.55rem;font-weight:400}.service p{margin:0;color:#64635c;line-height:1.65}
    .contact{padding:100px 0;background:#151712}.contact-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:80px}.contact h2{font:400 clamp(2.8rem,5vw,5rem)/1 Georgia,serif;margin:18px 0 35px}.contact-details{border-left:1px solid #34372f;padding-left:38px;color:#cac5bb;line-height:2}.contact-details b{color:#fff}.instagram-qr{display:flex;align-items:center;gap:16px;margin-top:22px;line-height:1.35}.instagram-qr img{width:92px;height:128px;object-fit:cover;border-radius:8px}.instagram-qr span{max-width:150px;color:#aaa49a;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.gold{color:#d7bb75}footer{border-top:1px solid #33362f;padding:28px 0;color:#8f918a;font-size:.75rem;letter-spacing:.08em}.footer-row{display:flex;justify-content:space-between}
    @media(max-width:760px){nav{height:88px}.logo-box{width:82px;height:60px;padding:5px 5px 10px}.brand img{width:100%;transform:none;clip-path:none}.brand b,.brand small,.links a:not(.quote){display:none}.hero{min-height:88vh;background-position:62% center}.hero:after{background:linear-gradient(90deg,rgba(7,8,7,.92),rgba(7,8,7,.42))}.hero-copy{padding:145px 0 55px}h1{font-size:3.45rem}.actions{flex-direction:column;align-items:stretch;text-align:center}.proof-grid,.intro,.contact-grid{grid-template-columns:1fr}.proof-grid > div{padding:18px 0!important;border-right:0;border-bottom:1px solid var(--line)}.content,.contact{padding:70px 0}.intro{gap:25px}.services{margin-top:45px}.service{grid-template-columns:42px 1fr}.service p:not(.num){grid-column:2}.contact-grid{gap:40px}.contact-details{border-left:0;border-top:1px solid #34372f;padding:25px 0 0}.footer-row{gap:15px;flex-direction:column}}
  
.wp-site-blocks{padding:0}.wp-site-blocks > *{margin-block-start:0}
.wp-block-group,.wp-block-image{margin-block-start:0;margin-block-end:0}
.wp-block-group > *{margin-block-start:0}.wp-block-heading{color:inherit}
.hero{background:none;overflow:hidden}.hero-visual{position:absolute;inset:0;margin:0;width:100%;height:100%}.hero-visual img{width:100%;height:100%;object-fit:cover}
.hero-copy{max-width:700px}.hero-copy p{margin:1em 0}.hero-copy .eyebrow{margin:0}
.hero .eyebrow{color:#e0c989;font-size:.72rem}.service .num{color:#98752f}
.actions .wp-block-button__link{border-radius:0;background:transparent;color:inherit;padding:16px 23px;border:1px solid #fff;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.actions .primary .wp-block-button__link{background:var(--gold);border-color:var(--gold);color:#111}
.actions.wp-block-buttons{display:flex;gap:12px;margin-top:34px}
.proof p{margin:0}.proof strong{display:block}.proof .proof-label{color:#aaa49a;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;margin-top:5px}
.intro-copy p{margin:1em 0}.service .num{margin:0}.contact .actions{margin-top:0}
header .brand figure{margin:0}.contact-details p{margin:0}.contact-details figure{margin:22px 0 0;width:92px}.contact-details img{width:92px;height:auto}
.contact-details .qr-label{font-size:.72rem;line-height:1.4;max-width:160px;margin-top:10px}
.wp-block-post-content{margin:0}.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:10px;top:10px;z-index:99;background:white;color:black;padding:12px}
@media(max-width:760px){.hero-visual img{object-position:62% center}.actions.wp-block-buttons{flex-direction:column;align-items:stretch}.actions .wp-block-button,.actions .wp-block-button__link{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}