/* Existing work as evidence for reporting and typography consultancy. */
body.corporate-site .service-work-proof{min-width:0;scroll-margin-top:48px}
body.reports-page .report-section.service-work-proof{display:block}
body.strategy-page .ss-benefits>.service-work-proof{grid-column:1/-1;margin-top:var(--space-group)}
body.corporate-site .service-proof-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10%;row-gap:24px;margin-bottom:var(--space-group)}
body.corporate-site .service-proof-heading :is(h2,h3,p){margin:0!important}
body.corporate-site .service-proof-heading p{max-width:var(--reading-measure);line-height:1.4!important}
body.corporate-site .service-proof-figure{margin:0;min-width:0}
body.corporate-site .service-proof-image{display:block;border:0!important;text-decoration:none!important}
body.corporate-site .service-proof-image img{display:block;width:100%;height:auto}
body.corporate-site .service-proof-figure figcaption{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px 28px;text-align:left;margin:20px 0 0}
body.corporate-site .service-proof-figure figcaption a{margin:0}
body.corporate-site .service-demo-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:20px 36px;margin-top:32px}
body.corporate-site .service-demo-links a{margin:0}
body.corporate-site .service-work-proof :is(a,summary):focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@layer typoint-type-system{
 body.corporate-site .service-proof-title{font-family:Nnnouvellegrotesk-Black,Arial,sans-serif!important;font-size:var(--type-large)!important;font-weight:900!important;line-height:1.2!important}
 body.corporate-site .service-work-proof :is(p,.service-demo-links){font-family:Nnnouvellegrotesk-Normal,Arial,sans-serif!important;font-size:var(--type-body)!important;font-weight:400!important}
 body.corporate-site .service-work-proof figcaption{font-family:Nnnouvellegrotesk-Normal,Arial,sans-serif!important;font-size:var(--type-small)!important;font-weight:400!important}
}
@media(max-width:760px){body.corporate-site .service-proof-heading{grid-template-columns:minmax(0,1fr);gap:24px}}

/* Reporting: the photograph is a small supporting example beside the copy. */
body.reports-page .report-section.service-report-proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 10%}
body.reports-page .service-report-visual h2{margin:0 0 32px!important}
body.reports-page .service-report-visual .service-proof-figure{width:100%;max-width:280px}
body.reports-page .service-report-copy>p{margin:0!important;line-height:1.4!important}
body.reports-page .service-report-proof .service-demo-links{align-items:flex-start;flex-direction:column;gap:20px}
@media(max-width:760px){
 body.reports-page .report-section.service-report-proof{grid-template-columns:minmax(0,1fr);gap:32px}
 body.reports-page .service-report-visual .service-proof-figure{max-width:240px}
}
/* Open the specimens in place, keeping the service and contact context visible. */
body.reports-page .service-report-demos{grid-column:1/-1;display:grid;gap:20px}
body.reports-page .service-report-demo{min-width:0}
body.reports-page .service-report-demo>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;width:45%;margin-left:55%;padding:8px 0;cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}
body.reports-page .service-report-demo>summary::-webkit-details-marker{display:none}
body.reports-page .report-demo-toggle:after{content:'+'}
body.reports-page .service-report-demo[open]>.report-demo-toggle:after,body.reports-page .service-report-demo[open]>summary .report-demo-toggle:after{content:'−'}
body.reports-page .report-demo-specimen{width:100%;max-width:none;margin:32px 0 48px;padding:0;min-width:0}
body.reports-page .report-demo-specimen .readability-comparison{min-width:0}
body.reports-page .report-demo-specimen .readability-example{min-width:0}
body.reports-page .report-demo-specimen table{max-width:100%}
body.strategy-page .ss-layout-clear .service-proof-heading{margin-bottom:0}
@layer typoint-type-system{
 body.corporate-site.reports-page .report-demo-specimen :is(.figure-specimen,.readability-detail-line){font-size:var(--type-large)!important}
}
@media(max-width:1000px){body.reports-page .report-demo-specimen .readability-comparison{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){body.reports-page .service-report-demo>summary{width:100%;margin-left:0}}