/* Extracted from page_panels/world_collection.php block 1 */
:root{
            --wc-card: rgba(8,10,14,0.62);
            --wc-border: rgba(255,255,255,0.10);
            --wc-text: rgba(255,255,255,0.92);
            --wc-muted: rgba(255,255,255,0.70);
            --wc-shadow: 0 24px 80px rgba(0,0,0,0.62);
        }
        .wc{ position:relative; background:#000; color:var(--wc-text); padding: 2.75rem 1.1rem 3.5rem; overflow:hidden; }
        .wc-bg{ position:absolute; inset:0; z-index:0; pointer-events:none; }
        .wc-video-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:translateZ(0); }
        .wc-overlay{
            position:absolute; inset:0;
            background:
                radial-gradient(1100px 760px at 18% 10%, rgba(0,0,0,0.18), rgba(0,0,0,0.82) 60%, rgba(0,0,0,0.92) 100%),
                linear-gradient(to bottom, rgba(0,0,0,0.28), rgba(0,0,0,0.84));
        }
        .wc-noise{
            position:absolute; inset:0; opacity:0.10;
            background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");
            background-size:220px 220px;
        }
        .wc-inner{ position:relative; z-index:2; max-width: 1200px; margin: 0 auto; }

        .wc-panel{
            border-radius: 2px;
            background: var(--wc-card);
            border: 1px solid var(--wc-border);
            backdrop-filter: blur(12px);
            box-shadow: var(--wc-shadow);
            position: relative;
            overflow: hidden;
        }
        .wc-panel::before{
            content:"";
            position:absolute; inset:-2px;
            background: radial-gradient(700px 350px at var(--mx, 30%) var(--my, 20%), rgba(255,255,255,0.12), rgba(255,255,255,0) 55%);
            opacity:0.75;
            pointer-events:none;
        }
        .wc-panel::after{
            content:"";
            position:absolute; inset:0;
            background: linear-gradient(120deg, rgba(255,255,255,0.08), rgba(255,255,255,0) 28%, rgba(255,255,255,0.05) 62%, rgba(255,255,255,0));
            opacity:0.18;
            pointer-events:none;
        }

        .wc-top{ padding: 1.05rem 1.05rem 1.1rem; margin-bottom: 1rem; }
        .wc-top-right{ position:relative; z-index:2; display:flex; gap:0.55rem; flex-wrap:wrap; align-items:center; justify-content:flex-end; }
        .wc-kicker{ font-weight:900; font-size:0.72rem; letter-spacing:0.03em; text-transform:uppercase; color: rgba(255,255,255,0.62); margin-bottom:0.35rem; }
        .wc-title{ margin:0; font-weight:900; letter-spacing:-0.02em; font-size: clamp(1.55rem, 2.8vw, 2.25rem); line-height:1.05; }
        .wc-meta{ margin-top:0.6rem; display:flex; gap:0.5rem; flex-wrap:wrap; position:relative; z-index:2; }

        .wc-chip{
            border-radius: 2px;
            padding: 0.22rem 0.65rem;
            border: 1px solid rgba(255,255,255,0.12);
            background: rgba(0,0,0,0.22);
            color: rgba(255,255,255,0.82);
            font-weight:900;
            font-size:0.82rem;
            white-space:nowrap;
        }
        .wc-chip-on{
            border-color: rgba(120,255,180,0.30);
            background: rgba(120,255,180,0.10);
        }

        .wc-btn{
            display:inline-flex; align-items:center; justify-content:center;
            height: 40px; padding: 0 1.05rem;
            border-radius: 2px;
            font-weight:900; text-decoration:none;
            border: 1px solid rgba(255,255,255,0.14);
            background: rgba(255,255,255,0.10);
            color: rgba(255,255,255,0.92);
            transition: transform 0.10s ease, background 0.10s ease, border-color 0.10s ease;
            cursor:pointer; white-space:nowrap;
        }
        .wc-btn:hover{ background: rgba(255,255,255,0.14); border-color: rgba(255,255,255,0.22); transform: translateY(-1px); }
        .wc-btn-primary{ background: rgba(255,255,255,0.90); color: rgba(0,0,0,0.92); border-color: rgba(255,255,255,0.90); }
        .wc-btn-primary:hover{ background: rgba(255,255,255,0.98); border-color: rgba(255,255,255,0.98); }
        .wc-btn-ghost{ background: rgba(0,0,0,0.22); color: rgba(255,255,255,0.88); }

        .wc-desc{ margin-bottom: 1rem; }
        .wc-pad{ padding: 0.95rem; position:relative; z-index:2; }
        .wc-muted{ color: rgba(255,255,255,0.62); font-weight:800; }

        .wc-alert{ margin-bottom: 1rem; padding: 0.95rem; border: 1px solid rgba(255,90,90,0.28); background: rgba(255,90,90,0.08); }
        .wc-alert-title{ font-weight:900; position:relative; z-index:2; margin-bottom: 0.35rem; }
        .wc-alert-list{ margin:0; padding-left: 1.15rem; font-weight:800; position:relative; z-index:2; }

        .wc-grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
        .wc-card{ overflow:hidden; }
        .wc-card-top{ display:block; text-decoration:none; }
        .wc-thumb{ width:100%; height: 185px; object-fit:cover; display:block; background: rgba(0,0,0,0.25); }
        .wc-thumb-ph{ display:flex; align-items:center; justify-content:center; color: rgba(255,255,255,0.62); font-weight:900; }
        .wc-card-body{ padding: 0.85rem; position:relative; z-index:2; }
        .wc-card-title{ font-weight:900; margin-bottom: 0.45rem; }
        .wc-card-meta{ display:flex; flex-wrap:wrap; gap:0.45rem; margin-bottom: 0.75rem; }
        .wc-card-copy{ line-height:1.45; margin-bottom:0.75rem; }
        .wc-card-actions{ display:flex; flex-wrap:wrap; gap:0.55rem; justify-content:flex-end; }
        .wc-link{ color: rgba(255,255,255,0.92); text-decoration:none; }
        .wc-link:hover{ text-decoration: underline; }

        .wc-index-section{ margin-top:1rem; }
        .wc-index-head{ position:relative; z-index:2; display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin:0 0 0.75rem; }
        .wc-index-head h2{ margin:0; font-size:1.2rem; line-height:1.1; }

        .wc-inline{ display:inline; margin:0; }
        .wc-hp{ position:absolute; left:-9999px; top:-9999px; height:1px; width:1px; opacity:0; }

        @media (max-width: 980px){
            .wc-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
        }
        @media (max-width: 640px){
            .wc-grid{ grid-template-columns: minmax(0, 1fr); }
        }