.deOCOG_wrap{position:relative}.deOCOG_bgName{z-index:0;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.deOCOG_bgName span{font-family:var(--font-display);letter-spacing:-.025em;text-transform:uppercase;text-align:center;color:rgba(var(--rose-rgb), .12);animation:deOCOG_nameIn .8s var(--ease) both;font-size:clamp(4rem,14vw,13rem);font-weight:800;line-height:.85}.deOCOG_filters{z-index:1;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:clamp(2.5rem,6vw,4.5rem);display:flex;position:relative}.deOCOG_filter{border:1px solid var(--border);color:var(--text-muted);transition:color .3s, background-color .4s var(--ease), border-color .3s;border-radius:999px;padding:.6rem 1.2rem;font-size:.86rem;font-weight:600}.deOCOG_filter sup{opacity:.6;margin-left:.25rem;font-size:.65rem}.deOCOG_filter:hover{color:var(--ivory);border-color:var(--border-strong)}.deOCOG_filterActive{color:var(--maroon-900);background:var(--ivory);border-color:var(--ivory)}.deOCOG_filterActive:hover{color:var(--maroon-900)}.deOCOG_grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,4vw,3.5rem) clamp(1rem,3vw,2.5rem);padding-bottom:4rem;list-style:none;display:grid;position:relative}.deOCOG_item{animation:6s ease-in-out infinite deOCOG_floatY;animation-delay:calc(var(--i) * -.9s)}.deOCOG_item:nth-child(4n+2),.deOCOG_item:nth-child(4n+4){margin-top:clamp(2rem,7vw,6rem)}.deOCOG_card{text-align:center;animation:deOCOG_popIn 1s var(--ease) both;animation-delay:calc(var(--i) * 80ms + .2s);flex-direction:column;align-items:center;gap:1.1rem;display:flex}.deOCOG_portrait{aspect-ratio:1;background:var(--brand-gradient);width:100%;transition:transform .8s var(--ease), box-shadow .8s var(--ease);border-radius:50%;display:block;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #000000e6}.deOCOG_portrait img{object-fit:cover;filter:grayscale()contrast(1.05)brightness(.85);transition:filter .8s var(--ease), transform 1.2s var(--ease);transform:scale(1.08)}.deOCOG_ring{box-shadow:inset 0 0 0 1px rgba(var(--ivory-rgb), .18);transition:box-shadow .6s var(--ease);border-radius:50%;position:absolute;inset:0}.deOCOG_initials{font-family:var(--font-display);place-items:center;font-size:4rem;font-weight:800;display:grid;position:absolute;inset:0}.deOCOG_card:hover .deOCOG_portrait{box-shadow:0 40px 80px -30px #000000f2, 0 0 0 6px rgba(var(--rose-rgb), .25), 0 0 80px rgba(var(--rose-rgb), .35);transform:scale(1.06)}.deOCOG_card:hover .deOCOG_portrait img{filter:none;transform:scale(1.14)}.deOCOG_card:hover .deOCOG_ring{box-shadow:inset 0 0 0 2px var(--ivory)}.deOCOG_meta{flex-direction:column;gap:.2rem;display:flex}.deOCOG_name{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.05rem,1.6vw,1.35rem);font-weight:700;transition:color .4s}.deOCOG_category{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--maroon-200);font-size:.68rem;font-weight:500}.deOCOG_card:hover .deOCOG_name{color:var(--ivory-50)}@media (max-width:900px){.deOCOG_grid{grid-template-columns:repeat(3,1fr)}.deOCOG_item:nth-child(n){margin-top:0}.deOCOG_item:nth-child(3n+2){margin-top:3rem}}@media (max-width:600px){.deOCOG_grid{grid-template-columns:repeat(2,1fr)}.deOCOG_item:nth-child(n){margin-top:0}.deOCOG_item:nth-child(2n){margin-top:2.5rem}}@keyframes deOCOG_floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes deOCOG_popIn{0%{opacity:0;filter:blur(8px);transform:translateY(40px)scale(.85)}to{opacity:1;filter:none;transform:none}}@keyframes deOCOG_nameIn{0%{opacity:0;letter-spacing:.05em;filter:blur(10px)}to{opacity:1;filter:none}}