diff --git a/index.php b/index.php index f681560..311fca6 100644 --- a/index.php +++ b/index.php @@ -183,6 +183,31 @@ $liveIndex = get_live_index($schedule); padding: 1rem; box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.4); transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); + position: relative; + overflow: hidden; + } + + .studio-tag { + position: absolute; + top: 2.2rem; + left: 2.2rem; + background: rgba(15, 23, 42, 0.5); + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + padding: 0.6rem 1.2rem; + border-radius: 100px; + font-size: 0.65rem; + font-weight: 700; + letter-spacing: 0.1em; + text-transform: uppercase; + color: #fff; + border: 1px solid rgba(255, 255, 255, 0.1); + display: flex; + align-items: center; + gap: 0.6rem; + z-index: 5; + box-shadow: 0 10px 20px rgba(0,0,0,0.2); + transition: all 0.4s ease; } .studio-card:hover { @@ -191,6 +216,16 @@ $liveIndex = get_live_index($schedule); background: rgba(255, 255, 255, 0.04); } + .studio-card:hover .studio-tag { + transform: scale(1.05); + background: rgba(15, 23, 42, 0.7); + border-color: var(--primary-color); + } + + .studio-card:hover .studio-photo { + filter: saturate(1.2) brightness(1.1); + } + .studio-photo { width: 100%; height: auto; @@ -673,6 +708,9 @@ $liveIndex = get_live_index($schedule);