/* 1. Authentic case identities, using one quiet monochrome presentation. */
.case-logo-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.case-logo-tile{display:inline-flex;align-items:center;justify-content:center;min-width:104px;height:48px;max-width:160px;padding:6px 12px;border:1px solid #051c2c24;background:var(--cream)}
.case-logo-tile img{display:block;width:auto;max-width:132px;max-height:26px;height:auto;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply}
[data-case-brand="edcon"] .case-logo-tile img{max-height:36px}
.client-case-card>.case-logo-strip+.eyebrow{margin-bottom:20px}
.case-section>.case-logo-strip{margin-bottom:18px}
.page-hero .case-logo-strip{margin-bottom:20px}
/* 2. A signature header for the existing profile; qualifications remain on cream. */
.mini-profile-identity{padding:17px 20px;background:var(--navy);border-top:3px solid var(--brass);margin-bottom:22px}
.mini-profile .mini-profile-identity strong{color:var(--cream);font-size:1.12rem;line-height:1.4}
.mini-profile .mini-profile-identity span{color:#d5dfe4;font-size:.9rem;line-height:1.55;margin-top:5px}
/* 3. Make existing outcome/design labels easy to find, without adding claims. */
.client-case-card .case-card-outcomes{min-height:0;padding:14px 16px;border:1px solid #c9a86a66;border-left:3px solid var(--brass);background:#f5f1e80a}
.client-case-card.light .case-card-outcomes{border-color:#051c2c35;border-left-color:var(--navy);background:#f5f1e878}
.client-case-card .case-card-outcome,.client-case-card .case-card-label{overflow-wrap:break-word}
/* Align paired case footers; stacked cards retain their natural height. */
@media(min-width:1101px){.client-case-card .case-card-outcomes{min-height:8rem;display:flex;flex-direction:column;justify-content:center}}
@media(min-width:801px){.more-case-studies>.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 4. The existing selected stage mirrors the roadmap's gold primary node. */
.method-tab[aria-selected=true]{background:var(--brass);color:var(--navy)}
.method-tab[aria-selected=true] span{color:var(--navy);font-weight:700}
.method-tab[aria-selected=true]:focus-visible{outline:3px solid var(--navy);outline-offset:-5px}
@media(min-width:801px){.method-tab:first-child{padding-left:16px}}
@media(max-width:600px){.case-logo-tile{min-width:96px;height:48px;padding:6px 10px}.case-logo-tile img{max-width:124px}.mini-profile-identity{padding:16px 18px}.client-case-card .case-card-outcomes{padding:12px 14px}}
@media print{.case-logo-tile{background:white;border-color:#aaa}.mini-profile-identity{background:white;border-color:#777}.mini-profile .mini-profile-identity strong,.mini-profile .mini-profile-identity span{color:#111}.client-case-card .case-card-outcomes{min-height:0;background:white;border-color:#777}}

/* 5. Reference descriptions, kept in the owner's voice, on quiet navy cards. */
.references{background:var(--navy);color:var(--cream);--section-label-ink:var(--brass)}
.references h2,.references h3{color:var(--cream)}
.references .section-head p:not(.eyebrow){color:#c8d5db}
.references .reference-grid{gap:24px;align-items:stretch}
.references .reference-card{min-width:0;border:1px solid #c9a86a55;background:var(--deep);padding:28px;display:flex;flex-direction:column;align-items:flex-start}
.references .reference-number{top:28px;right:28px;color:var(--brass)}
.references .reference-card h3{padding-right:0;line-height:1.15;overflow-wrap:break-word}
.references .reference-role{color:#c8d5db;font-weight:600;margin-bottom:20px}
.references .reference-role+p{color:#e0e7e9;line-height:1.7;margin-top:0}
.reference-logo{height:48px;max-width:160px;display:flex;align-items:center;margin-bottom:24px;padding-right:20px}
.reference-logo img{display:block;width:auto;height:auto;max-width:140px;max-height:36px;filter:grayscale(1) brightness(0) invert(1)}
/* 6. Give each stage space without changing its content or interaction. */
.method-roadmap-heading{margin-bottom:26px}
.method-tabs{gap:8px;border:0}
.method-tab{min-width:0;min-height:112px;padding:24px 16px;border:1px solid #ffffff30;line-height:1.35}
.method-tab:first-child{padding-left:16px}
.method-tab:nth-child(4),.method-tab:last-child{border-right:1px solid #ffffff30}
.method-tab[aria-selected=true]{border-color:var(--brass)}
.method-tab span{margin-bottom:14px}
.roadmap{margin-top:36px}
/* 7. Gold contact bands, with a cream fallback after an immediately gold surface. */
.contact-section,.contact-form-section{--contact-surface:#d0b37c;--section-label-ink:var(--navy);background:var(--contact-surface);color:var(--navy);border-top-color:#051c2c3d}
.contact-section.contact-after-gold,.contact-form-section.contact-after-gold,.impact-strip+.contact-section{--contact-surface:var(--cream)}
.contact-section h2,.contact-form-section h2,.contact-section .eyebrow,.contact-form-section .eyebrow{color:var(--navy)}
.contact-section :focus-visible,.contact-form-section :focus-visible{outline-color:var(--navy)}
.contact-form-section .contact-form input:not([type=checkbox]),.contact-form-section .contact-form textarea{background:var(--cream);border-color:#051c2c80}
.contact-form-section .muted,.contact-form-section .message-guidance{color:#243b49}
.contact-form-section .contact-form .button-link{background:var(--navy);color:var(--cream);border:1px solid var(--navy)}
.contact-form-section .contact-form .button-link:hover{background:var(--deep)}
@media(max-width:1100px){.method-tab{min-height:104px;padding:20px 16px}}
@media(min-width:801px){.references .reference-card h3{min-height:2.3em}.references .reference-role{min-height:3.3em}}
@media(max-width:800px){.references .reference-grid{grid-template-columns:1fr}.references .reference-card:last-child{grid-column:auto;max-width:none}.references .reference-card{padding:24px}.references .reference-number{top:24px;right:24px}}
@media(max-width:520px){.method-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.method-tab{min-height:104px;padding:18px;font-size:.9rem}.method-tab:first-child{padding-left:18px}.method-tab span{font-size:.76rem;margin-bottom:12px}.references .reference-card{padding:22px}.references .reference-number{top:22px;right:22px}}
@media print{.references,.references .reference-card,.contact-section,.contact-form-section{background:white!important;color:#111!important}.references h2,.references h3,.references .reference-role,.references .reference-role+p,.references .section-head p:not(.eyebrow),.references .reference-number{color:#111!important}.references .reference-card{border-color:#aaa;padding:16px}.reference-logo img{filter:grayscale(1) brightness(0)}.contact-form-section .contact-form .button-link{background:white;color:#111;border-color:#111}}

/* 8. Keep the phone stage controls and complete diagram within one portrait view. */
@media(max-width:700px){.roadmap{margin-top:12px}.roadmap-caption{padding:12px 14px 0;min-height:0;gap:4px}.roadmap-thought{font-size:.8rem}.roadmap-scene{width:100%;max-width:100%;height:auto;max-height:none;margin-left:0}.roadmap-node-title{font-size:18px}.roadmap-node-subtitle{font-size:16px}.roadmap-hint{padding:8px 12px 10px}}
@media(max-width:520px){.method-roadmap-heading{margin-bottom:16px}.method-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.method-tab{min-height:72px;padding:10px 6px;font-size:.8rem;line-height:1.25}.method-tab:first-child{padding-left:6px}.method-tab span{font-size:.69rem;margin-bottom:6px}}
@media(max-width:360px){.roadmap-progress{display:none}.method-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.method-tab{min-height:48px;padding:8px;display:flex;align-items:center;gap:8px;text-align:left}.method-tab:first-child{padding-left:8px}.method-tab span{flex-shrink:0;margin:0}}
.additional-publications .aeo-answer-grid article{display:flex;flex-direction:column;align-items:flex-start}
.additional-publications .aeo-answer-grid p{margin-bottom:22px}
.additional-publications .button-link{margin-top:auto;text-decoration:none}
