/* Customer story page (/customers/<slug>), laid out to the measurements of Cartesia's customer story pages.
   Type: crumb 12/500 green · h1 26/500 · date 12/500 mono · stat label 16 grey, value 36/500 · side labels 12/500 grey,
   side text 14/22.75 · h2 28/500 grey with marker, 16px padding + rule · body 16/26 grey · quote 16/600 · cite 14 */
.cs:has(.cst){padding:0}
.cst{background:var(--bg);color:#1e1c1a}
.cst-head{padding:56px 48px 44px;border-bottom:1px solid var(--line)}
.cst-crumb{font:500 12px/16.5px var(--sans);color:#309d4b;text-decoration:none}.cst-crumb:hover{text-decoration:underline}
.cst-head h1{margin:22px 0 0;max-width:768px;font:500 26px/33.8px var(--serif);letter-spacing:0;color:#1e1c1a}
.cst-head time{display:block;margin-top:24px;font:500 12px/16.5px var(--mono);color:#1e1c1a;letter-spacing:.02em}

.cst-hero{padding:48px;border-bottom:1px solid var(--line)}
.cst-hero-box{display:grid;place-items:center;height:395px;border:1px solid var(--line);border-radius:8px;
  background:radial-gradient(circle,rgba(0,0,0,.06) 1px,transparent 1.2px) 0 0/6px 6px,#f4f3ef}
.cst-hero-box img{max-width:min(260px,60%);max-height:84px;object-fit:contain}
.cst-logo-txt{font:500 28px var(--serif)}

.cst-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));border-bottom:1px solid var(--line)}
.cst-c{padding:32px 48px;border-left:1px solid var(--line)}.cst-c:first-child{border-left:0}
.cst-c p{margin:0;font:400 16px/20px var(--sans);color:#525150}
.cst-c b{display:block;margin-top:24px;font:500 36px/40px var(--serif);letter-spacing:-.01em;color:#1e1c1a}

.cst-main{display:grid;grid-template-columns:1fr 2fr}
.cst-side{padding:48px;border-right:1px solid var(--line);align-self:stretch}
.cst-side>*{max-width:330px}
.cst-name{margin:0 0 32px;font:500 22px/28px var(--serif);color:#1e1c1a}
.cst-fact{margin-bottom:28px}
.cst-fact>span{display:block;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--line);font:500 12px/16.5px var(--mono);color:#a7a6a2}
.cst-fact p{margin:0;font:400 14px/22.75px var(--sans);color:#1e1c1a}
.cst-fact a{color:#309d4b;text-decoration:none}
.cst-toc nav{display:grid;gap:10px}
.cst-toc a{position:relative;padding-left:12px;font:400 14px/20px var(--sans);color:#a7a6a2;text-decoration:none;transition:color .2s}
.cst-toc a:hover,.cst-toc a.on{color:#1e1c1a}
.cst-toc a.on:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;background:#a7a6a2}
.cst-side{position:relative}
.cst-cta{display:grid;gap:2px;margin-top:8px;padding:16px 18px;border-radius:8px;background:#f4f3ef;border:1px solid var(--line);text-decoration:none;color:#1e1c1a}
.cst-cta b{font:500 14px/20px var(--sans)}.cst-cta span{font:400 13px/18px var(--sans);color:#525150}
.cst-cta:hover{border-color:#cfcdc5}
@media (min-width:981px){.cst-side>div:last-of-type,.cst-cta{position:sticky;top:88px}}

.cst-body{padding:48px;min-width:0}
.cst-body h2{position:relative;margin:56px 0 16px;padding:0 0 16px 14px;border-bottom:1px solid var(--line);font:500 28px/35px var(--serif);letter-spacing:-.28px;color:#525150;scroll-margin-top:90px}
.cst-body h2:first-child{margin-top:0}
.cst-body h2:before{content:"";position:absolute;left:0;top:15px;width:4px;height:4px;background:#309d4b}
.cst-body h3{margin:28px 0 8px;font:500 18px/26px var(--sans);color:#1e1c1a}
.cst-body p{margin:0 0 20px;font:400 16px/26px var(--sans);color:#525150}
.cst-body blockquote,.cst-quote blockquote{position:relative;margin:28px 0 20px;padding:0 0 0 56px;font:600 16px/20.8px var(--serif);color:#525150;border:0}
.cst-body blockquote:before,.cst-quote blockquote:before{content:"\201C";position:absolute;left:8px;top:-6px;font:400 44px/1 var(--serif);color:#bdbbb4}
.cst-body blockquote:after,.cst-quote blockquote:after{content:"";position:absolute;left:19px;top:30px;bottom:-4px;width:1px;background:var(--line)}
.cst-quote{margin:0 0 28px}
.cst-quote figcaption{text-align:right;font:500 14px/20px var(--sans);color:#525150}
.cst-quote figcaption span{margin-left:6px;font-weight:400}

@media (max-width:980px){.cst-main{grid-template-columns:1fr}.cst-side{border-right:0;border-bottom:1px solid var(--line)}
  .cst-head,.cst-hero,.cst-side,.cst-body{padding-left:24px;padding-right:24px}.cst-c{padding:24px}.cst-hero-box{height:260px}}
@media (max-width:620px){.cst-stats{grid-template-columns:1fr}.cst-c{border-left:0;border-top:1px solid var(--line)}.cst-c:first-child{border-top:0}
  .cst-head,.cst-hero,.cst-side,.cst-body{padding-left:16px;padding-right:16px}.cst-head{padding-top:32px}.cst-body h2{font-size:24px;line-height:31px}.cst-c b{font-size:30px;line-height:34px}}

/* Customers index (/customers), to Cartesia's index measurements: h1 40/46 · intro 18/23.4 · tag 12/500 mono grey ·
   featured h2 28 · featured text 18/24.75 grey · outline button 36px · grid cards: h3 20/26, text 16/26 grey, "Read story" 16/500 */
.cs:has(.cix){padding:0}
.cix{background:var(--bg);color:#1e1c1a}
.cix-head{display:grid;grid-template-columns:1fr minmax(0,380px);gap:48px;align-items:center;padding:80px 48px;border-bottom:1px solid var(--line)}
.cix-head h1{margin:0;font:500 40px/46px var(--serif);letter-spacing:-.01em}
.cix-head p{margin:0;font:400 18px/23.4px var(--sans);color:#1e1c1a}
.cix-feat{display:grid;grid-template-columns:1fr 1fr;color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}
.cix-feat-l{display:flex;flex-direction:column;align-items:flex-start;padding:48px}
.cix-tag{font:500 12px/16.5px var(--mono);color:#a7a6a2}
.cix-logo{display:block;height:32px;width:auto;max-width:200px;object-fit:contain;object-position:left center;margin-top:20px}
.cix-logo.cs-logo-txt{height:auto;font:600 20px/32px var(--sans)}
.cix-feat h2{margin:22px 0 0;max-width:460px;font:500 28px/34px var(--serif);letter-spacing:-.01em}
.cix-feat p{margin:16px 0 0;max-width:527px;font:400 18px/24.75px var(--sans);color:#525150}
.cix-btn{display:inline-flex;align-items:center;height:36px;margin-top:40px;padding:0 16px;border:1px solid #e4e3db;border-radius:8px;background:#fefefe;font:500 14px/20px var(--sans);color:#1e1c1a;transition:border-color .15s}
.cix-feat:hover .cix-btn{border-color:#a3a3a3}
.cix-feat-r{display:grid;place-items:center;border-left:1px solid var(--line);background:radial-gradient(circle,rgba(0,0,0,.06) 1px,transparent 1.2px) 0 0/6px 6px,#f4f3ef;min-height:360px}
.cix-feat-r .cix-logo{margin:0;object-position:center}.cix-logo.lg{height:56px;max-width:300px}
.cix-sep{height:14px;margin:0 calc(50% - 50vw);border-bottom:1px solid var(--line);background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(0,0,0,.045) 6px 7px)}
.cix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.cix-card{display:flex;flex-direction:column;min-height:376px;padding:48px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:background .2s}
.cix-card:nth-child(3n){border-right:0}
.cix-card:hover{background:#f9f9f6}
.cix-card .cix-logo{margin:0 0 22px}
.cix-card h3{margin:0;font:500 20px/26px var(--sans)}
.cix-card p{margin:16px 0 0;font:400 16px/26px var(--sans);color:#525150}
.cix-read{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:28px;font:500 16px/24px var(--sans);color:#1e1c1a}
.cix-read svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.cix-card:hover .cix-read svg{transform:translateX(3px)}
.cix-empty{padding:48px;color:#525150}
@media (max-width:980px){.cix-head{grid-template-columns:1fr;gap:16px;padding:56px 24px}.cix-feat{grid-template-columns:1fr}.cix-feat-l{padding:32px 24px}
  .cix-feat-r{border-left:0;border-top:1px solid var(--line);min-height:220px}.cix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cix-card{padding:32px 24px;min-height:0}.cix-card:nth-child(3n){border-right:1px solid var(--line)}.cix-card:nth-child(2n){border-right:0}}
@media (max-width:620px){.cix-head h1{font-size:32px;line-height:38px}.cix-grid{grid-template-columns:1fr}.cix-card{border-right:0!important;padding:28px 16px}
  .cix-feat-l{padding:28px 16px}.cix-head{padding:40px 16px}}