/* The business section follows the production RSS black/white/red identity. */
:root {
  --ink: #000;
  --ink2: #000;
  --deep: #000;
  --paper: #fff;
  --paper2: #fff;
  --white: #fff;
  --accent: #c00303;
  --rule: #c3c3c3;
}

body, button, input, select, textarea {
  font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
}

.brand-main, .hero h1, .interior-copy h1, .interior-heading h1,
.display-title, .home-final-cta h2, .smallbiz-card h3,
.estimator-explainer h3, .package-card h3 {
  font-family: 'Bebas Neue', Impact, 'Arial Narrow', sans-serif;
  font-weight: 400;
  letter-spacing: .01em;
}

.hero-deck, .quote-band p, .display-title em, .steps h3,
.contact-copy h2, .footer-main>div:first-child>p,
.smallbiz-intro p, .package-price strong, .smallbiz-price {
  font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
}

.display-title em, .hero-deck, .quote-band p em {font-style:normal}
.hero, .interior-hero, .interior-heading, .packages,
.contact, .footer, .home-final-cta {background:#000}
.intro, .small-business, .approach, .interior-feature,
.event-feature, .work, .home-work-teaser {background:#fff}
.quote-band {background:#fff;border-left:5px solid #c00303}
.concept-bar {background:#000;border-bottom:1px solid #444}
.rss-menu-explore,.rss-menu-business-label {display:none}
.site-header {background:#000}
.main-nav .nav-cta, .button-dark, .estimator-button,
.smallbiz-tag, .package-ribbon {background:#c00303;border-color:#c00303}
.form-wrap input:focus, .form-wrap select:focus, .form-wrap textarea:focus {box-shadow:none}
.business-next-steps {background:#fff;color:#000;border-top:3px solid #c00303;padding:76px 0 82px}
.business-next-steps-inner {display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start}
.business-next-steps-heading .eyebrow {color:#000;margin:0 0 20px}
.business-next-steps-heading h2 {font:400 clamp(52px,5vw,78px)/.98 'Bebas Neue',Impact,'Arial Narrow',sans-serif;letter-spacing:.01em;margin:0}
.business-next-steps-heading>p:last-child {font-size:19px;line-height:1.45;max-width:320px;margin:20px 0 0}
.business-next-steps-list {list-style:none;margin:0;padding:0}
.business-next-steps-list li {display:grid;grid-template-columns:32px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid #000}
.business-next-steps-list li:first-child {border-top:1px solid #000}
.business-step-number {color:#c00303;font-size:15px;font-weight:700;line-height:1.3;padding-top:4px}
.business-next-steps-list h3 {font:400 30px/1.05 'Bebas Neue',Impact,'Arial Narrow',sans-serif;letter-spacing:.01em;margin:0 0 8px}
.business-next-steps-list p {font-size:18px;line-height:1.5;margin:0;max-width:46ch}
.draft-label {border-left-color:#c00303}
.small-business {border-top-color:#c00303}
.team-estimator {border-top-color:#c00303}
.smallbiz-card.selected {border-color:#c00303}
.smallbiz-price, .package-price strong {font-size:clamp(26px,3vw,35px);font-weight:600}
.individual-headshots {background:#fff;color:#000;border-block:1px solid #ddd}
.individual-headshots-inner {display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-block:48px}
.individual-headshots h2 {font:400 clamp(29px,3vw,42px)/1 'Bebas Neue',Impact,sans-serif;margin:14px 0}
.individual-headshots p:not(.eyebrow) {font-size:17px;line-height:1.5;margin:0;max-width:460px}
.individual-headshot-links {display:flex;flex-direction:column;gap:12px}
.individual-headshot-links a {border:1px solid #000;padding:16px 19px;font-size:19px;font-weight:700;text-transform:uppercase}
.individual-headshot-links a:hover {background:#000;color:#fff}
.smallbiz-card li::before, .service-number, .step-index,
.title-period, .brand-period {color:#c00303}
.service-card h3, .work-item figcaption strong, .steps h3 {font-family:'Bebas Neue',Impact,sans-serif}
.service-card h3 {font-size:clamp(34px,3vw,43px)}
.service-card, .smallbiz-card, .package-card {box-shadow:none}
.hero-lines {background:none}
.hero-image-frame::after {display:none}
.work-item::after {background:#0007}
.portfolio-dialog::backdrop {background:#000e;backdrop-filter:none}
::selection {background:#c00303;color:#fff}
:focus-visible {outline-color:#c00303}

@media(max-width:650px) {
  .business-next-steps {padding:55px 0 62px}
  .business-next-steps-inner {display:block}
  .business-next-steps-heading h2 {font-size:54px}
  .business-next-steps-heading>p:last-child {margin-top:16px}
  .business-next-steps-list {margin-top:28px}
  .business-next-steps-list li {grid-template-columns:26px 1fr;gap:14px;padding:19px 0}
  .business-next-steps-list h3 {font-size:29px}
  .individual-headshots-inner {grid-template-columns:1fr;gap:20px;padding-block:38px}
  .service-card h3 {font-size:38px}
  .smallbiz-price, .package-price strong {font-size:31px}
}

@media(max-width:940px) {
  .main-nav {background:#000;box-shadow:none}
}

/* The business menu mirrors the main site's boxed Explore entry on mobile. */
@media(max-width:1180px) {
  .main-nav .rss-menu-explore {display:block;margin:0 0 18px;padding:6px 0 22px;border-bottom:1px solid #fff}
  .main-nav .rss-menu-explore-heading,.main-nav .rss-menu-business-label {display:block;margin:0 0 12px;color:#fff;font:700 13px/1.4 'Barlow Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
  .main-nav .rss-menu-main-link {display:flex;align-items:center;justify-content:space-between;gap:22px;width:min(100%,320px);min-height:54px;padding:12px 18px;border:1px solid #fff;color:#fff;font:700 23px/1.25 'Barlow Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none}
  .main-nav .rss-menu-main-link:hover,.main-nav .rss-menu-main-link:focus-visible {background:#fff;color:#000}
  .main-nav .rss-menu-business-label {margin:0 0 4px}
}
