/* Markencheck: examples, outcome and process in an open editorial layout. */
body.markencheck-page .check-purpose{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10%;row-gap:var(--space-group)}
body.markencheck-page .check-intro-copy h2{margin:0 0 var(--space-detail)!important;max-width:22ch}
body.markencheck-page .check-media{min-width:0;margin:0;align-self:center}
body.markencheck-page .check-media-preview{display:grid;grid-template-columns:1.5fr 1.15fr .85fr;gap:5%;align-items:start;padding:12px 0 0}
body.markencheck-page .check-application{position:relative;min-width:0;overflow:hidden;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);padding:12%;aspect-ratio:.85}
body.markencheck-page .check-application-web{padding-top:24%}
body.markencheck-page .check-application-web::before{content:'';position:absolute;inset:0 0 auto;height:9%;border-bottom:1.5px solid var(--ink)}
body.markencheck-page .check-application-slides{margin-top:55%;aspect-ratio:1.25}
body.markencheck-page .check-application-print{margin-top:135%;aspect-ratio:.7}
body.markencheck-page .check-specimen{display:block;margin-bottom:12%;font-family:Nnnouvellegrotesk-Black,sans-serif;font-size:var(--type-large);font-weight:900;line-height:1;letter-spacing:-.03em}
body.markencheck-page .check-application i{display:block;height:3px;width:100%;margin-top:9%;background:var(--ink)}
body.markencheck-page .check-application i:last-child{width:66%}
body.markencheck-page .check-application .check-brand-shape{height:auto;width:34%;aspect-ratio:1;background:var(--accent);margin:14% 0 18%;border-radius:50%}
body.markencheck-page .check-media figcaption{margin:24px 0 0;line-height:1.5;color:var(--ink)}
body.markencheck-page .check-pull-text{grid-column:1/-1;max-width:44ch;margin:0!important;justify-self:center;padding:var(--space-detail) 0;text-wrap:pretty}
body.markencheck-page .check-focus,body.markencheck-page .check-process{display:block}
body.markencheck-page .check-focus>h2,body.markencheck-page .check-process>h2{max-width:none;margin:0 0 var(--space-group)!important}
body.markencheck-page .check-focus-grid,body.markencheck-page .check-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;margin:0;padding:0;list-style:none}
body.markencheck-page .check-focus-grid li,body.markencheck-page .check-process-grid li{min-width:0;margin:0;padding:0}
body.markencheck-page .check-focus-grid h3,body.markencheck-page .check-process-grid h3{margin:0 0 20px!important}
body.markencheck-page .check-focus-grid p,body.markencheck-page .check-process-grid p{margin:0!important;max-width:38ch}
body.markencheck-page .check-result-intro{min-width:0}
body.markencheck-page .check-result-intro h2{max-width:22ch;margin:0!important}
body.markencheck-page .check-step-number{display:block;font-family:Nnnouvellegrotesk-Normal,sans-serif;font-size:var(--type-headline);font-weight:400;letter-spacing:-.055em;line-height:1;color:var(--ink)}
body.markencheck-page .check-step-number{margin:0 0 var(--space-detail)}
body.markencheck-page .check-result .report-copy>p{margin-bottom:var(--space-group)}
@layer typoint-type-system{
 body.corporate-site.markencheck-page .check-step-number{font-family:Nnnouvellegrotesk-Normal,sans-serif!important;font-size:var(--type-headline)!important;font-weight:400!important;letter-spacing:-.055em!important;line-height:1!important}
 body.corporate-site.markencheck-page .check-specimen{font-family:Nnnouvellegrotesk-Black,sans-serif!important;font-size:var(--type-large)!important;font-weight:900!important;line-height:1!important}

 body.corporate-site.markencheck-page .check-pull-text{font-family:Nnnouvellegrotesk-Normal,sans-serif!important;font-size:var(--type-large)!important;font-weight:400!important;line-height:1.35!important;letter-spacing:0!important}
 body.corporate-site.markencheck-page .check-media figcaption{font-family:Nnnouvellegrotesk-Normal,sans-serif!important;font-size:var(--type-small)!important;font-weight:400!important}
}
@media(max-width:1050px){
 body.markencheck-page .check-focus-grid,body.markencheck-page .check-process-grid{grid-template-columns:1fr;gap:var(--space-group)}
 body.markencheck-page .check-focus-grid li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8%}
 body.markencheck-page .check-process-grid li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:0 28px}
 body.markencheck-page .check-process-grid h3,body.markencheck-page .check-process-grid p{grid-column:2}
 body.markencheck-page .check-step-number{grid-column:1;grid-row:1/3;margin:0}
}
@media(max-width:760px){
 body.markencheck-page .check-purpose{grid-template-columns:1fr}
 body.markencheck-page .check-media{width:100%;max-width:440px;justify-self:center}
 body.markencheck-page .check-pull-text{justify-self:start;padding:0}
 body.markencheck-page .check-focus-grid li{display:block}
 body.markencheck-page .check-result{grid-template-columns:minmax(0,1fr)}
 body.markencheck-page .check-result-intro{display:block}
 body.markencheck-page .check-result-intro h2{margin:0!important}
 body.markencheck-page .check-process-grid li{grid-template-columns:minmax(64px,.25fr) minmax(0,1fr);gap:0 20px}
}
@media(max-width:360px){
 body.markencheck-page .check-process-grid li{grid-template-columns:1fr}
 body.markencheck-page .check-step-number,body.markencheck-page .check-process-grid h3,body.markencheck-page .check-process-grid p{grid-column:1;grid-row:auto}
 body.markencheck-page .check-step-number{margin-bottom:20px}
}

