.page-bookkeeping main,
.page-monthly-bookkeeping main,
.page-cleanup-bookkeeping main,
.page-where-we-serve main,
.page-services main { --bk-gutter: 5%; }
.bk-eyebrow {
display: flex; align-items: center; gap: 18px;
margin: 0 0 14px;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 500; font-size: 15px; letter-spacing: .16em;
text-transform: uppercase;
}
.bk-eyebrow::after {
content: ''; flex: 0 1 96px; min-width: 0; height: 2px;
background: var(--h-cyan); opacity: .95;
}
.bk-eyebrow-dark { color: var(--h-cyan); }
.bk-eyebrow-light { color: var(--t-ink); }
.bk-h {
margin: 0;
font-family: 'Anton', 'Barlow Semi Condensed', Impact, sans-serif;
font-weight: 400;
line-height: 1.02;
letter-spacing: -.004em;
text-transform: uppercase;
}
.bk-h .l { display: block; }
@supports ((-webkit-mask-image: url('')) or (mask-image: url(''))) {
.bk-h .l {
-webkit-mask-image: url('/assets/img/hero/headline-mask.webp');
mask-image: url('/assets/img/hero/headline-mask.webp');
-webkit-mask-size: 420px 420px; mask-size: 420px 420px;
-webkit-mask-repeat: repeat; mask-repeat: repeat;
}
}
.bk-btn {
display: inline-flex; align-items: center; gap: 14px;
padding: 19px 30px;
background: var(--cta-bg); color: #FFFFFF;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 800; font-size: 18px; letter-spacing: .06em;
text-transform: uppercase; text-decoration: none;
transition: background-color .16s ease;
}
.bk-btn:hover { background: var(--cta-bg-hover); color: #FFFFFF; text-decoration: none; }
.bk-btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.bk-btn svg { width: 30px; height: 10px; flex: 0 0 auto; }
.bk-link {
display: inline-flex; align-items: center; gap: 12px;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 500; font-size: 15px; letter-spacing: .12em;
text-transform: uppercase; text-decoration: none;
border-bottom: 1px solid currentColor; padding-bottom: 5px;
}
.bk-link svg { width: 34px; height: 10px; flex: 0 0 auto; }
.bk-link:hover { text-decoration: none; }
.bk-link-dark { color: var(--h-cyan); }
.bk-link-dark:hover { color: #4fd0ff; }
.bk-link-light { color: var(--h-cyan-dark); }
.bk-link-light:hover { color: var(--t-ink); }
.bk-link:focus-visible { outline: 3px solid var(--h-cyan); outline-offset: 4px; }
.bk-hero {
position: relative;
isolation: isolate;
background-color: var(--h-black);
color: var(--h-bone);
font-family: 'Inter', Helvetica, Arial, sans-serif;
overflow: hidden;
}
.bk-hero::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/hero/concrete.webp'), url('/assets/img/hero/grain.webp');
background-size: 420px 420px, 128px 128px;
background-repeat: repeat, repeat;
opacity: .10;
mix-blend-mode: screen;
}
.bk-hero-inner {
position: relative; z-index: 1;
--bk-copy-frac: .60;
display: grid;
grid-template-columns: calc(var(--bk-copy-frac) * 100%) 1fr;
align-items: stretch;
}
.bk-hero-copy {
display: flex; flex-direction: column; justify-content: flex-start;
padding: var(--hero-copy-top) calc(var(--bk-gutter) / var(--bk-copy-frac)) var(--hero-copy-bottom);
}
.bk-hero-h1 {
font-size: 76px;
color: var(--h-bone);
margin: 0 0 26px;
}
.bk-hero-lede {
margin: 0 0 34px;
max-width: 30em;
font-size: 18.5px; line-height: 1.55;
color: var(--h-muted);
}
.bk-hero-actions { display: flex; align-items: center; gap: 34px; flex-wrap: wrap; }
.bk-hero-photo { position: relative; overflow: hidden; }
.bk-hero-photo picture { position: absolute; inset: 0; display: block; }
.bk-hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0%; }
.bk-proof {
position: relative; z-index: 1;
display: grid; grid-template-columns: repeat(3, 1fr);
margin: 0; padding: 0 var(--bk-gutter); list-style: none;
background: var(--h-panel);
border-top: 1px solid rgba(231, 229, 223, .10);
}
.bk-proof li {
margin: 0; padding: 27px 10px; text-align: center;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 800; font-size: 17px; letter-spacing: .1em;
text-transform: uppercase; color: var(--h-bone);
}
.bk-proof li + li { border-left: 1px solid rgba(231, 229, 223, .14); }
.bk-books {
position: relative;
isolation: isolate;
background-color: var(--t-concrete);
color: var(--t-ink);
font-family: 'Inter', Helvetica, Arial, sans-serif;
}
.bk-books::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/section2/concrete-light.webp');
background-size: 420px 420px;
opacity: .22;
mix-blend-mode: multiply;
}
.bk-books-inner {
position: relative; z-index: 1;
--bk-copy-frac: .406;
display: grid;
grid-template-columns: calc(var(--bk-copy-frac) * 100%) 1fr;
align-items: stretch;
}
.bk-books-copy {
display: flex; flex-direction: column; justify-content: center;
padding: 88px calc(var(--bk-gutter) / var(--bk-copy-frac)) 88px calc(var(--bk-gutter) / var(--bk-copy-frac));
}
.bk-books-h2 { font-size: 58px; color: var(--t-ink); margin: 0 0 24px; }
.bk-books-body { margin: 0; font-size: 18px; line-height: 1.6; color: var(--t-ink-soft); max-width: 24em; }
.bk-books-body + .bk-books-body { margin-top: 18px; }
.bk-rule {
width: 74px; height: 3px; margin: 30px 0 26px;
border: 0; background: var(--h-cyan);
}
.bk-books-note { margin: 0; font-size: 17px; line-height: 1.55; color: var(--t-ink-soft); max-width: 24em; }
.bk-books-panel {
position: relative;
display: flex; flex-direction: column; justify-content: center;
background-color: var(--h-black);
color: var(--h-bone);
padding: 70px var(--bk-gutter) 58px 62px;
overflow: hidden;
}
.bk-books-panel::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/hero/concrete.webp'), url('/assets/img/hero/grain.webp');
background-size: 420px 420px, 128px 128px;
opacity: .10;
mix-blend-mode: screen;
}
.bk-benefits { position: relative; z-index: 1; margin: 0; padding: 0; list-style: none; }
.bk-benefit {
display: grid; grid-template-columns: 96px 1fr; gap: 30px; align-items: start;
margin: 0; padding: 26px 0;
}
.bk-benefit + .bk-benefit { border-top: 1px solid rgba(231, 229, 223, .16); }
.bk-benefit-icon { display: block; width: 78px; height: 78px; color: var(--h-bone); }
.bk-benefit-icon svg { display: block; width: 100%; height: 100%; }
@supports ((-webkit-mask-image: url('')) or (mask-image: url(''))) {
.bk-benefit-icon {
-webkit-mask-image: url('/assets/img/hero/headline-mask.webp');
mask-image: url('/assets/img/hero/headline-mask.webp');
-webkit-mask-size: 140px 140px; mask-size: 140px 140px;
-webkit-mask-repeat: repeat; mask-repeat: repeat;
}
}
.bk-benefit-title {
margin: 0 0 8px;
font-family: 'Anton', 'Barlow Semi Condensed', Impact, sans-serif;
font-weight: 400; font-size: 26px; letter-spacing: .005em;
text-transform: uppercase; color: var(--h-bone);
}
.bk-benefit p { margin: 0; font-size: 16.5px; line-height: 1.55; color: var(--h-muted); }
.bk-books-link { position: relative; z-index: 1; align-self: flex-end; margin-top: 26px; }
.bk-month {
position: relative;
isolation: isolate;
background-color: var(--h-black);
color: var(--h-bone);
font-family: 'Inter', Helvetica, Arial, sans-serif;
overflow: hidden;
padding: 76px 0 60px;
}
.bk-month::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/hero/concrete.webp'), url('/assets/img/hero/grain.webp');
background-size: 420px 420px, 128px 128px;
opacity: .10;
mix-blend-mode: screen;
}
.bk-month-photo {
position: absolute; z-index: 0;
top: 0; right: 0; width: 57%; height: 42%;
pointer-events: none;
}
.bk-month-photo picture, .bk-month-photo img { display: block; width: 100%; height: 100%; }
.bk-month-photo img { object-fit: cover; object-position: 50% 38%; }
.bk-month-inner { position: relative; z-index: 1; padding: 0 var(--bk-gutter); }
.bk-month-head {
display: grid; grid-template-columns: 58fr 42fr; gap: 40px; align-items: start;
margin-bottom: 58px;
}
.bk-month-h2 { font-size: 60px; color: var(--h-bone); margin: 0; }
.bk-month-lede { margin: 0; padding-top: 44px; font-size: 18px; line-height: 1.55; color: var(--h-bone); }
.bk-month-lede .bk-rule { margin: 22px 0 0; }
.bk-cols {
display: grid; grid-template-columns: repeat(5, 1fr);
margin: 0; padding: 0; list-style: none;
}
.bk-col { margin: 0; padding: 0 26px; position: relative; }
.bk-col + .bk-col { border-left: 1px solid rgba(231, 229, 223, .16); }
.bk-col-icon { display: block; width: 92px; height: 92px; margin: 0 0 24px; color: var(--h-bone); }
.bk-col-icon svg { display: block; width: 100%; height: 100%; }
@supports ((-webkit-mask-image: url('')) or (mask-image: url(''))) {
.bk-col-icon {
-webkit-mask-image: url('/assets/img/hero/headline-mask.webp');
mask-image: url('/assets/img/hero/headline-mask.webp');
-webkit-mask-size: 140px 140px; mask-size: 140px 140px;
-webkit-mask-repeat: repeat; mask-repeat: repeat;
}
}
.bk-col-title {
margin: 0 0 10px;
font-family: 'Anton', 'Barlow Semi Condensed', Impact, sans-serif;
font-weight: 400; font-size: 22px; line-height: 1.12;
text-transform: uppercase; color: var(--h-bone);
}
.bk-col p { margin: 0 0 24px; font-size: 15.5px; line-height: 1.5; color: var(--h-muted); }
.bk-col::after {
content: ''; position: absolute; left: 26px; right: 26px; bottom: 0;
height: 3px; background: var(--h-cyan);
}
.bk-cols-rule { position: relative; z-index: 1; height: 1px; background: rgba(231, 229, 223, .22); }
.bk-month-foot { position: relative; z-index: 1; display: flex; justify-content: flex-end; margin-top: 26px; }
.bk-catch {
position: relative;
isolation: isolate;
background-color: var(--t-bone);
color: var(--t-ink);
font-family: 'Inter', Helvetica, Arial, sans-serif;
}
.bk-catch::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/section2/concrete-light.webp');
background-size: 420px 420px;
opacity: .18;
mix-blend-mode: multiply;
}
.bk-catch-inner {
position: relative; z-index: 1;
--bk-photo-frac: .437;
display: grid;
grid-template-columns: calc(var(--bk-photo-frac) * 100%) 1fr;
align-items: stretch;
}
.bk-catch-photo { position: relative; min-height: 520px; }
.bk-catch-photo picture, .bk-catch-photo img { display: block; width: 100%; height: 100%; }
.bk-catch-photo img { object-fit: cover; object-position: 52% 50%; }
.bk-catch-copy {
display: flex; flex-direction: column; justify-content: center;
padding: 84px var(--bk-gutter) 84px calc(var(--bk-gutter) / (1 - var(--bk-photo-frac)));
}
.bk-catch-h2 { font-size: 56px; color: var(--t-ink); margin: 0; }
.bk-catch-body { margin: 0; font-size: 18px; line-height: 1.6; color: var(--t-ink-soft); max-width: 34em; }
.bk-flow {
display: grid; grid-template-columns: repeat(3, 1fr);
margin: 40px 0 0; padding: 0; list-style: none;
max-width: 620px;
}
.bk-step { position: relative; margin: 0; text-align: center; padding: 0 8px; }
.bk-step-icon { display: block; width: 74px; height: 74px; margin: 0 auto 16px; color: var(--t-ink); }
.bk-step-icon svg { display: block; width: 100%; height: 100%; }
.bk-step-name {
margin: 0;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 800; font-size: 16px; letter-spacing: .1em;
text-transform: uppercase; color: var(--t-ink);
}
.bk-step + .bk-step::before {
content: ''; position: absolute; top: 37px; height: 2px;
left: calc(-50% + 45px); right: calc(50% + 45px);
background: var(--h-cyan);
}
.bk-step + .bk-step::after {
content: ''; position: absolute; left: calc(50% - 57px); top: 32px;
border: 6px solid transparent; border-left-color: var(--h-cyan);
}
.bk-catch-actions {
display: flex; align-items: center; gap: 28px; flex-wrap: wrap;
margin-top: 40px;
}
.bk-catch-note {
margin: 0; font-size: 16px; line-height: 1.45; color: var(--t-ink-soft);
max-width: 17em; padding-left: 28px; border-left: 1px solid var(--t-hair);
}
.bk-qbo {
position: relative;
isolation: isolate;
background-color: var(--t-concrete);
color: var(--t-ink);
font-family: 'Inter', Helvetica, Arial, sans-serif;
}
.bk-qbo::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/section2/concrete-light.webp');
background-size: 420px 420px;
opacity: .22;
mix-blend-mode: multiply;
}
.bk-qbo-inner {
position: relative; z-index: 1;
--bk-copy-frac: .496;
display: grid;
grid-template-columns: calc(var(--bk-copy-frac) * 100%) 1fr;
align-items: stretch;
}
.bk-qbo-copy {
display: flex; flex-direction: column; justify-content: center;
padding: 88px 36px 88px calc(var(--bk-gutter) / var(--bk-copy-frac));
}
.bk-qbo-h2 { font-size: 44px; color: var(--t-ink); margin: 0 0 26px; }
.bk-qbo-p { margin: 0 0 18px; font-size: 17.5px; line-height: 1.6; color: var(--t-ink-soft); }
.bk-qbo-p:last-of-type { margin-bottom: 0; }
.bk-qbo-bar {
display: flex; align-items: center; gap: 18px;
margin-top: 34px; padding: 16px 0;
border-top: 2px solid var(--h-cyan);
border-bottom: 2px solid var(--h-cyan);
}
.bk-qbo-bar img { width: 26px; height: auto; flex: 0 0 auto; }
.bk-qbo-bar span {
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 800; font-size: 20px; letter-spacing: .05em;
text-transform: uppercase; color: var(--t-ink);
}
.bk-qbo-panel {
position: relative;
display: grid; grid-template-columns: 1fr 1fr; gap: 34px; align-items: center;
background-color: var(--h-black);
padding: 70px var(--bk-gutter) 70px 56px;
overflow: hidden;
}
.bk-qbo-panel::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/hero/concrete.webp'), url('/assets/img/hero/grain.webp');
background-size: 420px 420px, 128px 128px;
opacity: .10;
mix-blend-mode: screen;
}
.bk-qbo-mark { position: relative; z-index: 1; display: flex; justify-content: center; }
.bk-qbo-mark img { width: 100%; max-width: 264px; height: auto; }
.bk-qbo-nodes {
position: relative; z-index: 1;
margin: 0; padding: 0 0 0 34px; list-style: none;
border-left: 2px solid rgba(8, 169, 221, .55);
}
.bk-qbo-node { position: relative; margin: 0; display: flex; align-items: center; gap: 16px; padding: 15px 0; }
.bk-qbo-node::before {
content: ''; position: absolute; left: -34px; top: 50%;
width: 26px; height: 2px; background: rgba(8, 169, 221, .55);
}
.bk-qbo-node::after {
content: ''; position: absolute; left: -39px; top: 50%; transform: translateY(-50%);
width: 8px; height: 8px; border-radius: 50%; background: var(--h-cyan);
}
.bk-node-icon {
flex: 0 0 auto; display: grid; place-items: center;
width: 54px; height: 54px; border-radius: 50%;
border: 2px solid rgba(231, 229, 223, .34); color: var(--h-bone);
}
.bk-node-icon svg { display: block; width: 28px; height: 28px; }
.bk-node-name {
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 500; font-size: 15.5px; letter-spacing: .1em;
text-transform: uppercase; color: var(--h-bone);
}
@media (max-width: 1365px) {
.bk-hero-h1 { font-size: 62px; }
}
@media (max-width: 1200px) {
.bk-hero-h1 { font-size: 62px; }
.bk-proof li { font-size: 15.5px; letter-spacing: .08em; }
.bk-books-h2 { font-size: 48px; }
.bk-benefit { grid-template-columns: 74px 1fr; gap: 22px; }
.bk-benefit-icon { width: 62px; height: 62px; }
.bk-benefit-title { font-size: 23px; }
.bk-books-panel { padding: 56px var(--bk-gutter) 46px 44px; }
.bk-month-h2 { font-size: 48px; }
.bk-col { padding: 0 18px; }
.bk-col-icon { width: 76px; height: 76px; }
.bk-col-title { font-size: 20px; }
.bk-col::after { left: 18px; right: 18px; }
.bk-catch-h2 { font-size: 46px; }
.bk-catch-photo { min-height: 460px; }
.bk-qbo-h2 { font-size: 42px; }
.bk-qbo-panel { grid-template-columns: 1fr; gap: 40px; padding: 56px var(--bk-gutter) 56px 40px; }
.bk-qbo-mark img { max-width: 220px; }
}
@media (max-width: 980px) {
.bk-hero-inner { --bk-copy-frac: 1; grid-template-columns: 1fr; min-height: 0; }
.bk-hero-copy { padding: 62px var(--bk-gutter) 54px; order: 1; }
.bk-hero-photo { order: 2; height: 48vw; max-height: 430px; }
.bk-hero-h1 { font-size: 58px; }
.bk-eyebrow { font-size: 14px; letter-spacing: .12em; gap: 12px; }
.bk-eyebrow::after { flex-basis: 64px; }
.bk-books-inner { --bk-copy-frac: 1; grid-template-columns: 1fr; }
.bk-books-copy { padding: 62px var(--bk-gutter) 54px; }
.bk-books-h2 { font-size: 46px; }
.bk-books-panel { padding: 46px var(--bk-gutter) 42px; }
.bk-month { padding-top: 0; }
.bk-month-head { grid-template-columns: 1fr; gap: 22px; margin-bottom: 44px; }
.bk-month-lede { padding-top: 0; }
.bk-month-h2 { font-size: 44px; }
.bk-month-photo { position: relative; width: 100%; height: 260px; margin-bottom: 40px; }
.bk-cols { grid-template-columns: repeat(2, 1fr); row-gap: 30px; }
.bk-col { padding: 0 20px 26px; }
.bk-col:nth-child(odd) { border-left: 0; padding-left: 0; }
.bk-col:nth-child(odd)::after { left: 0; }
.bk-cols-rule { display: none; }
.bk-catch-inner { --bk-photo-frac: 1; grid-template-columns: 1fr; }
.bk-catch-photo { min-height: 0; height: 46vw; max-height: 400px; }
.bk-catch-copy { padding: 58px var(--bk-gutter) 56px; }
.bk-catch-h2 { font-size: 42px; }
.bk-flow { max-width: none; }
.bk-qbo-inner { --bk-copy-frac: 1; grid-template-columns: 1fr; }
.bk-qbo-copy { padding: 58px var(--bk-gutter) 52px; }
.bk-qbo-h2 { font-size: 40px; }
.bk-qbo-panel { padding: 52px var(--bk-gutter) 52px calc(var(--bk-gutter) + 10px); }
}
@media (max-width: 620px) {
.bk-eyebrow { font-size: 12.5px; letter-spacing: .1em; gap: 10px; }
.bk-hero-h1 { font-size: 42px; }
.bk-hero-lede { font-size: 17px; }
.bk-hero-copy { padding: 46px var(--bk-gutter) 42px; }
.bk-hero-actions { gap: 22px; }
.bk-btn { padding: 17px 24px; font-size: 16.5px; }
.bk-hero-photo { height: 62vw; max-height: 320px; }
.bk-proof { grid-template-columns: 1fr; }
.bk-proof li { padding: 16px 0; font-size: 14.5px; }
.bk-proof li + li { border-left: 0; border-top: 1px solid rgba(231, 229, 223, .14); }
.bk-books-h2 { font-size: 38px; }
.bk-books-body, .bk-books-note { font-size: 16.5px; }
.bk-benefit { grid-template-columns: 1fr; gap: 14px; padding: 22px 0; }
.bk-benefit-icon { width: 54px; height: 54px; }
.bk-benefit-title { font-size: 21px; }
.bk-books-link { align-self: flex-start; }
.bk-month { padding: 0 0 46px; }
.bk-month-photo { height: 190px; margin-bottom: 30px; }
.bk-month-h2 { font-size: 36px; }
.bk-month-lede { font-size: 16.5px; }
.bk-cols { grid-template-columns: 1fr; row-gap: 26px; }
.bk-col { padding: 0 0 22px; border-left: 0; }
.bk-col + .bk-col { border-left: 0; }
.bk-col::after { left: 0; right: 0; }
.bk-col-icon { width: 66px; height: 66px; margin-bottom: 16px; }
.bk-month-foot { justify-content: flex-start; }
.bk-catch-h2 { font-size: 34px; }
.bk-catch-body { font-size: 16.5px; }
.bk-catch-photo { height: 62vw; max-height: 300px; }
.bk-flow { grid-template-columns: 1fr; row-gap: 22px; }
.bk-step { display: grid; grid-template-columns: 54px 1fr; gap: 18px; align-items: center; text-align: left; padding: 0; }
.bk-step-icon { width: 54px; height: 54px; margin: 0; }
.bk-step + .bk-step::before { left: 26px; right: auto; top: -22px; width: 2px; height: 22px; }
.bk-step + .bk-step::after { left: 21px; top: -6px; border-left-color: transparent; border-top-color: var(--h-cyan); }
.bk-catch-actions { gap: 20px; }
.bk-catch-note { padding-left: 0; border-left: 0; max-width: none; }
.bk-qbo-h2 { font-size: 28px; }
.bk-qbo-p { font-size: 16.5px; }
.bk-qbo-bar span { font-size: 17px; }
.bk-qbo-mark img { max-width: 190px; }
.bk-node-icon { width: 46px; height: 46px; }
.bk-node-icon svg { width: 24px; height: 24px; }
.bk-node-name { font-size: 14px; letter-spacing: .08em; }
.bk-qbo-nodes { padding-left: 24px; }
.bk-qbo-node::before { left: -24px; width: 18px; }
.bk-qbo-node::after { left: -29px; }
}
.page-monthly-bookkeeping .reviews,
.page-cleanup-bookkeeping .reviews { background-color: var(--t-bone); }
@media (min-width: 981px) {
.page-monthly-bookkeeping .reviews,
.page-cleanup-bookkeeping .reviews { padding-top: 76px; }
}
.bk-routes {
position: relative;
isolation: isolate;
background-color: var(--t-bone);
color: var(--t-ink);
font-family: 'Inter', Helvetica, Arial, sans-serif;
}
.bk-routes::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/section2/concrete-light.webp');
background-size: 420px 420px;
opacity: .18;
mix-blend-mode: multiply;
}
.bk-routes-inner { position: relative; z-index: 1; padding: 84px var(--bk-gutter); }
.bk-routes-head { max-width: 46em; margin: 0 0 46px; }
.bk-routes-h2 { font-size: 52px; color: var(--t-ink); margin: 0 0 22px; }
.bk-routes-lede { margin: 0; font-size: 18px; line-height: 1.6; color: var(--t-ink-soft); }
.bk-route-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 28px;
margin: 0; padding: 0; list-style: none;
}
.bk-route-list--three { grid-template-columns: repeat(3, 1fr); }
.bk-route {
display: flex; flex-direction: column;
margin: 0; padding: 30px 28px 28px;
background: rgba(255, 255, 255, .55);
border-top: 3px solid var(--h-cyan);
box-shadow: 0 1px 0 var(--t-hair), 1px 0 0 var(--t-hair), -1px 0 0 var(--t-hair);
}
.bk-route-title {
margin: 0 0 12px;
font-family: 'Anton', 'Barlow Semi Condensed', Impact, sans-serif;
font-weight: 400; font-size: 24px; line-height: 1.12;
letter-spacing: .005em; text-transform: uppercase; color: var(--t-ink);
}
.bk-route p { margin: 0 0 22px; font-size: 16.5px; line-height: 1.55; color: var(--t-ink-soft); }
.bk-route .bk-link { margin-top: auto; align-self: flex-start; }
.bk-prose { max-width: 42em; }
.bk-prose p { margin: 0 0 18px; font-size: 17.5px; line-height: 1.65; }
.bk-prose p:last-child { margin-bottom: 0; }
.bk-prose-light p { color: var(--t-ink-soft); }
.bk-prose-dark p { color: var(--h-muted); }
.bk-prose-pair {
display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 40px 56px;
}
.bk-prose-pair .bk-prose { max-width: none; }
.bk-prose-h3 {
margin: 0 0 14px;
font-family: 'Anton', 'Barlow Semi Condensed', Impact, sans-serif;
font-weight: 400; font-size: 24px; line-height: 1.14;
text-transform: uppercase; letter-spacing: .005em;
}
.bk-prose-light .bk-prose-h3 { color: var(--t-ink); }
.bk-prose-dark .bk-prose-h3 { color: var(--h-bone); }
.bk-prose-dark .bk-legal-note,
.bk-prose .bk-legal-note {
margin: 12px 0 0; max-width: 34em;
font-size: 14px; line-height: 1.5; color: var(--h-muted);
}
@media (min-width: 1366px) {
.page-services .bk-hero-h1 { font-size: 64px; }
}
@media (min-width: 981px) and (max-width: 1365px) {
.page-services .bk-hero-h1 { font-size: 54px; }
}
@media (max-width: 1200px) {
.bk-routes-h2 { font-size: 44px; }
}
@media (max-width: 980px) {
.bk-routes-inner { padding: 62px var(--bk-gutter) 58px; }
.bk-routes-h2 { font-size: 40px; }
.bk-routes-head { margin-bottom: 36px; }
.bk-route-list { gap: 22px; }
.bk-route-list--three { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px) {
.bk-route-list--three { grid-template-columns: 1fr; }
.bk-routes-inner { padding: 50px var(--bk-gutter) 46px; }
.bk-routes-h2 { font-size: 34px; }
.bk-routes-lede { font-size: 16.5px; }
.bk-route { padding: 24px 22px 22px; }
.bk-route-title { font-size: 21px; }
.bk-route p { font-size: 15.5px; }
.bk-prose p { font-size: 16.5px; }
.bk-prose-h3 { font-size: 21px; }
.bk-prose-pair { gap: 30px; }
}
@media (min-width: 981px) {
.page-cleanup-bookkeeping .bk-month {
--cb-panel-w: 59%;
--cb-panel-h: 87%;
--cb-feather: 22%;
--cb-clear: 28px;
--cb-fade-start: 32.3%;
--cb-fade-end: 50.5%;
--cb-floor-alpha: .22;
--cb-floor: 24px;
}
.page-cleanup-bookkeeping .bk-month-head { grid-template-columns: 1fr; }
.page-cleanup-bookkeeping .bk-month-lede {
padding-top: 26px;
max-width: calc((100% - var(--cb-panel-w) - 5%) / 0.9 - var(--cb-clear));
}
.page-cleanup-bookkeeping .bk-month-photo {
width: var(--cb-panel-w);
height: var(--cb-panel-h);
-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) var(--cb-feather)),
linear-gradient(to bottom, rgba(0, 0, 0, 1) var(--cb-fade-start), rgba(0, 0, 0, var(--cb-floor-alpha)) var(--cb-fade-end));
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) var(--cb-feather)),
linear-gradient(to bottom, rgba(0, 0, 0, 1) var(--cb-fade-start), rgba(0, 0, 0, var(--cb-floor-alpha)) var(--cb-fade-end));
-webkit-mask-composite: source-in;
mask-composite: intersect;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%; mask-size: 100% 100%;
}
}
.page-cleanup-bookkeeping .bk-catch-photo img { object-position: 52% 4%; }
.page-where-we-serve .bk-hero-lede { margin-bottom: 24px; }