/* Customer story template: Website V1, 1743:9737. Shared site buttons and cover assets. */
.customer-story-layout{width:min(var(--site-content-max),calc(100% - var(--site-gutter)*2));margin-inline:auto;border-inline:1px solid var(--line);padding:32px 40px 120px}
.customer-story-back{margin-bottom:32px}
.customer-story-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line)}
.customer-story-title{padding:120px 40px 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:24px}
.customer-story-title h1{font-size:clamp(44px,4.45vw,64px);line-height:1.125;font-weight:500;letter-spacing:-.6px;text-wrap:balance;overflow-wrap:break-word}
.customer-story-cover{height:100%;min-height:480px}
.customer-story-cover>.customer-story-logo{width:min(80%,400px);height:200px}
.customer-story-content{display:grid;grid-template-columns:minmax(0,1fr) 249px;gap:80px;margin-top:48px;align-items:start}
.customer-story-article{min-width:0;border:1px solid var(--line);border-radius:0;overflow:hidden}
.customer-story-summary,.customer-story-section{padding:40px}
.customer-story-summary>p{font-size:24px;line-height:34px;text-wrap:pretty}
.customer-story-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;margin:40px 0 0;padding-top:32px;border-top:1px solid var(--line)}
.customer-story-metrics>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:8px}
.customer-story-metrics dt{font-size:14px;line-height:20px;color:var(--muted);text-wrap:pretty}
.customer-story-metrics dd{margin:0;font-size:32px;line-height:40px;font-weight:500;letter-spacing:-.5px}
.customer-story-section{border-top:1px solid var(--line)}
.customer-story-section h2{font-size:40px;line-height:48px;font-weight:500;letter-spacing:-.6px;margin-bottom:24px;text-wrap:balance}
.customer-story-section p,.customer-story-section li{font-size:18px;line-height:28px;color:var(--muted);text-wrap:pretty}
.customer-story-section p+p{margin-top:20px}
.customer-story-section ul{margin:24px 0 0;padding-left:22px}
.customer-story-section li+li{margin-top:16px}
.customer-story-section li::marker{color:var(--text)}
.customer-story-sidebar{position:sticky;top:84px;border:1px solid var(--line);border-radius:0}
.customer-story-sidebar>div{padding:24px}
.customer-story-sidebar>div+div{border-top:1px solid var(--line)}
.customer-story-sidebar h2{font-size:16px;line-height:24px;font-weight:500;margin-bottom:12px}
.customer-story-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
.customer-story-tags .section-badge{font-size:12px;line-height:16px;padding:4px 8px;text-decoration:none;max-width:100%}
.customer-story-tags a:hover{text-decoration:underline;text-underline-offset:3px}
.customer-story-sidebar .ui-button{width:100%}
@media(max-width:600px){.customer-story-sidebar{grid-row:1;position:static}}
@media(min-width:1200px){.customer-story-metrics[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.customer-story-layout{padding-inline:24px}.customer-story-title{padding:80px 24px 32px}.customer-story-content{gap:32px}.customer-story-summary,.customer-story-section{padding:32px}.customer-story-cover{min-height:420px}}
@media(max-width:800px){.customer-story-content{grid-template-columns:minmax(0,1fr)}.customer-story-sidebar{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.customer-story-sidebar>div{padding:20px}.customer-story-sidebar>div+div{border-top:0;border-left:1px solid var(--line)}.customer-story-title h1{font-size:40px;line-height:46px}.customer-story-cover{min-height:380px}}
@media(max-width:600px){.customer-story-layout{padding:24px 16px 72px}.customer-story-back{margin-bottom:24px}.customer-story-back .ui-button{font-size:10px;line-height:16px}.customer-story-hero{grid-template-columns:1fr}.customer-story-title{padding:56px 24px 32px}.customer-story-title h1{font-size:40px;line-height:46px}.customer-story-cover{height:280px;min-height:0;padding:16px}.customer-story-cover>.customer-story-logo{height:160px}.customer-story-cover .story-industry-badge{top:16px;left:16px;font-size:10px}.customer-story-content{margin-top:32px;gap:24px}.customer-story-summary,.customer-story-section{padding:24px}.customer-story-summary>p{font-size:20px;line-height:28px}.customer-story-metrics{gap:24px 16px;margin-top:24px;padding-top:24px}.customer-story-metrics dd{font-size:26px;line-height:32px}.customer-story-metrics dt{font-size:12px;line-height:18px}.customer-story-section h2{font-size:32px;line-height:32px}.customer-story-section p,.customer-story-section li{font-size:16px;line-height:26px}.customer-story-sidebar{grid-template-columns:1fr}.customer-story-sidebar>div{padding:24px}.customer-story-sidebar>div+div{border-left:0;border-top:1px solid var(--line)}}
/* Case study category chips and the back action follow the site type floor. */
.customer-story-tags .section-badge,.customer-story-title .section-badge{font-size:12px;line-height:16px}
@media(max-width:600px){.customer-story-back .ui-button{font-size:14px;line-height:20px}.customer-story-cover .story-industry-badge{font-size:12px;line-height:16px}}
@media(max-width:600px){.customer-story-hero{grid-template-columns:minmax(0,1fr)}.customer-story-title,.customer-story-cover{min-width:0}.customer-story-title h1{overflow-wrap:anywhere}}