/* Results are a readable overview rather than a long narrow list. */
body.markencheck-page .check-result{display:block}
body.markencheck-page .check-result-intro h2{max-width:none;margin-bottom:var(--space-group)!important}
body.markencheck-page .check-result .report-copy{max-width:none}
body.markencheck-page .check-result .report-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-group) 10%}
@media(max-width:760px){body.markencheck-page .check-result .report-list{grid-template-columns:minmax(0,1fr)}}

/* Real work examples stay open and quiet; typographic detail is optional. */
body.markencheck-page .check-work{display:block;scroll-margin-top:48px}
body.markencheck-page .check-work-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10%;margin-bottom:var(--space-group)}
body.markencheck-page .check-work-intro h2,body.markencheck-page .check-work-intro p{margin:0!important}
body.markencheck-page .check-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%}
body.markencheck-page :is(.check-work-item,.check-work-item figure,.check-work-detail-grid figure){min-width:0;margin:0}
body.markencheck-page .check-work-media{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;margin:0 0 24px}
body.markencheck-page .check-work-media img{display:block;width:100%;height:100%;object-fit:contain}
body.markencheck-page .check-work figcaption{text-align:left;margin:0}
body.markencheck-page .check-work h3{margin:0 0 12px!important;line-height:1.2!important}
body.markencheck-page .check-work figcaption p{margin:0 0 12px!important;line-height:1.4!important}
body.markencheck-page .check-work-credit{line-height:1.4!important}
body.markencheck-page .check-work .report-mail{margin-top:8px}
body.markencheck-page .check-work-details{margin-top:var(--space-group)}
body.markencheck-page .check-work-details summary{display:inline-flex;align-items:center;gap:24px;list-style:none;cursor:pointer;padding:8px 0;line-height:1.3}
body.markencheck-page .check-work-details summary::-webkit-details-marker{display:none}
body.markencheck-page .check-work-details summary span{text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}
body.markencheck-page .check-work-details summary svg{width:.8em;height:.8em;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
body.markencheck-page .check-work-details[open] summary svg path{d:path('M5 12h14')}
body.markencheck-page .check-work-details summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
body.markencheck-page .check-work-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10%;margin-top:32px}
body.markencheck-page .check-work-detail-grid img{display:block;width:100%;height:100%;object-fit:contain;margin:0}
body.markencheck-page .check-work-next{max-width:48ch;margin:var(--space-group) 0 0!important}
@layer typoint-type-system{
 body.corporate-site.markencheck-page .check-work :is(figcaption,h3,p,summary){font-family:Nnnouvellegrotesk-Normal,Arial,sans-serif!important;font-size:var(--type-body)!important;font-weight:400!important}
 body.corporate-site.markencheck-page .check-work .check-work-credit{font-size:var(--type-small)!important}
}
@media(max-width:760px){
 body.markencheck-page .check-work-intro,body.markencheck-page .check-work-grid,body.markencheck-page .check-work-detail-grid{grid-template-columns:minmax(0,1fr);gap:40px}
 body.markencheck-page .check-work-intro{gap:24px}
 body.markencheck-page .check-work-media{aspect-ratio:3/2;margin-bottom:20px}
 body.markencheck-page .check-work-media img{height:100%}
}

body.markencheck-page .check-detail-image-link{display:block;position:relative;aspect-ratio:3/2;overflow:hidden;margin:0 0 24px;border:0!important;text-decoration:none!important}
body.markencheck-page .check-detail-image-link:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
body.markencheck-page .check-work-detail-grid figcaption{max-width:var(--reading-measure)}

/* A 200% editorial crop keeps the type visible at the shared project size. */
body.markencheck-page .check-work-detail-grid .check-detail-crop img{position:absolute;max-width:none;width:200%;height:auto;left:-92%;top:-72%;object-fit:initial}

body.markencheck-page .check-work-detail-grid h3{max-width:20ch;text-wrap:balance}

@media(max-width:760px){body.markencheck-page .check-work-detail-grid{grid-template-columns:minmax(0,1fr);gap:40px}}