/* Hallmark · macrostructure: Problem-led Catalogue · genre: modern-minimal · theme: brand navy / light paper · nav: section navigation · footer: Ft1 · tone: professional · enrichment: none */
/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V5 */
.business-site { font-size: 1rem; }
.business-site .wrap { width: min(1320px, 100%); }
.business-site h1,.business-site h2,.business-site h3 { letter-spacing: -.035em; }
.business-header { display:flex; align-items:center; justify-content:space-between; gap:var(--space-md); padding-block:var(--space-md); border-bottom:1px solid var(--color-rule); flex-wrap:wrap; }
.business-header .brand { width:238px; height:58px; }
.business-header .brand img { width:350px; left:-56px; top:-3px; }
.business-header nav { display:flex; gap:var(--space-lg); order:3; width:100%; }
.business-header nav a,.header-cta { display:inline-flex; align-items:center; gap:var(--space-sm); font-size:var(--text-small); min-height:44px; white-space:nowrap; }
.business-header nav a { color:var(--color-muted); }
.business-header nav a:hover,.quiet-link:hover { color:var(--color-accent); }
.header-cta { border-bottom:1px solid var(--color-accent); }
.business-hero { display:grid; gap:var(--space-xl); padding-block:var(--space-xl); }
.business-hero h1 { font-size:var(--text-business-display); line-height:1.13; margin-top:var(--space-md); max-width:20ch; }
.hero-lead { margin-top:var(--space-md); font-size:1.08rem; color:var(--color-muted); max-width:52ch; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-md); margin-top:var(--space-lg); }
.quiet-link { display:inline-flex; align-items:center; gap:var(--space-sm); min-height:44px; white-space:nowrap; font-size:var(--text-small); }
.recognition { align-self:center; padding:var(--space-lg); background:var(--color-surface); border-radius:var(--radius-sm); }
.recognition h2 { margin-top:var(--space-xs); margin-bottom:var(--space-md); font-size:1.3rem; letter-spacing:-.02em; }
.recognition a { display:flex; align-items:center; justify-content:space-between; gap:var(--space-sm); padding-block:var(--space-sm); border-top:1px solid var(--color-rule); font-size:.96rem; line-height:1.6; }
.recognition a>span:last-child { color:var(--color-accent); }
.recognition a:hover { color:var(--color-accent); }
.positioning { padding-block:var(--space-md); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-sm); border-top:1px solid var(--color-rule); font-size:.8rem; color:var(--color-muted); }
.positioning strong { color:var(--color-ink); font-weight:500; }
.positioning b { font-weight:400; padding-inline:var(--space-xs); color:var(--color-accent); }
.light-section { background:var(--color-light-paper); color:var(--color-light-ink); --color-muted:var(--color-light-muted); --color-rule:var(--color-light-rule); --color-accent:var(--color-light-accent); }
.solutions { padding-block:var(--space-2xl); }
.business-section-head { display:grid; gap:var(--space-md); margin-bottom:var(--space-lg); }
.business-section-head h2 { font-size:var(--text-business-heading); margin-top:var(--space-sm); line-height:1.16; }
.business-section-head>p { color:var(--color-light-muted); align-self:end; max-width:48ch; }
.topic-nav { display:flex; flex-wrap:wrap; gap:var(--space-xs); margin-block:var(--space-lg); }
.topic-nav a { border:1px solid var(--color-light-rule); border-radius:var(--radius-sm); padding:.5rem 1rem; min-height:44px; display:inline-flex; align-items:center; font-size:var(--text-small); white-space:nowrap; }
.topic-nav a:hover { border-color:var(--color-light-accent); color:var(--color-light-accent); }
.case-grid { display:grid; gap:var(--space-md); }
.case { background:var(--color-light-surface); padding:var(--space-md); border:1px solid var(--color-light-rule); border-radius:var(--radius-sm); scroll-margin-top:var(--space-lg); display:flex; flex-direction:column; }
.case-top { display:flex; align-items:center; justify-content:space-between; gap:var(--space-sm); }
.case-top .eyebrow { color:var(--color-light-accent); font-size:.72rem; }
.case-number { color:var(--color-light-muted); font-size:.75rem; font-variant-numeric:tabular-nums; }
.case h3 { font-size:1.5rem; line-height:1.25; margin-top:var(--space-md); max-width:29ch; }
.case .problem { margin-top:var(--space-sm); color:var(--color-light-muted); font-size:.94rem; }
.case dl { margin:var(--space-md) 0 0; }
.case dl>div { margin-bottom:var(--space-md); }
.case dt { font-size:.8rem; font-weight:600; margin-bottom:.4rem; color:var(--color-light-accent); }
.case dd { margin:0; font-size:.94rem; line-height:1.65; }
.case .outcome { border-left:2px solid var(--color-light-rule); padding-left:var(--space-sm); }
.case-example { border:0; border-top:1px solid var(--color-light-rule); margin-top:auto; }
.case-example summary { padding-block:var(--space-sm); font-family:var(--font-body); font-size:.8rem; font-weight:500; line-height:1.5; gap:var(--space-xs); min-height:48px; }
.case-example summary span { margin-left:auto; font-size:1.15rem; color:var(--color-light-accent); }
.case-example[open] summary span { transform:rotate(45deg); }
.case-example p { font-size:.88rem; color:var(--color-light-muted); padding-bottom:var(--space-sm); }
.examples-note { font-size:.8rem; color:var(--color-light-muted); margin-top:var(--space-md); max-width:95ch; }
.responsibility { background:var(--color-light-wash); padding-block:var(--space-2xl); }
.responsibility-grid { display:grid; gap:var(--space-xl); }
.responsibility h2 { font-size:var(--text-business-heading); margin-block:var(--space-sm) var(--space-md); }
.responsibility p:not(.eyebrow) { color:var(--color-light-muted); max-width:44ch; }
.principles { margin:0; }
.principles>div { padding-block:var(--space-md); border-bottom:1px solid var(--color-light-rule); }
.principles>div:first-child { padding-top:0; }
.principles dt { font-weight:600; margin-bottom:var(--space-xs); }
.principles dd { margin:0; color:var(--color-light-muted); font-size:.94rem; }
.method { padding-block:var(--space-2xl); }
.method-list { list-style:none; margin:var(--space-xl) 0 0; padding:0; }
.method-list li { display:grid; grid-template-columns:32px minmax(0,1fr); gap:var(--space-sm); padding-block:var(--space-lg); border-top:1px solid var(--color-light-rule); }
.method-list li>span { color:var(--color-light-accent); font-size:.8rem; padding-top:4px; }
.method-list h3 { font-size:1.2rem; letter-spacing:-.02em; margin-bottom:var(--space-xs); }
.method-list li p { color:var(--color-light-muted); font-size:.94rem; max-width:65ch; }
.method-list .deliverable { grid-column:2; font-size:.8rem; color:var(--color-light-accent); }
.business-footer { padding-top:var(--space-2xl); background:var(--color-paper); }
.contact-content { display:grid; gap:var(--space-lg); padding-bottom:var(--space-2xl); }
.contact-content h2 { font-size:var(--text-business-heading); margin-block:var(--space-sm) var(--space-md); line-height:1.2; }
.contact-content p:not(.eyebrow) { color:var(--color-muted); max-width:58ch; }
.contact-content>.button { justify-self:start; align-self:center; }
.business-footer-bottom { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-md); justify-content:space-between; padding-block:var(--space-md); border-top:1px solid var(--color-rule); font-size:.75rem; color:var(--color-muted); }
.business-footer-bottom>span:first-child { color:var(--color-ink); font-size:.94rem; }
.footer-descriptor { display:block; font-size:.72rem; color:var(--color-muted); }
.business-footer-bottom a { min-height:44px; display:inline-flex; align-items:center; white-space:nowrap; }
.business-site summary:active { opacity:.8; }
@media(min-width:48rem) {
 .business-header { flex-wrap:nowrap; }
 .business-header nav { order:0; width:auto; }
 .business-hero { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); padding-block:var(--space-2xl); gap:var(--space-xl); }
 .business-section-head { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:var(--space-xl); }
 .case-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .case { padding:var(--space-lg); }
 .responsibility-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--space-2xl); }
 .contact-content { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); }
 .contact-content>.button { justify-self:end; }
}
@media(min-width:64rem) {
 .business-hero { gap:var(--space-2xl); }
 .business-header nav { margin-left:auto; margin-right:var(--space-lg); }
 .method-list li { grid-template-columns:48px minmax(0,2fr) minmax(0,1fr); gap:var(--space-lg); }
 .method-list .deliverable { grid-column:auto; justify-self:end; align-self:center; }
}
@media(max-width:30rem) {
 .business-header { gap:var(--space-xs); }
 .business-header .brand { width:170px; height:43px; }
 .business-header .brand img { width:250px; left:-40px; top:-2px; }
 .header-cta { font-size:.75rem; gap:.4rem; }
 .business-header nav { gap:var(--space-md); }
 .business-hero h1 br { display:none; }
 .recognition { padding:var(--space-md); }
 .case-example summary { font-size:.75rem; }
}