.gh-wrap{display:grid;grid-template-columns:1fr 1fr 1fr;height:calc(100vh - 58px);min-height:560px}.gh-panel{position:relative;overflow:hidden;display:block;border-right:1px solid rgba(255,255,255,.05);text-decoration:none;color:inherit}.gh-panel:last-child{border-right:none}.gh-bg{position:absolute;inset:0;pointer-events:none;filter:grayscale(.7) brightness(.42) saturate(.7);transition:filter .45s ease}.gh-panel:hover .gh-bg{filter:grayscale(0) brightness(.95) saturate(1)}.gh-red{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(120% 90% at 50% 110%,rgba(238,28,46,.42),transparent 60%),linear-gradient(180deg,rgba(238,28,46,.1),rgba(238,28,46,.22));transition:opacity .45s ease}.gh-panel:hover .gh-red{opacity:1}.gh-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none;text-align:center;padding:0 18px;z-index:3}.gh-title{font-family:var(--font-display),system-ui,sans-serif;font-size:clamp(34px,4.6vw,64px);font-weight:900;letter-spacing:2px;color:#d9dce3;text-transform:uppercase;transition:color .35s ease,text-shadow .35s ease}.gh-panel:hover .gh-title{color:#fff;text-shadow:0 0 34px rgba(238,28,46,.55)}.gh-tag{font-size:12.5px;font-weight:800;letter-spacing:2.6px;text-transform:uppercase;color:rgba(217,220,227,.55);transition:color .35s ease}.gh-panel:hover .gh-tag{color:rgba(255,255,255,.85)}.gh-badge{position:absolute;top:18px;left:18px;z-index:4;display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(8,8,10,.66);color:#cfd3da;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gh-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--sc-green,#2fe2a0);box-shadow:0 0 8px rgba(47,226,160,.8)}.gh-badge.is-soon .dot{background:#8b8f99;box-shadow:none}.gh-play{position:absolute;left:50%;bottom:36px;transform:translate(-50%,10px);z-index:4;opacity:0;pointer-events:none;display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:12px;background:var(--sc-red,#ee1c2e);color:#fff;font-weight:800;font-size:13.5px;letter-spacing:1.6px;text-transform:uppercase;box-shadow:0 10px 36px rgba(238,28,46,.45);transition:opacity .3s ease,transform .3s ease}.gh-panel:hover .gh-play{opacity:1;transform:translate(-50%)}.gh-locked{cursor:default}.gh-locked .gh-bg{filter:grayscale(1) brightness(.3)}.gh-locked:hover .gh-bg{filter:grayscale(.6) brightness(.45)}.gh-locked:hover .gh-red{opacity:.35}.gh-mystery{font-family:var(--font-display),system-ui,sans-serif;font-size:clamp(120px,16vw,240px);font-weight:900;color:rgba(255,255,255,.06);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}@media (max-width:900px){.gh-wrap{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(300px,1fr));height:auto}.gh-panel{border-right:none;border-bottom:1px solid rgba(255,255,255,.05);min-height:46vh}}