/*
Theme Name: Barwick
Description: Custom Barwick business website with electrical, building and maintenance services.
Version: 1.0.3
Author: Barwick
Text Domain: barwick
Requires at least: 6.0
Requires PHP: 7.4
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--arw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 12.5l9-9M5 3.5h7.5V11' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3C/svg%3E");--red:#ac1539;--dark:#242626;--muted:#626665;--paper:#f5f4ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--dark);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #db9d38;outline-offset:5px}.top{background:var(--dark);color:#fff;padding:10px 5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.2px}.top b{margin-left:16px;letter-spacing:.4px}header{padding:23px 5%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-size:25px;line-height:1;font-weight:800;letter-spacing:1.5px}.brand img{width:49px;height:45px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:5px;margin-top:8px}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--red);color:#fff;padding:17px 23px;font-size:13px;font-weight:700}.button:hover{background:#85102c}.button.small{padding:13px 20px}.menu{display:none}.hero{display:grid;grid-template-columns:1.06fr 1fr;min-height:620px;background:var(--paper)}.hero-copy{padding:60px 8% 26px 9.5%}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 27px}.eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:7px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-1.8px;line-height:1.13}h1{font-size:clamp(38px,4.3vw,66px);font-weight:600;margin-bottom:25px}h1 em{font-style:normal;color:var(--red)}.intro{font-size:15px;color:var(--muted);max-width:420px;margin-bottom:30px}.text-link{display:inline-block;font-size:12px;font-weight:700;border-bottom:1px solid #a4a6a2;padding-bottom:5px}.hero .text-link{display:table;margin-top:18px}.hero-bottom{display:flex;gap:30px;margin-top:40px;border-top:1px solid #d8d9d2;padding-top:20px;align-items:center}.hero-bottom span{font-size:10px;letter-spacing:1px}.hero-bottom strong{font-size:27px;display:block;line-height:1.2}.hero-bottom p{font-size:11px;margin:0;color:var(--muted)}.hero-image{position:relative;overflow:hidden;background:#dedbd0}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:55% center;filter:brightness(.83)}.hero-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#252222aa)}.image-note{position:absolute;bottom:35px;left:35px;color:#fff;z-index:1}.image-note span{font-size:9px;letter-spacing:1.8px}.image-note p{font-size:30px;line-height:1.2;margin:12px 0 0}.sector-strip{display:flex;justify-content:space-between;align-items:center;background:var(--red);color:#fff;padding:22px 5%}.sector-strip>span{font-size:10px;letter-spacing:1.5px}.sector-strip a{font-size:19px;font-weight:500}.section{padding:90px 6%}.section-heading{display:grid;grid-template-columns:.65fr 1.15fr 1fr;gap:30px;align-items:start;margin-bottom:45px}.section-heading .eyebrow{padding-top:8px}h2{font-size:clamp(32px,3.3vw,48px);font-weight:500;margin-bottom:25px}.section-heading>p:last-child{color:var(--muted);font-size:14px;max-width:330px;padding-top:8px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccc}.service-grid article{padding:30px 30px 5px 0;margin-right:30px;border-right:1px solid #ddd}.service-grid article:last-child{border:0;margin:0}.number{font-size:11px;color:var(--red)}h3{font-size:25px;letter-spacing:-.7px;margin:20px 0 15px}.service-grid p{font-size:14px;color:var(--muted);min-height:90px}.service-grid ul{padding:0;list-style:none;font-size:12px;line-height:2.5;margin-bottom:28px}.service-grid li:before{content:'';display:inline-block;width:10px;height:10px;background:var(--red);-webkit-mask:var(--arw) center/contain no-repeat;mask:var(--arw) center/contain no-repeat;margin-right:12px}.service-grid a{font-size:12px;font-weight:700}.work{background:var(--paper)}.work-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.work-head h2{margin:0}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-image{height:250px;background:#ddd;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.projects a:hover img{transform:scale(1.05)}.projects p{font-size:9px;color:var(--red);letter-spacing:1.5px;margin:20px 0 0}.projects h3{font-size:21px;margin:8px 0 0;display:flex;justify-content:space-between}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%}.about>div>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:450px}.about-panel{border-top:3px solid var(--red);padding:25px 30px;background:var(--paper)}.big-year{font-size:80px;letter-spacing:-5px;font-family:Manrope,sans-serif;line-height:1.2}.about-panel>p{font-size:9px!important;letter-spacing:2px}.about-panel>div{border-top:1px solid #d5d6cf;padding-top:6px}.about-panel h3{font-size:18px}.about-panel div p{font-size:13px;color:var(--muted)}.contact{background:var(--red);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{font-size:62px}.contact p{font-size:14px;color:#f3dbe2}.contact-phone{font-size:29px;display:block;margin:25px 0 8px}.contact>div>a:last-child{font-size:14px}.contact-card{border:1px solid #ffffff50;padding:30px}.contact-card h3{margin-top:0}.light{background:#fff;color:var(--red);margin:8px 0 25px}.light:hover{background:#f3e4e8}address{font-size:13px;font-style:normal}.map{font-size:12px;display:inline-block;margin-top:15px}footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:40px 5%;font-size:11px}footer p{margin:0;color:var(--muted)}footer .brand{font-size:20px}footer .brand small{font-size:8px}footer .brand img{width:40px}footer>span{color:var(--muted)}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:900px){nav{gap:17px}.hero-copy{padding:45px 7%}.hero{min-height:580px}h1{font-size:45px}.section-heading{grid-template-columns:1fr 1.5fr}.section-heading>p:last-child{grid-column:2}.project-image{height:180px}.contact{gap:6%}.contact h2{font-size:48px}footer{flex-wrap:wrap}}@media(max-width:650px){.top{font-size:8px}.top a{font-size:0}.top b{font-size:11px}header{padding:18px 5%;position:relative}.brand{font-size:22px}.menu{display:block;border:1px solid #ddd;background:white;padding:9px 12px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px 5%;z-index:10;box-shadow:0 6px 10px #0001}nav.open{display:flex;flex-direction:column;align-items:stretch}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 6% 25px}h1{font-size:43px}.hero-image{min-height:300px}.hero-bottom{margin-top:25px}.image-note p{font-size:26px}.sector-strip{flex-wrap:wrap;gap:15px}.sector-strip>span{width:100%;font-size:8px}.sector-strip a{font-size:16px}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:25px}.section-heading>p:last-child{max-width:none}.service-grid{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid #ddd;margin:0;padding:25px 0}.service-grid p{min-height:0}.service-grid ul{margin:10px 0 18px}.work-head{display:block}.work-head .text-link{margin-top:20px}.projects{grid-template-columns:1fr;gap:35px}.project-image{height:260px}.about,.contact{grid-template-columns:1fr;gap:30px}.contact-phone{font-size:25px}.contact-card{padding:25px}footer{display:grid;grid-template-columns:1fr 1fr;font-size:10px}.eyebrow{margin-bottom:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.client-intro{font-size:14px;color:var(--muted);margin:0}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;border-top:1px solid #d7d7d0;border-left:1px solid #d7d7d0}.client-grid li{display:flex;align-items:center;justify-content:center;min-height:140px;padding:25px;text-align:center;font-family:Manrope,Arial,sans-serif;font-size:29px;font-weight:700;letter-spacing:-1px;border-right:1px solid #d7d7d0;border-bottom:1px solid #d7d7d0;background:#ffffff70}.client-grid li:first-child,.client-grid li:last-child{color:var(--red)}@media(max-width:650px){.client-intro{margin-top:20px}.client-grid{grid-template-columns:repeat(2,1fr)}.client-grid li{min-height:105px;font-size:23px;padding:18px}}

/* 1.0.2: drawn arrow icons, phone header */
.arw{display:inline-block;width:.7em;height:.7em;background:currentColor;-webkit-mask:var(--arw) center/contain no-repeat;mask:var(--arw) center/contain no-repeat;vertical-align:baseline;margin-left:.2em;flex:none}
.cta-short{display:none}
@media(max-width:650px){header .button.small{gap:14px;padding:12px 16px}}
@media(max-width:480px){.cta-long{display:none}.cta-short{display:inline}header .button.small{gap:12px;padding:11px 14px;white-space:nowrap}}
@media(max-width:360px){header{gap:10px}header .brand{font-size:19px;gap:8px}header .brand img{width:38px;height:35px}header .button.small{gap:10px;padding:10px 12px}}