/* SEO semantic heading aliases preserve original typography. */
/* Client results, keeping the Yellowstone Local type, palette and spacing. */
.proof-heading { display:grid; grid-template-columns:1.2fr 0.8fr; gap:4rem; align-items:end; }
.proof-heading :is(h2:not(:where([data-seo-original-heading])),:where([data-seo-original-heading="h2"])) { max-width:16ch; }
.proof-heading .lede { max-width:43ch; margin:0; font-size:1.06rem; }
.real-proof .stat { display:block; text-decoration:none; transition:background .2s; }
.real-proof .stat:hover { background:#ffffff06; }
.real-proof .stat small { display:block; margin-top:.65rem; color:#949494; font-size:.72rem; line-height:1.5; }
.results-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.75rem; margin-top:3rem; }
.home-results { grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; }
.result-card { display:flex; flex-direction:column; min-width:0; background:#fff; color:var(--black); border:1px solid #dddddd; border-radius:var(--radius-lg); overflow:hidden; text-decoration:none; transition:transform .2s, box-shadow .2s, border-color .2s; }
.result-card:hover { transform:translateY(-5px); border-color:#9a9a9a; box-shadow:0 24px 45px -30px #16161666; }
.result-card:focus-visible { outline:3px solid #8f8f8f; outline-offset:5px; }
.client-brand { position:relative; display:flex; flex-direction:column; justify-content:space-between; min-height:225px; padding:1.5rem 1.7rem; overflow:hidden; background:#ededed; background-image:linear-gradient(#aaaaaa15 1px,transparent 1px),linear-gradient(90deg,#aaaaaa15 1px,transparent 1px); background-size:36px 36px; color:#2a2a2a; }
.client-brand::after { content:''; position:absolute; width:230px; height:230px; right:-75px; top:-30px; border:45px solid #c2c2c22b; border-radius:50%; pointer-events:none; }
.client-brand-top,.client-brand-bottom { display:flex; align-items:center; justify-content:space-between; gap:1rem; position:relative; z-index:1; }
.client-brand-top>span:first-child { font-size:.6rem; font-weight:800; letter-spacing:.14em; }
.client-monogram { width:32px; height:32px; display:grid; place-items:center; background:#2a2a2a; color:#f8db3c; font-size:.65rem; font-weight:800; border-radius:7px; }
.client-wordmark { position:relative; z-index:1; font-size:clamp(2rem,3.5vw,3rem); line-height:1; font-weight:900; letter-spacing:-.055em; max-width:18ch; margin:1.7rem 0; }
.client-brand-bottom { color:#686868; font-size:.63rem; font-weight:700; }
.client-brand-bottom>span:last-child { font-size:1.25rem; color:#2a2a2a; }
.result-card:nth-child(3n+2) .client-brand { background-color:#e9e9e9; color:#3b3b3b; }
.result-card:nth-child(3n+3) .client-brand { background-color:#e8e8e8; color:#383838; }
.result-card-body { padding:1.8rem; display:flex; flex-direction:column; flex:1; }
.result-location { color:#787878; font-size:.66rem; text-transform:uppercase; font-weight:800; letter-spacing:.12em; margin-bottom:.75rem; }
.result-card :is(h3:not(:where([data-seo-original-heading])),:where([data-seo-original-heading="h3"])) { font-size:1.05rem; line-height:1.3; font-weight:800; margin:0 0 .7rem; color:var(--black); letter-spacing:-.02em; }
.result-card .result-card-headline { font-size:clamp(1.35rem,2.5vw,1.8rem); font-weight:800; letter-spacing:-.035em; line-height:1.17; color:#252525; margin:0 0 1rem; }
.result-card .result-card-summary { color:#757575; font-size:.92rem; line-height:1.65; margin:0 0 1.5rem; flex:1; }
.result-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; border-top:1px solid #e5e5e5; padding:1.2rem 0 1.1rem; }
.result-stats strong { display:block; font-size:clamp(1.05rem,1.7vw,1.5rem); line-height:1.25; letter-spacing:-.04em; color:#2b2b2b; font-weight:800; }
.result-stats span { display:block; font-size:.64rem; line-height:1.4; margin-top:.4rem; color:#797979; }
.result-card-bottom { display:flex; justify-content:space-between; align-items:center; gap:.5rem; border-top:1px solid #e5e5e5; padding-top:1rem; font-size:.76rem; font-weight:800; }
.result-card-bottom>span:last-child { font-size:1.2rem; }
.result-card-dark { background:#191919; border-color:#363636; }
.result-card-dark .client-brand { min-height:190px; }
.result-card-dark .client-wordmark { font-size:2.2rem; }
.result-card-dark .result-card-body { padding:1.5rem; }
.result-card-dark :is(h3:not(:where([data-seo-original-heading])),:where([data-seo-original-heading="h3"])) { color:#fff; font-size:.94rem; }
.result-card-dark .result-location { color:#a4a4a4; }
.result-card-dark .result-card-headline { color:#f3f3f3; font-size:1.4rem; }
.result-card-dark .result-card-summary { color:#b4b4b4; font-size:.86rem; }
.result-card-dark .result-stats { border-color:#383838; }
.result-card-dark .result-stats strong { color:var(--yellow); font-size:1.2rem; }
.result-card-dark .result-stats span { color:#ababab; }
.result-card-dark .result-card-bottom { border-color:#383838; color:#e6e6e6; }
.proof-more { display:flex; align-items:center; justify-content:space-between; gap:2rem; margin-top:2rem; }
.proof-more p:not(:where([data-seo-original-heading])) { margin:0; color:#ababab; font-size:.9rem; }
.real-proof .testimonial { margin:4rem 0 0; }
.real-proof .testimonial-quote { max-width:37ch; }
.real-proof .testimonial-quote::before { content:'“'; }
.client-quote-mark { flex-shrink:0; display:grid; place-items:center; width:48px; height:48px; border-radius:50%; color:#f7db42; background:#2e2e2e; border:1px solid #616161; font-size:.8rem; font-weight:900; }
.proof-period-note { margin:1.5rem 0 0; color:#848484; font-size:.73rem; line-height:1.6; }
.results-hero h1 { max-width:18ch; }
.results-hero .btn { margin-top:1.7rem; }
.result-library { background:#f6f6f6; padding:var(--section-y) 0; scroll-margin-top:100px; }
.result-library-heading { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:4rem; }
.result-library-heading p:not(:where([data-seo-original-heading])) { color:#757575; line-height:1.7; max-width:44ch; margin:0; }
.results-method { display:grid; grid-template-columns:.7fr 2fr; gap:2rem; margin-top:3rem; border-top:1px solid #dadada; padding-top:1.5rem; }
.results-method strong { font-size:.85rem; color:#444444; }
.results-method p:not(:where([data-seo-original-heading])) { font-size:.8rem; color:#7c7c7c; margin:0; line-height:1.7; }
.result-final { background:#121212; color:#fff; text-align:center; padding:clamp(4rem,8vw,7rem) 0; }
.result-final :is(h2:not(:where([data-seo-original-heading])),:where([data-seo-original-heading="h2"])) { color:#fff; max-width:18ch; margin:.7rem auto 1rem; }
.result-final .lede { color:#b2b2b2; max-width:48ch; margin:0 auto; }
.result-final .final-actions { margin-top:2rem; }
.case-client-name { color:#f1d450; font-size:1.05rem; font-weight:800; letter-spacing:-.02em; margin:2rem 0 1.1rem; }
.real-case-hero .eyebrow { color:#a5a5a5; display:block; font-size:.65rem; line-height:1.7; }
.real-case-hero h1 { max-width:22ch; margin-top:1rem; }
.real-case-hero .lede { max-width:63ch; margin-top:1.5rem; }
.result-detail-stats { margin-top:3rem; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid #3e3e3e; border-radius:14px; overflow:hidden; }
.result-detail-stats>div { padding:1.8rem; background:#1d1d1d; border-right:1px solid #3e3e3e; }
.result-detail-stats>div:last-child { border:0; }
.result-detail-stats strong { display:block; color:var(--yellow); font-size:clamp(1.8rem,3.8vw,3.1rem); font-weight:800; line-height:1.1; letter-spacing:-.045em; }
.result-detail-stats span { display:block; color:#b4b4b4; font-size:.75rem; margin-top:.6rem; }
.result-snapshot { color:#969696; font-size:.76rem; margin:1.3rem 0 0; }
.result-story { background:#fff; padding:clamp(3rem,7vw,6rem) 0; }
.result-story-layout { display:grid; grid-template-columns:290px minmax(0,1fr); gap:4.5rem; align-items:start; }
.result-sidebar { position:sticky; top:110px; border:1px solid #e3e3e3; border-radius:16px; background:#f6f6f6; padding:1.65rem; }
.result-sidebar dl { margin:1.4rem 0 1.2rem; }
.result-sidebar dl>div { border-top:1px solid #e2e2e2; padding:1rem 0; }
.result-sidebar dt { color:#8a8a8a; font-size:.66rem; text-transform:uppercase; letter-spacing:.1em; font-weight:700; }
.result-sidebar dd { color:#434343; font-size:.87rem; margin:.35rem 0 0; line-height:1.5; font-weight:700; }
.result-company-link { display:flex; justify-content:space-between; color:#666666; font-size:.8rem; font-weight:700; margin:0 0 1.6rem; }
.result-sidebar .btn { display:flex; padding:.9rem .8rem; justify-content:center; font-size:.77rem; text-align:center; }
.result-story-content { min-width:0; max-width:75ch; }
.result-story-content>section { margin-bottom:2.8rem; }
.result-story-content>section :is(h2:not(:where([data-seo-original-heading])),:where([data-seo-original-heading="h2"])) { margin:.6rem 0 1.2rem; font-size:clamp(1.65rem,3vw,2.3rem); line-height:1.15; }
.result-step { display:inline-block; font-weight:800; font-size:.7rem; color:#898989; letter-spacing:.15em; }
.result-basis { padding:1.5rem; border:1px solid #e3e3e3; border-radius:12px; background:#f7f7f7; margin:2rem 0; }
.result-basis :is(h3:not(:where([data-seo-original-heading])),:where([data-seo-original-heading="h3"])) { font-size:.85rem; margin:0 0 .6rem; color:#4d4d4d; }
.result-basis p:not(:where([data-seo-original-heading])) { font-size:.78rem; line-height:1.7; color:#818181; margin:0; }
.result-back { display:inline-block; font-size:.85rem; color:#5c5c5c; font-weight:800; padding:.5rem 0; }
@media(max-width:1100px) { .home-results { grid-template-columns:1fr; } .home-results .result-card { display:grid; grid-template-columns:.8fr 1.2fr; } .home-results .client-brand { min-height:100%; } .result-story-layout { grid-template-columns:250px minmax(0,1fr); gap:2.5rem; } }
@media(max-width:920px) { .nav-links { visibility:hidden; pointer-events:none; } body.nav-open .nav-links { visibility:visible; pointer-events:auto; } .proof-heading,.result-library-heading { grid-template-columns:1fr; gap:1.5rem; } .proof-heading .lede,.result-library-heading p:not(:where([data-seo-original-heading])) { max-width:60ch; } .result-story-layout { grid-template-columns:1fr; gap:2.5rem; } .result-sidebar { position:static; } .result-sidebar dl { display:grid; grid-template-columns:1fr 1fr; column-gap:2rem; } .result-sidebar .btn { max-width:300px; } }
@media(max-width:700px) { .results-grid { grid-template-columns:1fr; gap:1.5rem; } .home-results .result-card { display:flex; } .home-results .client-brand { min-height:205px; } .result-card .result-card-headline { font-size:1.55rem; } .proof-more { align-items:start; flex-direction:column; gap:1.25rem; } .results-method { grid-template-columns:1fr; gap:.8rem; } .result-detail-stats { grid-template-columns:1fr; } .result-detail-stats>div { display:flex; justify-content:space-between; align-items:center; gap:1rem; border-right:0; border-bottom:1px solid #3e3e3e; padding:1.3rem; } .result-detail-stats strong { font-size:2.1rem; } .result-detail-stats span { margin:0; text-align:right; max-width:16ch; } .result-sidebar dl { grid-template-columns:1fr; } .client-wordmark { font-size:2.6rem; } .result-card-body { padding:1.5rem; } }
@media(prefers-reduced-motion:reduce) { .result-card { transition:none; } .result-card:hover { transform:none; } }