/* Attributed voices on the three relevant service pages. */
body.corporate-site main .service-voice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10%;row-gap:24px;margin:0;padding:32px;box-sizing:border-box;border:0;background:transparent;color:inherit;scroll-margin-top:48px}
body.corporate-site.strategy-page .ss-layout-clear .service-voice{margin:0 0 var(--space-section)}
body.corporate-site.specialist-page .specialist-main .service-voice{column-gap:clamp(32px,6vw,80px);margin-top:80px}
body.corporate-site main .service-voice blockquote{grid-column:1/-1;max-width:52ch;margin:0;padding:0;border:0;background:transparent;font-style:normal}
body.corporate-site main .service-voice .service-voice-text{margin:0;line-height:1.3!important;letter-spacing:0!important;text-wrap:pretty}
body.corporate-site main .service-voice figcaption{grid-column:2;margin:0;padding:0;line-height:1.5;text-align:left}
body.corporate-site main .service-voice-name,body.corporate-site main .service-voice-role{display:block}
body.corporate-site main .service-voice-role{margin-top:4px}
@layer typoint-type-system{
 body.corporate-site:is(.strategy-page,.specialist-page) main:is(.ss-main,.specialist-main) .service-voice .service-voice-text{font-family:Nnnouvellegrotesk-Normal,Arial,sans-serif!important;font-weight:400!important;font-size:var(--type-large)!important}
 body.corporate-site main .service-voice .service-voice-name{font-family:Nnnouvellegrotesk-Normal,Arial,sans-serif!important;font-weight:400!important;font-size:var(--type-body)!important}
 body.corporate-site main .service-voice .service-voice-role{font-family:Nnnouvellegrotesk-Normal,Arial,sans-serif!important;font-weight:400!important;font-size:var(--type-small)!important}
}
@media(max-width:760px){
 body.corporate-site main .service-voice{grid-template-columns:minmax(0,1fr);row-gap:24px}
 body.corporate-site main .service-voice figcaption{grid-column:1}
 body.corporate-site.specialist-page .specialist-main .service-voice{margin-top:64px}
}

/* Theme-coloured quotation field aligned to the content and photo edges. */
body.corporate-site main .service-voice{--voice-background:var(--accent,#ffe500);--voice-ink:#000;position:relative;isolation:isolate;color:var(--voice-ink)}
body.corporate-site main .service-voice::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--voice-background);pointer-events:none}
body.corporate-site main .service-voice :is(blockquote,figcaption,.service-voice-text,.service-voice-name,.service-voice-role){color:var(--voice-ink)!important}
html[data-theme=dark] body.corporate-site main .service-voice{--voice-ink:#121212}
html[data-theme=book] body.corporate-site main .service-voice{--voice-ink:#fff}
html[data-theme=bordeaux] body.corporate-site main .service-voice{--voice-background:var(--scroll-progress-color,#641b27);--voice-ink:#fff}
html[data-theme=neon] body.corporate-site main .service-voice{--voice-ink:var(--neon-lime,#ccff00)}
@media(max-width:760px){body.corporate-site main .service-voice{padding:24px 16px}}
@media print{body.corporate-site main .service-voice::before{display:none}body.corporate-site main .service-voice{--voice-ink:#000}}

/* Brand quotation within the MANN+HUMMEL case study. */
body.corporate-site.project-page .project-voice-section{width:var(--layout-width,84%);max-width:1500px;margin:clamp(56px,7vw,96px) auto}
@layer typoint-type-system{
 body.corporate-site.project-page main .service-voice .service-voice-text{font-family:Nnnouvellegrotesk-Normal,Arial,sans-serif!important;font-weight:400!important;font-size:calc(var(--base-large) * var(--reading-scale,1))!important}
}

/* Quiet reading notes below the typography experiments. */
body.corporate-site.typography-page .typography-main .editorial-voices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10%;margin:var(--space-group) 0}
body.corporate-site.typography-page .typography-main .editorial-voice{display:block;--voice-ink:#151515;margin:0;padding:24px;background:#fff3b0;color:var(--voice-ink)}
body.corporate-site.typography-page .typography-main .editorial-voice::before{display:none}
body.corporate-site.typography-page .typography-main .editorial-voice blockquote{max-width:48ch}
body.corporate-site.typography-page .typography-main .editorial-voice figcaption{margin-top:16px}
body.corporate-site.typography-page .editorial-voice .service-voice-role a{color:inherit!important}
@layer typoint-type-system{
 body.corporate-site.typography-page .typography-main .editorial-voice .service-voice-text{font-family:Nnnouvellegrotesk-Normal,Arial,sans-serif!important;font-weight:400!important;font-size:var(--type-body)!important;line-height:1.5!important}
 body.corporate-site.typography-page .typography-main .editorial-voice :is(.service-voice-name,.service-voice-role){font-size:var(--type-small)!important}
}
@media(max-width:760px){body.corporate-site.typography-page .typography-main .editorial-voices{grid-template-columns:minmax(0,1fr);gap:32px}}

/* Company follows the role on Valentin von Vacano's quotations. */
body.corporate-site main .service-voice-company{display:block;margin-top:4px;line-height:1.5;color:var(--voice-ink)!important}
@layer typoint-type-system{
 body.corporate-site main .service-voice .service-voice-company{font-family:Nnnouvellegrotesk-Normal,Arial,sans-serif!important;font-weight:400!important;font-size:var(--type-small)!important}
}