/* October 2026 content update. Existing layout, typography and navigation retained. */
:root { --quiet: #f8f8f6; }
.document-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; margin-top:22px; }
.document-link { display:inline-flex; align-items:center; justify-content:center; gap:16px; padding:10px 16px; border:1px solid #d9d9d6; font-size:.81rem; font-weight:500; background:#fff; }
.document-link:hover { border-color:#151515; background:#f7f7f5; }
.document-link--plain { border-color:transparent; text-decoration:underline; text-underline-offset:4px; }
.identity .document-links { justify-content:flex-start; }
.metric-card__note { margin:7px 0 0; color:#737373; font-size:.72rem; line-height:1.6; }
.home-screen .page--wide { justify-content:flex-start; max-width:1120px; }
.home-screen .hero-banner { margin-top:12px; }
.home-screen .hero-banner__title { line-height:1.35; }
.selected-work { margin-top:16px; padding-top:16px; }
.selected-work > h2 { text-align:center; margin-bottom:20px; }
.selected-project-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.selected-project { padding:24px 22px 18px; background:var(--quiet); border:1px solid var(--line); display:flex; flex-direction:column; }
.selected-project h3 { font:700 1.28rem/1.3 var(--title-font); margin:9px 0 12px; letter-spacing:-.03em; }
.selected-project p { margin:0; font-size:.85rem; line-height:1.8; }
.selected-project .selected-project__tag { font-size:.71rem; color:#737373; }
.selected-project .selected-project__result { font-size:.82rem; color:#151515; font-weight:700; margin-top:18px; }
.related-cases { display:flex; flex-wrap:wrap; gap:8px 14px; margin-top:18px; padding-top:14px; border-top:1px solid var(--line); }
.related-cases a { font-size:.78rem; line-height:1.8; text-decoration:underline; text-underline-offset:4px; }
.related-cases a:hover { color:#777; }
.selected-project .related-cases { margin-top:auto; padding-top:16px; border-top:0; }
.selected-project__result + .related-cases { margin-top:10px; }
.home-screen .home-categories { margin-top:42px; }
.home-category-card__visual { max-width:220px; margin:0 auto; }
.home-category-card__visual img { padding:14px; }
.case-card { scroll-margin-top:28px; }
.case-card + .case-card { margin-top:30px; padding-top:36px; }
.case-card h3 { line-height:1.5; }
.case-results { display:flex; justify-content:center; gap:0; max-width:800px; margin:20px auto 30px; border:1px solid var(--line); background:var(--quiet); }
.result-item { flex:1; padding:18px 20px; text-align:center; }
.result-item + .result-item { border-left:1px solid var(--line); }
.result-item strong { display:block; font:700 1.9rem/1.3 var(--title-font); letter-spacing:-.04em; margin-bottom:7px; }
.result-item span { display:block; font-size:.85rem; line-height:1.6; }
.result-item small { display:block; margin-top:6px; color:#737373; font-size:.72rem; line-height:1.7; }
.case-grid ul { padding-left:18px; margin:8px 0 0; font-size:.9rem; line-height:1.9; color:#3b3b3b; }
.case-grid li + li { margin-top:6px; }
.case-detail + .case-detail { padding-top:14px; border-top:1px solid var(--line); }
.case-grid .related-cases a { padding:0; border:0; border-radius:0; background:transparent; }
.case-grid .related-cases a:hover { color:#777; background:transparent; }
.case-media { margin:0; width:100%; }
.case-media a { display:block; cursor:zoom-in; }
.case-media figcaption { margin-top:9px; font-size:.74rem; line-height:1.7; color:#737373; text-align:left; }
.search-comparison { background:var(--quiet); border:1px solid var(--line); padding:22px; width:100%; text-align:left; }
.search-comparison h4 { font-size:.9rem; margin:0 0 20px; }
.search-comparison > div { display:grid; grid-template-columns:78px 1fr 42px; gap:9px; align-items:center; margin-bottom:12px; font-size:.75rem; }
.search-comparison i { display:block; width:var(--bar); height:13px; background:#788670; }
.search-comparison > div:first-of-type i { background:#cdd3c7; }
.search-comparison > p { margin:16px 0 0; font-size:.75rem; color:#626262; }
.crm-design { width:100%; }
.crm-design table { width:100%; border-collapse:collapse; text-align:left; font-size:.82rem; line-height:1.9; }
.crm-design caption { text-align:left; font-size:1rem; font-weight:700; margin-bottom:16px; }
.crm-design th,.crm-design td { padding:13px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
.crm-design thead { background:#eff2eb; }
.crm-design tbody th { width:30%; font-weight:500; white-space:nowrap; }
.cta-comparison { display:grid; grid-template-columns:1fr auto 1.8fr; align-items:center; gap:12px; border:1px solid var(--line); padding:18px; width:100%; background:var(--quiet); text-align:left; }
.cta-comparison small { color:#737373; font-size:.72rem; }
.cta-comparison p { margin:9px 0 0; line-height:1.8; font-size:.83rem; font-weight:500; }
.blog-entry a { text-decoration:underline; text-underline-offset:4px; }
a:focus-visible,button:focus-visible { outline:2px solid #454f3c; outline-offset:5px; }
@media(max-width:1100px) and (min-width:961px) { .content { padding-left:30px; padding-right:30px; } .home-screen .content { padding-left:30px; padding-right:30px; } .selected-project { padding:19px 16px; } }
@media(max-width:960px) { .selected-project-grid { grid-template-columns:1fr; } .selected-project { padding:22px; } .selected-project .related-cases { margin-top:12px; padding-top:0; } .home-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .home-category-card__body h3 { font-size:.85rem; } .home-category-card__body p { font-size:.73rem; } .home-category-card__visual img { padding:6px; } .case-results { margin-bottom:24px; } .case-card h3 { font-size:1.2rem; } }
@media(max-width:540px) { .hero-banner__title { font-size:1.75rem; } .hero-banner__body { font-size:.88rem; } .document-links { gap:8px; } .document-link { padding:9px 12px; gap:9px; font-size:.76rem; } .metrics-row { gap:10px; } .metric-card { padding:16px; } .metric-card__value { font-size:1.65rem; } .selected-work { margin-top:24px; } .selected-project-grid { gap:12px; } .result-item { padding:16px 12px; } .result-item strong { font-size:1.65rem; } .result-item span { font-size:.78rem; } .home-category-grid { grid-template-columns:1fr; gap:24px; } .home-category-card { display:grid; grid-template-columns:90px 1fr; gap:16px; align-items:center; } .home-category-card__body { text-align:left; padding:0; } .home-category-card__visual { width:90px; } .crm-design th,.crm-design td { padding:12px 8px; } }

.hero-banner__body, .selected-project p, .case-grid li { word-break: keep-all; overflow-wrap: anywhere; }

html { scroll-behavior: auto; }