:root{--wine:#692a34;--wine2:#512129;--brick:#9a4a43;--moss:#5f675d;--sage:#899084;--cream:#f5efe4;--stone:#d8d1c5;--coal:#252928;--paper:#fffdf9;--line:#d5cec2}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{background:var(--paper);color:var(--coal);font-family:"Avenir Next",Arial,sans-serif}button{font:inherit}.wrap{width:min(1240px,calc(100% - 56px));margin:auto}.head{display:flex;min-height:96px;align-items:center;gap:27px}.logo{display:block;width:205px;height:auto}.nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:12px;font-weight:700}.nav span{white-space:nowrap}.menu{display:none;margin-left:auto;border:0;background:none;color:inherit;font-weight:700}.cta,.secondary{min-height:48px;padding:0 22px;border:1px solid currentColor;background:transparent;color:inherit;font-weight:750}.cta{background:var(--wine);border-color:var(--wine);color:var(--cream)}.hero-grid{display:grid}.eyebrow,.kicker{margin:0 0 19px;color:var(--brick);font-size:10px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.hero h1{max-width:790px;margin:0;color:var(--coal);font-family:"Bodoni 72","Didot",Georgia,serif;font-size:clamp(58px,6vw,88px);font-weight:400;letter-spacing:-.055em;line-height:.9}.lead{max-width:600px;margin:25px 0 32px;color:#656a65;font-size:16px;line-height:1.65}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-media{background:url('gilroy-commercial-facility-interior.png') center/cover}.routestrip{display:grid;grid-template-columns:repeat(3,1fr)}.routestrip div{padding:21px 25px;border:1px solid var(--line);background:var(--paper)}.routestrip b{display:block;margin-bottom:7px;color:var(--wine);font-size:10px;letter-spacing:.16em}.routestrip span{font-size:13px;font-weight:700}.routes{padding:78px 0}.routes h2{max-width:760px;margin:12px 0 37px;color:var(--coal);font-family:"Bodoni 72","Didot",Georgia,serif;font-size:48px;font-weight:400;letter-spacing:-.045em;line-height:.94}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{display:flex;min-height:205px;flex-direction:column;padding:27px;border:1px solid var(--line);background:var(--paper)}.card small{color:var(--wine);font-weight:800}.card h3{margin:31px 0 9px;color:var(--coal);font-size:22px}.card p{margin:0;color:#686d68;line-height:1.5}.card strong{margin-top:auto;padding-top:20px;color:var(--coal);font-size:12px}.note{position:fixed;right:12px;bottom:12px;z-index:20;padding:7px 10px;background:#000d;color:#fff;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
body.a{background:var(--cream)}body.a .head{border-bottom:1px solid #d1c8ba}body.a .hero-grid{min-height:675px;grid-template-columns:1fr 1fr;align-items:stretch}body.a .hero-copy{padding:82px 65px 75px 0}body.a .hero-media{margin:35px 0 35px 20px;border:12px solid var(--paper);box-shadow:0 0 0 1px #cbbfaf}body.a .routestrip div{background:transparent}body.a .routes{background:var(--paper)}body.a .cards{gap:0;border-top:4px solid var(--wine)}body.a .card{border-width:0 1px 1px 0}body.a .card:first-child{border-left:1px solid var(--line)}
body.b{background:var(--wine2);color:var(--cream)}body.b .site-head{position:absolute;z-index:3;width:100%}body.b .head{border-bottom:1px solid #ffffff29}body.b .logo{content:url('gilroy-janitorial-logo-horizontal-reversed.svg')}body.b .hero{min-height:810px;background:linear-gradient(90deg,#512129f7 0%,#512129d9 44%,#51212924 80%),url('gilroy-commercial-facility-interior.png') center/cover}body.b .hero-grid{min-height:810px;grid-template-columns:1fr .65fr;align-items:end}body.b .hero-copy{padding:178px 0 96px}body.b .hero h1{color:var(--cream)}body.b .lead{color:#e1d7cc}body.b .secondary{color:var(--cream)}body.b .cta{background:var(--cream);border-color:var(--cream);color:var(--wine2)}body.b .routestrip{margin-top:-1px}body.b .routestrip div{border-color:#7c4750;background:#602832;color:var(--cream)}body.b .routestrip b{color:#d6a6a6}body.b .routes{background:var(--cream);color:var(--coal)}body.b .cards{grid-template-columns:1.12fr .94fr .94fr}body.b .card:first-child{background:var(--wine);color:var(--cream)}body.b .card:first-child h3,body.b .card:first-child strong{color:var(--cream)}body.b .card:first-child p{color:#e5d8ce}
body.c .head{min-height:88px;border-bottom:1px solid var(--line)}body.c .hero{padding:43px 0 68px}body.c .hero-grid{min-height:610px;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}body.c .hero-copy{position:relative;padding:62px 0 62px 42px;border-left:5px solid var(--wine)}body.c .hero-copy:before{content:"GILROY / 01";position:absolute;left:42px;top:0;color:#8d918b;font-size:10px;font-weight:800;letter-spacing:.2em}body.c .hero h1{font-size:clamp(55px,5vw,76px)}body.c .hero-media{height:520px;clip-path:polygon(0 0,94% 0,100% 8%,100% 100%,6% 100%,0 92%)}body.c .routestrip{position:relative;margin-top:-23px}body.c .routestrip div{border-top:4px solid var(--moss)}body.c .routes{background:var(--coal);color:var(--cream)}body.c .routes h2,body.c .card h3,body.c .card strong{color:var(--cream)}body.c .card{border-color:#4d514f;background:transparent;color:var(--cream)}body.c .card p{color:#c9ceca}
body.d{background:#e8e5dd}body.d .site-head{background:var(--paper)}body.d .head{border-bottom:1px solid var(--line)}body.d .hero{padding:38px 0 67px}body.d .hero-grid{min-height:640px;grid-template-columns:1.08fr .92fr;align-items:center;background:var(--paper);border:1px solid var(--line)}body.d .hero-copy{padding:72px 64px}body.d .hero-copy:before{content:"GJ";display:grid;width:48px;height:48px;margin-bottom:35px;place-items:center;border-radius:50%;background:var(--wine);color:var(--cream);font-family:"Bodoni 72",serif;font-size:20px}body.d .hero h1{font-size:clamp(56px,5.1vw,78px)}body.d .hero-media{height:100%;min-height:640px;background-position:61% center}body.d .routestrip{margin-top:-1px}body.d .routes{padding-top:58px}body.d .cards{grid-template-columns:1fr}body.d .card{min-height:91px;display:grid;grid-template-columns:70px 1.2fr 2fr 110px;align-items:center;border-left:5px solid var(--moss)}body.d .card h3,body.d .card p,body.d .card strong{margin:0;padding:0}
@media(max-width:800px){.wrap{width:min(100% - 30px,1240px)}.head{min-height:76px}.logo{width:170px;max-width:64%}.nav{display:none}.menu{display:block}.hero-grid,body.a .hero-grid,body.b .hero-grid,body.c .hero-grid,body.d .hero-grid{display:flex;min-height:0;flex-direction:column}.hero-copy,body.a .hero-copy,body.b .hero-copy,body.c .hero-copy,body.d .hero-copy{order:2;padding:43px 0 54px;border-left:0}.hero h1,body.a .hero h1,body.b .hero h1,body.c .hero h1,body.d .hero h1{font-size:47px}.lead{font-size:15px}.actions{flex-direction:column}.cta,.secondary{width:100%}.hero-media,body.a .hero-media,body.c .hero-media,body.d .hero-media{order:1;width:100%;height:285px;min-height:285px;margin:0;border:0;clip-path:none}.routestrip,body.c .routestrip{grid-template-columns:1fr;margin:0}.routestrip div{padding:16px 19px}.routes{padding:56px 0}.routes h2{font-size:39px}.cards,body.b .cards,body.d .cards{grid-template-columns:1fr}.card,body.d .card{display:flex;min-height:165px}.card h3,body.d .card h3{margin:25px 0 9px}.card p,body.d .card p{margin:0}.card strong,body.d .card strong{margin-top:auto;padding-top:18px}body.b .site-head{position:relative;background:var(--wine2)}body.b .hero{min-height:0;background:linear-gradient(#512129e8,#512129fa),url('gilroy-commercial-facility-interior.png') center/cover}body.b .hero-grid{display:block}body.b .hero-copy{padding:65px 0 60px}body.c .hero,body.d .hero{padding:0 0 45px}body.c .hero-copy:before{display:none}body.d .hero-grid{border:0}.note{display:none}}

:is(body.review-body,.pcq-response) :is(a.cta,a.button,a.secondary,a.city-proposal,.pcq-form .pcq-submit){display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-width:2px;border-style:solid;border-radius:0;font:700 16px/1.4 "Avenir Next",Avenir,Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase;text-decoration:none;box-sizing:border-box}
:is(body.review-body,.pcq-response) :is(a.cta,a.button,a.secondary,a.city-proposal,.pcq-form .pcq-submit):focus-visible{outline:3px solid #252928;outline-offset:3px}
body.review-body a.cta:not(.launch-phone-cta){background:#692a34;color:#f5efe4;border-color:#692a34}
body.review-body a.cta:not(.launch-phone-cta):hover{background:#512129;border-color:#512129}
:is(.launch-native-form,.pcq-response){padding:28px;background:#f5efe4;color:#252928;border:1px solid #d8d1c5;--pcq-font:"Avenir Next",Avenir,Arial,sans-serif;--pcq-heading-font:"Avenir Next",Avenir,Arial,sans-serif;--pcq-heading-weight:600;--pcq-heading-size:32px;--pcq-text:#252928;--pcq-field-text:#252928;--pcq-field-background:#fffdf9;--pcq-border:#5f675d;--pcq-control-radius:0;--pcq-focus:#252928;--pcq-button-radius:0;--pcq-button-background:#692a34;--pcq-button-text:#f5efe4;--pcq-button-hover:#512129;--pcq-button-hover-text:#f5efe4;--pcq-status-background:#d8d1c5;--pcq-status-text:#252928}
:is(.launch-native-form,.pcq-response) .pcq-form :is(.pcq-required,.pcq-intro,.pcq-choice-hint){color:#252928}
:is(.launch-native-form,.pcq-response) .pcq-submit{width:100%;border-color:#692a34}
:is(.launch-native-form,.pcq-response) .pcq-submit:hover{border-color:#512129}
:is(.launch-native-form,.pcq-response) .pcq-field:has([name="city"]){grid-column:1/-1}
@media(max-width:600px){:is(.launch-native-form,.pcq-response){padding:22px}}
body.review-body .hero .actions{flex-wrap:wrap;gap:12px;margin-top:24px}
body.review-body .hero .actions>.cta{margin:0}
@media(max-width:600px){body.review-body .hero .actions{align-items:stretch}body.review-body .hero .actions>.cta{width:100%}}
.pcq-response a{display:inline-flex;align-items:center;min-height:44px;color:#252928;text-decoration:underline;text-underline-offset:4px}
.pcq-response a:focus-visible{outline:3px solid #252928;outline-offset:3px}
