.showcase-page{min-height:100svh}.showcase-main{padding-top:1px}.showcase-intro{text-align:center;background:radial-gradient(at 50% 20%,#f8e6e480,#0000 65%);padding:55px 20px 43px;position:relative}.showcase-flower{color:#bd8594;margin-bottom:18px;font-size:30px;display:inline-flex}.showcase-intro h1{margin-bottom:20px;font-size:clamp(32px,4vw,49px);line-height:1.2}.showcase-intro h1 em{color:var(--burgundy);font-weight:400}.showcase-description{color:var(--muted);margin-bottom:28px;font-size:14px;line-height:1.85}.showcase-search{background:#fffdfb;border:1px solid #ddc9cc;border-radius:30px;align-items:center;gap:12px;max-width:550px;min-height:52px;margin:auto;padding:7px 8px 7px 19px;display:flex;box-shadow:0 4px 18px #8f5b6a06}.showcase-search>.icon{color:#97616f;font-size:19px}.showcase-search:focus-within{border-color:var(--burgundy)}.showcase-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;flex:1;padding:7px 0;font-size:13px}.showcase-search input:focus{outline:none}.showcase-search input::placeholder{color:#827a83}.showcase-search .button{min-height:36px;padding-inline:21px;font-size:12px}.showcase-clear{color:var(--burgundy);text-underline-offset:4px;background:0 0;border:0;margin-top:10px;padding:10px 18px;font-size:12px;text-decoration:underline}.showcase-results{width:min(790px,100% - 48px);margin:auto;padding-bottom:55px}.showcase-results-bar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:21px 0;display:flex}.showcase-results-bar p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.showcase-results-bar p:focus{outline:none}.showcase-results-bar a{color:var(--burgundy);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:inline-flex}.showcase-results-bar a:hover{text-underline-offset:4px;text-decoration:underline}.showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px;display:grid}.showcase-card{min-width:0}.showcase-card-link{background:#fdfbf8;border:1px solid #eae2dd;border-radius:6px;height:100%;transition:transform .22s,box-shadow .22s,border-color .22s;display:block;overflow:hidden}.showcase-card-link:hover{border-color:#ddc8cd;transform:translateY(-3px);box-shadow:0 7px 18px #6945400d}.showcase-art{aspect-ratio:3/4;position:relative;overflow:hidden}.showcase-art img{object-fit:contain;width:100%;height:100%;transition:transform .5s}.showcase-card-link:hover img{transform:scale(1.025)}.showcase-view{color:var(--burgundy);white-space:nowrap;backdrop-filter:blur(8px);opacity:0;background:#fffaf3d9;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:11px;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)}.showcase-card-link:is(:hover,:focus-visible) .showcase-view{opacity:1;transform:translate(-50%,-50%)}.showcase-card-info{background:linear-gradient(#fdfbf800 0,#fdfbf899 28px,#fdfbf8ad 100%);padding:34px 15px 15px;position:absolute;inset:auto 0 0}.showcase-card-heading{justify-content:space-between;align-items:start;gap:10px;margin-bottom:7px;display:flex}.showcase-card-info [data-card-title]{min-width:0;font-family:var(--font-sans);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:14px;font-weight:500;line-height:1.45;overflow:hidden}.showcase-card-arrow{color:var(--burgundy);flex-shrink:0;padding-top:3px;font-size:14px;transition:transform .2s;display:inline-flex}.showcase-card-link:hover .showcase-card-arrow{transform:translate(2px,-2px)}.showcase-card-info dl{gap:2px;margin:0;font-size:11px;line-height:1.6;display:grid}.showcase-card-info dl>div{gap:7px;min-width:0;display:flex}.showcase-card-info dt{color:#382f36;flex:0 0 28px}.showcase-card-info dd{color:#302934;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.showcase-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:43px;display:flex}.showcase-pagination a,.showcase-pagination span{border-radius:50%;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:12px;display:inline-flex}.showcase-pagination a{border:1px solid var(--line);background:#fffdf9}.showcase-pagination a:hover{border-color:var(--burgundy);color:var(--burgundy)}.showcase-pagination a[aria-current]{background:var(--burgundy);border-color:var(--burgundy);color:#fff}.showcase-empty{text-align:center;padding:65px 20px 85px}.showcase-empty>.icon{color:#bd8594;margin-bottom:24px;font-size:39px}.showcase-empty h2{margin-bottom:15px;font-size:29px}.showcase-empty p{color:var(--muted);margin-bottom:25px;font-size:14px;line-height:1.8}.showcase-create{text-align:center;background:#f5ece8;border-block:1px solid #eee2dd;padding:42px 22px 48px}.showcase-create>.icon{color:#bf8193;margin-bottom:19px;font-size:27px}.showcase-create h2{margin-bottom:14px;font-size:29px}.showcase-create p{color:var(--muted);margin-bottom:23px;font-size:13px;line-height:1.8}.showcase-create .button{min-height:42px}@media (width>=1200px){.showcase-results{width:min(1040px,100% - 80px)}}@media (width>=701px) and (width<=900px){.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.showcase-intro{padding:36px 20px 29px}.showcase-flower{margin-bottom:16px;font-size:27px}.showcase-intro h1{font-size:33px}.showcase-description{font-size:12px;line-height:1.85}.showcase-search{gap:8px;padding-left:13px}.showcase-search input{font-size:12px}.showcase-search .button{min-height:36px;padding-inline:14px;font-size:11px}.showcase-results{width:calc(100% - 36px);padding-bottom:36px}.showcase-results-bar{gap:8px;padding-block:17px}.showcase-results-bar p,.showcase-results-bar a{font-size:10px}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px}.showcase-card-info{background:linear-gradient(#fdfbf800 0,#fdfbf899 20px,#fdfbf8ad 100%);padding:26px 11px 10px}.showcase-card-info [data-card-title]{font-size:12px}.showcase-card-heading{gap:6px;margin-bottom:5px}.showcase-card-arrow{font-size:12px}.showcase-card-info dl{font-size:10px}.showcase-card-info dl>div{gap:3px}.showcase-card-info dt{flex-basis:26px}.showcase-view{display:none}.showcase-pagination{gap:5px;margin-top:30px}.showcase-pagination a,.showcase-pagination span{min-width:37px;height:40px}.showcase-create h2{font-size:26px}.showcase-create p{font-size:12px}}