.concrete-showcase{--showcase-ink:#04172f;--showcase-gold:#ce9f4d;--showcase-paper:#fff;--showcase-muted:#526276;--showcase-fog:#f1f3f5}.concrete-showcase-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.concrete-showcase .concrete-showcase-eyebrow{color:var(--showcase-muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 12px;font-size:12px;font-weight:600;line-height:1.4;display:flex}.concrete-showcase-eyebrow:before{content:"";background:var(--showcase-gold);width:28px;height:3px}.scs-construction .concrete-parent-page .concrete-showcase-heading h2{letter-spacing:-.035em;text-transform:none;margin:0;font-size:clamp(34px,3.5vw,54px);font-weight:600;line-height:1.08}.concrete-showcase-heading h2 span{color:var(--showcase-muted)}.concrete-showcase-estimate{text-underline-offset:6px;min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--showcase-gold);text-decoration-color:var(--showcase-gold);flex-shrink:0;align-items:center;gap:16px;padding-bottom:2px;font-size:16px;font-weight:600;display:inline-flex}.concrete-showcase-estimate svg,.concrete-showcase-story svg{flex-shrink:0;width:20px;height:20px}.concrete-showcase-feature{background:var(--showcase-ink);grid-template-columns:minmax(0,1.85fr) minmax(320px,.85fr);display:grid}.concrete-showcase-photography{min-width:0;position:relative}.concrete-showcase .concrete-ledger-media{aspect-ratio:1.6;background:var(--showcase-fog);width:100%;height:100%;min-height:490px}.concrete-showcase-details{min-width:0;color:var(--showcase-paper);flex-direction:column;justify-content:space-between;gap:42px;padding:clamp(28px,3.1vw,48px);display:flex}.concrete-showcase .concrete-showcase-photo-note{background:var(--showcase-fog);color:var(--showcase-muted);margin:0;padding:12px 20px;font-size:14px;line-height:1.45}.concrete-showcase .concrete-showcase-location{color:var(--showcase-gold);letter-spacing:.12em;text-transform:uppercase;margin:0 0 24px;font-size:12px;font-weight:600;line-height:1.4}.scs-construction .concrete-parent-page .concrete-showcase-details h3{color:var(--showcase-paper);letter-spacing:-.025em;text-transform:none;text-wrap:balance;margin:0;font-size:clamp(32px,2.7vw,42px);font-weight:600;line-height:1.08}.concrete-showcase .concrete-showcase-summary{color:#d1dae4;max-width:36ch;margin:22px 0 26px;font-size:17px;line-height:1.55}.concrete-showcase-story{background:var(--showcase-gold);width:fit-content;min-height:48px;color:var(--showcase-ink);justify-content:space-between;align-items:center;gap:20px;padding:12px 18px;font-size:16px;font-weight:600;line-height:1.35;text-decoration:none;transition:background .16s;display:inline-flex}.concrete-showcase-story:hover{background:#dfb46f}.concrete-showcase-navigation{border-top:1px solid #ffffff30;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;display:flex}.concrete-showcase-position{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:baseline;gap:7px;display:flex}.concrete-showcase-position strong{font-size:24px;font-weight:500}.concrete-showcase-position>span{color:#a9b8c9;font-size:14px}.concrete-showcase .concrete-motion-controls{gap:6px}.concrete-showcase .concrete-motion-controls button{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--showcase-paper);background:0 0;border:1px solid #fff5;padding:0}.concrete-showcase .concrete-motion-controls button:hover:not(:disabled){border-color:var(--showcase-gold);background:#ffffff18}.concrete-showcase .concrete-motion-controls button:disabled{color:#a9b8c9;border-color:#ffffff30}.concrete-showcase .concrete-motion-controls svg{width:19px;height:19px}.concrete-showcase .concrete-motion-controls button>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.concrete-showcase-projects{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:22px;display:grid}.concrete-showcase-projects button{min-width:0;min-height:100px;color:var(--showcase-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-top:3px solid #dce2e8;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;padding:14px 0 0;transition:border-color .16s;display:grid}.concrete-showcase-projects button[aria-current=true]{border-top-color:var(--showcase-gold)}.concrete-showcase-projects button:hover{border-top-color:var(--showcase-ink)}.concrete-showcase-projects button[aria-current=true]:hover{border-top-color:var(--showcase-gold)}.concrete-showcase-projects img{object-fit:cover;width:76px;height:72px;display:block}.concrete-showcase-projects small{color:var(--showcase-muted);margin-bottom:5px;font-size:13px;line-height:1.3;display:block}.concrete-showcase-projects strong{letter-spacing:-.01em;font-size:18px;font-weight:600;line-height:1.15;display:block}.concrete-showcase :is(a,button):focus-visible{outline:3px solid var(--showcase-gold);outline-offset:5px}@media (max-width:1100px){.concrete-showcase-heading{align-items:flex-start}.concrete-showcase-heading h2 span{display:block}.concrete-showcase-feature{grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr)}.concrete-showcase-details{padding:28px}.concrete-showcase .concrete-ledger-media{min-height:470px}.concrete-showcase-projects{gap:16px}.concrete-showcase-projects button{grid-template-columns:56px minmax(0,1fr);gap:10px}.concrete-showcase-projects img{width:56px;height:64px}.concrete-showcase-projects strong{font-size:16px}}@media (max-width:760px){.concrete-showcase-heading{margin-bottom:24px;display:block}.concrete-showcase-heading h2 span{display:inline}.concrete-showcase-estimate{margin-top:14px;font-size:15px}.concrete-showcase-feature{grid-template-columns:minmax(0,1fr)}.concrete-showcase .concrete-ledger-media{aspect-ratio:1.25;height:auto;min-height:0}.concrete-showcase-details{gap:26px;padding:26px}.concrete-showcase .concrete-showcase-location{margin-bottom:14px}.scs-construction .concrete-parent-page .concrete-showcase-details h3{text-wrap:initial;font-size:32px}.concrete-showcase .concrete-showcase-summary{margin:16px 0 20px}.concrete-showcase-navigation{padding-top:16px}.concrete-showcase-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.concrete-showcase-projects button{grid-template-columns:48px minmax(0,1fr);min-height:86px;padding-top:10px}.concrete-showcase-projects img{width:48px;height:58px}.concrete-showcase-projects small{font-size:12px}.concrete-showcase-projects strong{font-size:15px}}@media (prefers-reduced-motion:reduce){.concrete-showcase :is(a,button){transition:none}}.concrete-showcase-feature--paired{grid-template-columns:minmax(0,1fr)}.concrete-showcase-feature--paired .concrete-ledger-media{aspect-ratio:auto;height:auto;min-height:0}.concrete-showcase-feature--paired .concrete-ledger-frame{position:static}.concrete-photo-pair{background:var(--showcase-paper);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.concrete-photo-pair figure{background:var(--showcase-fog);min-width:0;margin:0}.concrete-photo-pair figcaption{color:var(--showcase-ink);padding:12px 20px;font-size:16px;font-weight:600}.concrete-photo-pair img{aspect-ratio:4/3;object-fit:contain;width:100%;height:auto;display:block}.concrete-showcase-feature--paired .concrete-showcase-details{flex-direction:row;align-items:center;gap:32px}.concrete-showcase-feature--paired .concrete-showcase-description{flex:1}.concrete-showcase-feature--paired .concrete-showcase-location{margin-bottom:12px}.concrete-showcase-feature--paired .concrete-showcase-summary{max-width:60ch;margin:16px 0}.concrete-showcase-feature--paired .concrete-showcase-navigation{border-top:0;padding:0}.concrete-showcase-story{color:var(--showcase-paper);text-decoration:underline;-webkit-text-decoration-color:var(--showcase-gold);text-decoration-color:var(--showcase-gold);text-underline-offset:5px;background:0 0;padding:0}.concrete-showcase-story:hover{color:var(--showcase-gold);background:0 0}.concrete-showcase-footer{margin-top:28px}.concrete-showcase-footer .concrete-showcase-estimate{background:var(--showcase-gold);min-height:54px;color:var(--showcase-ink);padding:16px 22px;text-decoration:none}.concrete-showcase-footer .concrete-showcase-estimate:hover{background:#dfb46f}@media (max-width:760px){.concrete-photo-pair{grid-template-columns:minmax(0,1fr)}.concrete-showcase-feature--paired .concrete-showcase-details{flex-direction:column;align-items:stretch;gap:24px}.concrete-showcase-feature--paired .concrete-showcase-navigation{border-top:1px solid #526276;padding-top:16px}}
