:root {
    --ink: #202020;
    --muted: #626262;
    --accent: #b51817;
    --accent-dark: #921312;
    --line: #e4e0e0;
    --paper: #f7f6f6;
    --bs-link-color: var(--accent);
    --bs-link-hover-color: var(--accent-dark);
}
body { margin: 0; background: var(--paper); color: var(--ink); font-family: 'Segoe UI', Arial, sans-serif; }
.btn-outline-secondary { --bs-btn-color: #565d64; --bs-btn-border-color: #565d64; --bs-btn-hover-bg: #565d64; --bs-btn-hover-border-color: #565d64; --bs-btn-active-bg: #565d64; --bs-btn-active-border-color: #565d64; }
a { color: var(--accent); text-underline-offset: 4px; }
a:hover { color: var(--accent-dark); }
h1 { font-weight: 650; letter-spacing: -.045em; font-size: clamp(2rem, 3.5vw, 3.4rem); }
h2 { font-size: 1.35rem; font-weight: 650; letter-spacing: -.025em; }
p { color: var(--muted); line-height: 1.7; }
.eyebrow { font-size: .69rem; letter-spacing: .16em; color: var(--accent); font-weight: 700; margin-bottom: 16px; }
.topbar { min-height: 80px; background: white; border-top: 3px solid var(--accent); border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 0 32px; }
.header-identity { display: flex; align-items: center; gap: 20px; min-width: 0; }
.portal-title { border-left: 1px solid var(--line); padding-left: 20px; color: #4b4b4b; font-size: .85rem; font-weight: 600; }
.brand { display: block; flex-shrink: 0; }
.brand img { display: block; width: 140px; height: 78px; object-fit: cover; }
.topbar-actions { display: flex; gap: 18px; align-items: center; font-size: .85rem; }
.app-shell { display: flex; min-height: calc(100vh - 167px); }
.sidebar { width: 232px; flex-shrink: 0; background: white; border-right: 1px solid var(--line); padding: 24px 16px; }
.sidebar-label { font-size: .68rem; letter-spacing: .1em; color: var(--muted); padding: 0 12px 16px; }
.workspace-menu-toggle, .public-menu-toggle { display: none; }
.sidebar nav a { display: block; text-decoration: none; color: #525252; padding: 10px 12px; border-radius: 6px; font-size: .85rem; }
.sidebar nav a:hover { background: var(--paper); color: var(--ink); }
.sidebar nav a.active { background: #fceceb; color: var(--accent-dark); font-weight: 650; box-shadow: inset 3px 0 var(--accent); }
.workspace-home { margin-bottom: 12px; font-weight: 600; }
.nav-group { border-top: 1px solid #efeded; padding: 8px 0; }
.nav-group summary { cursor: pointer; padding: 10px 12px; font-size: .85rem; font-weight: 650; }
.nav-group-links { padding-left: 8px; }
@media (min-width: 851px) { .workspace-navigation.collapse { display: block; } }
.sidebar-note { margin-top: auto; font-size: .85rem; font-weight: 600; padding-top: 40px; }
.sidebar-note span { color: var(--muted); font-size: .75rem; font-weight: 400; }
.main-content { padding: 32px; flex: 1; min-width: 0; }
.workspace-site .main-content > * { max-width: 1240px; margin-left: auto; margin-right: auto; }
.workspace-site h1 { font-size: clamp(1.65rem, 2.4vw, 2.15rem); letter-spacing: -.03em; margin-bottom: 12px; }
.workspace-site .page-heading h1 { font-size: clamp(1.65rem, 2.4vw, 2.15rem); }
.workspace-site .eyebrow { font-size: .65rem; margin-bottom: 10px; }
.workspace-site .page-heading p { margin-bottom: 0; font-size: .9rem; }
.panel { background: white; border: 1px solid var(--line); border-radius: 10px; padding: 24px; }
.workspace-site form label { font-size: .85rem; }
.workspace-site .table th { white-space: nowrap; background: #faf9f9; color: #444; font-weight: 600; padding: 14px 16px; }
.workspace-site .table td { padding: 16px; vertical-align: middle; }
.workspace-site .table tbody tr:last-child td { border-bottom: 0; }
.record-actions summary { font-size: .82rem; color: var(--accent-dark); cursor: pointer; font-weight: 600; line-height: 32px; min-height: 32px; }
.workspace-site .table td > a { display: inline-flex; align-items: center; min-height: 32px; min-width: 32px; }
.record-actions[open] { min-width: 220px; }
.record-actions form { padding: 16px; background: var(--paper); border: 1px solid var(--line); border-radius: 8px; }
.record-actions .cms-state { flex-direction: column; align-items: stretch; }
.advanced-filters { flex-basis: 100%; border-top: 1px solid var(--line); padding-top: 12px; }
.advanced-filters summary { cursor: pointer; font-size: .85rem; font-weight: 600; }
.advanced-filter-fields { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; }
.advanced-filter-fields label { flex: 1 1 180px; }
.quote-line .row > .col { flex: 1 1 150px; min-width: 0; }
.workspace-launchers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 28px; }
@media (min-width: 1200px) { .workspace-launchers { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.workspace-launcher { display: block; padding: 24px; background: white; border: 1px solid var(--line); border-radius: 10px; text-decoration: none; color: var(--ink); }
.workspace-launcher:hover { border-color: var(--accent); color: var(--ink); }
.workspace-launcher h2 { font-size: 1.12rem; margin-bottom: 10px; }
.workspace-launcher p { font-size: .88rem; margin-bottom: 16px; }
.workspace-launcher span { color: var(--accent-dark); font-size: .85rem; font-weight: 600; }
.form-section { border: 0; border-bottom: 1px solid var(--line); margin-bottom: 24px; padding-bottom: 24px; }
.form-section legend { float: none; width: auto; font-size: 1rem; font-weight: 650; margin-bottom: 20px; }
.settings-navigation { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 20px; }
.settings-navigation a { padding: 12px 16px; background: #fff; color: #32343a; border: 1px solid var(--line); border-radius: 6px; text-decoration: none; font-size: .86rem; }
.settings-navigation a:hover, .settings-navigation a:focus-visible { border-color: var(--accent); color: var(--accent); }
.settings-summary { color: #50545c; margin-bottom: 24px; }
#email-delivery, #email-verification, #remembered-browsers, #captcha-settings, #browser-revocation { scroll-margin-top: 110px; }
.auth-resend { padding-top: 24px; border-top: 1px solid var(--line); }
.auth-resend .btn-outline-secondary { color: #41464b; border-color: #6b7075; transition: none; }
.auth-resend .btn-outline-secondary:hover, .auth-resend .btn-outline-secondary:focus-visible { color: #fff; background: #41464b; border-color: #41464b; }
.form-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 24px; }
.page-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.page-heading h1 { font-size: 2.5rem; }
.surface, .metric-card, .auth-panel { background: white; border: 1px solid var(--line); border-radius: 12px; padding: 28px; box-shadow: 0 3px 12px #20202003; }
.metric-card p { font-size: .8rem; margin-bottom: 14px; }
.metric-card strong { font-size: 2.6rem; font-weight: 600; letter-spacing: -.05em; }
.btn-primary, .btn-outline-primary {
    --bs-btn-border-color: var(--accent);
    --bs-btn-hover-bg: var(--accent-dark);
    --bs-btn-hover-border-color: var(--accent-dark);
    --bs-btn-active-bg: var(--accent-dark);
    --bs-btn-active-border-color: var(--accent-dark);
    --bs-btn-disabled-bg: var(--accent);
    --bs-btn-disabled-border-color: var(--accent);
    --bs-btn-focus-shadow-rgb: 181, 24, 23;
}
.btn-primary { --bs-btn-bg: var(--accent); padding: 10px 20px; }
.btn-outline-primary { --bs-btn-color: var(--accent); }
.form-control, .form-select { min-height: 45px; border-color: #cfc8c8; }
.form-control:focus, .form-select:focus { border-color: var(--accent); box-shadow: 0 0 0 .25rem #b5181720; }
.form-check-input:checked { background-color: var(--accent); border-color: var(--accent); }
.form-check-input:focus { border-color: var(--accent); box-shadow: 0 0 0 .25rem #b5181720; }
.nav-pills { --bs-nav-pills-link-active-bg: var(--accent); }
.pagination { --bs-pagination-color: var(--accent); --bs-pagination-hover-color: var(--accent-dark); --bs-pagination-active-bg: var(--accent); --bs-pagination-active-border-color: var(--accent); --bs-pagination-focus-color: var(--accent-dark); --bs-pagination-focus-box-shadow: 0 0 0 .25rem #b5181720; }
.auth-panel { max-width: 470px; margin: 28px auto; padding: 38px; border-top: 3px solid var(--accent); }
.auth-panel h1 { font-size: 2.4rem; }
.table { font-size: .85rem; }
.table th { color: var(--muted); font-weight: 500; padding-bottom: 16px; }
.table td { padding-top: 16px; padding-bottom: 16px; }
.empty-state { padding: 26px; background: var(--paper); border-radius: 8px; color: var(--muted); }
.permission-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 26px; }
.permission-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: .85rem; }
.page-footer { border-top: 1px solid var(--line); padding: 18px 36px; font-size: .75rem; color: var(--muted); background: white; }
.welcome-panel { padding: 7vh 5vw; max-width: 1000px; border-left: 4px solid var(--accent); background: linear-gradient(120deg, white, var(--paper)); }
.welcome-panel h1 { font-size: clamp(2.8rem, 5vw, 5rem); margin: 20px 0; }
.welcome-panel p { max-width: 520px; margin-bottom: 32px; font-size: 1.1rem; }
.welcome-caption { margin-top: 60px; color: var(--muted); font-size: .8rem; }
.skip-link { position: absolute; top: -100px; padding: 12px; background: white; z-index: 10; }
.skip-link:focus { top: 0; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
@media (max-width: 850px) {
    .app-shell { flex-direction: column; }
    .sidebar { width: 100%; padding: 16px; border-right: 0; border-bottom: 1px solid var(--line); }
    .workspace-menu-toggle { display: flex; width: 100%; align-items: center; justify-content: space-between; }
    .workspace-navigation { padding-top: 16px; }
    .sidebar .eyebrow, .sidebar-note { display: none; }
    .main-content { padding: 24px 16px; }
    .topbar { padding: 0 16px; min-height: 72px; gap: 12px; flex-wrap: wrap; }
    .brand img { width: 120px; height: 68px; }
    .portal-title { font-size: .75rem; padding-left: 12px; }.header-identity { gap: 12px; }
    .topbar-actions { gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
    .permission-grid { grid-template-columns: 1fr; }
    .auth-panel { padding: 24px; }
    .page-heading { align-items: flex-start; flex-wrap: wrap; }
    .table { font-size: .8rem; }
    .workspace-launchers { grid-template-columns: 1fr; }.panel, .surface { padding: 20px; }
    .page-footer { padding: 18px 16px; }
}
@media (max-width: 380px) {
    .brand img { width: 132px; height: 75px; }
    .topbar-actions { gap: 6px; font-size: .75rem; }
    .welcome-panel { padding: 32px 20px; }
}
/* Public corporate website */
.corporate-content { padding: 0; background: #fff; }
.corporate-nav { display: flex; align-items: center; gap: 26px; }
.corporate-nav a:not(.btn) { color: var(--ink); text-decoration: none; font-weight: 600; }
.corporate-nav a:hover { color: var(--accent); }
.corporate-hero { padding: 64px max(32px, calc((100vw - 1180px) / 2)); background: #f8f6f5; border-bottom: 1px solid var(--line); }
.corporate-hero:has(.hero-banner) { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 48px; }
.hero-copy { max-width: 800px; }
.hero-copy h1 { font-size: clamp(2.25rem, 4vw, 3.9rem); line-height: 1.12; margin: 20px 0 24px; }
.hero-copy h1 span { color: var(--accent); display: block; }
.hero-banner img { width: 100%; max-height: 380px; object-fit: contain; }
.hero-copy p { max-width: 540px; font-size: 1.1rem; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 32px; }
.text-link { font-weight: 600; }
.hero-art { background: white; padding: 32px 26px; border: 1px solid var(--line); border-bottom: 5px solid var(--accent); box-shadow: 24px 24px 0 #eae5e3; }
.hero-art img { width: 100%; height: auto; margin: 36px 0; }
.art-label { font-size: .63rem; letter-spacing: .15em; color: var(--muted); }
.art-caption { display: flex; justify-content: space-between; gap: 14px; font-size: .7rem; color: var(--muted); border-top: 1px solid var(--line); padding-top: 20px; }
.corporate-section { padding: 56px max(32px, calc((100vw - 1180px) / 2)); }
.home-contact { display: flex; align-items: center; justify-content: space-between; gap: 40px; background: var(--paper); border-top: 1px solid var(--line); }
.home-contact h2 { font-size: clamp(1.8rem, 2.6vw, 2.4rem); }.home-contact p { max-width: 570px; }
.contact-actions { display: flex; flex-direction: column; gap: 12px; flex-shrink: 0; }
.company-introduction { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; background: white; border-bottom: 1px solid var(--line); }
.company-introduction h2 { font-size: clamp(2rem, 3.1vw, 3.4rem); }
.company-copy { align-self: center; max-width: 560px; }
.company-copy p { font-size: 1.1rem; margin-bottom: 24px; }
.project-start { background: white; border-top: 1px solid var(--line); }
.project-prompts { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin: 0 0 32px; }
.project-prompts li { border-top: 2px solid var(--accent); padding-top: 24px; }
.prompt-number { display: block; color: var(--accent); font-size: .85rem; font-weight: 700; margin-bottom: 28px; }
.project-prompts h3 { font-size: 1.25rem; letter-spacing: -.025em; }
@media (max-width: 750px) { .company-introduction, .project-prompts { grid-template-columns: 1fr; gap: 24px; }.prompt-number { margin-bottom: 16px; } }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 36px; }
.section-heading h2, .approach-strip h2 { font-size: clamp(1.8rem, 2.6vw, 2.4rem); }
.section-heading p { max-width: 340px; }
.service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.home-services .service-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.service-tile { position: relative; display: flex; flex-direction: column; text-decoration: none; color: var(--ink); padding: 24px; border: 1px solid var(--line); border-radius: 8px; background: #fff; transition: border-color .15s; }
.service-tile:hover { border-color: var(--accent); color: var(--ink); }
.service-tile h3, .service-tile h2 { font-size: 1.08rem; margin: 0 0 12px; line-height: 1.4; }
.service-tile p { font-size: .88rem; }
.tile-arrow { position: absolute; right: 26px; top: 18px; color: var(--accent); font-size: 1.5rem; }
.service-tile:has(.tile-arrow) h2 { padding-right: 24px; }
.tile-link { margin-top: auto; font-size: .8rem; font-weight: 600; color: var(--accent); }
.approach-strip { background: var(--ink); color: white; padding: 68px max(36px, 7vw); }
.approach-strip .eyebrow { color: #ff9c96; }.approach-strip p { color: #dedada; max-width: 580px; margin: 24px 0; }
.intro-copy { font-size: 1.2rem; max-width: 680px; margin: 24px 0 32px; }
.content-article { max-width: 1000px; }.content-article > p { font-size: 1.05rem; }
.article-cta { border-top: 1px solid var(--line); margin-top: 48px; padding-top: 32px; }
.contact-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 6vw; background: var(--paper); }
.contact-layout h1 { white-space: pre-line; }.contact-details { display: flex; flex-direction: column; gap: 12px; margin: 36px 0; font-size: 1.15rem; }
.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.enquiry-message { white-space: pre-wrap; overflow-wrap: anywhere; }.intake-record { border-bottom: 1px solid var(--line); padding: 24px 0; }
.page-footer nav { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 14px; }
@media (max-width: 1100px) { .corporate-nav { gap: 16px; flex-wrap: wrap; justify-content: flex-end; }.service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.corporate-hero { gap: 32px; padding: 56px 36px; } }
@media (max-width: 750px) { .topbar:has(.corporate-nav) { flex-direction: column; align-items: flex-start; padding-bottom: 20px; }.corporate-nav { justify-content: flex-start; gap: 16px; }.corporate-hero, .contact-layout { grid-template-columns: 1fr; }.corporate-hero, .corporate-section, .approach-strip { padding: 40px 24px; }.hero-art { max-width: 500px; box-shadow: 12px 12px 0 #eae5e3; margin: 8px 12px 8px 0; }.section-heading { flex-direction: column; align-items: start; }.service-grid { grid-template-columns: 1fr; }.enquiry-form { padding: 24px; } }
@media (prefers-reduced-motion: reduce) { .service-tile { transition: none; } }
@media (min-width: 1101px) { .corporate-nav.collapse { display: flex; } }
@media (max-width: 1100px) {
    .public-site .topbar { position: relative; flex-direction: row; align-items: center; padding: 0 24px; }
    .public-menu-toggle { display: block; }
    .corporate-nav { position: absolute; left: 0; right: 0; top: 100%; z-index: 5; background: white; padding: 20px 24px; border-bottom: 1px solid var(--line); box-shadow: 0 12px 18px #00000008; }
    .corporate-nav.show { display: flex; flex-direction: column; align-items: stretch; gap: 20px; }
    .home-services .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 750px) {
    .public-site .topbar { padding: 0 20px; }.public-site .brand img { width: 120px; height: 68px; }
    .corporate-hero, .corporate-section { padding: 36px 20px; }.corporate-hero:has(.hero-banner) { grid-template-columns: 1fr; }
    .hero-copy p { font-size: 1rem; }.hero-actions { gap: 20px; margin-top: 24px; }
    .home-contact { flex-direction: column; align-items: stretch; gap: 24px; }.contact-actions { flex-direction: row; flex-wrap: wrap; }
    .service-tile { padding: 20px; }.section-heading { gap: 16px; margin-bottom: 24px; }
}
@media (max-width: 450px) { .home-services .service-grid { grid-template-columns: 1fr; }.portal-title { border: 0; padding: 0; }.workspace-site .topbar-actions { margin-bottom: 12px; } }
/* Content management */
.cms-filters { display: flex; gap: 12px; align-items: end; margin-bottom: 24px; flex-wrap: wrap; }
.cms-filters > .form-control { flex: 2; min-width: 200px; }.cms-filters > .form-select { flex: 1; min-width: 160px; }
.cms-state { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: 12px; }.cms-state .form-select { min-width: 170px; width: auto; }
.media-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }.media-thumb { width: 100%; height: 180px; object-fit: contain; background: var(--paper); }.media-grid h2 { overflow-wrap: anywhere; }
.content-image { max-width: 100%; max-height: 500px; object-fit: contain; margin: 16px 0 32px; }
@media(max-width: 850px) { .media-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width: 550px) { .media-grid { grid-template-columns: 1fr; }.cms-filters label { width: 100%; } }
@media(max-width: 650px) {
    .cms-content-table, .cms-content-table tbody { display: block; }
    .cms-content-table thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
    .cms-content-table tbody tr { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; padding: 16px; border: 1px solid var(--line); border-radius: 8px; margin-bottom: 12px; }
    .workspace-site .cms-content-table td { display: block; padding: 0; border: 0; min-width: 0; overflow-wrap: anywhere; }
    .cms-content-table td:first-child, .cms-content-table td:last-child { grid-column: 1/-1; }
    .cms-content-table td[data-label]::before { content: attr(data-label); display: block; font-size: .72rem; font-weight: 600; color: var(--muted); margin-bottom: 8px; }
    .cms-content-table td:last-child { border-top: 1px solid var(--line); padding-top: 12px; }
    .cms-content-table .record-actions[open] { min-width: 0; }
    .cms-content-table .cms-state .form-select { min-width: 0; width: 100%; }
}
:root { --crm-gap: 1.2rem; }
.crm-filter{display:flex;gap:var(--crm-gap);flex-wrap:wrap;align-items:end}.crm-filter label{flex:1;min-width:140px}.crm-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--crm-gap)}.crm-edit-grid label{display:block;font-weight:600}.crm-edit-grid input,.crm-edit-grid select,.crm-edit-grid textarea{margin-top:.4rem}.crm-wide{grid-column:1/-1}.crm-details{display:grid;grid-template-columns:minmax(120px,1fr) 3fr;gap:.75rem}.crm-details dd{white-space:pre-wrap}.metric-card{background:white;border:1px solid #e7e7e7;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column}.metric-card strong{font-size:2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}@media(max-width:640px){.crm-edit-grid{grid-template-columns:1fr}.crm-wide{grid-column:auto}.crm-details{grid-template-columns:1fr}.crm-filter label{min-width:100%}}