/* Showcase host styles. Variants add their own rules in assets/css/showcase/<series>.css, scoped under .sc-<series>-<letter>. */
.showcase{position:relative;padding:14vh 0 12vh;border-top:1px solid var(--line);overflow:hidden;background:var(--soot)}
.sc-head{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,34ch);gap:4vw;align-items:end;padding:0 var(--gutter);margin-bottom:7vh}
.sc-kicker{grid-column:1/-1;color:var(--brass);margin-bottom:22px}
.sc-kicker .sc-num{font-family:var(--serif);font-size:14px;letter-spacing:.08em;color:var(--plaster)}
.sc-kicker .sc-count{color:var(--dim)}
.sc-title{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(56px,9vw,150px);line-height:.9;letter-spacing:-.02em;color:var(--plaster)}
.sc-sub{grid-column:1;margin:16px 0 0;font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.2vw,32px);line-height:1.1;color:var(--dim)}
.sc-lede{grid-column:2;grid-row:2/4;align-self:end;margin:0;font-size:14px;line-height:1.6;color:#cfc6b8;max-width:34ch}
.sc-link{grid-column:2;margin-top:22px;justify-self:start}
.sc-body{position:relative}
@media (max-width:820px){
  .sc-head{grid-template-columns:1fr;gap:14px;margin-bottom:5vh}
  .sc-lede{grid-column:1;grid-row:auto;max-width:none}
  .sc-link{grid-column:1;margin-top:8px}
  .showcase{padding:10vh 0 9vh}
}