.showcase{padding:8rem 0}.showcase-statement{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:5rem;display:flex}.showcase-chip{color:#0000;background:var(--golden-yellow-gradient);-webkit-text-fill-color:transparent;border:1px solid var(--golden-yellow-gradient);-webkit-background-clip:text;background-clip:text;border-radius:999px;margin:0;padding:.6rem 1rem;display:inline-block}.showcase-title{max-width:14em;color:var(--base-100);margin:0}.showcase-title-accent{color:#0000;background:var(--golden-yellow-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.showcase-intro{max-width:40rem;color:var(--base-300);margin:0}.showcase-intro strong{color:var(--base-100);font-weight:600}.showcase-bento{grid-template-rows:repeat(2,minmax(18rem,auto));grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.showcase-card{border-radius:2rem;flex-direction:column;padding:2rem;display:flex;position:relative;overflow:hidden}.showcase-card--photo{grid-area:1/1/span 2/span 2;justify-content:flex-end;min-height:36rem;padding:2.5rem}.showcase-photo{position:absolute;inset:0}.showcase-photo img{object-fit:cover}.showcase-photo:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--ink-900) 10%, transparent) 0%, color-mix(in srgb, var(--ink-900) 55%, transparent) 45%, color-mix(in srgb, var(--ink-900) 85%, transparent) 100%);position:absolute;inset:0}.showcase-photo-text{max-width:32rem;color:var(--base-200);margin:0;position:relative}.showcase-photo-text strong{color:var(--base-100);font-weight:600}.showcase-card--gold,.showcase-card--sage{justify-content:space-between;gap:1rem}.showcase-card--gold{background:var(--tint-gold)}.showcase-card--sage{background:var(--ink-900);justify-content:flex-end;gap:.35rem;min-height:18rem}.showcase-place{position:absolute;inset:0}.showcase-place img{object-fit:cover;object-position:center 42%}.showcase-place:after{content:"";background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--ink-900) 8%, transparent) 38%, color-mix(in srgb, var(--ink-900) 78%, transparent) 100%);position:absolute;inset:0}.showcase-card--sage>:not(.showcase-place){z-index:1;position:relative}.showcase-card--sage .icon-chip-label,.showcase-card--sage .showcase-card-sub{color:var(--base-100)}.showcase-card-label{color:var(--base-500);margin:0}.showcase-stat{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--ink-900);margin:0;font-size:clamp(2.5rem,4vw,4rem);font-weight:700;line-height:1}.showcase-card--sage .showcase-stat{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;color:var(--base-100);font-size:clamp(1.5rem,2vw,2.25rem)}.showcase-card-sub{color:var(--ink-900);margin:0}.showcase-spark{width:100%;height:3rem}.showcase-spark polyline{fill:none;stroke:#c89820;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.showcase-card--dark{background:var(--base-450);border:1px solid var(--ink-700);grid-area:2/3/auto/span 2;justify-content:space-between;align-items:flex-start;gap:2rem}.showcase-dark-text{max-width:34rem;color:var(--base-200);margin:0}@media (max-width:1000px){.showcase{padding:6rem 0 4rem}.showcase-statement{margin-bottom:3rem}.showcase-bento{grid-template-rows:none;grid-template-columns:1fr}.showcase-card{border-radius:1.5rem;padding:1.5rem}.showcase-card--photo,.showcase-card--dark{grid-area:auto}.showcase-card--photo{min-height:32rem}.showcase-photo:after{background:linear-gradient(180deg, color-mix(in srgb, var(--ink-900) 15%, transparent) 0%, color-mix(in srgb, var(--ink-900) 68%, transparent) 40%, color-mix(in srgb, var(--ink-900) 88%, transparent) 100%)}.showcase-card--sage{min-height:16rem}.showcase-place:after{background:linear-gradient(180deg, color-mix(in srgb, var(--ink-900) 12%, transparent) 0%, color-mix(in srgb, var(--ink-900) 35%, transparent) 40%, color-mix(in srgb, var(--ink-900) 82%, transparent) 100%)}.showcase-card--sage .showcase-stat{font-size:2rem}}
