.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.showcase{width:min(1120px, calc(100% - var(--space-8)));margin:var(--space-12) auto;padding:var(--space-12);border:1px solid var(--rule);background:var(--page);background-image:url(/assets/brand/difhie-contours.svg);background-position:50%;background-size:cover}.showcase__header{justify-content:space-between;align-items:flex-end;gap:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--rule);display:flex}.showcase__section{gap:var(--space-5);padding:var(--space-12) 0;border-bottom:1px solid var(--rule);display:grid}.showcase__section:last-child{border-bottom:0}.showcase__section .lead,.showcase__section .body{max-width:720px}.swatches{gap:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid}.swatch{min-height:120px;padding:var(--space-4);border:1px solid var(--rule);color:var(--white);font-size:var(--type-body-sm);align-items:flex-end;font-weight:700;display:flex}.swatch--carbon{background:var(--carbon)}.swatch--concrete{background:var(--page-cool);color:var(--carbon)}.swatch--signal{background:var(--signal);color:var(--white)}.swatch--forest{background:var(--forest)}.swatch--olive{background:var(--olive)}.control-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.page-primitive{border:1px solid var(--rule);background:var(--page);background-image:url(/assets/brand/difhie-contours.svg);background-size:cover;grid-template-columns:44px minmax(240px,1fr) minmax(320px,1.25fr);min-height:520px;display:grid}.page-primitive__copy{justify-content:center;gap:var(--space-6);padding:var(--space-10);flex-direction:column;display:flex}.page-primitive__copy .label{color:var(--signal-ink)}.page-primitive__image{padding:var(--space-8);border-left:1px solid var(--rule);grid-template-rows:1fr auto;display:grid}.page-primitive__image img{min-height:400px}@media (width<=760px){.showcase{width:min(100% - var(--space-4), 1120px);margin:var(--space-4) auto;padding:var(--space-6)}.showcase__header{flex-direction:column;align-items:flex-start}.swatches{grid-template-columns:repeat(2,1fr)}.page-primitive{grid-template-columns:32px 1fr}.page-primitive .structural-spine{width:32px}.page-primitive__image{border-top:1px solid var(--rule);border-left:0;grid-column:2}}