/* Homepage additions: a readable method, exact brand artwork and model coverage. */
.axis-method { max-width:1152px; padding:64px 48px; margin:auto; color:#e2e4f6; scroll-margin-top:120px; }
.axis-method h2 { font:600 clamp(30px,3.5vw,44px)/1.15 'Space Grotesk',sans-serif; letter-spacing:-.025em; }
.method-intro { display:grid; grid-template-columns:1.15fr 1fr; gap:64px; align-items:center; }
.method-intro > p { color:#b7bdce; font-size:17px; line-height:1.75; max-width:52ch; }
.method-equation { display:grid; grid-template-columns:1fr 1.6fr; align-items:center; gap:48px; margin:36px 0 32px; padding:30px 0; border-top:1px solid #304054; border-bottom:1px solid #304054; }
.method-formula { font:500 clamp(36px,4vw,54px)/1.2 'Space Grotesk',sans-serif; letter-spacing:-.035em; white-space:nowrap; }
.method-formula span { color:#6dddff; }
.method-equation h3 { font-size:19px; line-height:1.5; font-weight:500; max-width:49ch; }
.method-equation p { color:#aebacd; font-size:13px; line-height:1.75; margin-top:10px; }
.method-example { padding:26px 30px 30px; background:#111d2b; border-radius:16px; }
.example-heading { display:flex; justify-content:space-between; align-items:baseline; gap:16px; }
.example-heading h3,.method-process > h3 { font:500 22px/1.4 'Space Grotesk',sans-serif; }
.example-heading > span { font-size:12px; color:#aebacd; white-space:nowrap; }
.scenario-switch { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 26px; }
.scenario-switch button { border:1px solid #3c5368; border-radius:999px; padding:10px 16px; color:#bfcddd; background:transparent; font-size:13px; cursor:pointer; }
.scenario-switch button[aria-pressed="true"] { color:#091622; background:#6dddff; border-color:#6dddff; font-weight:600; }
.scenario-switch button:hover { border-color:#8ee5ff; }
.scenario-story { display:grid; grid-template-columns:1fr 1fr 1.3fr; gap:28px; }
.scenario-story > div { padding-top:16px; border-top:1px solid #385063; }
.scenario-story dt { display:flex; gap:10px; align-items:baseline; color:#adc8d7; font-size:13px; }
.scenario-story dt b { font:500 25px 'Space Grotesk',sans-serif; color:#6dddff; }
.scenario-story dd { margin:12px 0 0; color:#c4d0df; font-size:15px; line-height:1.75; }
.scenario-story .scenario-result dd { color:#f0f6fc; font-size:17px; }
.method-process { margin-top:36px; }
.method-process ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; margin-top:24px; list-style:none; padding:0; }
.method-process li { border-top:1px solid #304054; padding-top:16px; }
.method-process li > span { color:#6dddff; font:500 15px 'Space Grotesk',sans-serif; }
.method-process h4 { color:#e2e4f6; font-weight:600; font-size:15px; line-height:1.5; margin:12px 0 8px; }
.method-process p { color:#b7bdce; font-size:13px; line-height:1.75; }
.method-bottom { display:flex; justify-content:space-between; align-items:center; gap:40px; border-top:1px solid #304054; margin-top:30px; padding-top:22px; }
.method-bottom p { font-size:12px; color:#aebacd; line-height:1.75; max-width:68ch; }
.method-bottom a,.parent-lockup .portfolio-link { color:#6dddff; text-decoration:underline; text-underline-offset:4px; }
.method-bottom .method-next { flex-shrink:0; font-size:13px; }
.parent-lockup .portfolio-link { display:inline-block; margin-top:18px; font-size:14px; }
.portfolio-mini { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:24px 0 0; gap:14px; }
.portfolio-mini a { text-decoration:none; padding:16px 0; border-top:1px solid #32465c; color:#bac5d5; }
.portfolio-mini b { display:block; font:500 14px 'Space Grotesk',sans-serif; color:#e2e4f6; }
.portfolio-mini span { display:block; font-size:12px; line-height:1.6; margin-top:6px; }
.portfolio-mini .current-product { border-color:#6dddff; }
.portfolio-mini .current-product b { color:#6dddff; }
.portfolio-mini a:hover b { color:#6dddff; }
.axis-proof .client-ribbon { background:#fff; border-radius:12px; margin:20px 0 14px; overflow:hidden; }
.axis-proof .logo-window { margin:0; padding:12px 0; }
.axis-proof .client-mark { width:224px; height:100px; padding:14px 20px; }
.axis-proof .client-mark img { max-width:100%; filter:none; opacity:1; mix-blend-mode:normal; object-fit:contain; }
.axis-proof .client-mark.logo-wide img { max-width:none; width:218px; height:94px; }
.axis-proof .logo-window:focus-visible { outline:2px solid #6dddff; outline-offset:4px; }
.axis-proof .client-mark img[src$="/dbs.svg"] { width:145px; }
.case-primary .case-brand-original { filter:none; opacity:1; background:#fff; border-radius:6px; padding:10px; width:158px; height:66px; }
.axis-method button:focus-visible,.axis-method a:focus-visible { outline:2px solid #6dddff; outline-offset:4px; }
@media(max-width:767px) {
 .axis-method { padding:44px 24px; }
 .method-intro,.method-equation { grid-template-columns:1fr; gap:20px; }
 .method-equation { margin:26px 0; padding:24px 0; }
 .method-intro > p { font-size:16px; }
 .method-example { padding:22px; }
 .example-heading { display:block; }
 .example-heading > span { display:block; margin-top:8px; }
 .scenario-story { grid-template-columns:1fr; gap:20px; }
 .scenario-story dd { margin-top:8px; }
 .method-process ol { grid-template-columns:1fr 1fr; gap:24px; }
 .method-bottom { display:block; }
 .method-bottom .method-next { display:inline-block; margin-top:18px; }
 .portfolio-mini { grid-template-columns:1fr 1fr; gap:8px 20px; }
 .portfolio-mini a:last-child { grid-column:1 / -1; }
 .axis-proof .client-mark { width:212px; }
}
@media(prefers-reduced-motion:reduce) { .axis-proof .client-ribbon .logo-window { overflow-x:auto; } }