.fray-showcase{--showcase-paper:#f5f5f0;--showcase-surface:#fbfbf7;--showcase-ink:#111712;--showcase-muted:#687168;--showcase-line:rgba(17,23,18,0.16);--showcase-accent:#1648ff;--site-paper:var(--showcase-paper);--site-surface:var(--showcase-surface);--site-ink:var(--showcase-ink);--site-muted:var(--showcase-muted);--site-line:var(--showcase-line);--site-blue:var(--showcase-accent);background:var(--showcase-paper);color:var(--showcase-ink);min-height:100svh}.fray-showcase ::selection{background:#d5ff4f;color:var(--showcase-ink)}.fray-showcase .fray-site-header{background:rgba(245,245,240,.96);border-color:var(--showcase-line)}.fray-showcase .fray-site-header nav a.is-active,.fray-showcase .fray-site-header nav a:hover,.fray-showcase .fray-site-header nav a[aria-current=page]{background:var(--showcase-ink);color:var(--showcase-paper)}.fray-showcase .fray-site-header-end:hover,.fray-showcase .fray-site-logo span{color:var(--showcase-accent)}.fray-showcase-upcoming-grid{gap:2rem 1.35rem;grid-template-columns:repeat(4,minmax(0,1fr))}.fray-showcase-live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fray-showcase-live-card .fray-catalog-badge:before{background:#22a95a;border-radius:50%;content:"";height:.42rem;margin-right:.42rem;width:.42rem}.fray-showcase-card-copy{display:grid;grid-template-columns:1fr auto;padding-top:1rem}.fray-showcase-card-copy h3{font-size:1.1rem;font-weight:620;letter-spacing:-.03em;line-height:1.1}.fray-showcase-card-copy span{color:var(--showcase-muted);display:block;font-family:var(--font-mono);font-size:.56rem;font-weight:680;letter-spacing:.08em;margin-top:.45rem;text-transform:uppercase}.fray-showcase-card-copy svg{color:var(--showcase-muted);height:1rem;margin-top:.12rem;transition:transform .18s ease;width:1rem}.fray-showcase-live-card:hover .fray-showcase-card-copy svg{transform:translate(.12rem,-.12rem)}.fray-showcase-card-copy>p{color:var(--showcase-muted);font-size:.94rem;grid-column:1/-1;line-height:1.55;margin-top:.85rem;max-width:34rem}.fray-showcase-placeholder{align-items:center;aspect-ratio:1.72/1;background:#e8e9e4;border:1px solid rgba(17,23,18,.1);border-radius:.7rem;display:flex;isolation:isolate;justify-content:center;overflow:hidden;position:relative}.fray-showcase-placeholder:after,.fray-showcase-placeholder:before{border:1px solid;border-radius:50%;content:"";opacity:.26;position:absolute}.fray-showcase-placeholder:before{height:54%;width:54%}.fray-showcase-placeholder:after{height:82%;width:82%}.fray-showcase-placeholder>span{font-size:clamp(3.8rem,7vw,6.2rem);font-weight:350;line-height:1;position:relative;z-index:1}.fray-showcase-placeholder>strong{bottom:.75rem;font-family:var(--font-mono);font-size:.52rem;left:.85rem;letter-spacing:.07em;position:absolute;text-transform:uppercase}.fray-showcase-placeholder.is-further{background:#cbe866;color:#19230c}.fray-showcase-placeholder.is-deeper{background:#5d73d7;color:#f4f2e8}.fray-showcase-placeholder.is-ought{background:#f0a13f;color:#2b1509}.fray-showcase .fray-site-footer{background:var(--showcase-ink);border:0;color:var(--showcase-paper)}.fray-showcase .fray-site-footer .fray-site-logo span,.fray-showcase .fray-site-footer nav a:hover{color:#d5ff4f}@media (max-width:960px){.fray-showcase-live-grid,.fray-showcase-upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.fray-showcase-live-grid,.fray-showcase-upcoming-grid{gap:2.75rem;grid-template-columns:1fr}.fray-showcase-placeholder>span{font-size:6.5rem}}@media (prefers-reduced-motion:reduce){.fray-showcase-card-copy svg{transition:none}}