/* Customer directory and film-led introductions. Scoped to customer routes. */
html[data-hq-brand] .customer-library{padding-top:calc(var(--nav--height-total) + 12px)}
html[data-hq-brand] .customer-library>main.wrap{max-width:none;padding:0}
html[data-hq-brand] .customer-library .index-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;justify-items:start;text-align:left;max-width:1184px;width:calc(100% - 96px);margin-inline:auto;padding:48px 0 52px!important}
html[data-hq-brand] .customer-library .index-hero .eyebrow{margin:0 0 22px;font:600 .75rem/1.4 var(--font-heading);letter-spacing:.18em;text-transform:uppercase;color:#5B574F}
html[data-hq-brand] .customer-library .index-hero .eyebrow::before{content:"";display:inline-block;width:1.8rem;height:1px;margin-right:.65rem;vertical-align:middle;background:var(--hq-brass)}
html[data-hq-brand] .customer-content.customer-library .index-title{margin:0;font:600 clamp(2.35rem,5.4vw,5rem)/1.08 var(--font-heading);font-size:clamp(2.35rem,5.4vw,5rem)!important;letter-spacing:-.035em;max-width:22ch;text-transform:none;text-align:left;text-wrap:balance;color:#0F0F0F}
html[data-hq-brand] .customer-library .index-title .index-title__emphasis{display:block;color:var(--hq-brass);text-wrap:balance}
html[data-hq-brand] .customer-library .index-hero>p{font:500 clamp(1.125rem,1rem + .6vw,1.45rem)/1.5 var(--font-heading);margin:26px 0 0;max-width:65ch;text-align:left;color:#5B574F}
html[data-hq-brand] .customer-library .index-list{display:block;padding:0;padding-bottom:0!important}
.customer-library .library-section{padding:16px 48px 64px;scroll-margin-top:120px}
.customer-library .library-section--early{background:#dbd6ce;padding-block:56px 64px}
.customer-library .library-section__inner{max-width:1184px;margin:0 auto}
.customer-library .library-section__heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
html[data-hq-brand] .customer-library .library-section__heading h2{font-size:30px!important;line-height:1.2;letter-spacing:-.025em;margin:0;text-transform:none}
.customer-library .library-section__heading h2 span{display:block;font-size:16px;letter-spacing:0;font-weight:500;color:#5b574f;margin-top:8px}
.customer-library .library-section__heading>a,.customer-library .library-section__note{font-size:13px;line-height:1.5;color:#5b574f}
.customer-library .library-section__heading>a{padding-block:12px;text-decoration:none}
.customer-library .library-section__heading>a:hover{text-decoration:underline}
.customer-library .library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;align-items:stretch}
html[data-hq-brand] .customer-library .index-story.library-card{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0!important;padding:0!important;background:transparent;color:#0f0f0f;border:0;border-radius:0;min-width:0;max-width:none;text-decoration:none}
.customer-library .library-card__image{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:16px;background:#c5beb4}
html[data-hq-brand] .customer-library .library-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;border-radius:0}
html[data-hq-brand] .customer-library .library-card__image .library-card__film-poster{object-fit:contain;background:#e5e0d8}
.customer-library .library-card:hover .library-card__image img{transform:scale(1.025)}
.customer-library .library-card__body{display:flex;flex-direction:column;flex:1;padding:22px 0 0;min-width:0}
.customer-library .library-card .eyebrow{font-size:11px;line-height:1.5;letter-spacing:.1em;color:#5b574f;margin:0 0 12px;min-height:17px}
.customer-library .library-card .eyebrow:before{display:none}
html[data-hq-brand] .customer-library .library-card h3{font-size:clamp(24px,2.1vw,30px)!important;font-weight:600;line-height:1.13;letter-spacing:-.025em;margin:0 0 16px;max-width:none;text-transform:none;text-wrap:balance}
html[data-hq-brand] .customer-library .library-card h3 em{font-style:normal;color:inherit;background:none}
html[data-hq-brand] .customer-library .library-card__summary{font-size:16px;line-height:1.6;color:#5b574f;margin:0 0 24px;max-width:none}
.customer-library .library-card__proof{display:flex;flex-direction:column;gap:5px;border-top:1px solid #c5beb4;padding-top:18px;margin-top:auto}
.customer-library .library-card__proof strong{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.03em}
.customer-library .library-card__proof span{font-size:13px;line-height:1.5;color:#5b574f;max-width:28ch}
/* Reserve two label lines so the rule, metric and link share a baseline per row. */
@media(min-width:601px){.customer-library .library-card__proof span{min-block-size:3em}}
.customer-library .library-card .read-link{font-size:14px;font-weight:600;line-height:1.4;display:block;align-self:flex-start;padding:16px 0 8px;margin:8px 0 0;min-height:44px;border-bottom:1px solid #8e8476}
.customer-library .library-card:hover .read-link{border-bottom-color:#0f0f0f}
.customer-library .library-card--early .library-card__image{aspect-ratio:16/8}
html[data-hq-brand] .customer-library .library-card--early h3{font-size:25px!important;line-height:1.18;text-wrap:pretty}
.customer-library .library-card--early .read-link{margin-top:auto}
.customer-library .library-card__stage{font-size:11px;line-height:1.4;color:#5b574f;letter-spacing:.025em;margin:-7px 0 14px}
.customer-library .library-card__video{position:absolute;left:12px;bottom:12px;background:#0f0f0f;color:#f0ece8;font-size:11px;font-weight:600;line-height:1.4;padding:8px 11px;border-radius:20px}
/* Product closing composition, scoped to the customer directory only.
   Reference: headquarters.css + headquarters-xbuild.css; no legacy CTA wrappers. */
html[data-hq-brand] #book-a-demo.customer-library-close{position:relative;display:block;overflow:hidden;background:#0f0f0f;color:#f0ece8;text-align:center;padding:clamp(48px,6vw,88px) 0;margin:0;font-family:Switzer,Arial,sans-serif}
html[data-hq-brand] #book-a-demo.customer-library-close .hq-close__bg{position:absolute;inset:0}
html[data-hq-brand] #book-a-demo.customer-library-close .hq-close__bg img{display:block;width:100%;height:100%;object-fit:cover;opacity:.35}
html[data-hq-brand] #book-a-demo.customer-library-close .hq-close__bg::after{content:"";position:absolute;inset:0;background:rgba(8,8,8,.6)}
html[data-hq-brand] #book-a-demo.customer-library-close .hq-close__inner{position:relative;display:grid;justify-items:center;gap:32px;width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(24px,4vw,48px);box-sizing:border-box}
html[data-hq-brand] #book-a-demo.customer-library-close .hq-close__logo{display:block;width:clamp(144px,13vw,184px);height:auto}
html[data-hq-brand] #book-a-demo.customer-library-close .customer-close__copy{display:grid;justify-items:center;gap:20px;width:100%;min-width:0}
html[data-hq-brand] #book-a-demo.customer-library-close .hq-h2{width:100%;max-width:23ch!important;margin:0!important;padding:0;font:600 clamp(32px,4.5vw,56px)/1.1 Switzer,Arial,sans-serif!important;letter-spacing:-.035em;text-align:center;text-transform:none;text-wrap:balance;color:#f0ece8!important}
html[data-hq-brand] #book-a-demo.customer-library-close .customer-close__description{width:100%;max-width:52ch!important;margin:0!important;padding:0;font:500 18px/1.5 Switzer,Arial,sans-serif!important;letter-spacing:0;text-align:center;text-wrap:pretty;white-space:normal;color:#c5beb4!important}
html[data-hq-brand] #book-a-demo.customer-library-close :is(h2,p)::before,html[data-hq-brand] #book-a-demo.customer-library-close :is(h2,p)::after{content:none!important;display:none!important;margin:0!important}
html[data-hq-brand] #book-a-demo.customer-library-close .button_main_icon:empty{display:none}
html[data-hq-brand] #book-a-demo.customer-library-close .hq-close__actions{display:flex;justify-content:center;align-items:center;gap:16px}
html[data-hq-brand] #book-a-demo.customer-library-close [data-xb-cta],html[data-hq-brand] #book-a-demo.customer-library-close [data-xb-cta] :is(.button_main_element,.button_hover_element){min-height:48px!important;height:48px;border-radius:10.67px!important}
html[data-hq-brand] #book-a-demo.customer-library-close [data-xb-cta],html[data-hq-brand] #book-a-demo.customer-library-close [data-xb-cta] :is(.button_main_text,.clickable_text){font-size:clamp(18px,1.25vw,22px)!important}
@media(max-width:767px){html[data-hq-brand] #book-a-demo.customer-library-close{padding-block:48px}html[data-hq-brand] #book-a-demo.customer-library-close .hq-close__logo{width:136px}html[data-hq-brand] #book-a-demo.customer-library-close .hq-h2{font-size:32px!important}}
@media(max-width:479px){html[data-hq-brand] #book-a-demo.customer-library-close .hq-close__actions{flex-direction:column;width:100%}html[data-hq-brand] #book-a-demo.customer-library-close .hq-cta{width:100%;max-width:320px}}
/* Film and the written story share a hero; the portrait film is never cropped. */
html[data-hq-brand] .customer-content .hero--film{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:start;padding-block:28px 56px}
html[data-hq-brand] .customer-content .hero--film h1{font:600 clamp(2.35rem,5.4vw,5rem)/1.08 var(--font-heading);font-size:clamp(2.35rem,5.4vw,5rem)!important;letter-spacing:-.035em;max-width:18ch}
html[data-hq-brand] .customer-content .hero--film .dek{font:500 clamp(1.125rem,1rem + .6vw,1.45rem)/1.5 var(--font-heading);color:#5B574F;margin-bottom:0}
html[data-hq-brand] .customer-content .hero-media.story-film{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:stretch;height:auto;min-height:0;overflow:hidden;border-radius:20px;background:#dbd6ce;isolation:isolate}
.customer-content .story-film:after{display:none}
.customer-content .story-film__copy{display:flex;flex-direction:column;padding:26px 20px;min-width:0}
.customer-content .story-film__eyebrow{font-size:11px;line-height:1.5;letter-spacing:.04em;color:#5b574f}
html[data-hq-brand] .customer-content .story-film blockquote{font-size:24px;line-height:1.18;font-weight:600;letter-spacing:-.025em;margin:auto 0 24px;padding:28px 0 0;border:0;background:none;color:#0f0f0f;text-wrap:pretty}
html[data-hq-brand] .customer-content .story-film figcaption{position:static;inset:auto;color:#0f0f0f;z-index:auto;background:none;padding:0;margin:0;border:0;border-radius:0}
.customer-content .story-film figcaption strong{font-size:13px;line-height:1.5;font-weight:600}
.customer-content .story-film figcaption span{display:block;font-size:12px;line-height:1.5;opacity:1;color:#5b574f;margin-top:5px}
.customer-content .story-film__direct{font-size:13px;line-height:1.4;min-height:44px;padding-top:18px;margin-top:10px;text-decoration:underline}
.customer-content .story-film video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#0f0f0f;align-self:center;max-height:540px}
.customer-content .story-context-photo{margin:0 0 24px;border-radius:14px;overflow:hidden}
.customer-content .story-context-photo img{width:100%;height:140px;object-fit:cover}
@media(max-width:1100px){
 .customer-library .library-grid{gap:36px 22px}
 html[data-hq-brand] .customer-content .hero--film{grid-template-columns:1fr;gap:32px}
 html[data-hq-brand] .customer-content .hero--film .hero-copy{max-width:760px}
 html[data-hq-brand] .customer-content .hero--film h1{max-width:24ch}
 html[data-hq-brand] .customer-content .hero--film .dek{max-width:65ch}
 html[data-hq-brand] .customer-content .hero-media.story-film{width:100%;max-width:700px;grid-template-columns:1fr 260px}
 html[data-hq-brand] .customer-content .story-film blockquote{font-size:30px}
}
@media(max-width:900px){
 .customer-library .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .customer-library .library-section--established .library-card:last-child{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px!important}
 .customer-library .library-section--established .library-card:last-child .library-card__image{height:100%;aspect-ratio:auto}
 .customer-library .library-section--established .library-card:last-child .library-card__body{padding-top:0}
}
@media(max-width:600px){
 html[data-hq-brand] .customer-library .index-hero{width:calc(100% - 48px);padding:32px 0 36px!important}
 .customer-library .library-section{padding:8px 24px 40px}
 .customer-library .library-section--early{padding:36px 24px 40px}
 .customer-library .library-section__heading{display:block;margin-bottom:24px}
 html[data-hq-brand] .customer-library .library-section__heading h2{font-size:27px!important}
 .customer-library .library-section__heading>a{display:inline-block;margin-top:4px}
 .customer-library .library-section__note{display:block;margin-top:12px}
 .customer-library .library-grid{grid-template-columns:1fr;gap:36px}
 .customer-library .library-section--established .library-card:last-child{display:flex!important;gap:0!important;grid-column:auto}
 .customer-library .library-section--established .library-card:last-child .library-card__image{aspect-ratio:16/10;height:auto}
 .customer-library .library-section--established .library-card:last-child .library-card__body{padding-top:22px}
 html[data-hq-brand] .customer-library .library-card h3{font-size:28px!important}
 html[data-hq-brand] .customer-library .library-card--early h3{font-size:25px!important}
 .customer-library .library-card__summary{margin-bottom:16px!important}
 .customer-library .library-card__proof{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;align-items:center;padding-top:14px}
 .customer-library .library-card__proof strong{font-size:28px}
 .customer-library .library-card__proof span{font-size:12px}
 html[data-hq-brand] .customer-content .hero--film{padding-block:20px 36px;gap:28px}
 html[data-hq-brand] .customer-content .hero-media.story-film{grid-template-columns:1fr}
 .customer-content .story-film__copy{padding:24px}
 html[data-hq-brand] .customer-content .story-film blockquote{font-size:27px;padding-top:18px;margin-bottom:18px}
 .customer-content .story-film__direct{display:none}
 .customer-content .story-film video{max-height:480px;width:100%;background:#0f0f0f}
}
@media(max-width:767px){html[data-hq-brand] .customer-content.customer-library .index-title,html[data-hq-brand] .customer-content .hero--film h1{font-size:clamp(2rem,9vw,3rem)!important}}
@media(prefers-reduced-motion:reduce){.customer-library .library-card__image img{transition:none}.customer-library .library-card:hover .library-card__image img{transform:none}}