/* Contractor General — architectural journal. Load after app.css. */
.template-site--contractor-general {
    --cc-paper: #edeae1;
    --cc-ink: #242a29;
    --cc-rust: #a3452b;
    --cc-muted: #555d54;
    --cc-rule: #b5b7aa;
    --cc-gutter: clamp(1.2rem, 5vw, 5rem);
    --tw-primary: var(--cc-ink);
    --tw-accent: var(--cc-rust);
    --tw-accent-2: #c7c9bc;
    --tw-bg: var(--cc-paper);
    --tw-surface: var(--cc-paper);
    --tw-soft: #daddd1;
    --tw-ink: var(--cc-ink);
    --tw-muted: var(--cc-muted);
    --tw-border: var(--cc-rule);
    --tw-heading: Arial, Helvetica, sans-serif;
    --tw-body: Arial, Helvetica, sans-serif;
    --tw-radius: 0;
    background: var(--cc-paper);
    color: var(--cc-ink);
    font-family: Arial, Helvetica, sans-serif;
    overflow: clip;
}
.template-site--contractor-general *,
.template-site--contractor-general *::before,
.template-site--contractor-general *::after { box-sizing: border-box; }
.template-site--contractor-general :is(a, button, summary, input, textarea, select):focus-visible { outline: 3px solid var(--cc-rust); outline-offset: 5px; }
.template-site--contractor-general :where(button, input, textarea, select) { font: inherit; }
.template-site--contractor-general :is(.cc-hero, .cc-section, .cc-page-head, .cc-masthead) :is(h1, h2, h3) { font-family: Arial, Helvetica, sans-serif; color: var(--cc-ink); font-weight: 800; letter-spacing: -.055em; text-wrap: balance; }
.template-site--contractor-general :where(.cc-hero, .cc-section, .cc-page-head) p { color: var(--cc-muted); font-size: 1rem; line-height: 1.75; }
.template-site--contractor-general :where(.cc-hero, .cc-section, .cc-page-head) :where(h2, h3, p) { margin: 0 0 1.2rem; }
.template-site--contractor-general :where(.cc-hero, .cc-section, .cc-page-head, .cc-masthead) a { text-decoration: none; }
.template-site--contractor-general :where(.cc-hero, .cc-section, .cc-page-head, .cc-masthead) > * { min-width: 0; }
.template-site--contractor-general .cc-folio,
.template-site--contractor-general .cc-caption,
.template-site--contractor-general .cc-demo-label,
.template-site--contractor-general .cc-stamp,
.template-site--contractor-general .cc-drawing-top { font-family: 'Courier New', monospace; font-size: .74rem; line-height: 1.55; letter-spacing: .045em; }
.template-site--contractor-general .cc-folio { display: block; margin-bottom: 1.5rem; text-transform: uppercase; color: var(--cc-muted); font-weight: 700; }
.template-site--contractor-general .cc-demo-label { display: block; text-transform: uppercase; color: var(--cc-rust); font-weight: 700; }
.template-site--contractor-general .cc-stamp { display: inline-block; border: 1px solid var(--cc-rust); padding: .45rem .65rem; color: var(--cc-rust); margin-bottom: 1.5rem; text-transform: uppercase; }
.template-site--contractor-general .cc-section { padding: clamp(3.5rem, 7vw, 7rem) var(--cc-gutter); border-bottom: 1px solid var(--cc-rule); }
.template-site--contractor-general .cc-section h2 { font-size: clamp(2rem, 3.5vw, 3.6rem); line-height: 1.06; }
.template-site--contractor-general .cc-section h3 { font-size: 1.5rem; line-height: 1.16; }
.template-site--contractor-general .cc-text-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 1.2rem; min-height: 44px; color: var(--cc-ink); font-size: .88rem; font-weight: 700; border-bottom: 1px solid var(--cc-ink); padding: .55rem 0; line-height: 1.4; }
.template-site--contractor-general .cc-text-link:hover { color: var(--cc-rust); border-color: var(--cc-rust); }
.template-site--contractor-general .cc-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 1.5rem; min-height: 52px; padding: 1rem 1.15rem; background: var(--cc-rust); color: #fff; font-size: .88rem; font-weight: 700; line-height: 1.4; border: 1px solid var(--cc-rust); }
.template-site--contractor-general .cc-button:hover { background: var(--cc-ink); border-color: var(--cc-ink); color: #fff; }
.template-site--contractor-general .cc-actions { display: flex; flex-wrap: wrap; align-items: flex-start; gap: .8rem 1.5rem; }

/* One set of navigation links at every size. */
.template-site--contractor-general .cc-masthead { padding: 0 var(--cc-gutter); background: var(--cc-paper); border-bottom: 1px solid var(--cc-ink); }
.template-site--contractor-general .cc-masthead-top { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.8rem 0; }
.template-site--contractor-general .cc-identity { display: inline-flex; align-items: center; gap: 1rem; min-width: 0; }
.template-site--contractor-general .cc-monogram { display: grid; grid-template-columns: 1fr 1fr; align-items: center; width: 62px; height: 62px; flex: 0 0 auto; border: 2px solid var(--cc-ink); font-size: 2.4rem; font-weight: 900; line-height: 1; letter-spacing: -.2em; padding: 5px; }
.template-site--contractor-general .cc-monogram span { color: var(--cc-rust); margin-top: .7rem; }
.template-site--contractor-general .cc-identity strong { display: block; max-width: 300px; font-size: 1.4rem; line-height: 1.1; letter-spacing: -.04em; font-weight: 800; }
.template-site--contractor-general .cc-identity small { display: block; margin-top: .4rem; color: var(--cc-muted); font-size: .75rem; }
.template-site--contractor-general .cc-masthead-contact { text-align: right; flex: 0 0 auto; }
.template-site--contractor-general .cc-masthead-contact a { display: inline-flex; align-items: center; min-height: 44px; font-size: 1.2rem; font-weight: 700; }
.template-site--contractor-general .cc-nav-row { display: flex; justify-content: space-between; align-items: stretch; gap: 1rem; border-top: 1px solid var(--cc-rule); }
.template-site--contractor-general .cc-nav { display: flex; flex-wrap: wrap; gap: 0 clamp(.65rem, 1.7vw, 1.75rem); }
.template-site--contractor-general .cc-nav a { display: inline-flex; align-items: center; gap: .4rem; min-height: 58px; padding: .65rem 0; border-bottom: 3px solid transparent; font-size: .84rem; font-weight: 700; }
.template-site--contractor-general .cc-nav a span { font: .6rem 'Courier New', monospace; color: var(--cc-muted); align-self: flex-start; margin-top: .35rem; }
.template-site--contractor-general .cc-nav a[aria-current='page'] { color: var(--cc-rust); border-color: var(--cc-rust); }
.template-site--contractor-general .cc-nav a:hover { color: var(--cc-rust); }
.template-site--contractor-general .cc-nav-estimate { display: inline-flex; align-items: center; justify-content: space-between; gap: 1.25rem; padding: .8rem 1rem; background: var(--cc-ink); color: #fff; font-size: .8rem; font-weight: 700; flex: 0 0 auto; }
.template-site--contractor-general .cc-nav-estimate:hover { background: var(--cc-rust); }
.template-site--contractor-general .cc-menu-toggle { display: none; border: 1px solid var(--cc-ink); background: none; color: var(--cc-ink); padding: .7rem; min-height: 44px; font-size: .8rem; font-weight: 700; cursor: pointer; }

/* Oversize type beside an original elevation drawing. */
.template-site--contractor-general .cc-hero { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); padding: 0 var(--cc-gutter); }
.template-site--contractor-general .cc-hero-copy { padding: clamp(3rem, 5vw, 5rem) clamp(1.5rem, 4vw, 4rem) 3.5rem 0; }
.template-site--contractor-general .cc-hero h1 { font-family: 'Arial Black', Arial, sans-serif; font-size: clamp(3.4rem, 6.6vw, 7rem); line-height: .95; margin: 0 0 1.7rem; letter-spacing: -.075em; }
.template-site--contractor-general .cc-hero h1 em { font: inherit; font-style: normal; color: var(--cc-rust); }
.template-site--contractor-general .cc-hero-copy p { max-width: 380px; font-size: 1.05rem; }
.template-site--contractor-general .cc-hero-copy .cc-text-link { font-size: .8rem; }
.template-site--contractor-general .cc-drawing { margin: 0; background-color: #e1e3d8; background-image: linear-gradient(#242a2910 1px, transparent 1px), linear-gradient(90deg, #242a2910 1px, transparent 1px); background-size: 28px 28px; color: var(--cc-ink); overflow: hidden; }
.template-site--contractor-general .cc-hero-drawing { display: flex; flex-direction: column; justify-content: space-between; border-left: 1px solid var(--cc-rule); padding: 1.4rem; }
.template-site--contractor-general .cc-drawing-top { display: flex; flex-wrap: wrap; gap: .5rem 1rem; justify-content: space-between; text-transform: uppercase; color: var(--cc-muted); }
.template-site--contractor-general .cc-drawing svg { display: block; width: 100%; height: auto; }
.template-site--contractor-general .cc-hero-drawing figcaption { display: grid; gap: .4rem; border-top: 1px solid var(--cc-rule); padding-top: 1rem; font-size: .88rem; font-weight: 700; }
.template-site--contractor-general .cc-hero-drawing figcaption small { color: var(--cc-muted); font: .7rem/1.6 'Courier New', monospace; }
.template-site--contractor-general .cc-project-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column: 1 / -1; margin: 0; border-top: 1px solid var(--cc-ink); border-bottom: 1px solid var(--cc-ink); }
.template-site--contractor-general .cc-project-strip > div { padding: 1.25rem 1rem 1.25rem 0; min-width: 0; }
.template-site--contractor-general .cc-project-strip > div + div { border-left: 1px solid var(--cc-rule); padding-left: 1.4rem; }
.template-site--contractor-general .cc-project-strip dt { font: .67rem/1.5 'Courier New', monospace; color: var(--cc-muted); text-transform: uppercase; }
.template-site--contractor-general .cc-project-strip dd { margin: .35rem 0 0; font-size: .88rem; font-weight: 700; }
.template-site--contractor-general .cc-feature,
.template-site--contractor-general .cc-about { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 7vw, 7rem); }
.template-site--contractor-general .cc-feature-body h3 { font-size: clamp(1.7rem, 3vw, 2.7rem); max-width: 560px; }
.template-site--contractor-general .cc-spec-list { margin: 1.5rem 0; border-top: 1px solid var(--cc-rule); }
.template-site--contractor-general .cc-spec-list > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 1rem; border-bottom: 1px solid var(--cc-rule); padding: 1rem 0; }
.template-site--contractor-general .cc-spec-list dt { font: .69rem/1.5 'Courier New', monospace; color: var(--cc-muted); text-transform: uppercase; }
.template-site--contractor-general .cc-spec-list dd { font-size: .9rem; line-height: 1.6; margin: 0; }
.template-site--contractor-general .cc-services-preview { background: #e3e3d8; }
.template-site--contractor-general .cc-section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) auto; align-items: start; gap: 1.5rem; margin-bottom: 2.5rem; }
.template-site--contractor-general .cc-service-list a { display: grid; grid-template-columns: 45px minmax(0, 1.25fr) minmax(0, 1fr) 24px; align-items: center; gap: 1.5rem; padding: 1.75rem 0; border-top: 1px solid var(--cc-rule); }
.template-site--contractor-general .cc-service-list a:last-child { border-bottom: 1px solid var(--cc-rule); }
.template-site--contractor-general .cc-service-list :where(h3, p, .cc-folio) { margin: 0; }
.template-site--contractor-general .cc-service-list h3 { font-size: clamp(1.4rem, 2.7vw, 2.4rem); }
.template-site--contractor-general .cc-service-list a:hover h3 { color: var(--cc-rust); }
.template-site--contractor-general .cc-service-list p { font-size: .9rem; }
.template-site--contractor-general .cc-process { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: clamp(2rem, 9vw, 9rem); background: var(--cc-ink); }
.template-site--contractor-general .cc-process :is(h2, h3) { color: var(--cc-paper); }
.template-site--contractor-general .cc-process :is(p, .cc-folio) { color: #c7c9bc; }
.template-site--contractor-general .cc-process-list { list-style: none; margin: 0; padding: 0; counter-reset: cc-step; }
.template-site--contractor-general .cc-process-list li { counter-increment: cc-step; position: relative; padding: 1.5rem 0 1.5rem 3.5rem; border-top: 1px solid #687268; }
.template-site--contractor-general .cc-process-list li::before { content: '0' counter(cc-step); position: absolute; left: 0; top: 1.6rem; font: .8rem 'Courier New', monospace; color: #c7c9bc; }
.template-site--contractor-general .cc-process-list h3 { margin-bottom: .6rem; }
.template-site--contractor-general .cc-process-list p { margin: 0; font-size: .92rem; }

/* Interior folios and page-specific compositions. */
.template-site--contractor-general .cc-page-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: 2rem; padding: clamp(3rem, 7vw, 6rem) var(--cc-gutter); border-bottom: 1px solid var(--cc-ink); }
.template-site--contractor-general .cc-page-head h1 { margin: 0 0 1.5rem; max-width: 950px; font-size: clamp(3rem, 6.6vw, 6.6rem); line-height: .99; letter-spacing: -.065em; }
.template-site--contractor-general .cc-page-head p { max-width: 690px; margin: 0; font-size: 1.1rem; }
.template-site--contractor-general .cc-editorial-copy .cc-large-copy { color: var(--cc-ink); font-size: clamp(1.4rem, 2.6vw, 2.2rem); line-height: 1.4; letter-spacing: -.025em; }
.template-site--contractor-general .cc-editorial-copy h3 { margin-top: 2rem; }
.template-site--contractor-general .cc-material-swatch { display: flex; height: 155px; margin-top: 2rem; border: 1px solid var(--cc-rule); }
.template-site--contractor-general .cc-material-swatch span { flex: 1; background: repeating-linear-gradient(92deg, #a18362 0 8px, #937354 9px 10px); }
.template-site--contractor-general .cc-material-swatch span:nth-child(2) { background: #d9d6cb; }
.template-site--contractor-general .cc-material-swatch span:nth-child(3) { background: repeating-linear-gradient(0deg, #a3452b 0 23px, #d2cabc 24px 26px); }
.template-site--contractor-general .cc-section-label .cc-caption { margin-top: .7rem; font-size: .72rem; }
.template-site--contractor-general .cc-credential-note,
.template-site--contractor-general .cc-scope-note { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 2rem; background: #e3e3d8; }
.template-site--contractor-general .cc-scopes { padding-top: 0; padding-bottom: 0; }
.template-site--contractor-general .cc-scope { display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 2.5fr) minmax(0, .9fr); gap: clamp(1.5rem, 4vw, 4rem); padding: 3.5rem 0; border-bottom: 1px solid var(--cc-rule); }
.template-site--contractor-general .cc-scope:last-child { border-bottom: 0; }
.template-site--contractor-general .cc-scope > a { align-self: start; }
.template-site--contractor-general .cc-scope ul { display: grid; gap: .65rem; padding-left: 1.1rem; margin: 1.5rem 0 2rem; font-size: .95rem; line-height: 1.6; }
.template-site--contractor-general .cc-scope li::marker { color: var(--cc-rust); }
.template-site--contractor-general .cc-scope details { border-top: 1px solid var(--cc-rule); border-bottom: 1px solid var(--cc-rule); }
.template-site--contractor-general .cc-scope summary { cursor: pointer; font-size: .85rem; font-weight: 700; min-height: 48px; padding: 1rem .15rem; }
.template-site--contractor-general .cc-scope summary span { float: right; padding-left: .7rem; }
.template-site--contractor-general .cc-scope details[open] summary span { transform: rotate(45deg); }
.template-site--contractor-general .cc-scope details p { font-size: .92rem; padding: .4rem 0; }
.template-site--contractor-general .cc-journal-tools { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 1.2rem; }
.template-site--contractor-general .cc-journal-tools h2 { font-size: 1.8rem; margin: 0; }
.template-site--contractor-general .cc-filters { display: flex; flex-wrap: wrap; gap: .45rem; }
.template-site--contractor-general .cc-filters button { border: 1px solid var(--cc-rule); padding: .7rem 1rem; background: transparent; color: var(--cc-ink); min-height: 44px; font-size: .8rem; font-weight: 700; cursor: pointer; }
.template-site--contractor-general .cc-filters button:hover { border-color: var(--cc-ink); }
.template-site--contractor-general .cc-filters button[aria-pressed='true'] { background: var(--cc-ink); color: #fff; border-color: var(--cc-ink); }
.template-site--contractor-general .cc-journal .cc-result-count { margin: 1.2rem 0 2.5rem; font-size: .74rem; }
.template-site--contractor-general .cc-project-ledger { display: grid; gap: 3.5rem; }
.template-site--contractor-general .cc-project-study { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center; padding-top: 2rem; border-top: 1px solid var(--cc-rule); }
.template-site--contractor-general .cc-project-study:nth-child(even) { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.template-site--contractor-general .cc-project-study:nth-child(even) .cc-drawing { order: 2; }
.template-site--contractor-general .cc-study-drawing { padding: 1rem; }
.template-site--contractor-general .cc-study-drawing figcaption { border-top: 1px solid var(--cc-rule); padding-top: .6rem; font-size: .68rem; color: var(--cc-muted); }
.template-site--contractor-general .cc-study-copy h3 { font-size: clamp(1.7rem, 2.9vw, 2.7rem); }
.template-site--contractor-general .cc-study-copy .cc-spec-list > div { grid-template-columns: 1fr; gap: .5rem; }
.template-site--contractor-general .cc-references { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(2.5rem, 8vw, 8rem); }
.template-site--contractor-general .cc-empty-reviews { background: #e3e3d8; padding: clamp(1.4rem, 3vw, 3rem); align-self: start; border-top: 4px solid var(--cc-rust); }
.template-site--contractor-general .cc-reference-mark { display: block; height: 5rem; font-family: Georgia, serif; font-size: 9rem; line-height: 1.1; color: var(--cc-rust); }
.template-site--contractor-general .cc-empty-reviews .cc-stamp { margin-top: .5rem; margin-bottom: 0; }
.template-site--contractor-general .cc-reference-questions h2 { font-size: clamp(1.8rem, 3vw, 2.8rem); }
.template-site--contractor-general .cc-reference-questions ol { padding-left: 1.5rem; margin: 2rem 0; }
.template-site--contractor-general .cc-reference-questions li { padding: 1.2rem 0 1rem .6rem; border-top: 1px solid var(--cc-rule); }
.template-site--contractor-general .cc-reference-questions li::marker { font: .85rem 'Courier New', monospace; color: var(--cc-rust); }
.template-site--contractor-general .cc-reference-questions h3 { font-size: 1.2rem; margin-bottom: .5rem; }
.template-site--contractor-general .cc-reference-questions p { font-size: .92rem; margin: 0; }
.template-site--contractor-general .cc-contact-prep { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(2rem, 8vw, 8rem); }
.template-site--contractor-general .cc-checklist { margin: 2rem 0 0; padding-left: 1.5rem; }
.template-site--contractor-general .cc-checklist li { padding: .9rem 0 .9rem .5rem; border-top: 1px solid var(--cc-rule); line-height: 1.6; font-size: .95rem; }
.template-site--contractor-general .cc-checklist li::marker { color: var(--cc-rust); font: .8rem 'Courier New', monospace; }
.template-site--contractor-general .cc-contact-ticket { align-self: start; padding: 1.7rem; background: #e3e3d8; border-top: 4px solid var(--cc-rust); }
.template-site--contractor-general .cc-contact-ticket h3 { font-size: 1.8rem; }
.template-site--contractor-general .cc-contact-ticket dl { margin: 1.5rem 0; }
.template-site--contractor-general .cc-contact-ticket dl > div { border-top: 1px solid var(--cc-rule); padding: 1rem 0; }
.template-site--contractor-general .cc-contact-ticket dt { margin-bottom: .4rem; font: .68rem 'Courier New', monospace; text-transform: uppercase; color: var(--cc-muted); }
.template-site--contractor-general .cc-contact-ticket dd { margin: 0; font-size: .9rem; line-height: 1.6; }
.template-site--contractor-general .cc-contact-ticket dd a { display: inline-flex; align-items: center; min-height: 44px; font-size: 1.5rem; font-weight: 700; border-bottom: 1px solid var(--cc-ink); }
.template-site--contractor-general .cc-contact-ticket .cc-caption { font-size: .73rem; margin: 0; }
.template-site--contractor-general .cc-next-step { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) auto; align-items: start; gap: 2rem; background: #e3e3d8; }
.template-site--contractor-general .cc-next-step h2 { margin: 0; }

/* Shared form and footer retain their contracts while adopting the journal. */
.template-site--contractor-general .cc-estimate-wrap .template-lead-panel { padding: clamp(3rem, 7vw, 6rem) var(--cc-gutter); grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(2rem, 7vw, 7rem); background: var(--cc-paper); color: var(--cc-ink); border-bottom: 1px solid var(--cc-rule); }
.template-site--contractor-general .cc-estimate-wrap .template-lead-panel > * { min-width: 0; }
.template-site--contractor-general .cc-estimate-wrap .template-lead-panel h2 { font: 800 clamp(2rem, 4vw, 4rem)/1.02 Arial, sans-serif; letter-spacing: -.055em; color: var(--cc-ink); }
.template-site--contractor-general .cc-estimate-wrap .template-lead-panel p { color: var(--cc-muted); }
.template-site--contractor-general .cc-estimate-wrap .template-site-kicker { color: var(--cc-rust); font: 700 .72rem 'Courier New', monospace; text-transform: uppercase; }
.template-site--contractor-general .cc-estimate-wrap .template-lead-form { border: 1px solid var(--cc-rule); border-top: 4px solid var(--cc-rust); border-radius: 0; padding: clamp(1.2rem, 3vw, 2rem); background: #e3e3d8; box-shadow: none; }
.template-site--contractor-general .cc-estimate-wrap .template-lead-form label { color: var(--cc-ink); }
.template-site--contractor-general .cc-estimate-wrap .template-lead-form :where(input, textarea, select) { width: 100%; min-width: 0; border: 1px solid #7b8275; border-radius: 0; background: #faf8f2; color: var(--cc-ink); }
.template-site--contractor-general .cc-estimate-wrap .template-lead-form :where(input, textarea)::placeholder { color: #5b6258; opacity: 1; }
.template-site--contractor-general .cc-estimate-wrap .template-lead-form button { border-radius: 0; min-height: 50px; background: var(--cc-rust); color: #fff; }
.template-site--contractor-general .cc-estimate-wrap .template-lead-form button:hover { background: var(--cc-ink); }
.template-site--contractor-general .cc-estimate-wrap .template-lead-form small { color: var(--cc-muted); }
.template-site--contractor-general .cc-estimate-wrap .template-lead-form :where(input, textarea, select):focus { outline: 3px solid var(--cc-rust); outline-offset: 3px; }
.template-site--contractor-general .cc-estimate-wrap .template-form-fields { min-width: 0; }
.template-site--contractor-general .cc-estimate-wrap :where(.validation-errors, .validation-message) { color: #872f1a; }
.template-site--contractor-general .cc-estimate-wrap .template-form-feedback { color: var(--cc-ink); background: var(--cc-paper); border: 1px solid var(--cc-rule); border-radius: 0; }
.template-site--contractor-general .cc-estimate-wrap .template-form-feedback p { color: var(--cc-ink); }
.template-site--contractor-general .cc-estimate-wrap .template-form-feedback .template-form-dismiss { color: var(--cc-ink); background: transparent; border: 1px solid var(--cc-ink); }
.template-site--contractor-general .template-site-bottom-cta { border-top: 1px solid var(--cc-rule); padding: 3rem var(--cc-gutter); background: #daddd1; color: var(--cc-ink); text-align: left; gap: 2rem; }
.template-site--contractor-general .template-site-bottom-cta h2 { font-family: Arial, sans-serif; font-size: clamp(1.8rem, 3vw, 2.7rem); font-weight: 800; letter-spacing: -.045em; margin: 0; }
.template-site--contractor-general .template-site-bottom-cta p { margin: 1rem 0 0; color: var(--cc-muted); }
.template-site--contractor-general .template-site-bottom-cta .template-site-kicker { color: var(--cc-muted); font: 700 .7rem 'Courier New', monospace; text-transform: uppercase; }
.template-site--contractor-general .template-site-bottom-cta .template-site-actions { justify-content: flex-start; }
.template-site--contractor-general .template-site-bottom-cta .template-site-actions a { border-radius: 0; line-height: 1.4; }
.template-site--contractor-general .template-site-bottom-cta .template-site-actions a:first-child { color: #fff; background: var(--cc-rust); }
.template-site--contractor-general .template-site-bottom-cta .template-site-actions a:last-child { color: var(--cc-ink); background: transparent; border-color: var(--cc-ink); }
.template-site--contractor-general .template-site-footer { padding: 2.5rem var(--cc-gutter); border-top: 1px solid #687268; border-radius: 0; background: var(--cc-ink); color: var(--cc-paper); }
.template-site--contractor-general .template-site-footer strong { font-family: Arial, sans-serif; font-weight: 800; letter-spacing: -.025em; }
.template-site--contractor-general .template-site-footer span { color: #c7c9bc; }
.template-site--contractor-general .template-site-footer a { color: var(--cc-paper); border-radius: 0; min-height: 44px; }
.template-site--contractor-general .template-site-footer a:focus-visible,
.template-site--contractor-general .cc-nav-estimate:focus-visible { outline-color: var(--cc-paper); outline-offset: -5px; }

@media (min-width: 1600px) {
    .template-site--contractor-general { --cc-gutter: max(5rem, calc((100vw - 1440px) / 2)); }
}
@media (max-width: 1100px) {
    .template-site--contractor-general .cc-nav-row { gap: .6rem; }
    .template-site--contractor-general .cc-nav { gap: 0 .8rem; }
    .template-site--contractor-general .cc-nav a { font-size: .76rem; }
    .template-site--contractor-general .cc-nav-estimate { font-size: .73rem; gap: .6rem; padding: .7rem; }
    .template-site--contractor-general .cc-section-heading { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
    .template-site--contractor-general .cc-section-heading > a { grid-column: 2; justify-self: start; }
    .template-site--contractor-general .cc-next-step { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
    .template-site--contractor-general .cc-next-step > a { grid-column: 2; justify-self: start; }
    .template-site--contractor-general .cc-scope { grid-template-columns: minmax(0, .6fr) minmax(0, 2.5fr); }
    .template-site--contractor-general .cc-scope > a { grid-column: 2; justify-self: start; }
}
@media (max-width: 800px) {
    .template-site--contractor-general .cc-masthead-top { flex-wrap: wrap; padding: 1.2rem 0; gap: 1rem; }
    .template-site--contractor-general .cc-identity { flex: 1; }
    .template-site--contractor-general .cc-identity strong { max-width: 230px; font-size: 1.2rem; }
    .template-site--contractor-general .cc-masthead-contact { order: 3; display: flex; justify-content: space-between; align-items: center; gap: 1rem; width: 100%; border-top: 1px solid var(--cc-rule); padding-top: .6rem; text-align: left; }
    .template-site--contractor-general .cc-masthead-contact a { font-size: 1rem; }
    .template-site--contractor-general .cc-masthead-contact .cc-demo-label { font-size: .62rem; }
    .template-site--contractor-general .cc-menu-toggle { display: block; }
    .template-site--contractor-general .cc-nav-row { display: none; padding: .5rem 0 1rem; }
    .template-site--contractor-general .cc-nav-row.is-open { display: grid; }
    .template-site--contractor-general .cc-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .2rem 1rem; }
    .template-site--contractor-general .cc-nav a { min-height: 48px; font-size: .9rem; border-bottom: 1px solid var(--cc-rule); }
    .template-site--contractor-general .cc-nav-estimate { min-height: 48px; margin-top: .8rem; font-size: .85rem; padding: 1rem; }
    .template-site--contractor-general .cc-hero { grid-template-columns: minmax(0, 1fr); }
    .template-site--contractor-general .cc-hero-copy { padding: 3rem 0 2.5rem; }
    .template-site--contractor-general .cc-hero h1 { font-size: clamp(3.5rem, 11vw, 6.5rem); }
    .template-site--contractor-general .cc-hero-copy p { max-width: 480px; }
    .template-site--contractor-general .cc-hero-drawing { border-left: 0; border-top: 1px solid var(--cc-rule); padding: 1rem; }
    .template-site--contractor-general .cc-hero-drawing svg { max-height: 480px; }
    .template-site--contractor-general .cc-project-strip { grid-template-columns: 1fr; }
    .template-site--contractor-general .cc-project-strip > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 1rem; padding: 1rem 0; }
    .template-site--contractor-general .cc-project-strip > div + div { border-left: 0; border-top: 1px solid var(--cc-rule); padding-left: 0; }
    .template-site--contractor-general .cc-project-strip dd { margin: 0; }
    .template-site--contractor-general .cc-feature,
    .template-site--contractor-general .cc-about,
    .template-site--contractor-general .cc-process,
    .template-site--contractor-general .cc-references,
    .template-site--contractor-general .cc-contact-prep,
    .template-site--contractor-general .cc-estimate-wrap .template-lead-panel { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
    .template-site--contractor-general .cc-service-list a { grid-template-columns: 26px minmax(0, 1fr) 22px; gap: 1rem; }
    .template-site--contractor-general .cc-service-list p { grid-column: 2; }
    .template-site--contractor-general .cc-service-list a > span:last-child { grid-column: 3; grid-row: 1 / 3; }
    .template-site--contractor-general .cc-page-head { grid-template-columns: 1fr; gap: 1.8rem; }
    .template-site--contractor-general .cc-page-index { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; gap: 1rem; }
    .template-site--contractor-general .cc-page-index .cc-folio { margin: 0; }
    .template-site--contractor-general .cc-page-head h1 { font-size: clamp(3rem, 9vw, 5rem); }
    .template-site--contractor-general .cc-project-study,
    .template-site--contractor-general .cc-project-study:nth-child(even) { grid-template-columns: 1fr; }
    .template-site--contractor-general .cc-project-study:nth-child(even) .cc-drawing { order: 0; }
    .template-site--contractor-general .cc-study-drawing svg { max-height: 390px; }
    .template-site--contractor-general .cc-contact-ticket { max-width: 100%; }
    .template-site--contractor-general .template-site-bottom-cta { grid-template-columns: 1fr; }
}
@media (max-width: 500px) {
    .template-site--contractor-general .cc-identity strong { font-size: 1.05rem; max-width: 170px; }
    .template-site--contractor-general .cc-identity small { font-size: .64rem; }
    .template-site--contractor-general .cc-identity { gap: .6rem; }
    .template-site--contractor-general .cc-monogram { width: 43px; height: 49px; font-size: 1.8rem; padding: 3px; }
    .template-site--contractor-general .cc-menu-toggle { font-size: .72rem; padding: .55rem; }
    .template-site--contractor-general .cc-masthead-contact { flex-wrap: wrap; gap: .25rem .6rem; }
    .template-site--contractor-general .cc-hero h1 { font-size: clamp(3.2rem, 13.5vw, 4.5rem); }
    .template-site--contractor-general .cc-hero-copy .cc-folio { font-size: .65rem; }
    .template-site--contractor-general .cc-actions { display: grid; }
    .template-site--contractor-general .cc-button { font-size: .8rem; gap: 1rem; }
    .template-site--contractor-general .cc-drawing-top { font-size: .6rem; }
    .template-site--contractor-general .cc-drawing { background-size: 20px 20px; }
    .template-site--contractor-general .cc-hero-drawing figcaption span { font-size: .8rem; }
    .template-site--contractor-general .cc-section-heading,
    .template-site--contractor-general .cc-credential-note,
    .template-site--contractor-general .cc-scope-note,
    .template-site--contractor-general .cc-scope,
    .template-site--contractor-general .cc-next-step { grid-template-columns: 1fr; gap: 1.25rem; }
    .template-site--contractor-general .cc-section-heading > a,
    .template-site--contractor-general .cc-scope > a,
    .template-site--contractor-general .cc-next-step > a { grid-column: 1; }
    .template-site--contractor-general .cc-scope > .cc-folio { margin: 0; }
    .template-site--contractor-general .cc-spec-list > div { grid-template-columns: 1fr; gap: .5rem; }
    .template-site--contractor-general .cc-filters { gap: .35rem; }
    .template-site--contractor-general .cc-filters button { font-size: .75rem; padding: .65rem .75rem; }
    .template-site--contractor-general .cc-contact-ticket { padding: 1.25rem; }
    .template-site--contractor-general .template-site-bottom-cta .template-site-actions { justify-content: flex-start; }
    .template-site--contractor-general .template-site-footer nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
    .template-site--contractor-general .template-site-footer a { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
    .template-site--contractor-general *,
    .template-site--contractor-general *::before,
    .template-site--contractor-general *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}