.creature-detail{z-index:0;color:var(--foreground);background:var(--background);position:relative}.creature-detail .creature-hero{box-sizing:border-box;align-items:flex-end;height:66svh;min-height:400px;display:flex;position:relative}.creature-detail .creature-hero-bleed{background:var(--muted);width:100vw;height:100%;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.creature-detail .creature-hero-image{object-fit:cover;width:100%;height:100%;transition:transform 3s,filter 1.2s;position:absolute;inset:0}.creature-detail .creature-hero:hover .creature-hero-image{transform:scale(1.03)}.creature-detail .creature-hero-overlay{pointer-events:none;background:linear-gradient(180deg,transparent 30%,#0000002e 55%,var(--background)100%);position:absolute;inset:0}.creature-detail .creature-hero-content{z-index:2;width:100%;padding:0 24px 32px;position:relative}.creature-detail .creature-hero-lockup{color:#fff;text-shadow:0 4px 18px #00000080;max-width:800px}.creature-detail .creature-hero-tag{color:#ffffffbf;letter-spacing:.35em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:none;border-radius:2px;padding:6px 14px;font-size:.65rem;display:inline-flex}.creature-detail .creature-hero-title{letter-spacing:.06em;text-transform:uppercase;margin-top:14px;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:600}.creature-detail .creature-hero-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.creature-detail .creature-hero-tags span{color:#ffffffd9;letter-spacing:.1em;border:1px solid #ffffff1a;border-radius:9999px;padding:4px 14px;font-size:.75rem}.creature-detail .detail-body{padding-bottom:64px;position:relative}